superdoc 2.0.0-next.26 → 2.0.0-next.27

package/dist/superdoc.es.js

@@ -5,7 +5,7 @@ import { t as v4_default } from "./chunks/uuid-B2Sqk-3p.es.js";
 import { a as init_dist, i as global, n as init_dist$1, r as process$1, t as require_jszip_min } from "./chunks/jszip-DzmwAHr3.es.js";
 import { t as __plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-CInC0bKI.es.js";
 import { n as PDF_TO_CSS_UNITS } from "./chunks/constants-CY3R3_kF.es.js";
-import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-CBs8xQUw.es.js";
+import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-Dvl3EZsv.es.js";
 import * as Vue from "vue";
 import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, getCurrentInstance, h, inject, markRaw, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, unref, useAttrs, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "y-websocket";
@@ -1768,6 +1768,7 @@ function useComment(params) {
 	const importedId = params.importedId;
 	const parentCommentId = params.parentCommentId;
 	const trackedChangeParentId = params.trackedChangeParentId;
+	const trackedChangeThreadParentId = ref(params.trackedChangeThreadParentId);
 	const fileId = params.fileId;
 	const fileType = params.fileType;
 	const createdAtVersionNumber = params.createdAtVersionNumber;
@@ -1948,6 +1949,7 @@ function useComment(params) {
 			importedId,
 			parentCommentId,
 			trackedChangeParentId,
+			trackedChangeThreadParentId: trackedChangeThreadParentId.value,
 			fileId,
 			fileType,
 			mentions: mentions.value.map((u) => {
@@ -2000,6 +2002,7 @@ function useComment(params) {
 		importedId,
 		parentCommentId,
 		trackedChangeParentId,
+		trackedChangeThreadParentId,
 		fileId,
 		fileType,
 		mentions,
@@ -2750,6 +2753,12 @@ function withInteractionSpan(stage, branch, meta, fn) {
 		throw error;
 	}
 }
+const hasLegacyTrackedChangeThreadSignal = (comment) => Boolean(comment?.trackedChangeLink) || Boolean(comment?.trackedChangeType) || Boolean(comment?.trackedChangeDisplayType) || Boolean(comment?.trackedChangeText) || Boolean(comment?.deletedText) || comment?.trackedChange === true;
+const trackedChangeThreadParentIdForComment = (comment) => {
+	if (comment?.trackedChangeThreadParentId != null) return comment.trackedChangeThreadParentId;
+	if (comment?.trackedChangeParentId != null && hasLegacyTrackedChangeThreadSignal(comment)) return comment.trackedChangeParentId;
+	return null;
+};
 var Editor = class {
 	constructor() {
 		throw new Error("SuperDoc v2 beta: v1 editor-backed comment import paths are not available.");
@@ -3042,9 +3051,15 @@ const useCommentsStore = defineStore("comments", () => {
 		if (!comment?.parentCommentId) return comment;
 		return getComment(comment.parentCommentId);
 	};
+	const trackedChangeThreadParentIdForComment$1 = (comment) => {
+		if (comment?.trackedChangeThreadParentId) return comment.trackedChangeThreadParentId;
+		if (isV2SyntheticTrackedChangeRow(comment) && comment?.trackedChange === true) return null;
+		return trackedChangeThreadParentIdForComment(comment);
+	};
 	const shouldThreadWithTrackedChange = (comment) => {
-		if (!comment?.trackedChangeParentId) return false;
-		const trackedChange = getComment(comment.trackedChangeParentId);
+		const trackedChangeParentId = trackedChangeThreadParentIdForComment$1(comment);
+		if (!trackedChangeParentId) return false;
+		const trackedChange = getComment(trackedChangeParentId);
 		return Boolean(trackedChange?.trackedChange);
 	};
 	const getCommentPositionKey = (commentOrId) => {
@@ -3141,7 +3156,7 @@ const useCommentsStore = defineStore("comments", () => {
 		if (source == null) return true;
 		return source === DOCUMENT_EDITOR_SELECTION_SOURCE;
 	};
-	const isTrackedChangeThread = (comment) => Boolean(comment?.trackedChange) || Boolean(comment?.trackedChangeParentId);
+	const isTrackedChangeThread = (comment) => Boolean(comment?.trackedChange) || Boolean(trackedChangeThreadParentIdForComment$1(comment));
 	const syncTrackedChangePositionsWithDocument = ({ documentId, editor } = {}) => {
 		if (!editor?.state) return 0;
 		if (!commentsList.value?.length) return 0;
@@ -3184,7 +3199,11 @@ const useCommentsStore = defineStore("comments", () => {
 		commentsList.value.forEach((comment) => {
 			const normalizedPositionKey = resolveExistingPositionKey(getCommentAliasIds(comment));
 			if (!normalizedPositionKey) return;
-			if ([comment?.trackedChangeParentId, comment?.parentCommentId].map((id) => normalizeCommentId(id)).filter(Boolean).some((id) => staleRootAliasIds.has(id))) stalePositionKeys.add(normalizedPositionKey);
+			if ([
+				trackedChangeThreadParentIdForComment$1(comment),
+				comment?.threadingParentCommentId,
+				comment?.parentCommentId
+			].map((id) => normalizeCommentId(id)).filter(Boolean).some((id) => staleRootAliasIds.has(id))) stalePositionKeys.add(normalizedPositionKey);
 		});
 		const nextPositions = { ...currentPositions };
 		stalePositionKeys.forEach((key) => {
@@ -3194,7 +3213,11 @@ const useCommentsStore = defineStore("comments", () => {
 		if (activeComment.value !== void 0 && activeComment.value !== null) {
 			const activeCommentModel = getComment(activeComment.value);
 			const activeAliases = new Set(getCommentAliasIds(activeCommentModel ?? activeComment.value));
-			const activeParentKeys = [activeCommentModel?.trackedChangeParentId, activeCommentModel?.parentCommentId].map((id) => normalizeCommentId(id)).filter(Boolean);
+			const activeParentKeys = [
+				trackedChangeThreadParentIdForComment$1(activeCommentModel),
+				activeCommentModel?.threadingParentCommentId,
+				activeCommentModel?.parentCommentId
+			].map((id) => normalizeCommentId(id)).filter(Boolean);
 			if (Array.from(activeAliases).some((id) => staleRootAliasIds.has(id)) || activeParentKeys.some((id) => staleRootAliasIds.has(id))) clearActiveCommentSelection();
 		}
 		return stalePositionKeys.size;
@@ -3299,7 +3322,7 @@ const useCommentsStore = defineStore("comments", () => {
 		if (!isViewingMode.value) return true;
 		const parent = getThreadParent(comment);
 		if (!parent && comment?.parentCommentId) return false;
-		return Boolean(parent?.trackedChange) || Boolean(comment?.trackedChangeParentId) ? viewingVisibility.trackChangesVisible : viewingVisibility.commentsVisible;
+		return Boolean(parent?.trackedChange) || Boolean(trackedChangeThreadParentIdForComment$1(comment)) ? viewingVisibility.trackChangesVisible : viewingVisibility.commentsVisible;
 	};
 	const setActiveComment = (superdoc, id) => {
 		const activeEditor = superdoc?.activeEditor;
@@ -3667,8 +3690,8 @@ const useCommentsStore = defineStore("comments", () => {
 		const childCommentMap = /* @__PURE__ */ new Map();
 		commentsList.value.forEach((comment) => {
 			if (!isThreadVisible(comment)) return;
-			const trackedChangeParentId = shouldThreadWithTrackedChange(comment) ? comment.trackedChangeParentId : null;
-			const parentId = comment.parentCommentId || trackedChangeParentId;
+			const trackedChangeThreadParentId = shouldThreadWithTrackedChange(comment) ? trackedChangeThreadParentIdForComment$1(comment) : null;
+			const parentId = comment.parentCommentId || trackedChangeThreadParentId;
 			if (comment.resolvedTime) resolvedComments.push(comment);
 			else if (!parentId && !comment.resolvedTime) parentComments.push({ ...comment });
 			else if (parentId) {
@@ -4261,7 +4284,7 @@ const useCommentsStore = defineStore("comments", () => {
 		};
 		const isV2TrackedChangeSidecarCommentInput = (input) => {
 			if (!input || input.trackedChange === true) return false;
-			if (!input.trackedChangeParentId || input.parentCommentId) return false;
+			if (!input.trackedChangeThreadParentId || input.parentCommentId) return false;
 			return isBlankV2CommentText(input.commentText);
 		};
 		const activeKey = activeComment.value != null ? String(activeComment.value) : null;
@@ -4279,12 +4302,13 @@ const useCommentsStore = defineStore("comments", () => {
 			});
 			if (!input) continue;
 			if (isV2TrackedChangeSidecarCommentInput(input)) {
-				trackedChangeSidecarParentByCommentId.set(String(input.commentId), String(input.trackedChangeParentId));
+				trackedChangeSidecarParentByCommentId.set(String(input.commentId), String(input.trackedChangeThreadParentId));
 				tracePreviewComments("hydrate:drop-v2-sidecar-comment", {
 					commentId: input.commentId ?? null,
 					importedId: input.importedId ?? null,
 					parentCommentId: input.parentCommentId ?? null,
 					trackedChangeParentId: input.trackedChangeParentId ?? null,
+					trackedChangeThreadParentId: input.trackedChangeThreadParentId ?? null,
 					trackedChangeSide: input.trackedChangeSide ?? null,
 					commentText: input.commentText ?? null
 				});
@@ -4297,7 +4321,7 @@ const useCommentsStore = defineStore("comments", () => {
 			const trackedChangeThreadId = parentId ? trackedChangeSidecarParentByCommentId.get(parentId) : null;
 			if (trackedChangeThreadId) {
 				input.threadingParentCommentId = trackedChangeThreadId;
-				if (input.trackedChangeParentId == null) input.trackedChangeParentId = trackedChangeThreadId;
+				if (input.trackedChangeThreadParentId == null) input.trackedChangeThreadParentId = trackedChangeThreadId;
 			}
 			const cid = input.commentId != null ? String(input.commentId) : null;
 			if (!cid) continue;
@@ -4339,6 +4363,8 @@ const useCommentsStore = defineStore("comments", () => {
 			else delete existing.parentCommentId;
 			if (input.trackedChangeParentId !== void 0) existing.trackedChangeParentId = input.trackedChangeParentId;
 			else delete existing.trackedChangeParentId;
+			if (input.trackedChangeThreadParentId !== void 0) existing.trackedChangeThreadParentId = input.trackedChangeThreadParentId;
+			else existing.trackedChangeThreadParentId = void 0;
 			if (input.trackedChangeSide !== void 0) existing.trackedChangeSide = input.trackedChangeSide;
 			else delete existing.trackedChangeSide;
 			if (input.threadingParentCommentId !== void 0) existing.threadingParentCommentId = input.threadingParentCommentId;
@@ -4550,6 +4576,7 @@ const useCommentsStore = defineStore("comments", () => {
 					isInternal: false,
 					parentCommentId: comment.parentCommentId,
 					trackedChangeParentId: comment.trackedChangeParentId,
+					trackedChangeThreadParentId: comment.trackedChangeThreadParentId,
 					creatorId: null,
 					creatorName,
 					createdTime: comment.createdTime,
@@ -4809,8 +4836,8 @@ const useCommentsStore = defineStore("comments", () => {
 			commentsList.value = commentsList.value.filter((comment) => {
 				if (!belongsToTrackedChangeSyncDocument(comment, activeDocumentId)) return true;
 				const parentCommentId = comment.parentCommentId != null ? String(comment.parentCommentId) : null;
-				const trackedChangeParentId = comment.trackedChangeParentId != null ? String(comment.trackedChangeParentId) : null;
-				if (!(parentCommentId && removedIds.has(parentCommentId) || trackedChangeParentId && removedIds.has(trackedChangeParentId))) return true;
+				const trackedChangeThreadParentId = trackedChangeThreadParentIdForComment$1(comment) != null ? String(trackedChangeThreadParentIdForComment$1(comment)) : null;
+				if (!(parentCommentId && removedIds.has(parentCommentId) || trackedChangeThreadParentId && removedIds.has(trackedChangeThreadParentId))) return true;
 				if (comment.resolvedTime) return true;
 				const commentId = comment.commentId != null ? String(comment.commentId) : null;
 				const importedId = comment.importedId != null ? String(comment.importedId) : null;
@@ -4866,7 +4893,11 @@ const useCommentsStore = defineStore("comments", () => {
 		commentsList.value.forEach((linkedComment) => {
 			if (!linkedComment || linkedComment === comment) return;
 			if (linkedComment.resolvedTime) return;
-			if (![linkedComment.trackedChangeParentId, linkedComment.parentCommentId].map((id) => normalizeCommentId(id)).filter(Boolean).some((id) => trackedChangeIds.has(id))) return;
+			if (![
+				trackedChangeThreadParentIdForComment$1(linkedComment),
+				linkedComment.threadingParentCommentId,
+				linkedComment.parentCommentId
+			].map((id) => normalizeCommentId(id)).filter(Boolean).some((id) => trackedChangeIds.has(id))) return;
 			if (typeof linkedComment.resolveComment === "function") {
 				linkedComment.resolveComment(resolveArgs);
 				resolvedCount += 1;
@@ -4921,10 +4952,12 @@ const useCommentsStore = defineStore("comments", () => {
 		commentsList.value.forEach((linkedComment) => {
 			if (!linkedComment || linkedComment === comment) return;
 			const trackedChangeParentId = normalizeCommentId(linkedComment.trackedChangeParentId);
+			const trackedChangeThreadParentId = normalizeCommentId(linkedComment.trackedChangeThreadParentId);
 			const threadingParentCommentId = normalizeCommentId(linkedComment.threadingParentCommentId);
 			const parentCommentId = normalizeCommentId(linkedComment.parentCommentId);
-			if (!(trackedChangeParentId && trackedChangeIds.has(trackedChangeParentId) || threadingParentCommentId && trackedChangeIds.has(threadingParentCommentId) || parentCommentId && trackedChangeIds.has(parentCommentId))) return;
+			if (!(trackedChangeParentId && trackedChangeIds.has(trackedChangeParentId) || trackedChangeThreadParentId && trackedChangeIds.has(trackedChangeThreadParentId) || threadingParentCommentId && trackedChangeIds.has(threadingParentCommentId) || parentCommentId && trackedChangeIds.has(parentCommentId))) return;
 			delete linkedComment.trackedChangeParentId;
+			linkedComment.trackedChangeThreadParentId = void 0;
 			delete linkedComment.trackedChangeSide;
 			delete linkedComment.threadingParentCommentId;
 			if (parentCommentId && trackedChangeIds.has(parentCommentId)) delete linkedComment.parentCommentId;
@@ -6550,6 +6583,7 @@ var CommentHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			return Boolean(currentName && commentName && currentName === commentName);
 		};
 		const isOwnComment = computed(() => isCommentOwnedByCurrentUser(props.comment));
+		const trackedChangeThreadParentId = computed(() => trackedChangeThreadParentIdForComment(props.comment));
 		const { uiFontFamily } = useUiFontFamily();
 		const OVERFLOW_OPTIONS = Object.freeze({
 			edit: {
@@ -6574,7 +6608,7 @@ var CommentHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			if (!generallyAllowed.value) return false;
 			if (!props.comment.trackedChange && props.config.allowResolve === false) return false;
 			if (props.comment.parentCommentId) return false;
-			if (props.comment.trackedChangeParentId) return false;
+			if (trackedChangeThreadParentId.value) return false;
 			const context = {
 				comment: props.comment,
 				currentUser: proxy.$superdoc.config.user,
@@ -6603,7 +6637,7 @@ var CommentHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			if (commentsStore.pendingComment) return false;
 			if (props.isPendingInput) return false;
 			if (props.comment.parentCommentId) return false;
-			if (props.comment.trackedChangeParentId) return false;
+			if (trackedChangeThreadParentId.value) return false;
 			if (props.comment.trackedChange) return false;
 			const context = {
 				comment: props.comment,
@@ -6724,7 +6758,7 @@ var CommentHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			], 2)]);
 		};
 	}
-}, [["__scopeId", "data-v-359c13bb"]]);
+}, [["__scopeId", "data-v-ca6050aa"]]);
 var _hoisted_1$26 = { class: "input-section" };
 var TEXTAREA_MIN_HEIGHT = 28;
 var TEXTAREA_MAX_HEIGHT = 132;
@@ -6824,8 +6858,8 @@ const collectTrackedChangeThread = (parentComment, allComments) => {
 	allComments.forEach((comment) => {
 		if (comment.commentId === trackedChangeId) return;
 		const isDirectChild = [comment.parentCommentId, comment.threadingParentCommentId].filter((id) => id != null).map((id) => String(id)).includes(trackedChangeId);
-		const isTrackedChangeAnchoredRoot = comment.trackedChangeParentId === trackedChangeId && !comment.parentCommentId;
-		if (isDirectChild || isTrackedChangeAnchoredRoot) {
+		const isTrackedChangeThreadRoot = String(trackedChangeThreadParentIdForComment(comment) ?? "") === trackedChangeId && !comment.parentCommentId;
+		if (isDirectChild || isTrackedChangeThreadRoot) {
 			threadIds.add(comment.commentId);
 			queue.push(comment.commentId);
 		}
@@ -9444,6 +9478,38 @@ var HtmlViewer_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		};
 	}
 }, [["__scopeId", "data-v-da3494ba"]]);
+const collectRemovedCommentIds = (comments, targetIds, isInScope = () => true) => {
+	const targets = new Set(targetIds.map(String));
+	const removedIds = /* @__PURE__ */ new Set();
+	comments.forEach((comment) => {
+		if (!isInScope(comment)) return;
+		const commentId = comment.commentId != null ? String(comment.commentId) : null;
+		const importedId = comment.importedId != null ? String(comment.importedId) : null;
+		if (!(commentId && targets.has(commentId)) && !(importedId && targets.has(importedId))) return;
+		if (commentId) removedIds.add(commentId);
+		if (importedId) removedIds.add(importedId);
+	});
+	let expanded = true;
+	while (expanded) {
+		expanded = false;
+		comments.forEach((comment) => {
+			if (!isInScope(comment)) return;
+			const commentId = comment.commentId != null ? String(comment.commentId) : null;
+			const importedId = comment.importedId != null ? String(comment.importedId) : null;
+			const parentCommentId = comment.parentCommentId != null ? String(comment.parentCommentId) : null;
+			const trackedChangeThreadParentIdValue = trackedChangeThreadParentIdForComment(comment);
+			const trackedChangeThreadParentId = trackedChangeThreadParentIdValue != null ? String(trackedChangeThreadParentIdValue) : null;
+			const isRemovedComment = commentId && removedIds.has(commentId) || importedId && removedIds.has(importedId);
+			const isDescendant = parentCommentId && removedIds.has(parentCommentId) || trackedChangeThreadParentId && removedIds.has(trackedChangeThreadParentId);
+			if (!isRemovedComment && !isDescendant) return;
+			const sizeBefore = removedIds.size;
+			if (commentId) removedIds.add(commentId);
+			if (importedId) removedIds.add(importedId);
+			if (removedIds.size > sizeBefore) expanded = true;
+		});
+	}
+	return removedIds;
+};
 var isHighContrastMode = ref(false);
 function useHighContrastMode() {
 	const setHighContrastMode = (value) => {
@@ -9826,6 +9892,45 @@ function resolveV2ReviewTargetCommentId(target, getComment) {
 	const commentId = comment?.commentId ?? comment?.importedId ?? target.entityId;
 	return commentId != null ? String(commentId) : null;
 }
+function normalizeDocumentId(value) {
+	return value == null ? null : String(value);
+}
+function createV2RemoteReviewHydrationScheduler({ hydrate, getActiveDocumentId, debounceMs = 250, ceilingMs = 1e3, now: now$2 = () => Date.now(), setTimer = (callback, delay) => setTimeout(callback, delay), clearTimer = (timer$1) => clearTimeout(timer$1) }) {
+	let timer = null;
+	let heldSinceMs = null;
+	let pendingDocumentId = null;
+	const matchesActiveDocument = (documentId) => {
+		return normalizeDocumentId(getActiveDocumentId()) === documentId;
+	};
+	const clear = () => {
+		if (timer != null) clearTimer(timer);
+		timer = null;
+		heldSinceMs = null;
+		pendingDocumentId = null;
+	};
+	const schedule = (documentId) => {
+		const normalizedDocumentId = normalizeDocumentId(documentId);
+		if (!matchesActiveDocument(normalizedDocumentId)) return false;
+		if (pendingDocumentId !== normalizedDocumentId) clear();
+		const scheduledAtMs = now$2();
+		pendingDocumentId = normalizedDocumentId;
+		heldSinceMs ??= scheduledAtMs;
+		if (timer != null) clearTimer(timer);
+		const ceilingRemainingMs = Math.max(0, ceilingMs - (scheduledAtMs - heldSinceMs));
+		timer = setTimer(() => {
+			const deliveredDocumentId = pendingDocumentId;
+			timer = null;
+			heldSinceMs = null;
+			pendingDocumentId = null;
+			if (matchesActiveDocument(deliveredDocumentId)) hydrate();
+		}, Math.min(debounceMs, ceilingRemainingMs));
+		return true;
+	};
+	return {
+		schedule,
+		clear
+	};
+}
 var NO_AUTHOR_SIGNAL = "no-author-configured";
 const V2_AUTHOR_REQUIRED_CODE = "author-required";
 const V2_AUTHOR_REQUIRED_MESSAGE = "This edit needs an author identity. Set `user.name` in your SuperDoc configuration and reopen the document to make tracked or revision-overlapping edits.";
@@ -14357,6 +14462,8 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			if (latestV2MountStage && (clearedDocumentId == null || latestV2MountStage.dataset?.superdocV2DocumentId === clearedDocumentId)) latestV2MountStage = null;
 			v2ReviewHydrationController.reset("render-cleared");
 			v2ReviewMutationReconciler.reset();
+			clearV2TypingReviewHydrationTimer();
+			v2RemoteReviewHydrationScheduler.clear();
 			commentsStore.setV2CommentsAdapter?.(null);
 			commentsStore.setV2TrackedChangesAdapter?.(null);
 			commentsStore.clearEditorCommentPositions?.();
@@ -14409,6 +14516,12 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		});
 		let v2LastTypingMutationAtMs = 0;
 		let v2TypingReviewHydrationHeldSinceMs = 0;
+		const clearV2TypingReviewHydrationTimer = () => {
+			if (v2TypingReviewHydrationTimer && typeof clearTimeout === "function") clearTimeout(v2TypingReviewHydrationTimer);
+			v2TypingReviewHydrationTimer = 0;
+			v2LastTypingMutationAtMs = 0;
+			v2TypingReviewHydrationHeldSinceMs = 0;
+		};
 		const scheduleV2TypingReviewHydration = () => {
 			v2LastTypingMutationAtMs = Date.now();
 			if (!v2TypingReviewHydrationHeldSinceMs) v2TypingReviewHydrationHeldSinceMs = v2LastTypingMutationAtMs;
@@ -14429,6 +14542,13 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			const ceilingRemainingMs = Math.max(0, V2_TYPING_REVIEW_HYDRATION_CEILING_MS - (Date.now() - v2TypingReviewHydrationHeldSinceMs));
 			v2TypingReviewHydrationTimer = setTimeout(attempt, Math.min(V2_TYPING_REVIEW_HYDRATION_IDLE_MS, ceilingRemainingMs));
 		};
+		const v2RemoteReviewHydrationScheduler = createV2RemoteReviewHydrationScheduler({
+			hydrate: () => hydrateV2ReviewRowsFromHost(),
+			getActiveDocumentId: () => {
+				const activeEditor = proxy.$superdoc?.activeEditor ?? null;
+				return activeEditor?.documentId ?? activeEditor?.options?.documentId ?? null;
+			}
+		});
 		const onV2HostEvent = (document$1, event) => {
 			if (!event) return;
 			const documentId = document$1?.id ?? null;
@@ -14436,6 +14556,10 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 				syncSidebarActiveCommentFromV2ReviewTarget(event.next);
 				return;
 			}
+			if (event.type === "collaboration:remote-changed") {
+				v2RemoteReviewHydrationScheduler.schedule(documentId);
+				return;
+			}
 			if (event.type === "source:complete") {
 				proxy.$superdoc.broadcastSourceComplete();
 				return;
@@ -14669,6 +14793,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			"isInternal",
 			"parentCommentId",
 			"trackedChangeParentId",
+			"trackedChangeThreadParentId",
 			"threadingParentCommentId",
 			"trackedChange",
 			"trackedChangeType",
@@ -14833,34 +14958,8 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 						if (!activeDocumentId || typeof belongsToDocument !== "function") return true;
 						return belongsToDocument(comment, activeDocumentId);
 					};
-					const removedCommentIds = /* @__PURE__ */ new Set();
-					commentsList.value.forEach((comment) => {
-						if (!isInActiveDocument(comment)) return;
-						const commentId = comment.commentId != null ? String(comment.commentId) : null;
-						const importedId = comment.importedId != null ? String(comment.importedId) : null;
-						if (!(commentId && targetIds.includes(commentId) || importedId && targetIds.includes(importedId))) return;
-						if (commentId) removedCommentIds.add(commentId);
-						if (importedId) removedCommentIds.add(importedId);
-					});
+					const removedCommentIds = collectRemovedCommentIds(commentsList.value, targetIds, isInActiveDocument);
 					if (removedCommentIds.size) {
-						let expanded = true;
-						while (expanded) {
-							expanded = false;
-							commentsList.value.forEach((comment) => {
-								if (!isInActiveDocument(comment)) return;
-								const commentId = comment.commentId != null ? String(comment.commentId) : null;
-								const importedId = comment.importedId != null ? String(comment.importedId) : null;
-								const parentCommentId = comment.parentCommentId != null ? String(comment.parentCommentId) : null;
-								const trackedChangeParentId = comment.trackedChangeParentId != null ? String(comment.trackedChangeParentId) : null;
-								const isRemovedComment = commentId && removedCommentIds.has(commentId) || importedId && removedCommentIds.has(importedId);
-								const isDescendantOfRemovedComment = parentCommentId && removedCommentIds.has(parentCommentId) || trackedChangeParentId && removedCommentIds.has(trackedChangeParentId);
-								if (!isRemovedComment && !isDescendantOfRemovedComment) return;
-								const sizeBefore = removedCommentIds.size;
-								if (commentId) removedCommentIds.add(commentId);
-								if (importedId) removedCommentIds.add(importedId);
-								if (removedCommentIds.size > sizeBefore) expanded = true;
-							});
-						}
 						const previousComments = [...commentsList.value];
 						commentsList.value = commentsList.value.filter((comment) => {
 							if (!isInActiveDocument(comment)) return true;
@@ -15118,11 +15217,8 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 				cancelAnimationFrame(v2GeometryRafHandle);
 				v2GeometryRafHandle = 0;
 			}
-			if (v2TypingReviewHydrationTimer && typeof clearTimeout === "function") {
-				clearTimeout(v2TypingReviewHydrationTimer);
-				v2TypingReviewHydrationTimer = 0;
-			}
-			v2TypingReviewHydrationHeldSinceMs = 0;
+			clearV2TypingReviewHydrationTimer();
+			v2RemoteReviewHydrationScheduler.clear();
 			document.removeEventListener("focusin", handleRuntimeFocusIn, true);
 			document.removeEventListener("pointerdown", handleRuntimePointerDown, true);
 			document.removeEventListener("mousedown", handleRuntimeMouseDown, true);
@@ -15615,7 +15711,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-8d8777e2"]]);
+}, [["__scopeId", "data-v-c4ab995e"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -34161,7 +34257,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.0.0-next.26";
+		this.version = "2.0.0-next.27";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];