superdoc 2.12.0-next.2 → 2.12.0-next.20

package/dist/superdoc.cjs

@@ -4,7 +4,7 @@ const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-C_TAnXOl.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
 const require_jszip = require("./chunks/jszip-D8mAFF-r.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-CBFGggZ2.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-BWWWNPP8.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-SDR04tiH.cjs");
 const require_constants = require("./chunks/constants-DpXuDx_g.cjs");
 let vue = require("vue");
@@ -316,7 +316,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.12.0-next.2";
+		return "2.12.0-next.20";
 	} catch {
 		return "unknown";
 	}
@@ -10188,6 +10188,115 @@ var useCommentsStore = defineStore("comments", () => {
 		const type = normalizeTrackedChangeDecisionType(comment?.trackedChangeDisplayType) ?? normalizeTrackedChangeDecisionType(comment?.trackedChangeType);
 		return normalizedDecision === "accept" && type === "insertion" || normalizedDecision === "reject" && type === "deletion";
 	};
+	const getBodyTrackedChangeIdentityIds = (comment) => {
+		const commentId = normalizeCommentId(comment.commentId);
+		const canonicalId = normalizeCommentId(comment.trackedChangeCanonicalId);
+		return [commentId, ...!(canonicalId && canonicalId !== commentId) ? [
+			comment.importedId,
+			canonicalId,
+			comment.trackedChangeAnchorKey,
+			...normalizeTrackedChangePositionAliases(comment.trackedChangePositionAliases)
+		] : []].map((id) => normalizeCommentId(id)).filter(Boolean);
+	};
+	const groupBodyTrackedChangeCommentsByIdentity = (comments) => {
+		const parents = comments.map((_, index) => index);
+		const findRoot = (index) => {
+			let root = index;
+			while (parents[root] !== root) root = parents[root];
+			while (parents[index] !== index) {
+				const next = parents[index];
+				parents[index] = root;
+				index = next;
+			}
+			return root;
+		};
+		const join = (left, right) => {
+			const leftRoot = findRoot(left);
+			const rightRoot = findRoot(right);
+			if (leftRoot === rightRoot) return;
+			parents[Math.max(leftRoot, rightRoot)] = Math.min(leftRoot, rightRoot);
+		};
+		const identityOwner = /* @__PURE__ */ new Map();
+		comments.forEach((comment, index) => {
+			getBodyTrackedChangeIdentityIds(comment).forEach((identityId) => {
+				const owner = identityOwner.get(identityId);
+				if (owner === void 0) identityOwner.set(identityId, index);
+				else join(index, owner);
+			});
+		});
+		const groups = /* @__PURE__ */ new Map();
+		comments.forEach((comment, index) => {
+			const root = findRoot(index);
+			const group = groups.get(root) ?? [];
+			group.push(comment);
+			groups.set(root, group);
+		});
+		return groups;
+	};
+	const mergeDuplicateBodyTrackedChangeComments = (groups) => {
+		const duplicates = /* @__PURE__ */ new Map();
+		groups.forEach(([survivor, ...duplicateRows]) => {
+			if (!survivor || duplicateRows.length === 0) return;
+			const resolvedDuplicate = duplicateRows.find((comment) => comment.resolvedTime != null);
+			if (survivor.resolvedTime == null && resolvedDuplicate) {
+				survivor.resolvedTime = resolvedDuplicate.resolvedTime;
+				survivor.resolvedById = resolvedDuplicate.resolvedById;
+				survivor.resolvedByEmail = resolvedDuplicate.resolvedByEmail;
+				survivor.resolvedByName = resolvedDuplicate.resolvedByName;
+				survivor.trackedChangeDecision = resolvedDuplicate.trackedChangeDecision;
+			}
+			survivor.trackedChangePositionAliases = normalizeTrackedChangePositionAliases([...normalizeTrackedChangePositionAliases(survivor.trackedChangePositionAliases), ...duplicateRows.flatMap((comment) => [
+				comment.commentId,
+				comment.importedId,
+				comment.trackedChangeCanonicalId,
+				...normalizeTrackedChangePositionAliases(comment.trackedChangePositionAliases)
+			])]);
+			duplicateRows.forEach((comment) => duplicates.set(comment, survivor));
+		});
+		return duplicates;
+	};
+	const createDroppedCommentIdMap = (duplicates) => {
+		const droppedCommentIds = /* @__PURE__ */ new Map();
+		duplicates.forEach((survivor, duplicate) => {
+			const fromId = normalizeCommentId(duplicate.commentId);
+			const toId = normalizeCommentId(survivor.commentId);
+			if (fromId && toId) droppedCommentIds.set(fromId, toId);
+		});
+		return droppedCommentIds;
+	};
+	const remapTrackedChangeReferences = (droppedCommentIds, activeDocumentId) => {
+		const remapSelection = (selection) => {
+			const selectedId = normalizeCommentId(selection.value);
+			if (selectedId && droppedCommentIds.has(selectedId)) selection.value = droppedCommentIds.get(selectedId);
+		};
+		remapSelection(activeComment);
+		remapSelection(activeFloatingCommentInstanceId);
+		commentsList.value.forEach((row) => {
+			if (!belongsToTrackedChangeSyncDocument(row, activeDocumentId)) return;
+			const rowIdentityUpdates = {};
+			for (const field of [
+				"trackedChangeThreadParentId",
+				"trackedChangeParentId",
+				"threadingParentCommentId",
+				"parentCommentId"
+			]) {
+				const replacementId = droppedCommentIds.get(normalizeCommentId(row?.[field]));
+				if (!replacementId) continue;
+				row[field] = replacementId;
+				rowIdentityUpdates[field] = replacementId;
+			}
+			if (Object.keys(rowIdentityUpdates).length && typeof row.updateIdentityValues === "function") row.updateIdentityValues(rowIdentityUpdates);
+		});
+	};
+	const compactDuplicateBodyTrackedChangeComments = (activeDocumentId) => {
+		const candidates = commentsList.value.filter((comment) => isBodyTrackedChangeComment(comment) && belongsToTrackedChangeSyncDocument(comment, activeDocumentId));
+		const groups = groupBodyTrackedChangeCommentsByIdentity(candidates);
+		const duplicates = mergeDuplicateBodyTrackedChangeComments(groups);
+		if (!duplicates.size) return 0;
+		commentsList.value = commentsList.value.filter((comment) => !duplicates.has(comment));
+		remapTrackedChangeReferences(createDroppedCommentIdMap(duplicates), activeDocumentId);
+		return duplicates.size;
+	};
 	/**
 	* Remove tracked-change comments that no longer have a corresponding mark in the editor.
 	* Also removes any replies linked to those removed tracked-change threads.
@@ -10233,7 +10342,9 @@ var useCommentsStore = defineStore("comments", () => {
 			if (importedId) removedIds.add(importedId);
 			return false;
 		});
+		compactDuplicateBodyTrackedChangeComments(activeDocumentId);
 		restoredComments.forEach((comment) => {
+			if (!commentsList.value.includes(comment)) return;
 			const payload = getCommentEventPayload(comment);
 			const event = {
 				type: COMMENT_EVENTS.UPDATE,
@@ -10823,11 +10934,14 @@ var useCommentsStore = defineStore("comments", () => {
 		} finally {
 			endInteractionSpan(identitySpan, trackedChangeIdentityIndex.work());
 		}
-		if (!effectiveDocumentId || !pruneStale) return {
-			liveIds,
-			liveAnchorKeys,
-			appliedCount
-		};
+		if (!effectiveDocumentId || !pruneStale) {
+			if (effectiveDocumentId) compactDuplicateBodyTrackedChangeComments(String(effectiveDocumentId));
+			return {
+				liveIds,
+				liveAnchorKeys,
+				appliedCount
+			};
+		}
 		pruneStaleTrackedChangeComments(liveIds, liveAnchorKeys, String(effectiveDocumentId), superdoc, { broadcastChanges: false });
 		return {
 			liveIds,
@@ -16137,6 +16251,8 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 	const isCompactCommentsMode = (0, vue.ref)(false);
 	let commentsContainerResizeObserver = null;
 	let compactMeasurementTarget = null;
+	let documentWidthResizeObserver = null;
+	let documentWidthTargets = [];
 	const isValidMeasurementTarget = (element) => {
 		if (!(element instanceof HTMLElement)) return false;
 		if ((typeof window !== "undefined" ? window.getComputedStyle(element) : null)?.display === "contents") return false;
@@ -16190,7 +16306,25 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 		if (Number.isFinite(rectWidth) && rectWidth > 0) return rectWidth;
 		return 0;
 	};
+	const ensureDocumentWidthObserver = () => {
+		const ResizeObserverClass = typeof window !== "undefined" ? window.ResizeObserver : void 0;
+		if (typeof ResizeObserverClass === "undefined") return;
+		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR) ?? null;
+		const nextTargets = [layers.value, documentElement].filter((el, index, all) => el instanceof HTMLElement && all.indexOf(el) === index);
+		if (nextTargets.length === documentWidthTargets.length && nextTargets.every((el, index) => el === documentWidthTargets[index])) return;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = nextTargets;
+		if (!nextTargets.length) return;
+		documentWidthResizeObserver = new ResizeObserverClass(() => {
+			recalculateCompactCommentsMode();
+		});
+		nextTargets.forEach((el) => documentWidthResizeObserver.observe(el));
+	};
 	const getMeasuredDocumentWidth = () => {
+		ensureDocumentWidthObserver();
 		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR);
 		const layersElement = layers.value;
 		const measuredFromDocument = Number(documentElement?.clientWidth ?? documentElement?.getBoundingClientRect?.().width ?? 0);
@@ -16229,6 +16363,11 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 			commentsContainerResizeObserver = null;
 		}
 		compactMeasurementTarget = null;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = [];
 	});
 	return {
 		superdocContainerWidth,
@@ -17238,6 +17377,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 	const matchCount = (0, vue.ref)(0);
 	const activeMatchIndex = (0, vue.ref)(-1);
 	const canReplaceState = (0, vue.ref)(true);
+	const canReplaceAllState = (0, vue.ref)(true);
 	const replacePending = (0, vue.ref)(false);
 	const ignoreDiacriticsSupported = (0, vue.ref)(true);
 	const regexSupported = (0, vue.ref)(false);
@@ -17252,6 +17392,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 	});
 	const hasMatches = (0, vue.computed)(() => matchCount.value > 0);
 	const canReplaceComputed = (0, vue.computed)(() => hasMatches.value && !replacePending.value && canReplaceState.value);
+	const canReplaceAllComputed = (0, vue.computed)(() => canReplaceComputed.value && canReplaceAllState.value);
 	/** @type {ReturnType<typeof setTimeout> | null} */
 	let debounceTimer = null;
 	/** @type {ReturnType<typeof setInterval> | null} */
@@ -17286,6 +17427,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 		matchCount.value = typeof slice.total === "number" ? slice.total : 0;
 		activeMatchIndex.value = typeof slice.activeIndex === "number" ? slice.activeIndex : -1;
 		canReplaceState.value = slice.canReplace === true;
+		canReplaceAllState.value = typeof slice.canReplaceAll === "boolean" ? slice.canReplaceAll : slice.canReplace === true;
 		searchError.value = slice.reason === "search-invalid-pattern" ? currentTexts.invalidPatternLabel : null;
 	}
 	function runSearch() {
@@ -17422,7 +17564,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 		if (replacePending.value) return;
 		if (!hasMatches.value) return;
 		if (currentV2Search) {
-			if (!canReplaceState.value) return;
+			if (!canReplaceState.value || !canReplaceAllState.value) return;
 			const search = currentV2Search;
 			replacePending.value = true;
 			const finish = createReplaceContinuation(search, {
@@ -17483,6 +17625,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 		matchCount.value = 0;
 		activeMatchIndex.value = -1;
 		canReplaceState.value = true;
+		canReplaceAllState.value = true;
 		replacePending.value = false;
 	}
 	/**
@@ -17587,6 +17730,11 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			hasMatches,
 			canReplace: canReplaceComputed,
 			/**
+			* `canReplace` plus the session enumerating every match. A truncated V2
+			* session keeps Replace enabled and disables Replace all.
+			*/
+			canReplaceAll: canReplaceAllComputed,
+			/**
 			* Runtime mutability of the active session (viewing/read-only mode sets
 			* this false). Distinct from the static `replaceEnabled` config and from
 			* `canReplace`, which also requires matches: surfaces hide replace
@@ -17676,6 +17824,9 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			get canReplace() {
 				return handle.canReplace.value;
 			},
+			get canReplaceAll() {
+				return handle.canReplaceAll ? handle.canReplaceAll.value : handle.canReplace.value;
+			},
 			get replacePending() {
 				return handle.replacePending.value;
 			},
@@ -17826,7 +17977,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 				/** @type {object | undefined} */
 				let FindReplaceSurface;
 				try {
-					FindReplaceSurface = (await Promise.resolve().then(() => require("./chunks/FindReplaceSurface-0p7EtMZh.cjs"))).default;
+					FindReplaceSurface = (await Promise.resolve().then(() => require("./chunks/FindReplaceSurface-qi9OhbwN.cjs"))).default;
 				} catch {
 					opening = false;
 					return;
@@ -22789,7 +22940,8 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 				error: new Error(message),
 				code: reason,
 				...documentId ? { documentId } : {},
-				editor: null
+				editor: null,
+				...workerFailure ? { workerFailure } : {}
 			});
 			const bootDiagnostic = translateBootFailureReason(reason, detail, {
 				documentId,
@@ -23992,7 +24144,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-01062725"]]);
+}, [["__scopeId", "data-v-770204b4"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -37416,7 +37568,7 @@ var TOOLBAR_ITEM_ALIASES = Object.freeze({
 *   - `ui: false` renders no built-in chrome. It is an explicit
 *     no-built-in-UI profile, not the inverse of a hypothetical `ui: true`,
 *     and it never disables document content, the Document API, or
-*     `editor.ui`.
+*     `superdoc.ui`.
 *   - `ui: { ... }` opts in per surface. An omitted key keeps that surface's
 *     historical default rather than inheriting from its siblings.
 *
@@ -45188,7 +45340,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.12.0-next.2";
+		this.version = "2.12.0-next.20";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];
@@ -45357,7 +45509,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 				this.#pendingContentControlInputSource = null;
 				this.#pendingContentControlInputExpiresAt = null;
 			});
-			contentControlsUnsub = this.#ui.contentControls.observe((snapshot) => {
+			contentControlsUnsub = this.#ui.contentControls.observeActivePath((snapshot) => {
 				const editor = this.activeEditor;
 				const activePath = snapshot.activeIds.map((id) => toContentControlRef(snapshot.items.find((item) => item.id === id)));
 				if (activePath.some((item) => item === null)) return;

package/dist/superdoc.es.js

@@ -3,7 +3,7 @@ import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { a as init_dist$1, i as global, n as init_dist$2, o as Buffer, r as process$1, s as init_dist, t as require_jszip_min } from "./chunks/jszip-BzJ3CyxR.es.js";
-import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-C-AuEM9F.es.js";
+import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-FnwgTkUv.es.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-BOaGB7Aw.es.js";
 import { t as PDF_TO_CSS_UNITS } from "./chunks/constants-B6VBlmKp.es.js";
 import * as Vue from "vue";
@@ -315,7 +315,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.12.0-next.2";
+		return "2.12.0-next.20";
 	} catch {
 		return "unknown";
 	}
@@ -10187,6 +10187,115 @@ var useCommentsStore = defineStore("comments", () => {
 		const type = normalizeTrackedChangeDecisionType(comment?.trackedChangeDisplayType) ?? normalizeTrackedChangeDecisionType(comment?.trackedChangeType);
 		return normalizedDecision === "accept" && type === "insertion" || normalizedDecision === "reject" && type === "deletion";
 	};
+	const getBodyTrackedChangeIdentityIds = (comment) => {
+		const commentId = normalizeCommentId(comment.commentId);
+		const canonicalId = normalizeCommentId(comment.trackedChangeCanonicalId);
+		return [commentId, ...!(canonicalId && canonicalId !== commentId) ? [
+			comment.importedId,
+			canonicalId,
+			comment.trackedChangeAnchorKey,
+			...normalizeTrackedChangePositionAliases(comment.trackedChangePositionAliases)
+		] : []].map((id) => normalizeCommentId(id)).filter(Boolean);
+	};
+	const groupBodyTrackedChangeCommentsByIdentity = (comments) => {
+		const parents = comments.map((_, index) => index);
+		const findRoot = (index) => {
+			let root = index;
+			while (parents[root] !== root) root = parents[root];
+			while (parents[index] !== index) {
+				const next = parents[index];
+				parents[index] = root;
+				index = next;
+			}
+			return root;
+		};
+		const join = (left, right) => {
+			const leftRoot = findRoot(left);
+			const rightRoot = findRoot(right);
+			if (leftRoot === rightRoot) return;
+			parents[Math.max(leftRoot, rightRoot)] = Math.min(leftRoot, rightRoot);
+		};
+		const identityOwner = /* @__PURE__ */ new Map();
+		comments.forEach((comment, index) => {
+			getBodyTrackedChangeIdentityIds(comment).forEach((identityId) => {
+				const owner = identityOwner.get(identityId);
+				if (owner === void 0) identityOwner.set(identityId, index);
+				else join(index, owner);
+			});
+		});
+		const groups = /* @__PURE__ */ new Map();
+		comments.forEach((comment, index) => {
+			const root = findRoot(index);
+			const group = groups.get(root) ?? [];
+			group.push(comment);
+			groups.set(root, group);
+		});
+		return groups;
+	};
+	const mergeDuplicateBodyTrackedChangeComments = (groups) => {
+		const duplicates = /* @__PURE__ */ new Map();
+		groups.forEach(([survivor, ...duplicateRows]) => {
+			if (!survivor || duplicateRows.length === 0) return;
+			const resolvedDuplicate = duplicateRows.find((comment) => comment.resolvedTime != null);
+			if (survivor.resolvedTime == null && resolvedDuplicate) {
+				survivor.resolvedTime = resolvedDuplicate.resolvedTime;
+				survivor.resolvedById = resolvedDuplicate.resolvedById;
+				survivor.resolvedByEmail = resolvedDuplicate.resolvedByEmail;
+				survivor.resolvedByName = resolvedDuplicate.resolvedByName;
+				survivor.trackedChangeDecision = resolvedDuplicate.trackedChangeDecision;
+			}
+			survivor.trackedChangePositionAliases = normalizeTrackedChangePositionAliases([...normalizeTrackedChangePositionAliases(survivor.trackedChangePositionAliases), ...duplicateRows.flatMap((comment) => [
+				comment.commentId,
+				comment.importedId,
+				comment.trackedChangeCanonicalId,
+				...normalizeTrackedChangePositionAliases(comment.trackedChangePositionAliases)
+			])]);
+			duplicateRows.forEach((comment) => duplicates.set(comment, survivor));
+		});
+		return duplicates;
+	};
+	const createDroppedCommentIdMap = (duplicates) => {
+		const droppedCommentIds = /* @__PURE__ */ new Map();
+		duplicates.forEach((survivor, duplicate) => {
+			const fromId = normalizeCommentId(duplicate.commentId);
+			const toId = normalizeCommentId(survivor.commentId);
+			if (fromId && toId) droppedCommentIds.set(fromId, toId);
+		});
+		return droppedCommentIds;
+	};
+	const remapTrackedChangeReferences = (droppedCommentIds, activeDocumentId) => {
+		const remapSelection = (selection) => {
+			const selectedId = normalizeCommentId(selection.value);
+			if (selectedId && droppedCommentIds.has(selectedId)) selection.value = droppedCommentIds.get(selectedId);
+		};
+		remapSelection(activeComment);
+		remapSelection(activeFloatingCommentInstanceId);
+		commentsList.value.forEach((row) => {
+			if (!belongsToTrackedChangeSyncDocument(row, activeDocumentId)) return;
+			const rowIdentityUpdates = {};
+			for (const field of [
+				"trackedChangeThreadParentId",
+				"trackedChangeParentId",
+				"threadingParentCommentId",
+				"parentCommentId"
+			]) {
+				const replacementId = droppedCommentIds.get(normalizeCommentId(row?.[field]));
+				if (!replacementId) continue;
+				row[field] = replacementId;
+				rowIdentityUpdates[field] = replacementId;
+			}
+			if (Object.keys(rowIdentityUpdates).length && typeof row.updateIdentityValues === "function") row.updateIdentityValues(rowIdentityUpdates);
+		});
+	};
+	const compactDuplicateBodyTrackedChangeComments = (activeDocumentId) => {
+		const candidates = commentsList.value.filter((comment) => isBodyTrackedChangeComment(comment) && belongsToTrackedChangeSyncDocument(comment, activeDocumentId));
+		const groups = groupBodyTrackedChangeCommentsByIdentity(candidates);
+		const duplicates = mergeDuplicateBodyTrackedChangeComments(groups);
+		if (!duplicates.size) return 0;
+		commentsList.value = commentsList.value.filter((comment) => !duplicates.has(comment));
+		remapTrackedChangeReferences(createDroppedCommentIdMap(duplicates), activeDocumentId);
+		return duplicates.size;
+	};
 	/**
 	* Remove tracked-change comments that no longer have a corresponding mark in the editor.
 	* Also removes any replies linked to those removed tracked-change threads.
@@ -10232,7 +10341,9 @@ var useCommentsStore = defineStore("comments", () => {
 			if (importedId) removedIds.add(importedId);
 			return false;
 		});
+		compactDuplicateBodyTrackedChangeComments(activeDocumentId);
 		restoredComments.forEach((comment) => {
+			if (!commentsList.value.includes(comment)) return;
 			const payload = getCommentEventPayload(comment);
 			const event = {
 				type: COMMENT_EVENTS.UPDATE,
@@ -10822,11 +10933,14 @@ var useCommentsStore = defineStore("comments", () => {
 		} finally {
 			endInteractionSpan(identitySpan, trackedChangeIdentityIndex.work());
 		}
-		if (!effectiveDocumentId || !pruneStale) return {
-			liveIds,
-			liveAnchorKeys,
-			appliedCount
-		};
+		if (!effectiveDocumentId || !pruneStale) {
+			if (effectiveDocumentId) compactDuplicateBodyTrackedChangeComments(String(effectiveDocumentId));
+			return {
+				liveIds,
+				liveAnchorKeys,
+				appliedCount
+			};
+		}
 		pruneStaleTrackedChangeComments(liveIds, liveAnchorKeys, String(effectiveDocumentId), superdoc, { broadcastChanges: false });
 		return {
 			liveIds,
@@ -16122,6 +16236,8 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 	const isCompactCommentsMode = ref(false);
 	let commentsContainerResizeObserver = null;
 	let compactMeasurementTarget = null;
+	let documentWidthResizeObserver = null;
+	let documentWidthTargets = [];
 	const isValidMeasurementTarget = (element) => {
 		if (!(element instanceof HTMLElement)) return false;
 		if ((typeof window !== "undefined" ? window.getComputedStyle(element) : null)?.display === "contents") return false;
@@ -16175,7 +16291,25 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 		if (Number.isFinite(rectWidth) && rectWidth > 0) return rectWidth;
 		return 0;
 	};
+	const ensureDocumentWidthObserver = () => {
+		const ResizeObserverClass = typeof window !== "undefined" ? window.ResizeObserver : void 0;
+		if (typeof ResizeObserverClass === "undefined") return;
+		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR) ?? null;
+		const nextTargets = [layers.value, documentElement].filter((el, index, all) => el instanceof HTMLElement && all.indexOf(el) === index);
+		if (nextTargets.length === documentWidthTargets.length && nextTargets.every((el, index) => el === documentWidthTargets[index])) return;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = nextTargets;
+		if (!nextTargets.length) return;
+		documentWidthResizeObserver = new ResizeObserverClass(() => {
+			recalculateCompactCommentsMode();
+		});
+		nextTargets.forEach((el) => documentWidthResizeObserver.observe(el));
+	};
 	const getMeasuredDocumentWidth = () => {
+		ensureDocumentWidthObserver();
 		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR);
 		const layersElement = layers.value;
 		const measuredFromDocument = Number(documentElement?.clientWidth ?? documentElement?.getBoundingClientRect?.().width ?? 0);
@@ -16214,6 +16348,11 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 			commentsContainerResizeObserver = null;
 		}
 		compactMeasurementTarget = null;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = [];
 	});
 	return {
 		superdocContainerWidth,
@@ -17223,6 +17362,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 	const matchCount = ref(0);
 	const activeMatchIndex = ref(-1);
 	const canReplaceState = ref(true);
+	const canReplaceAllState = ref(true);
 	const replacePending = ref(false);
 	const ignoreDiacriticsSupported = ref(true);
 	const regexSupported = ref(false);
@@ -17237,6 +17377,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 	});
 	const hasMatches = computed(() => matchCount.value > 0);
 	const canReplaceComputed = computed(() => hasMatches.value && !replacePending.value && canReplaceState.value);
+	const canReplaceAllComputed = computed(() => canReplaceComputed.value && canReplaceAllState.value);
 	/** @type {ReturnType<typeof setTimeout> | null} */
 	let debounceTimer = null;
 	/** @type {ReturnType<typeof setInterval> | null} */
@@ -17271,6 +17412,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 		matchCount.value = typeof slice.total === "number" ? slice.total : 0;
 		activeMatchIndex.value = typeof slice.activeIndex === "number" ? slice.activeIndex : -1;
 		canReplaceState.value = slice.canReplace === true;
+		canReplaceAllState.value = typeof slice.canReplaceAll === "boolean" ? slice.canReplaceAll : slice.canReplace === true;
 		searchError.value = slice.reason === "search-invalid-pattern" ? currentTexts.invalidPatternLabel : null;
 	}
 	function runSearch() {
@@ -17407,7 +17549,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 		if (replacePending.value) return;
 		if (!hasMatches.value) return;
 		if (currentV2Search) {
-			if (!canReplaceState.value) return;
+			if (!canReplaceState.value || !canReplaceAllState.value) return;
 			const search = currentV2Search;
 			replacePending.value = true;
 			const finish = createReplaceContinuation(search, {
@@ -17468,6 +17610,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 		matchCount.value = 0;
 		activeMatchIndex.value = -1;
 		canReplaceState.value = true;
+		canReplaceAllState.value = true;
 		replacePending.value = false;
 	}
 	/**
@@ -17572,6 +17715,11 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			hasMatches,
 			canReplace: canReplaceComputed,
 			/**
+			* `canReplace` plus the session enumerating every match. A truncated V2
+			* session keeps Replace enabled and disables Replace all.
+			*/
+			canReplaceAll: canReplaceAllComputed,
+			/**
 			* Runtime mutability of the active session (viewing/read-only mode sets
 			* this false). Distinct from the static `replaceEnabled` config and from
 			* `canReplace`, which also requires matches: surfaces hide replace
@@ -17661,6 +17809,9 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			get canReplace() {
 				return handle.canReplace.value;
 			},
+			get canReplaceAll() {
+				return handle.canReplaceAll ? handle.canReplaceAll.value : handle.canReplace.value;
+			},
 			get replacePending() {
 				return handle.replacePending.value;
 			},
@@ -17811,7 +17962,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 				/** @type {object | undefined} */
 				let FindReplaceSurface;
 				try {
-					FindReplaceSurface = (await import("./chunks/FindReplaceSurface-40AnrqWk.es.js")).default;
+					FindReplaceSurface = (await import("./chunks/FindReplaceSurface-CVKgivXi.es.js")).default;
 				} catch {
 					opening = false;
 					return;
@@ -22749,7 +22900,8 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				error: new Error(message),
 				code: reason,
 				...documentId ? { documentId } : {},
-				editor: null
+				editor: null,
+				...workerFailure ? { workerFailure } : {}
 			});
 			const bootDiagnostic = translateBootFailureReason(reason, detail, {
 				documentId,
@@ -23952,7 +24104,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-01062725"]]);
+}, [["__scopeId", "data-v-770204b4"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -37376,7 +37528,7 @@ var TOOLBAR_ITEM_ALIASES = Object.freeze({
 *   - `ui: false` renders no built-in chrome. It is an explicit
 *     no-built-in-UI profile, not the inverse of a hypothetical `ui: true`,
 *     and it never disables document content, the Document API, or
-*     `editor.ui`.
+*     `superdoc.ui`.
 *   - `ui: { ... }` opts in per surface. An omitted key keeps that surface's
 *     historical default rather than inheriting from its siblings.
 *
@@ -45119,7 +45271,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.12.0-next.2";
+		this.version = "2.12.0-next.20";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -45288,7 +45440,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 				this.#pendingContentControlInputSource = null;
 				this.#pendingContentControlInputExpiresAt = null;
 			});
-			contentControlsUnsub = this.#ui.contentControls.observe((snapshot) => {
+			contentControlsUnsub = this.#ui.contentControls.observeActivePath((snapshot) => {
 				const editor = this.activeEditor;
 				const activePath = snapshot.activeIds.map((id) => toContentControlRef(snapshot.items.find((item) => item.id === id)));
 				if (activePath.some((item) => item === null)) return;