superdoc 2.6.0-next.8 → 2.6.0

package/dist/superdoc.es.js

@@ -5689,6 +5689,7 @@ function useComment(params) {
 	let parentCommentId = params.parentCommentId;
 	let trackedChangeParentId = params.trackedChangeParentId;
 	const trackedChangeThreadParentId = ref(params.trackedChangeThreadParentId);
+	const trackedChangeSide = ref(params.trackedChangeSide);
 	const fileId = params.fileId;
 	const fileType = params.fileType;
 	const createdAtVersionNumber = params.createdAtVersionNumber;
@@ -5939,6 +5940,7 @@ function useComment(params) {
 			parentCommentId,
 			trackedChangeParentId,
 			trackedChangeThreadParentId: trackedChangeThreadParentId.value,
+			trackedChangeSide: trackedChangeSide.value,
 			fileId,
 			fileType,
 			mentions: mentions.value.map((u) => {
@@ -5994,6 +5996,7 @@ function useComment(params) {
 		parentCommentId,
 		trackedChangeParentId,
 		trackedChangeThreadParentId,
+		trackedChangeSide,
 		fileId,
 		fileType,
 		mentions,
@@ -6913,6 +6916,78 @@ var trackedChangeThreadParentIdForComment = (comment) => {
 //#endregion
 //#region src/stores/helpers/tracked-change-thread-index.js
 /**
+* @param {string|null|undefined} side
+* @returns {'source'|'destination'|null}
+*/
+var trackedChangeSideGroup = (side) => {
+	if (side === "source" || side === "deleted") return "source";
+	if (side === "destination" || side === "inserted") return "destination";
+	return null;
+};
+/**
+* @param {{ semanticColorKey?: string|null }} comment
+* @returns {'source'|'destination'|null}
+*/
+var trackedChangeRowSideGroup = (comment) => {
+	if (comment?.semanticColorKey === "move-from") return "source";
+	if (comment?.semanticColorKey === "move-to") return "destination";
+	return null;
+};
+/**
+* Resolve explicit conversation provenance to the visible tracked-change row.
+* Canonical move ids are shared, so their persisted side selects the source or
+* destination card. Other ambiguous canonical ids remain unresolved.
+*
+* @template {{ commentId: string|number, trackedChange?: boolean, trackedChangeCanonicalId?: string|number|null, trackedChangeSide?: string|null, semanticColorKey?: string|null, parentCommentId?: string|number|null, threadingParentCommentId?: string|number|null, trackedChangeParentId?: string|number|null, trackedChangeThreadParentId?: string|number|null }} Comment
+* @param {ReadonlyArray<Comment>} allComments
+* @returns {Map<Comment, Comment>}
+*/
+var buildTrackedChangeThreadOwnerIndex = (allComments) => {
+	/** @type {Map<string, Comment[]>} */
+	const trackedRowsById = /* @__PURE__ */ new Map();
+	/** @type {Map<string, Comment[]>} */
+	const trackedRowsByCanonicalId = /* @__PURE__ */ new Map();
+	/**
+	* @template Key, Value
+	* @param {Map<Key, Value[]>} map
+	* @param {Key} key
+	* @param {Value} value
+	*/
+	const append = (map, key, value) => {
+		const existing = map.get(key);
+		if (existing) existing.push(value);
+		else map.set(key, [value]);
+	};
+	for (const comment of allComments) {
+		if (comment?.trackedChange !== true) continue;
+		if (typeof comment.commentId === "string") append(trackedRowsById, comment.commentId, comment);
+		if (comment.trackedChangeCanonicalId != null) append(trackedRowsByCanonicalId, String(comment.trackedChangeCanonicalId), comment);
+	}
+	/** @type {Map<Comment, Comment>} */
+	const ownerByComment = /* @__PURE__ */ new Map();
+	for (const comment of allComments) {
+		if (comment?.trackedChange === true) continue;
+		const aliases = new Set([comment.threadingParentCommentId, trackedChangeThreadParentIdForComment(comment)].filter((id) => id != null).map((id) => String(id)));
+		if (aliases.size === 0) continue;
+		const directOwners = new Set([...aliases].flatMap((alias) => trackedRowsById.get(alias) ?? []));
+		if (directOwners.size === 1) {
+			ownerByComment.set(comment, [...directOwners][0]);
+			continue;
+		}
+		if (directOwners.size > 1) continue;
+		const canonicalOwners = new Set([...aliases].flatMap((alias) => trackedRowsByCanonicalId.get(alias) ?? []));
+		if (canonicalOwners.size === 1) {
+			ownerByComment.set(comment, [...canonicalOwners][0]);
+			continue;
+		}
+		const sideGroup = trackedChangeSideGroup(comment.trackedChangeSide);
+		if (!sideGroup) continue;
+		const sideOwners = [...canonicalOwners].filter((owner) => trackedChangeRowSideGroup(owner) === sideGroup);
+		if (sideOwners.length === 1) ownerByComment.set(comment, sideOwners[0]);
+	}
+	return ownerByComment;
+};
+/**
 * Build every tracked-change conversation in one graph pass.
 *
 * `CommentDialog` instances are intentionally mounted for every tracked-change
@@ -6927,7 +7002,7 @@ var trackedChangeThreadParentIdForComment = (comment) => {
 * asymmetry here so numeric tracked-change row ids do not acquire new thread
 * membership.
 *
-* @template {{ commentId: string|number, trackedChange?: boolean, createdTime?: number, parentCommentId?: string|number|null, threadingParentCommentId?: string|number|null, trackedChangeParentId?: string|number|null }} Comment
+* @template {{ commentId: string|number, trackedChange?: boolean, trackedChangeCanonicalId?: string|number|null, trackedChangeSide?: string|null, semanticColorKey?: string|null, createdTime?: number, parentCommentId?: string|number|null, threadingParentCommentId?: string|number|null, trackedChangeParentId?: string|number|null }} Comment
 * @param {ReadonlyArray<Comment>} allComments
 * @param {ReadonlyMap<string|number, ReadonlyArray<Comment>>} [previous]
 * @returns {Map<string|number, ReadonlyArray<Comment>>}
@@ -6935,12 +7010,13 @@ var trackedChangeThreadParentIdForComment = (comment) => {
 var buildTrackedChangeThreadIndex = (allComments, previous = /* @__PURE__ */ new Map()) => {
 	/** @type {Map<string, Comment[]>} Parent links are normalized exactly as in the legacy collector. */
 	const childrenByParentId = /* @__PURE__ */ new Map();
-	/** @type {Map<string, Comment[]>} Explicit tracked-change conversation roots, normalized like the legacy collector. */
-	const anchoredRootsByTrackedChangeId = /* @__PURE__ */ new Map();
+	/** @type {Map<string, Comment[]>} Explicit conversation members keyed by their visible tracked-change row. */
+	const anchoredCommentsByTrackedChangeId = /* @__PURE__ */ new Map();
 	/** @type {Map<string|number, Comment[]>} */
 	const commentsById = /* @__PURE__ */ new Map();
 	/** @type {Map<Comment, number>} */
 	const sourceIndex = /* @__PURE__ */ new Map();
+	const trackedChangeOwnerByComment = buildTrackedChangeThreadOwnerIndex(allComments);
 	/**
 	* @template Key, Value
 	* @param {Map<Key, Value[]>} map
@@ -6956,8 +7032,8 @@ var buildTrackedChangeThreadIndex = (allComments, previous = /* @__PURE__ */ new
 		sourceIndex.set(comment, index);
 		append(commentsById, comment.commentId, comment);
 		new Set([comment.parentCommentId, comment.threadingParentCommentId].filter((id) => id != null).map((id) => String(id))).forEach((parentId) => append(childrenByParentId, parentId, comment));
-		const trackedChangeThreadParentId = isV2SyntheticTrackedChangeRow(comment) ? null : trackedChangeThreadParentIdForComment(comment);
-		if (trackedChangeThreadParentId != null && !comment.parentCommentId) append(anchoredRootsByTrackedChangeId, String(trackedChangeThreadParentId), comment);
+		const owner = trackedChangeOwnerByComment.get(comment);
+		if (owner?.commentId != null) append(anchoredCommentsByTrackedChangeId, String(owner.commentId), comment);
 	});
 	/** @type {Map<string|number, ReadonlyArray<Comment>>} */
 	const next = /* @__PURE__ */ new Map();
@@ -6967,7 +7043,10 @@ var buildTrackedChangeThreadIndex = (allComments, previous = /* @__PURE__ */ new
 		const threadIds = /* @__PURE__ */ new Set([trackedChangeId]);
 		/** @type {Array<string|number>} */
 		const queue = [];
-		const seed = typeof trackedChangeId === "string" ? [...childrenByParentId.get(trackedChangeId) ?? [], ...anchoredRootsByTrackedChangeId.get(trackedChangeId) ?? []] : [];
+		/** @type {string[]} */
+		const threadParentIds = [];
+		if (typeof trackedChangeId === "string") threadParentIds.push(trackedChangeId);
+		const seed = threadParentIds.flatMap((parentId) => [...childrenByParentId.get(parentId) ?? [], ...anchoredCommentsByTrackedChangeId.get(parentId) ?? []]);
 		for (const comment of seed) {
 			const id = comment.commentId;
 			if (id === trackedChangeId || threadIds.has(id)) continue;
@@ -7144,6 +7223,14 @@ var normalizeV2CommentDraftText = (value) => {
 	if (!html || html === "<p></p>") return "";
 	return decodeCommentDraftEntities(html.replace(COMMENT_DRAFT_BR_TAG, "\n").replace(COMMENT_DRAFT_BLOCK_CLOSE_TAG, "\n").replace(COMMENT_DRAFT_BLOCK_OPEN_TAG, "").replace(COMMENT_DRAFT_ANY_TAG, "")).replace(/\n{3,}/g, "\n\n").replace(/^\n+/, "").replace(/\n+$/, "");
 };
+var cloneV2TrackedChangeStory = (story) => {
+	if (!story || typeof story !== "object") return null;
+	const rawStory = toRaw(story);
+	return {
+		...rawStory,
+		...rawStory.section && typeof rawStory.section === "object" ? { section: { ...toRaw(rawStory.section) } } : {}
+	};
+};
 var useCommentsStore = defineStore("comments", () => {
 	const BODY_TRACKED_CHANGE_STORY = {
 		kind: "story",
@@ -7457,12 +7544,6 @@ var useCommentsStore = defineStore("comments", () => {
 		if (isV2SyntheticTrackedChangeRow(comment) && comment?.trackedChange === true) return null;
 		return trackedChangeThreadParentIdForComment(comment);
 	};
-	const shouldThreadWithTrackedChange = (comment) => {
-		const trackedChangeParentId = trackedChangeThreadParentIdForComment$1(comment);
-		if (!trackedChangeParentId) return false;
-		const trackedChange = getComment(trackedChangeParentId);
-		return Boolean(trackedChange?.trackedChange);
-	};
 	/**
 	* Extract the position lookup key from a comment or comment ID.
 	* Prefers whichever key currently exists in editorCommentPositions.
@@ -8247,9 +8328,10 @@ var useCommentsStore = defineStore("comments", () => {
 		const parentComments = [];
 		const resolvedComments = [];
 		const childCommentMap = /* @__PURE__ */ new Map();
+		const trackedChangeThreadOwnerIndex = buildTrackedChangeThreadOwnerIndex(source);
 		source.forEach((comment) => {
 			if (!isThreadVisible(comment)) return;
-			const trackedChangeThreadParentId = shouldThreadWithTrackedChange(comment) ? trackedChangeThreadParentIdForComment$1(comment) : null;
+			const trackedChangeThreadParentId = trackedChangeThreadOwnerIndex.get(comment)?.commentId ?? null;
 			const parentId = comment.trackedChange ? null : comment.parentCommentId || trackedChangeThreadParentId;
 			if (comment.resolvedTime) resolvedComments.push(comment);
 			else if (!parentId && !comment.resolvedTime) parentComments.push({ ...comment });
@@ -8820,16 +8902,18 @@ var useCommentsStore = defineStore("comments", () => {
 		};
 	};
 	/**
-	* Reply to an existing comment through the v2 adapter.
+	* Reply to an existing comment or tracked-change review row through the v2 adapter.
 	*
 	* Plan §4.1 rules:
 	*   - empty text rejects before mutation with `comment-text-empty`
 	*   - missing parent rejects before mutation with `parent-comment-id-missing`
-	*   - successful reply refreshes from v2 list and reconciles
+	*   - a tracked-change row creates its first anchored root only after a
+	*     canonical-id reply reports `TARGET_NOT_FOUND`
+	*   - successful mutation refreshes from v2 list and reconciles
 	*   - rejection preserves rows and emits a rejected `comments-update` event
 	*   - committed-but-refresh-failed surfaces honestly (no reconcile with `[]`)
 	*/
-	const replyCommentV2 = async ({ superdoc, parentCommentId, text, mentions = [] } = {}) => {
+	const replyCommentV2 = async ({ superdoc, parentCommentId, text, mentions = [], trackedChangeTarget } = {}) => {
 		if (commentsAreReadOnly()) return readOnlyMutationOutcome();
 		const v2Adapter = getV2CommentsAdapter(superdoc);
 		if (!v2Adapter) return {
@@ -8846,17 +8930,44 @@ var useCommentsStore = defineStore("comments", () => {
 			ok: false,
 			reason: "comment-text-empty"
 		};
-		const parent = commentsList.value.find((c) => String(c.commentId) === normalizedParent);
+		let normalizedTrackedChangeTarget = null;
+		if (trackedChangeTarget != null) {
+			const trackedChangeId = trackedChangeTarget?.trackedChangeId != null ? String(trackedChangeTarget.trackedChangeId) : null;
+			if (!trackedChangeId) return {
+				ok: false,
+				reason: "tracked-change-id-missing"
+			};
+			if (trackedChangeId !== normalizedParent) return {
+				ok: false,
+				reason: "tracked-change-target-mismatch"
+			};
+			const story = cloneV2TrackedChangeStory(trackedChangeTarget.story);
+			normalizedTrackedChangeTarget = {
+				kind: "trackedChange",
+				trackedChangeId,
+				...trackedChangeTarget.side != null ? { side: trackedChangeTarget.side } : {},
+				...story ? { story } : {}
+			};
+		}
+		const parent = commentsList.value.find((c) => String(c.commentId) === normalizedParent || c.trackedChange === true && String(c.trackedChangeCanonicalId) === normalizedParent);
 		const fileId = parent?.fileId ?? v2Adapter.documentId ?? null;
 		return runV2CommentMutation({
 			superdoc,
 			adapter: v2Adapter,
 			fileId,
-			operation: () => v2Adapter.reply({
-				parentCommentId: normalizedParent,
-				text: plainText,
-				...mentions.length ? { mentions } : {}
-			}),
+			operation: async () => {
+				const replyOutcome = await v2Adapter.reply({
+					parentCommentId: normalizedParent,
+					text: plainText,
+					...mentions.length ? { mentions } : {}
+				});
+				if (replyOutcome?.ok || replyOutcome?.code !== "TARGET_NOT_FOUND" || !normalizedTrackedChangeTarget) return replyOutcome;
+				return v2Adapter.commitPendingComment({
+					text: plainText,
+					target: normalizedTrackedChangeTarget,
+					...mentions.length ? { mentions } : {}
+				});
+			},
 			eventType: COMMENT_EVENTS.ADD,
 			rejectionFallbackReason: "v2-reply-failed",
 			rejectionEventExtras: parent ? { comment: getCommentEventPayload(parent) } : {},
@@ -9329,7 +9440,7 @@ var useCommentsStore = defineStore("comments", () => {
 			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;
+			else existing.trackedChangeSide = void 0;
 			if (input.threadingParentCommentId !== void 0) existing.threadingParentCommentId = input.threadingParentCommentId;
 			else delete existing.threadingParentCommentId;
 		};
@@ -10071,7 +10182,7 @@ var useCommentsStore = defineStore("comments", () => {
 			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;
+			linkedComment.trackedChangeSide = void 0;
 			delete linkedComment.threadingParentCommentId;
 			if (parentCommentId && trackedChangeIds.has(parentCommentId)) delete linkedComment.parentCommentId;
 			detachedCount += 1;
@@ -12510,10 +12621,23 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const getV2ExistingReplyParentId = (comment) => {
 			if (!comment) return null;
-			if (comment.trackedChange && comment.importedId != null) return String(comment.importedId);
+			if (comment.trackedChange && comment.trackedChangeCanonicalId != null) return String(comment.trackedChangeCanonicalId);
 			if (comment.commentId != null) return String(comment.commentId);
 			return null;
 		};
+		const getV2TrackedChangeCommentTarget = (comment) => {
+			if (!comment?.trackedChange) return null;
+			const trackedChangeId = getV2ExistingReplyParentId(comment);
+			if (!trackedChangeId) return null;
+			const target = {
+				kind: "trackedChange",
+				trackedChangeId
+			};
+			if (comment.trackedChangeStory) target.story = comment.trackedChangeStory;
+			if (comment.semanticColorKey === "move-from") target.side = "source";
+			if (comment.semanticColorKey === "move-to") target.side = "destination";
+			return target;
+		};
 		const getEntryBoundsCoordinate = (entry, coordinate) => {
 			const value = entry?.bounds?.[coordinate];
 			return Number.isFinite(value) ? value : null;
@@ -12854,11 +12978,13 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				isSubmittingReply.value = true;
 				try {
 					const parentCommentId = getV2ExistingReplyParentId(props.comment);
+					const trackedChangeTarget = getV2TrackedChangeCommentTarget(props.comment);
 					const outcome = await commentsStore.replyCommentV2({
 						superdoc: proxy.$superdoc,
 						parentCommentId,
 						text: currentCommentText.value,
-						...currentCommentMentions.value.length ? { mentions: currentCommentMentions.value } : {}
+						...currentCommentMentions.value.length ? { mentions: currentCommentMentions.value } : {},
+						...trackedChangeTarget ? { trackedChangeTarget } : {}
 					});
 					if (!outcome?.ok) {
 						nextTick(() => emit("resize"));
@@ -13461,7 +13587,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-f4c743f2"]]);
+}, [["__scopeId", "data-v-50d8ea52"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -17946,7 +18072,9 @@ function scrollToElement(targetElement, options = {
 	if (!targetElement) return;
 	const container = getScrollableParent(targetElement);
 	const containerRect = container.getBoundingClientRect();
-	const offsetTop = targetElement.getBoundingClientRect().top - containerRect.top + container.scrollTop;
+	const targetRect = targetElement.getBoundingClientRect();
+	const containerTop = container === (document.scrollingElement || document.documentElement) ? 0 : containerRect.top;
+	const offsetTop = targetRect.top - containerTop + container.scrollTop;
 	const scrollPaddingTopValue = window.getComputedStyle(container).scrollPaddingTop?.trim();
 	const resolvedScrollPaddingTop = scrollPaddingTopValue?.endsWith("px") ? Number(scrollPaddingTopValue.slice(0, -2)) : 0;
 	const scrollPaddingTop = Number.isFinite(resolvedScrollPaddingTop) && resolvedScrollPaddingTop >= 0 ? resolvedScrollPaddingTop : 0;
@@ -43410,7 +43538,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.6.0-next.8";
+		this.version = "2.6.0";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];