superdoc 2.28.0-next.1 → 2.28.0-next.10

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 { _ as getWorkflowRecording, a as registerFirstPartyCommandMutation, c as getV2TrackedChangeMutationImpact, d as resolveImageSrc, g as createInteractionHistory, h as closeInteractionHistory, i as readFirstPartyPageNumbers, l as isPlainObject$1, m as DOM_CLASS_NAMES, n as executeFirstPartyCommandAsync, p as isSyntheticTrackedChangeCommentLaneItem, r as executeFirstPartyShortcutAsync, s as applyV2CommentInvalidationFromMutation, t as createSuperDocUI, u as createImageFilePicker, v as isWorkflowRecordingEnabled, y as recordInteraction } from "./chunks/create-super-doc-ui-B29zw5qD.es.js";
+import { _ as createInteractionHistory, a as registerFirstPartyCommandMutation, b as recordInteraction, c as applyV2CommentInvalidationFromMutation, d as createImageFilePicker, f as resolveImageSrc, g as closeInteractionHistory, h as DOM_CLASS_NAMES, i as readFirstPartyPageNumbers, l as getV2TrackedChangeMutationImpact, m as isSyntheticTrackedChangeCommentLaneItem, n as executeFirstPartyCommandAsync, o as isRecord, r as executeFirstPartyShortcutAsync, t as createSuperDocUI, u as isPlainObject$1, v as getWorkflowRecording, y as isWorkflowRecordingEnabled } from "./chunks/create-super-doc-ui-C4Ka5Ph3.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 vModelText, A as onActivated, B as renderSlot, C as isRef$1, D as normalizeClass, E as nextTick, F as openBlock, G as toRaw$2, H as resolveDynamicComponent, I as provide$1, J as unref, K as toRef, L as reactive, M as onDeactivated, N as onMounted, O as normalizeProps, P as onScopeDispose$1, Q as vModelSelect, R as ref, S as isReactive$1, T as mergeProps, U as shallowRef$1, V as resolveDirective, W as toDisplayString, X as useSlots, Y as useAttrs, Z as vModelCheckbox, _ as getCurrentInstance, a as computed$1, b as hasInjectionContext, c as createCommentVNode, d as createStaticVNode, et as watch$1, f as createTextVNode, g as effectScope, h as defineComponent, i as Transition, it as withModifiers, j as onBeforeUnmount, k as normalizeStyle, l as createElementBlock, m as defineAsyncComponent, n as Fragment, nt as withDirectives, o as createApp, p as createVNode, q as toRefs, r as Teleport, rt as withKeys, s as createBlock, t as _plugin_vue_export_helper_default, tt as withCtx, u as createElementVNode, v as getCurrentScope, w as markRaw, x as inject$1, y as h, z as renderList } from "./chunks/_plugin-vue_export-helper-7ZiLY07t.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.28.0-next.1";
+		return "2.28.0-next.10";
 	} catch {
 		return "unknown";
 	}
@@ -5462,7 +5462,8 @@ function resolveWebsocketFamily(family, candidate) {
 			roomMode,
 			serverUrl,
 			...params ? { params } : {},
-			...token ? { token } : {}
+			...token ? { token } : {},
+			...family === "hocuspocus" && candidate.retry !== void 0 ? { retry: candidate.retry } : {}
 		}
 	};
 }
@@ -7185,16 +7186,6 @@ function createDefaultV2Integration() {
 		return createStubV2Integration();
 	}
 }
-/**
-* Backwards-compatible alias. The v2 branch no longer reads any customer
-* config; the parameter is ignored and retained only so existing call sites do
-* not need to change in lockstep with this internalization.
-*
-* @returns {SuperDocV2Integration}
-*/
-function resolveV2Integration() {
-	return createDefaultV2Integration();
-}
 //#endregion
 //#region src/helpers/interaction-trace.js
 function safeTraceCollector() {
@@ -7753,6 +7744,7 @@ var useCommentsStore = defineStore("comments", () => {
 	const instantSidebarAlignmentInstanceId = ref(null);
 	const pendingComment = ref(null);
 	const pendingV2CommentTarget = shallowRef$1(null);
+	let pendingCommentRequest = 0;
 	const isViewingMode = computed$1(() => viewingVisibility.documentMode === "viewing");
 	const shouldRenderReviewInViewing = computed$1(() => {
 		if (!isViewingMode.value) return true;
@@ -7760,6 +7752,7 @@ var useCommentsStore = defineStore("comments", () => {
 	});
 	const v2CommentsAdapter = shallowRef$1(null);
 	const setV2CommentsAdapter = (adapter) => {
+		if (v2CommentsAdapter.value !== (adapter ?? null)) pendingCommentRequest += 1;
 		v2CommentsAdapter.value = adapter ?? null;
 	};
 	const getV2CommentsAdapter = (superdoc) => {
@@ -8618,26 +8611,41 @@ var useCommentsStore = defineStore("comments", () => {
 		}
 		if (typeof currentSelection !== "function") return null;
 		try {
-			return currentSelection();
+			const snapshot = currentSelection();
+			return typeof snapshot?.then === "function" ? Promise.resolve(snapshot).catch(() => null) : snapshot;
 		} catch {
 			return null;
 		}
 	};
 	const showAddComment = (superdoc, targetClientY = null) => {
+		const request = ++pendingCommentRequest;
+		const editor = superdoc?.activeEditor;
 		const v2Adapter = getV2CommentsAdapter(superdoc);
-		const pendingSelection = getPendingSelectionSnapshot(superdoc, superdocStore.activeSelection);
-		const event = {
-			type: COMMENT_EVENTS.PENDING,
-			pendingSelection
+		const ownsRequest = () => pendingCommentRequest === request;
+		const emitPending = (snapshot) => {
+			if (!ownsRequest()) return;
+			superdoc.emit("comments-update", {
+				type: COMMENT_EVENTS.PENDING,
+				pendingSelection: superdoc?.activeEditor === editor ? snapshot : null
+			});
 		};
-		superdoc.emit("comments-update", event);
 		if (v2Adapter) {
 			const cap = v2Adapter.getCapabilityState?.();
 			if (cap && cap.canWrite === false) return {
 				ok: false,
 				reason: cap.reason
 			};
-			return Promise.resolve(v2Adapter.captureCurrentSelection?.()).then((capture) => {
+			return Promise.resolve(v2Adapter.captureCurrentSelection?.({ beforeReady: (snapshot) => {
+				if (superdoc?.activeEditor === editor && getV2CommentsAdapter(superdoc) === v2Adapter) emitPending(snapshot);
+			} })).then((capture) => {
+				if (!ownsRequest()) return {
+					ok: false,
+					reason: "pending-comment-superseded"
+				};
+				if (superdoc?.activeEditor !== editor || getV2CommentsAdapter(superdoc) !== v2Adapter) return {
+					ok: false,
+					reason: "document-replaced"
+				};
 				if (!capture?.ok) return {
 					ok: false,
 					reason: capture?.reason ?? "editing-range-required",
@@ -8666,25 +8674,52 @@ var useCommentsStore = defineStore("comments", () => {
 				detail: err?.message ?? String(err)
 			}));
 		}
-		const selection = { ...superdocStore.activeSelection };
-		selection.selectionBounds = { ...selection.selectionBounds };
-		if (superdocStore.selectionPosition?.source && superdocStore.selectionPosition.source !== "pdf") superdocStore.selectionPosition.source = null;
-		pendingComment.value = getPendingComment({
-			selection,
-			documentId: selection.documentId,
-			parentCommentId: null
-		});
-		if (!superdoc.config.isInternal) pendingComment.value.isInternal = false;
-		if (superdoc.activeEditor?.commands) superdoc.activeEditor.commands.insertComment({
-			...pendingComment.value.getValues(),
-			commentId: "pending",
-			skipEmit: true
-		});
-		if (pendingComment.value.selection.source === "document-editor" && superdocStore.selectionPosition) superdocStore.selectionPosition.source = DOCUMENT_EDITOR_SELECTION_SOURCE;
-		requestInstantSidebarAlignment(targetClientY, "pending");
-		setActiveFloatingCommentInstance(null);
-		activeComment.value = pendingComment.value.commentId;
-		return { ok: true };
+		const pendingSelection = getPendingSelectionSnapshot(superdoc, superdocStore.activeSelection);
+		const asyncSnapshot = typeof pendingSelection?.then === "function";
+		if (!asyncSnapshot) emitPending(pendingSelection);
+		const showLegacyPending = (selection) => {
+			selection.selectionBounds = { ...selection.selectionBounds };
+			if (superdocStore.selectionPosition?.source && superdocStore.selectionPosition.source !== "pdf") superdocStore.selectionPosition.source = null;
+			pendingComment.value = getPendingComment({
+				selection,
+				documentId: selection.documentId,
+				parentCommentId: null
+			});
+			if (!superdoc.config.isInternal) pendingComment.value.isInternal = false;
+			if (superdoc.activeEditor?.commands) superdoc.activeEditor.commands.insertComment({
+				...pendingComment.value.getValues(),
+				commentId: "pending",
+				skipEmit: true
+			});
+			if (pendingComment.value.selection.source === "document-editor" && superdocStore.selectionPosition) superdocStore.selectionPosition.source = DOCUMENT_EDITOR_SELECTION_SOURCE;
+			requestInstantSidebarAlignment(targetClientY, "pending");
+			setActiveFloatingCommentInstance(null);
+			activeComment.value = pendingComment.value.commentId;
+			return { ok: true };
+		};
+		if (asyncSnapshot) {
+			const selection = { ...superdocStore.activeSelection };
+			selection.selectionBounds = { ...selection.selectionBounds };
+			return pendingSelection.then((snapshot) => {
+				if (!ownsRequest()) return {
+					ok: false,
+					reason: "pending-comment-superseded"
+				};
+				emitPending(snapshot);
+				if (!ownsRequest()) return {
+					ok: false,
+					reason: "pending-comment-superseded"
+				};
+				return superdoc?.activeEditor === editor ? showLegacyPending(selection) : {
+					ok: false,
+					reason: "document-replaced"
+				};
+			});
+		}
+		return ownsRequest() ? showLegacyPending({ ...superdocStore.activeSelection }) : {
+			ok: false,
+			reason: "pending-comment-superseded"
+		};
 	};
 	/**
 	* Get the numeric position value for sorting a comment by document order.
@@ -8839,7 +8874,7 @@ var useCommentsStore = defineStore("comments", () => {
 	*
 	* @returns {void}
 	*/
-	const removePendingComment = (superdoc) => {
+	const resetPendingCommentState = (superdoc, clearViewingSelection = true) => {
 		const hadPending = !!pendingComment.value;
 		currentCommentText.value = "";
 		currentCommentMentions.value = [];
@@ -8848,13 +8883,17 @@ var useCommentsStore = defineStore("comments", () => {
 		superdocStore.selectionPosition = null;
 		if (hadPending) clearActiveCommentSelection();
 		if (isV2EditorActive(superdoc)) {
-			if (hadPending && isViewingMode.value) try {
+			if (hadPending && clearViewingSelection && isViewingMode.value) try {
 				superdoc?.activeEditor?.host?.getHandles?.()?.selection?.clear?.();
 			} catch {}
 			return;
 		}
 		superdoc?.activeEditor?.commands?.removeComment({ commentId: "pending" });
 	};
+	const removePendingComment = (superdoc) => {
+		pendingCommentRequest += 1;
+		resetPendingCommentState(superdoc);
+	};
 	const getV2CreatedComment = ({ outcome, reconciled, documentId }) => {
 		const createdId = normalizeCommentId(outcome?.createdCommentId);
 		if (!createdId) return reconciled?.added ?? null;
@@ -8872,6 +8911,7 @@ var useCommentsStore = defineStore("comments", () => {
 		const v2Adapter = !skipEditorUpdate && !isHydration ? getV2CommentsAdapter(superdoc) : null;
 		if (v2Adapter && !comment.trackedChange) {
 			const submittedPendingComment = pendingComment.value;
+			const submittedPendingRequest = pendingCommentRequest;
 			const text = normalizeV2CommentDraftText(submittedPendingComment ? currentCommentText.value : comment.commentText);
 			const mentions = pendingComment.value ? currentCommentMentions.value : comment.mentions ?? [];
 			const target = pendingComment.value ? pendingV2CommentTarget.value : null;
@@ -8920,9 +8960,11 @@ var useCommentsStore = defineStore("comments", () => {
 					documentId: v2Adapter.documentId
 				});
 				const hadPendingComment = submittedPendingComment != null && pendingComment.value?.commentId === submittedPendingComment.commentId;
-				if (hadPendingComment) removePendingComment(superdoc);
+				const ownsSubmittedRequest = pendingCommentRequest === submittedPendingRequest;
+				if (hadPendingComment) if (ownsSubmittedRequest) removePendingComment(superdoc);
+				else resetPendingCommentState(superdoc, false);
 				const createdId = created?.commentId ?? null;
-				if (hadPendingComment && createdId) {
+				if (hadPendingComment && ownsSubmittedRequest && createdId) {
 					setActiveComment(superdoc, createdId);
 					setActiveFloatingCommentInstance(createdId);
 				}
@@ -9019,6 +9061,8 @@ var useCommentsStore = defineStore("comments", () => {
 					rejected: true,
 					comment: comment.getValues(),
 					reason: outcome?.reason ?? "v2-delete-failed",
+					...outcome?.code !== void 0 ? { code: outcome.code } : {},
+					...outcome?.detail !== void 0 ? { detail: outcome.detail } : {},
 					...outcome?.committed ? { committed: true } : {}
 				});
 				return outcome;
@@ -13331,97 +13375,107 @@ var _hoisted_2$19 = {
 	class: "existing-internal-input"
 };
 var _hoisted_3$16 = { class: "new-comment-input-wrapper" };
-var _hoisted_4$11 = { class: "reply-actions" };
-var _hoisted_5$8 = ["disabled"];
-var _hoisted_6$6 = {
+var _hoisted_4$11 = {
+	key: 1,
+	class: "tracked-change-decision-alert",
+	role: "alert"
+};
+var _hoisted_5$8 = { class: "reply-actions" };
+var _hoisted_6$6 = ["disabled"];
+var _hoisted_7$4 = {
 	key: 0,
 	class: "resolved-badge"
 };
-var _hoisted_7$4 = ["innerHTML"];
-var _hoisted_8$4 = {
+var _hoisted_8$4 = ["innerHTML"];
+var _hoisted_9$3 = {
 	key: 1,
 	class: "existing-internal-input"
 };
-var _hoisted_9$3 = {
+var _hoisted_10$3 = {
+	key: 2,
+	class: "tracked-change-decision-alert",
+	role: "alert"
+};
+var _hoisted_11$3 = {
 	key: 0,
 	class: "card-section comment-body"
 };
-var _hoisted_10$3 = ["data-track-change-semantic-color-key"];
-var _hoisted_11$3 = { key: 0 };
-var _hoisted_12$2 = { class: "change-type tracked-change-label" };
-var _hoisted_13$2 = {
+var _hoisted_12$2 = ["data-track-change-semantic-color-key"];
+var _hoisted_13$2 = { key: 0 };
+var _hoisted_14$2 = { class: "change-type tracked-change-label" };
+var _hoisted_15$2 = {
 	key: 0,
 	class: "tracked-change-detail-lines"
 };
-var _hoisted_14$2 = {
+var _hoisted_16$2 = {
 	key: 0,
 	class: "tracked-change-text"
 };
-var _hoisted_15$2 = {
+var _hoisted_17$2 = {
 	key: 1,
 	class: "change-type"
 };
-var _hoisted_16$2 = { class: "change-type" };
-var _hoisted_17$2 = { key: 1 };
-var _hoisted_18$2 = { class: "tracked-change-text is-inserted" };
-var _hoisted_19$1 = { key: 2 };
+var _hoisted_18$2 = { class: "change-type" };
+var _hoisted_19$1 = { key: 1 };
 var _hoisted_20$1 = { class: "tracked-change-text is-inserted" };
-var _hoisted_21$1 = { key: 3 };
-var _hoisted_22$1 = { key: 4 };
-var _hoisted_23$1 = { key: 5 };
-var _hoisted_24 = { key: 6 };
-var _hoisted_25 = { class: "tracked-change-text" };
-var _hoisted_26 = { key: 7 };
-var _hoisted_27 = { class: "tracked-change-text is-deleted" };
-var _hoisted_28 = { class: "tracked-change-text is-inserted" };
-var _hoisted_29 = { key: 8 };
-var _hoisted_30 = { key: 9 };
-var _hoisted_31 = { key: 10 };
-var _hoisted_32 = { class: "tracked-change-text is-deleted" };
-var _hoisted_33 = { key: 11 };
-var _hoisted_34 = { class: "tracked-change-text is-inserted" };
-var _hoisted_35 = ["data-track-change-image-preview-role"];
-var _hoisted_36 = ["src", "alt"];
-var _hoisted_37 = {
+var _hoisted_21$1 = { key: 2 };
+var _hoisted_22$1 = { class: "tracked-change-text is-inserted" };
+var _hoisted_23$1 = { key: 3 };
+var _hoisted_24 = { key: 4 };
+var _hoisted_25 = { key: 5 };
+var _hoisted_26 = { key: 6 };
+var _hoisted_27 = { class: "tracked-change-text" };
+var _hoisted_28 = { key: 7 };
+var _hoisted_29 = { class: "tracked-change-text is-deleted" };
+var _hoisted_30 = { class: "tracked-change-text is-inserted" };
+var _hoisted_31 = { key: 8 };
+var _hoisted_32 = { key: 9 };
+var _hoisted_33 = { key: 10 };
+var _hoisted_34 = { class: "tracked-change-text is-deleted" };
+var _hoisted_35 = { key: 11 };
+var _hoisted_36 = { class: "tracked-change-text is-inserted" };
+var _hoisted_37 = ["data-track-change-image-preview-role"];
+var _hoisted_38 = ["src", "alt"];
+var _hoisted_39 = {
 	key: 1,
 	class: "card-section comment-body"
 };
-var _hoisted_38 = ["innerHTML"];
-var _hoisted_39 = {
+var _hoisted_40 = ["innerHTML"];
+var _hoisted_41 = {
 	key: 1,
 	class: "comment"
 };
-var _hoisted_40 = {
+var _hoisted_42 = {
 	key: 2,
 	class: "reply-expanded"
 };
-var _hoisted_41 = { class: "reply-input-wrapper" };
-var _hoisted_42 = { class: "reply-actions" };
-var _hoisted_43 = ["onClick"];
-var _hoisted_44 = [
+var _hoisted_43 = { class: "reply-input-wrapper" };
+var _hoisted_44 = { class: "reply-actions" };
+var _hoisted_45 = ["onClick"];
+var _hoisted_46 = [
 	"onClick",
 	"disabled",
 	"data-disabled-reason"
 ];
-var _hoisted_45 = { class: "collapsed-avatars" };
-var _hoisted_46 = {
+var _hoisted_47 = { class: "collapsed-avatars" };
+var _hoisted_48 = {
 	key: 3,
 	class: "comment-separator"
 };
-var _hoisted_47 = {
-	key: 2,
+var _hoisted_49 = {
+	key: 3,
 	class: "tracked-change-decision-alert",
 	role: "alert"
 };
-var _hoisted_48 = { class: "tracked-change-decision-alert__message" };
-var _hoisted_49 = ["disabled", "data-disabled-reason"];
-var _hoisted_50 = {
+var _hoisted_50 = { class: "tracked-change-decision-alert__message" };
+var _hoisted_51 = ["disabled", "data-disabled-reason"];
+var _hoisted_52 = {
 	key: 1,
 	class: "reply-expanded"
 };
-var _hoisted_51 = { class: "reply-input-wrapper" };
-var _hoisted_52 = { class: "reply-actions" };
-var _hoisted_53 = ["disabled", "data-disabled-reason"];
+var _hoisted_53 = { class: "reply-input-wrapper" };
+var _hoisted_54 = { class: "reply-actions" };
+var _hoisted_55 = ["disabled", "data-disabled-reason"];
 var commentEditSessions = /* @__PURE__ */ new WeakMap();
 var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "CommentDialog",
@@ -13501,6 +13555,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			};
 		};
 		const CLICK_OUTSIDE_IGNORED_SELECTORS = [
+			".superdoc__tools [data-id=\"is-tool\"]",
 			".comments-dropdown__option-label",
 			".comments-dropdown__menu",
 			".comments-dropdown__option",
@@ -13674,12 +13729,17 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const isReplying = ref(false);
 		const isSubmittingReply = ref(false);
 		const isSubmittingNewComment = ref(false);
+		const commentSaveFailure = ref("");
+		const commentSaveFailureMessage = (outcome, hasDraft = true) => {
+			return `Your comment could not be saved${outcome?.detail === "document-mode-read-only" ? " because the document or connection is read-only" : outcome?.code === "PERMISSION_DENIED" ? " because you do not have permission" : ""}.${hasDraft ? " Your draft is still here. Try again or cancel." : " Try again."}`;
+		};
 		const startReply = () => {
 			if (commentsAreReadOnly()) return readOnlyMutationOutcome();
 			if (isV2WriteDisabled.value) return {
 				ok: false,
 				reason: v2WriteCapability.value?.reason ?? "v2-write-unavailable"
 			};
+			commentSaveFailure.value = "";
 			isReplying.value = true;
 			nextTick(() => {
 				commentInput.value?.focus?.();
@@ -13929,6 +13989,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					reason: "reply-submit-in-flight"
 				};
 				isSubmittingReply.value = true;
+				commentSaveFailure.value = "";
 				try {
 					const parentCommentId = getV2ExistingReplyParentId(props.comment);
 					const trackedChangeTarget = getV2TrackedChangeCommentTarget(props.comment);
@@ -13940,6 +14001,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						...trackedChangeTarget ? { trackedChangeTarget } : {}
 					});
 					if (!outcome?.ok) {
+						commentSaveFailure.value = commentSaveFailureMessage(outcome);
 						nextTick(() => emit("resize"));
 						return outcome;
 					}
@@ -13958,6 +14020,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					reason: "comment-submit-in-flight"
 				};
 				isSubmittingNewComment.value = true;
+				commentSaveFailure.value = "";
 			}
 			const options = {
 				documentId: props.comment.fileId,
@@ -13973,7 +14036,10 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			Promise.resolve().then(() => addComment({
 				superdoc: proxy.$superdoc,
 				comment
-			})).catch((err) => {
+			})).then((outcome) => {
+				if (isPendingNewComment.value && outcome?.ok === false) commentSaveFailure.value = commentSaveFailureMessage(outcome);
+			}).catch((err) => {
+				commentSaveFailure.value = commentSaveFailureMessage();
 				console.error("[SuperDoc] addComment failed", err);
 			}).finally(() => {
 				isSubmittingNewComment.value = false;
@@ -14011,15 +14077,8 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const v2WriteCapability = computed$1(() => {
 			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
-			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
-			const capability = v2CommentsAdapter.value.getCapabilityState?.(command) ?? null;
-			if (documentMode === "viewing" && !isPendingNewComment.value) return {
-				...capability ?? {},
-				canWrite: false,
-				reason: "review-surface-read-only"
-			};
-			return capability;
+			return v2CommentsAdapter.value.getCapabilityState?.(command) ?? null;
 		});
 		const isV2WriteDisabled = computed$1(() => {
 			if (!isV2Mode.value) return false;
@@ -14205,10 +14264,15 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				});
 				v1TrackedChangeDecisionApplied = Boolean(outcome?.ok) && outcome.success !== false;
 			} else if (isV2Mode.value && v2CommentsAdapter.value) {
-				if (!(await commentsStore.resolveCommentV2({
+				const outcome = await commentsStore.resolveCommentV2({
 					superdoc: proxy.$superdoc,
 					commentId: props.comment.commentId
-				}))?.ok) return;
+				});
+				if (!outcome?.ok) {
+					commentSaveFailure.value = commentSaveFailureMessage(outcome, false);
+					return outcome;
+				}
+				commentSaveFailure.value = "";
 			} else props.comment.resolveComment({
 				id: superdocStore.user.id,
 				email: superdocStore.user.email,
@@ -14237,17 +14301,22 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				reason: "resolve-disabled"
 			};
 			if (!isV2Mode.value || !v2CommentsAdapter.value) return;
-			if (!(await commentsStore.reopenCommentV2({
+			const outcome = await commentsStore.reopenCommentV2({
 				superdoc: proxy.$superdoc,
 				commentId: props.comment.commentId
-			}))?.ok) return;
+			});
+			if (!outcome?.ok) {
+				commentSaveFailure.value = commentSaveFailureMessage(outcome, false);
+				return outcome;
+			}
+			commentSaveFailure.value = "";
 			nextTick(() => {
 				commentsStore.lastUpdate = /* @__PURE__ */ new Date();
 				commentsStore.setActiveComment(proxy.$superdoc, activeComment.value);
 				proxy.$superdoc.focus?.();
 			});
 		};
-		const handleOverflowSelect = (value, comment) => {
+		const handleOverflowSelect = async (value, comment) => {
 			if (commentsAreReadOnly()) return readOnlyMutationOutcome();
 			switch (value) {
 				case "edit":
@@ -14266,10 +14335,13 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					});
 					break;
 				case "delete":
-					deleteComment({
-						superdoc: proxy.$superdoc,
-						commentId: comment.commentId
-					});
+					{
+						const outcome = await deleteComment({
+							superdoc: proxy.$superdoc,
+							commentId: comment.commentId
+						});
+						commentSaveFailure.value = outcome?.ok ? "" : commentSaveFailureMessage(outcome, false);
+					}
 					break;
 			}
 		};
@@ -14290,8 +14362,12 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					commentId: comment.commentId,
 					text: draft
 				});
-				if (!outcome?.ok) return outcome;
 				if (session?.owner !== editSessionOwner || commentEditSessions.get(commentsStore) !== session || session.submission !== submission || proxy.$superdoc.activeEditor !== editor || editor.v2Comments !== adapter || adapter.documentId !== documentId || editor.doc !== document || props.comment !== thread || editingCommentId.value !== comment.commentId || currentCommentText.value !== draft) return outcome;
+				if (!outcome?.ok) {
+					commentSaveFailure.value = commentSaveFailureMessage(outcome);
+					return outcome;
+				}
+				commentSaveFailure.value = "";
 				retireOwnEditSession();
 				editingCommentId.value = null;
 				removePendingComment(proxy.$superdoc);
@@ -14323,6 +14399,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return typeof timestamp === "string" ? new Date(timestamp).getTime() : timestamp;
 		};
 		const handleCancel = (comment) => {
+			commentSaveFailure.value = "";
 			retireOwnEditSession();
 			editingCommentId.value = null;
 			isReplying.value = false;
@@ -14422,26 +14499,28 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"config",
 					"comment"
 				])]),
-				createElementVNode("div", _hoisted_4$11, [createElementVNode("button", {
+				commentSaveFailure.value ? (openBlock(), createElementBlock("p", _hoisted_4$11, toDisplayString(commentSaveFailure.value), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_5$8, [createElementVNode("button", {
 					class: "sd-button reply-btn-cancel",
 					onClick: withModifiers(handleCancel, ["stop", "prevent"])
 				}, "Cancel"), createElementVNode("button", {
 					class: normalizeClass(["sd-button primary reply-btn-primary", { "sd-is-disabled": !hasTextContent.value || isSubmittingNewComment.value }]),
 					onClick: withModifiers(handleAddComment, ["stop", "prevent"]),
 					disabled: !hasTextContent.value || isSubmittingNewComment.value
-				}, " Comment ", 10, _hoisted_5$8)])
+				}, " Comment ", 10, _hoisted_6$6)])
 			], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-				resolvedBadgeLabel.value ? (openBlock(), createElementBlock("div", _hoisted_6$6, [createElementVNode("span", {
+				resolvedBadgeLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$4, [createElementVNode("span", {
 					class: "resolved-badge__icon",
 					innerHTML: unref(superdocIcons).markDone
-				}, null, 8, _hoisted_7$4), createTextVNode(" " + toDisplayString(resolvedBadgeLabel.value), 1)])) : createCommentVNode("", true),
-				shouldShowInternalExternal.value ? (openBlock(), createElementBlock("div", _hoisted_8$4, [createVNode(InternalDropdown_default, {
+				}, null, 8, _hoisted_8$4), createTextVNode(" " + toDisplayString(resolvedBadgeLabel.value), 1)])) : createCommentVNode("", true),
+				shouldShowInternalExternal.value ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createVNode(InternalDropdown_default, {
 					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop", "prevent"])),
 					class: "sd-internal-dropdown",
 					"is-disabled": isInternalDropdownDisabled.value,
 					state: __props.comment.isInternal ? "internal" : "external",
 					onSelect: handleInternalExternalSelect
 				}, null, 8, ["is-disabled", "state"])])) : createCommentVNode("", true),
+				commentSaveFailure.value ? (openBlock(), createElementBlock("p", _hoisted_10$3, toDisplayString(commentSaveFailure.value), 1)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(visibleComments.value, (comment, index) => {
 					return openBlock(), createElementBlock("div", {
 						key: comment.commentId,
@@ -14473,27 +14552,27 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 							"write-disabled-reason",
 							"onOverflowSelect"
 						]),
-						comment.trackedChange ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+						comment.trackedChange ? (openBlock(), createElementBlock("div", _hoisted_11$3, [
 							createElementVNode("div", {
 								class: normalizeClass(["tracked-change", index === 0 ? bodyOverflowClass.value : void 0]),
 								"data-track-change-semantic-color-key": comment.semanticColorKey ?? void 0,
 								ref_for: true,
 								ref: index === 0 ? setParentBodyRef : void 0
-							}, [comment.trackedChangeLabel ? (openBlock(), createElementBlock("div", _hoisted_11$3, [createElementVNode("span", _hoisted_12$2, toDisplayString(comment.trackedChangeLabel), 1), comment.trackedChangeDetailLines && comment.trackedChangeDetailLines.length ? (openBlock(), createElementBlock("div", _hoisted_13$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(comment.trackedChangeDetailLines, (line, lineIndex) => {
+							}, [comment.trackedChangeLabel ? (openBlock(), createElementBlock("div", _hoisted_13$2, [createElementVNode("span", _hoisted_14$2, toDisplayString(comment.trackedChangeLabel), 1), comment.trackedChangeDetailLines && comment.trackedChangeDetailLines.length ? (openBlock(), createElementBlock("div", _hoisted_15$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(comment.trackedChangeDetailLines, (line, lineIndex) => {
 								return openBlock(), createElementBlock("div", {
 									key: lineIndex,
 									class: "tracked-change-detail-line"
 								}, [
-									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_14$2, "\"" + toDisplayString(line.excerpt) + "\"", 1)) : createCommentVNode("", true),
-									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_15$2, " — ")) : createCommentVNode("", true),
-									createElementVNode("span", _hoisted_16$2, toDisplayString(line.label), 1)
+									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_16$2, "\"" + toDisplayString(line.excerpt) + "\"", 1)) : createCommentVNode("", true),
+									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_17$2, " — ")) : createCommentVNode("", true),
+									createElementVNode("span", _hoisted_18$2, toDisplayString(line.label), 1)
 								]);
-							}), 128))])) : createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (openBlock(), createElementBlock("div", _hoisted_17$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), createElementVNode("span", _hoisted_18$2, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), createElementVNode("span", _hoisted_20$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (openBlock(), createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (openBlock(), createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (openBlock(), createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "change-type" }, "Format: ", -1)), createElementVNode("span", _hoisted_25, toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (openBlock(), createElementBlock("div", _hoisted_26, [
+							}), 128))])) : createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), createElementVNode("span", _hoisted_20$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (openBlock(), createElementBlock("div", _hoisted_21$1, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), createElementVNode("span", _hoisted_22$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (openBlock(), createElementBlock("div", _hoisted_23$1, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (openBlock(), createElementBlock("div", _hoisted_24, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (openBlock(), createElementBlock("div", _hoisted_25, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (openBlock(), createElementBlock("div", _hoisted_26, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "change-type" }, "Format: ", -1)), createElementVNode("span", _hoisted_27, toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (openBlock(), createElementBlock("div", _hoisted_28, [
 								_cache[8] || (_cache[8] = createElementVNode("span", { class: "change-type" }, "Replaced ", -1)),
-								createElementVNode("span", _hoisted_27, "\"" + toDisplayString(comment.deletedText) + "\"", 1),
+								createElementVNode("span", _hoisted_29, "\"" + toDisplayString(comment.deletedText) + "\"", 1),
 								_cache[9] || (_cache[9] = createElementVNode("span", { class: "change-type" }, " with ", -1)),
-								createElementVNode("span", _hoisted_28, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)
-							])) : comment.deletedText && comment.deletedText === "\n" ? (openBlock(), createElementBlock("div", _hoisted_29, [..._cache[10] || (_cache[10] = [createElementVNode("span", { class: "change-type" }, "Deleted line break", -1)])])) : comment.trackedChangeText && comment.trackedChangeText === "\n" ? (openBlock(), createElementBlock("div", _hoisted_30, [..._cache[11] || (_cache[11] = [createElementVNode("span", { class: "change-type" }, "Added line break", -1)])])) : comment.deletedText ? (openBlock(), createElementBlock("div", _hoisted_31, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "change-type" }, "Deleted ", -1)), createElementVNode("span", _hoisted_32, "\"" + toDisplayString(comment.deletedText) + "\"", 1)])) : comment.trackedChangeText ? (openBlock(), createElementBlock("div", _hoisted_33, [_cache[13] || (_cache[13] = createElementVNode("span", { class: "change-type" }, "Added ", -1)), createElementVNode("span", _hoisted_34, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : createCommentVNode("", true), comment.trackedChangeImagePreview?.src ? (openBlock(), createElementBlock("div", {
+								createElementVNode("span", _hoisted_30, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)
+							])) : comment.deletedText && comment.deletedText === "\n" ? (openBlock(), createElementBlock("div", _hoisted_31, [..._cache[10] || (_cache[10] = [createElementVNode("span", { class: "change-type" }, "Deleted line break", -1)])])) : comment.trackedChangeText && comment.trackedChangeText === "\n" ? (openBlock(), createElementBlock("div", _hoisted_32, [..._cache[11] || (_cache[11] = [createElementVNode("span", { class: "change-type" }, "Added line break", -1)])])) : comment.deletedText ? (openBlock(), createElementBlock("div", _hoisted_33, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "change-type" }, "Deleted ", -1)), createElementVNode("span", _hoisted_34, "\"" + toDisplayString(comment.deletedText) + "\"", 1)])) : comment.trackedChangeText ? (openBlock(), createElementBlock("div", _hoisted_35, [_cache[13] || (_cache[13] = createElementVNode("span", { class: "change-type" }, "Added ", -1)), createElementVNode("span", _hoisted_36, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : createCommentVNode("", true), comment.trackedChangeImagePreview?.src ? (openBlock(), createElementBlock("div", {
 								key: 12,
 								class: "tracked-change-image-preview",
 								"data-track-change-image-preview-role": comment.trackedChangeImagePreview.role ?? void 0
@@ -14504,7 +14583,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 								style: normalizeStyle(trackedChangeImagePreviewStyle(comment.trackedChangeImagePreview)),
 								loading: "lazy",
 								decoding: "async"
-							}, null, 12, _hoisted_36)], 8, _hoisted_35)) : createCommentVNode("", true)], 10, _hoisted_10$3),
+							}, null, 12, _hoisted_38)], 8, _hoisted_37)) : createCommentVNode("", true)], 10, _hoisted_12$2),
 							shouldTruncate.value && isTextOverflowing.value && index === 0 ? (openBlock(), createElementBlock("div", {
 								key: 0,
 								class: "show-more-toggle",
@@ -14516,29 +14595,29 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 								onClick: withModifiers(toggleTruncation, ["stop", "prevent"])
 							}, " Show less ")) : createCommentVNode("", true)
 						])) : createCommentVNode("", true),
-						!comment.trackedChange ? (openBlock(), createElementBlock("div", _hoisted_37, [
+						!comment.trackedChange ? (openBlock(), createElementBlock("div", _hoisted_39, [
 							!unref(isDebugging) && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", {
 								key: 0,
 								class: normalizeClass(["comment", index === 0 ? bodyOverflowClass.value : void 0]),
 								ref_for: true,
 								ref: index === 0 ? setParentBodyRef : void 0,
 								innerHTML: renderedCommentTexts.value.get(comment.commentId)
-							}, null, 10, _hoisted_38)) : unref(isDebugging) && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", _hoisted_39, toDisplayString(unref(editorCommentPositions)[comment.importedId !== void 0 ? comment.importedId : comment.commentId]?.bounds), 1)) : (openBlock(), createElementBlock("div", _hoisted_40, [createElementVNode("div", _hoisted_41, [createVNode(CommentInput_default, {
+							}, 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, {
 								ref_for: true,
 								ref: setEditCommentInputRef(comment.commentId),
 								users: [],
 								config: unref(getConfig),
 								"include-header": false,
 								comment
-							}, null, 8, ["config", "comment"])]), createElementVNode("div", _hoisted_42, [createElementVNode("button", {
+							}, 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_43), createElementVNode("button", {
+							}, "Cancel", 8, _hoisted_45), 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_44)])])),
+							}, " Update ", 10, _hoisted_46)])])),
 							shouldTruncate.value && isTextOverflowing.value && index === 0 && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", {
 								key: 3,
 								class: "show-more-toggle",
@@ -14553,29 +14632,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_45, [(openBlock(true), createElementBlock(Fragment, null, renderList(collapsedReplyAuthors.value, (author) => {
+						}, [createElementVNode("div", _hoisted_47, [(openBlock(true), createElementBlock(Fragment, null, renderList(collapsedReplyAuthors.value, (author) => {
 							return openBlock(), createBlock(Avatar_default, {
 								key: author.email || author.name,
 								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_46)) : createCommentVNode("", true)
+						showSeparator.value(index) ? (openBlock(), createElementBlock("div", _hoisted_48)) : createCommentVNode("", true)
 					]);
 				}), 128)),
-				trackedChangeDecisionFailure.value ? (openBlock(), createElementBlock("div", _hoisted_47, [createElementVNode("span", _hoisted_48, toDisplayString(trackedChangeDecisionFailureMessage.value), 1), createElementVNode("button", {
+				trackedChangeDecisionFailure.value ? (openBlock(), createElementBlock("div", _hoisted_49, [createElementVNode("span", _hoisted_50, 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: 3 }, [!isReplying.value ? (openBlock(), createElementBlock("button", {
+				showInputSection.value && !unref(getConfig).readOnly ? (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_49)) : (openBlock(), createElementBlock("div", _hoisted_50, [createElementVNode("div", _hoisted_51, [createVNode(CommentInput_default, {
+				}, " Reply or add others with @ ", 10, _hoisted_51)) : (openBlock(), createElementBlock("div", _hoisted_52, [createElementVNode("div", _hoisted_53, [createVNode(CommentInput_default, {
 					ref_key: "commentInput",
 					ref: commentInput,
 					users: usersFiltered.value,
@@ -14586,7 +14665,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"users",
 					"config",
 					"comment"
-				])]), createElementVNode("div", _hoisted_52, [createElementVNode("button", {
+				])]), createElementVNode("div", _hoisted_54, [createElementVNode("button", {
 					class: "sd-button reply-btn-cancel",
 					onClick: withModifiers(handleCancel, ["stop", "prevent"])
 				}, "Cancel"), createElementVNode("button", {
@@ -14594,11 +14673,11 @@ 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_53)])]))], 64)) : createCommentVNode("", true)
+				}, " Reply ", 10, _hoisted_55)])]))], 64)) : createCommentVNode("", true)
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-f5016db4"]]);
+}, [["__scopeId", "data-v-f8b79c74"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -15321,6 +15400,80 @@ var composeAuthorColorResolver = (config) => {
 	};
 };
 //#endregion
+//#region ../document-api/src/errors.ts
+/**
+* Structured validation error thrown by document-api execute* functions.
+*
+* Consumers should prefer checking `error.code` over `instanceof` for resilience
+* across package boundaries and bundling scenarios.
+*/
+var DocumentApiValidationError = class DocumentApiValidationError extends Error {
+	constructor(code, message, details) {
+		super(message);
+		this.name = "DocumentApiValidationError";
+		this.code = code;
+		this.details = details;
+		Object.setPrototypeOf(this, DocumentApiValidationError.prototype);
+	}
+};
+//#endregion
+//#region ../document-api/src/export/export.types.ts
+/** Canonical tracked-change export modes accepted by every public export surface. */
+var SD_EXPORT_MODES = [
+	"review-preserving",
+	"final",
+	"original"
+];
+/** Default mode for modeful DOCX export. */
+var DEFAULT_SD_EXPORT_MODE = "review-preserving";
+var SD_COMMENT_EXPORT_POLICIES = [
+	"preserve",
+	"resolve",
+	"remove"
+];
+var SD_CONTENT_CONTROL_EXPORT_POLICIES = ["preserve", "flatten"];
+//#endregion
+//#region ../document-api/src/export/export.ts
+/**
+* Export namespace: engine-agnostic public API and adapter contract.
+*
+* Validates the requested mode at the public boundary so an invalid mode fails
+* closed with `INVALID_INPUT` before any document work happens, then delegates
+* byte production and degradation reporting to the engine adapter.
+*/
+function resolveMode$1(input) {
+	if (input != null && !isRecord(input)) throw new DocumentApiValidationError("INVALID_INPUT", "export.toDocx input must be an object.");
+	const raw = input?.mode;
+	if (raw === void 0) return DEFAULT_SD_EXPORT_MODE;
+	if (typeof raw !== "string" || !SD_EXPORT_MODES.includes(raw)) throw new DocumentApiValidationError("INVALID_INPUT", `export.toDocx mode must be one of: ${SD_EXPORT_MODES.join(", ")}.`, {
+		mode: raw,
+		allowedModes: [...SD_EXPORT_MODES]
+	});
+	return raw;
+}
+function resolveDocxExportPolicies(input = {}) {
+	if (!isRecord(input)) throw new DocumentApiValidationError("INVALID_INPUT", "DOCX export input must be an object.");
+	const mode = resolveMode$1(input);
+	const policies = input.policies;
+	if (policies !== void 0 && !isRecord(policies)) throw new DocumentApiValidationError("INVALID_INPUT", "DOCX export policies must be an object.");
+	const allowed = {
+		trackedChanges: SD_EXPORT_MODES,
+		comments: SD_COMMENT_EXPORT_POLICIES,
+		contentControls: SD_CONTENT_CONTROL_EXPORT_POLICIES
+	};
+	for (const [key, value] of Object.entries(policies ?? {})) if (!Object.prototype.hasOwnProperty.call(allowed, key) || value !== void 0 && !allowed[key].includes(value)) throw new DocumentApiValidationError("INVALID_INPUT", `Unsupported DOCX export policy: ${key}.`, {
+		policy: key,
+		value
+	});
+	const requested = policies;
+	if (input.mode !== void 0 && requested?.trackedChanges !== void 0 && mode !== requested.trackedChanges) throw new DocumentApiValidationError("INVALID_INPUT", "mode conflicts with policies.trackedChanges.");
+	return {
+		trackedChanges: requested?.trackedChanges ?? mode,
+		comments: requested?.comments ?? "preserve",
+		contentControls: requested?.contentControls ?? "preserve"
+	};
+}
+//#endregion
 //#region ../document-api/src/permission-ranges/permission-ranges.ts
 function editorKey(editor) {
 	return editor.id?.trim() ? editor.id : editor.email?.trim() || void 0;
@@ -20058,6 +20211,28 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 	};
 }
 //#endregion
+//#region src/core/helpers/resolve-docx-export.ts
+function resolveV2DocxExportOptions(options = {}) {
+	const policies = resolveDocxExportPolicies({ policies: options.policies });
+	if (options.isFinalDoc !== void 0) {
+		if (typeof options.isFinalDoc !== "boolean") throw new DocumentApiValidationError("INVALID_INPUT", "isFinalDoc must be a boolean.");
+		const legacy = options.isFinalDoc ? "final" : "review-preserving";
+		if (options.policies?.trackedChanges !== void 0 && policies.trackedChanges !== legacy) throw new DocumentApiValidationError("INVALID_INPUT", "isFinalDoc conflicts with policies.trackedChanges.");
+		policies.trackedChanges = legacy;
+	}
+	if (options.commentsType !== void 0) {
+		if (options.commentsType !== "external" && options.commentsType !== "clean") throw new DocumentApiValidationError("INVALID_INPUT", "commentsType must be external or clean.");
+		const legacy = options.commentsType === "clean" ? "remove" : "preserve";
+		if (options.policies?.comments !== void 0 && policies.comments !== legacy) throw new DocumentApiValidationError("INVALID_INPUT", "commentsType conflicts with policies.comments.");
+		policies.comments = legacy;
+	}
+	return {
+		mode: policies.trackedChanges,
+		commentExportMode: policies.comments === "remove" ? "strip" : policies.comments,
+		contentControlExportMode: policies.contentControls
+	};
+}
+//#endregion
 //#region src/core/editor-runtime/v2/v2-editor-runtime-adapter.ts
 var DEFAULT_V2_LEGACY_PROJECTION = Object.freeze({
 	editorVersion: 2,
@@ -20697,7 +20872,7 @@ function createV2EditorRuntimeAdapter(options) {
 			save: () => host.save(),
 			exportDocx: (options) => host.save({
 				format: "docx",
-				commentExportMode: options?.commentsType === "clean" ? "strip" : "preserve"
+				...resolveV2DocxExportOptions(options)
 			}),
 			async setZoom(percent) {
 				const result = host.setZoom(percent);
@@ -21944,7 +22119,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const { proxy } = getCurrentInstance();
 		commentsStore.proxy = proxy;
 		const documentOpenTelemetry = createDocumentOpenTelemetry(proxy.$superdoc.config);
-		const resolvedEditorIntegration = resolveV2Integration(proxy.$superdoc.config);
+		const resolvedEditorIntegration = createDefaultV2Integration();
 		const V2DocumentEditor = markRaw(resolvedEditorIntegration.EditorComponent);
 		const V2Ruler = resolvedEditorIntegration.RulerComponent ? markRaw(resolvedEditorIntegration.RulerComponent) : null;
 		const floatingComments = computed$1(() => {
@@ -22090,6 +22265,10 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return layers.value.getBoundingClientRect().top + top * zoom;
 		};
 		const handleCommentToolClick = async () => {
+			if (isV2Mode.value) {
+				cancelScheduledV2DomSelectionSync();
+				if (applyCurrentV2DomSelection()?.ok === false) return;
+			}
 			if ((await showAddComment(proxy.$superdoc, getPendingCommentTargetClientY()))?.ok === false) return;
 			if (!isV2Mode.value) return;
 			const pendingPosition = buildV2PendingPositionEntry();
@@ -22362,10 +22541,9 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				return host.save(saveOptions);
 			});
 			const exportV2Docx = async (options = {}) => {
-				const commentExportMode = options?.commentsType === "clean" ? "strip" : "preserve";
 				const bytes = await saveV2Bytes({
 					format: "docx",
-					commentExportMode
+					...resolveV2DocxExportOptions(options)
 				});
 				return new Blob([bytes], { type: DOCX });
 			};
@@ -22640,6 +22818,9 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					subscribe: (listener) => v2ReviewWindowController.subscribe?.(listener) ?? (() => void 0)
 				},
 				extensions: createV2ExtensionsFacet(host),
+				get visuals() {
+					return typeof host?.getHostVisuals === "function" ? host.getHostVisuals() : null;
+				},
 				fonts: fonts ?? host?.getFontRuntime?.() ?? null,
 				/**
 				* The v2 active-editor facade explicitly does NOT carry v1 commands /
@@ -22805,7 +22986,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const result = handles?.selection?.applyDomSelection?.(selection);
 			if (!result?.ok || result.mode !== "range") {
 				clearV2SelectionToolbarState();
-				return;
+				return { ok: false };
 			}
 			v2DomMirroredRange.value = true;
 			v2HasRangeSelection.value = true;
@@ -23267,7 +23448,8 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				return;
 			}
 			const collaborationException = createCollaborationException(reason, documentId);
-			const message = collaborationException?.error.message ?? getV2EditorFailureMessage(reason);
+			const baseMessage = collaborationException?.error.message ?? getV2EditorFailureMessage(reason);
+			const message = reason === "collaboration-config-invalid" && detail ? `${baseMessage} ${detail}` : baseMessage;
 			const workerFailure = payload?.workerFailure && typeof payload.workerFailure === "object" ? payload.workerFailure : null;
 			setV2EditorFailure(documentId, {
 				reason,
@@ -23283,7 +23465,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			};
 			if (reason === "collaboration-v1-config-unsupported" || reason === "collaboration-room-format-unsupported" || reason === "collaboration-room-format-conflict" || reason === "collaboration-room-corrupt" || reason === "collaboration-v2-room-missing" || reason === "collaboration-v2-room-already-exists" || reason === "collaboration-v2-room-initializing" || reason === "collaboration-v2-room-bootstrap-stalled" || reason === "collaboration-open-intent-invalid" || reason === "collaboration-config-invalid") console.warn(`[SuperDoc] ${message}`, logContext);
 			else console.error(`[SuperDoc] ${message}`, logContext);
-			proxy.$superdoc.emit("exception", collaborationException ?? {
+			proxy.$superdoc.emit("exception", collaborationException && reason !== "collaboration-config-invalid" ? collaborationException : {
 				error: new Error(message),
 				code: reason,
 				...documentId ? { documentId } : {},
@@ -23457,6 +23639,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					emitCommentPositionsInViewing: isViewingMode() && shouldRenderCommentsInViewing.value,
 					enableCommentsInViewing: isViewingCommentsVisible.value,
 					contentControlsChrome: proxy.$superdoc.uiConfig.contentControls.options.chrome,
+					commentHighlights: proxy.$superdoc.uiConfig.comments.highlights,
 					resolveTrackedChangeColor: composeAuthorColorResolver(proxy.$superdoc.config.modules?.trackChanges?.authorColors)
 				} : void 0,
 				permissionResolver: createTrackedChangePermissionResolver(proxy.$superdoc)
@@ -24511,7 +24694,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 46, _hoisted_1$17);
 		};
 	}
-}, [["__scopeId", "data-v-143de6c8"]]);
+}, [["__scopeId", "data-v-f2db957f"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -37973,6 +38156,11 @@ var COMMENT_POLICY_FIELDS = Object.freeze([
 	"allowResolve",
 	"permissionResolver"
 ]);
+function withoutSwitches(options) {
+	if (!("panel" in options) && !("highlights" in options)) return options;
+	const { panel: _panel, highlights: _highlights, ...rest } = options;
+	return rest;
+}
 /**
 * Drop policy fields from a presentation options bag.
 */
@@ -38317,8 +38505,9 @@ function normalizeUiConfig(config = {}) {
 			}
 		},
 		comments: {
-			enabled: explicit("comments") ?? (!allDisabled && config.modules?.comments !== false),
-			options: allDisabled ? {} : normalizeCommentsUiConfig(withoutCommentPolicy(options("comments"))) || {}
+			enabled: (explicit("comments") ?? (!allDisabled && config.modules?.comments !== false)) && options("comments").panel !== false,
+			highlights: options("comments").highlights !== false,
+			options: allDisabled ? {} : normalizeCommentsUiConfig(withoutCommentPolicy(withoutSwitches(options("comments")))) || {}
 		},
 		contextMenu: {
 			enabled: explicit("contextMenu") ?? (!allDisabled && config.disableContextMenu !== true),
@@ -41442,9 +41631,6 @@ var TABLE_ACTION_COMMAND_MAP = {
 	fixTables: "table-fix"
 };
 var TABLE_ACTION_COMMAND_IDS = Object.values(TABLE_ACTION_COMMAND_MAP);
-[.../* @__PURE__ */ new Set([...Object.values(HEADLESS_ITEM_MAP), ...TABLE_ACTION_COMMAND_IDS])];
-var NON_HEADLESS_EXECUTE_ITEM_NAMES = /* @__PURE__ */ new Set(["link"]);
-new Set(Object.keys(HEADLESS_ITEM_MAP).filter((itemName) => !NON_HEADLESS_EXECUTE_ITEM_NAMES.has(itemName)));
 //#endregion
 //#region src/internal/toolbar/built-in/Toolbar.vue
 var _hoisted_1$10 = ["data-superdoc-ui-owner"];
@@ -46208,7 +46394,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.28.0-next.1";
+		this.version = "2.28.0-next.10";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -46924,7 +47110,8 @@ var SuperDoc = class extends import_eventemitter3.default {
 			...syncTimeoutOption,
 			...target.serverUrl ? { serverUrl: target.serverUrl } : {},
 			...target.params ? { params: target.params } : {},
-			...target.token ? { token: target.token } : {}
+			...target.token ? { token: target.token } : {},
+			...target.retry !== void 0 ? { retry: target.retry } : {}
 		};
 		return {
 			providerType: "y-websocket",
@@ -48161,12 +48348,13 @@ var SuperDoc = class extends import_eventemitter3.default {
 	* Export the superdoc to a file
 	* @param params - Export configuration
 	*/
-	async export({ exportType = ["docx"], commentsType = "external", exportedName, additionalFiles = [], additionalFileNames = [], isFinalDoc = false, triggerDownload = true, fieldsHighlightColor = null } = {}) {
+	async export({ exportType = ["docx"], commentsType, exportedName, additionalFiles = [], additionalFileNames = [], isFinalDoc, policies, triggerDownload = true, fieldsHighlightColor = null } = {}) {
 		if (!Array.isArray(exportType) || exportType.length !== 1 || exportType[0] !== "docx") throw new TypeError("SuperDoc.export() only supports exportType: [\"docx\"].");
 		const baseFileName = exportedName ? cleanName(exportedName) : cleanName(this.config.title);
 		const docxFiles = await this.exportEditorsToDOCX({
 			commentsType,
 			isFinalDoc,
+			policies,
 			fieldsHighlightColor
 		});
 		const blobsToZip = [...additionalFiles];
@@ -48252,7 +48440,12 @@ var SuperDoc = class extends import_eventemitter3.default {
 	* Export editors to DOCX format.
 	* @param [options]
 	*/
-	async exportEditorsToDOCX({ commentsType, isFinalDoc, fieldsHighlightColor } = {}) {
+	async exportEditorsToDOCX({ commentsType, isFinalDoc, policies, fieldsHighlightColor } = {}) {
+		if (policies !== void 0) resolveV2DocxExportOptions({
+			policies,
+			commentsType,
+			isFinalDoc
+		});
 		const uiStoreHydrated = this.config?.modules?.comments !== false;
 		let legacyComments;
 		let legacyCommentsComputed = false;
@@ -48272,7 +48465,13 @@ var SuperDoc = class extends import_eventemitter3.default {
 		};
 		this.on("exception", rememberBridgedExportError);
 		try {
-			const docxPromises = this.#requireSuperdocStore("exportEditorsToDOCX").documents.map(async (doc) => {
+			const documents = this.#requireSuperdocStore("exportEditorsToDOCX").documents;
+			if (policies !== void 0 && documents.some((doc) => {
+				if (doc.type !== "application/vnd.openxmlformats-officedocument.wordprocessingml.document") return false;
+				const editor = doc.getEditor?.();
+				return editor?.editorVersion !== 2 || typeof editor.exportDocx !== "function";
+			})) throw new Error("Independent DOCX export policies require a mounted V2 exporter for every document.");
+			const docxPromises = documents.map(async (doc) => {
 				if (!doc || doc.type !== "application/vnd.openxmlformats-officedocument.wordprocessingml.document") return null;
 				const editor = typeof doc.getEditor === "function" ? doc.getEditor() : null;
 				const fallbackDocx = () => {
@@ -48289,6 +48488,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 					const exported = await editor.exportDocx(isV2Editor ? {
 						isFinalDoc,
 						commentsType,
+						policies,
 						fieldsHighlightColor
 					} : {
 						isFinalDoc,
@@ -48617,4 +48817,8 @@ function defineSuperDocExtension(extension) {
 	return extension;
 }
 //#endregion
-export { blank_default as BlankDOCX, DOCX, DocumentLoadError, HTML, PDF, SuperDoc, buildTheme, compareVersions, createTheme, defineSuperDocExtension, getFileObject, listPermissionRangeEditors, resolvePermissionRangeEditor };
+//#region src/public/index.ts
+/** URL to the blank DOCX template. */
+var BlankDOCX = blank_default;
+//#endregion
+export { BlankDOCX, DOCX, DocumentLoadError, HTML, PDF, SuperDoc, buildTheme, compareVersions, createTheme, defineSuperDocExtension, getFileObject, listPermissionRangeEditors, resolvePermissionRangeEditor };