superdoc 2.0.0-next.50 → 2.0.0-next.52

package/dist/style.layered.css

@@ -979,7 +979,7 @@ img[data-v-c95b2073] {
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
 
-.comments-dialog[data-v-387d6ba0] {
+.comments-dialog[data-v-13257a67] {
   display: flex;
   flex-direction: column;
   padding: var(--sd-ui-comments-card-padding, 16px);
@@ -998,73 +998,73 @@ img[data-v-c95b2073] {
   overflow-wrap: break-word;
   word-break: break-word;
 }
-.comments-dialog[data-v-387d6ba0]:not(.is-active) {
+.comments-dialog[data-v-13257a67]:not(.is-active) {
   cursor: pointer;
 }
-.comments-dialog[data-v-387d6ba0]:not(.is-active):not(.is-resolved):hover {
+.comments-dialog[data-v-13257a67]:not(.is-active):not(.is-resolved):hover {
   background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
 }
-.comments-dialog[data-v-387d6ba0]:not(.is-resolved):hover .overflow-menu {
+.comments-dialog[data-v-13257a67]:not(.is-resolved):hover .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.comments-dialog.is-active[data-v-387d6ba0] {
+.comments-dialog.is-active[data-v-13257a67] {
   background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
   border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
   box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
   z-index: 10;
 }
-.comments-dialog.is-resolved[data-v-387d6ba0] {
+.comments-dialog.is-resolved[data-v-13257a67] {
   background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
 }
-.comment-separator[data-v-387d6ba0] {
+.comment-separator[data-v-13257a67] {
   background-color: var(--sd-ui-comments-separator, #e0e0e0);
   height: 1px;
   width: 100%;
   margin: 10px 0;
 }
-.comment[data-v-387d6ba0] {
+.comment[data-v-13257a67] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.comment[data-v-387d6ba0] p {
+.comment[data-v-13257a67] p {
   margin: 0;
 }
-.tracked-change[data-v-387d6ba0] {
+.tracked-change[data-v-13257a67] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.change-type[data-v-387d6ba0] {
+.change-type[data-v-13257a67] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text[data-v-387d6ba0] {
+.tracked-change-text[data-v-13257a67] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text.is-deleted[data-v-387d6ba0] {
+.tracked-change-text.is-deleted[data-v-13257a67] {
   color: var(--sd-ui-comments-delete-text, #cb0e47);
 }
-.tracked-change-text.is-inserted[data-v-387d6ba0] {
+.tracked-change-text.is-inserted[data-v-13257a67] {
   color: var(--sd-ui-comments-insert-text, #1f6feb);
   font-weight: 500;
 }
-.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-387d6ba0] {
+.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-13257a67] {
   color: var(--sd-ui-comments-move-from-text, #00853d);
 }
-.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-387d6ba0] {
+.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-13257a67] {
   color: var(--sd-ui-comments-move-to-text, #00853d);
 }
-.tracked-change-detail-lines[data-v-387d6ba0] {
+.tracked-change-detail-lines[data-v-13257a67] {
   margin-top: 4px;
 }
-.tracked-change-detail-line[data-v-387d6ba0] {
+.tracked-change-detail-line[data-v-13257a67] {
   font-size: 12px;
   line-height: 1.4;
 }
-.tracked-change-image-preview[data-v-387d6ba0] {
+.tracked-change-image-preview[data-v-13257a67] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1075,7 +1075,7 @@ img[data-v-c95b2073] {
   max-width: 96px;
   max-height: 96px;
 }
-.tracked-change-image-preview__image[data-v-387d6ba0] {
+.tracked-change-image-preview__image[data-v-13257a67] {
   display: block;
   width: auto;
   height: auto;
@@ -1085,7 +1085,7 @@ img[data-v-c95b2073] {
 }
 
 /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
-.tracked-change-decision-alert[data-v-387d6ba0] {
+.tracked-change-decision-alert[data-v-13257a67] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1099,12 +1099,12 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.4;
 }
-.tracked-change-decision-alert__retry[data-v-387d6ba0] {
+.tracked-change-decision-alert__retry[data-v-13257a67] {
   flex-shrink: 0;
 }
 
 /* ── Resolved badge ── */
-.resolved-badge[data-v-387d6ba0] {
+.resolved-badge[data-v-13257a67] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1113,26 +1113,26 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-comments-resolved-text, #00853d);
   margin-bottom: 4px;
 }
-.resolved-badge__icon[data-v-387d6ba0] {
+.resolved-badge__icon[data-v-13257a67] {
   display: inline-flex;
   width: 12px;
   height: 12px;
 }
-.resolved-badge__icon[data-v-387d6ba0] svg {
+.resolved-badge__icon[data-v-13257a67] svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 /* ── Text truncation ── */
-.comment.is-truncated[data-v-387d6ba0],
-.tracked-change.is-truncated[data-v-387d6ba0] {
+.comment.is-truncated[data-v-13257a67],
+.tracked-change.is-truncated[data-v-13257a67] {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.show-more-toggle[data-v-387d6ba0] {
+.show-more-toggle[data-v-13257a67] {
   font-size: 12px;
   color: var(--sd-ui-action, #1355ff);
   cursor: pointer;
@@ -1140,12 +1140,12 @@ img[data-v-c95b2073] {
   margin-top: 4px;
   user-select: none;
 }
-.show-more-toggle[data-v-387d6ba0]:hover {
+.show-more-toggle[data-v-13257a67]:hover {
   text-decoration: underline;
 }
 
 /* ── Thread collapse ── */
-.collapsed-replies[data-v-387d6ba0] {
+.collapsed-replies[data-v-13257a67] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1156,24 +1156,24 @@ img[data-v-c95b2073] {
   cursor: pointer;
   user-select: none;
 }
-.collapsed-replies[data-v-387d6ba0]:hover {
+.collapsed-replies[data-v-13257a67]:hover {
   text-decoration: underline;
 }
-.collapsed-avatars[data-v-387d6ba0] {
+.collapsed-avatars[data-v-13257a67] {
   display: flex;
 }
-.collapsed-avatars .mini-avatar[data-v-387d6ba0] {
+.collapsed-avatars .mini-avatar[data-v-13257a67] {
   --sd-comment-avatar-size: 20px;
   --sd-comment-avatar-font-size: 8px;
   margin-left: -4px;
   border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
 }
-.collapsed-avatars .mini-avatar[data-v-387d6ba0]:first-child {
+.collapsed-avatars .mini-avatar[data-v-13257a67]:first-child {
   margin-left: 0;
 }
 
 /* ── New comment input ── */
-.new-comment-input-wrapper[data-v-387d6ba0] {
+.new-comment-input-wrapper[data-v-13257a67] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1182,17 +1182,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow-y: auto;
 }
-.new-comment-input-wrapper[data-v-387d6ba0]:focus-within {
+.new-comment-input-wrapper[data-v-13257a67]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.new-comment-input-wrapper[data-v-387d6ba0] .comment-entry {
+.new-comment-input-wrapper[data-v-13257a67] .comment-entry {
   border-radius: 0;
 }
-.new-comment-input-wrapper[data-v-387d6ba0] .input-section {
+.new-comment-input-wrapper[data-v-13257a67] .input-section {
   margin: 0;
 }
-.new-comment-input-wrapper[data-v-387d6ba0] .superdoc-field {
+.new-comment-input-wrapper[data-v-13257a67] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1203,18 +1203,18 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.new-comment-input-wrapper[data-v-387d6ba0] .superdoc-field:focus,
-.new-comment-input-wrapper[data-v-387d6ba0] .superdoc-field:active {
+.new-comment-input-wrapper[data-v-13257a67] .superdoc-field:focus,
+.new-comment-input-wrapper[data-v-13257a67] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.new-comment-input-wrapper[data-v-387d6ba0] .sd-editor-placeholder::before {
+.new-comment-input-wrapper[data-v-13257a67] .sd-editor-placeholder::before {
   content: 'Comment or add others with @';
 }
 
 /* ── Reply pill & expanded input ── */
-.reply-pill[data-v-387d6ba0] {
+.reply-pill[data-v-13257a67] {
   width: 100%;
   padding: 8.5px 10.5px;
   border: 1.5px solid transparent;
@@ -1228,16 +1228,16 @@ img[data-v-c95b2073] {
   cursor: text;
   transition: background 150ms ease;
 }
-.reply-pill[data-v-387d6ba0]:hover {
+.reply-pill[data-v-13257a67]:hover {
   background: var(--sd-color-gray-200, #f2f2f2);
 }
-.reply-pill[data-v-387d6ba0]:disabled {
+.reply-pill[data-v-13257a67]:disabled {
   cursor: not-allowed;
 }
-.reply-expanded[data-v-387d6ba0] {
+.reply-expanded[data-v-13257a67] {
   margin-top: 10px;
 }
-.reply-input-wrapper[data-v-387d6ba0] {
+.reply-input-wrapper[data-v-13257a67] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1245,17 +1245,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow-y: auto;
 }
-.reply-input-wrapper[data-v-387d6ba0]:focus-within {
+.reply-input-wrapper[data-v-13257a67]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.reply-input-wrapper[data-v-387d6ba0] .comment-entry {
+.reply-input-wrapper[data-v-13257a67] .comment-entry {
   border-radius: 0;
 }
-.reply-input-wrapper[data-v-387d6ba0] .input-section {
+.reply-input-wrapper[data-v-13257a67] .input-section {
   margin: 0;
 }
-.reply-input-wrapper[data-v-387d6ba0] .superdoc-field {
+.reply-input-wrapper[data-v-13257a67] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1266,23 +1266,23 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.reply-input-wrapper[data-v-387d6ba0] .superdoc-field:focus,
-.reply-input-wrapper[data-v-387d6ba0] .superdoc-field:active {
+.reply-input-wrapper[data-v-13257a67] .superdoc-field:focus,
+.reply-input-wrapper[data-v-13257a67] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.reply-input-wrapper[data-v-387d6ba0] .sd-editor-placeholder::before {
+.reply-input-wrapper[data-v-13257a67] .sd-editor-placeholder::before {
   content: 'Reply or add others with @';
 }
-.reply-actions[data-v-387d6ba0] {
+.reply-actions[data-v-13257a67] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 16px;
   margin-top: 8px;
 }
-.reply-btn-cancel[data-v-387d6ba0] {
+.reply-btn-cancel[data-v-13257a67] {
   background: none;
   border: none;
   font-size: 13px;
@@ -1293,10 +1293,10 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: color 150ms;
 }
-.reply-btn-cancel[data-v-387d6ba0]:hover {
+.reply-btn-cancel[data-v-13257a67]:hover {
   color: var(--sd-ui-text, #212121);
 }
-.reply-btn-primary[data-v-387d6ba0] {
+.reply-btn-primary[data-v-13257a67] {
   background: var(--sd-ui-action, #1355ff);
   border: none;
   font-size: 13px;
@@ -1308,19 +1308,19 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: background 150ms;
 }
-.reply-btn-primary[data-v-387d6ba0]:hover {
+.reply-btn-primary[data-v-13257a67]:hover {
   background: var(--sd-ui-action-hover, #0f44cc);
 }
-.reply-btn-primary.sd-is-disabled[data-v-387d6ba0] {
+.reply-btn-primary.sd-is-disabled[data-v-13257a67] {
   background: var(--sd-color-gray-400, #dbdbdb);
   color: var(--sd-color-gray-600, #888888);
   cursor: default;
   pointer-events: none;
 }
-.existing-internal-input[data-v-387d6ba0] {
+.existing-internal-input[data-v-13257a67] {
   margin-bottom: 10px;
 }
-.sd-internal-dropdown[data-v-387d6ba0] {
+.sd-internal-dropdown[data-v-13257a67] {
   display: inline-block;
 }
 

package/dist/superdoc.cjs

@@ -6,7 +6,7 @@ const require_uuid = require("./chunks/uuid-CFp0WGVU.cjs");
 const require_jszip = require("./chunks/jszip-BdUBlUeG.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-BTwbGDKw.cjs");
 const require_constants = require("./chunks/constants-sbCZ2O_A.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-DlSN0ENQ.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-CMnnWkHC.cjs");
 let vue = require("vue");
 vue = require_rolldown_runtime.__toESM(vue);
 require("y-websocket");
@@ -7452,8 +7452,12 @@ var _sfc_main$32 = {
 			const willChangeActiveDialog = !props.comment.resolvedTime && (activeComment.value !== props.comment.commentId || isInstanceScopedDialog && currentFloatingInstanceId.value !== activeFloatingCommentInstanceId.value);
 			let instantAlignmentTargetY = targetClientY;
 			if (v2Adapter) {
-				const trackedChangeAdapter = editor?.editorVersion === 2 && isTrackedChange ? editor?.v2TrackedChanges ?? null : null;
-				const result = await (trackedChangeAdapter ? trackedChangeAdapter.focusTrackedChange(props.comment) : v2Adapter.focusComment(props.comment));
+				const linkedTrackedChangeId = !isTrackedChange && String(props.comment?.trackedChangeParentId ?? "").trim() ? props.comment.trackedChangeParentId : null;
+				const trackedChangeAdapter = editor?.editorVersion === 2 && (isTrackedChange || linkedTrackedChangeId != null) ? editor?.v2TrackedChanges ?? null : null;
+				const linkedTrackedChange = linkedTrackedChangeId != null ? commentsStore.getComment(linkedTrackedChangeId) : null;
+				const trackedChangeTarget = isTrackedChange ? props.comment : linkedTrackedChange?.trackedChange ? linkedTrackedChange : linkedTrackedChangeId;
+				let result = await (trackedChangeAdapter ? trackedChangeAdapter.focusTrackedChange(trackedChangeTarget) : v2Adapter.focusComment(props.comment));
+				if (!isTrackedChange && result?.reason === "tracked-change-anchor-not-found") result = await v2Adapter.focusComment(props.comment);
 				if (!result?.ok) {
 					clearInstantSidebarAlignment();
 					return result;
@@ -8134,7 +8138,7 @@ var _sfc_main$32 = {
 		};
 	}
 };
-var CommentDialog_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$32, [["__scopeId", "data-v-387d6ba0"]]);
+var CommentDialog_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$32, [["__scopeId", "data-v-13257a67"]]);
 var _hoisted_1$24 = { class: "comments-list" };
 var _hoisted_2$19 = { key: 0 };
 var _hoisted_3$15 = [
@@ -34873,7 +34877,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.0.0-next.50";
+		this.version = "2.0.0-next.52";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4_default();
 		this.colors = this.config.colors ?? [];

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, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-D4UDePxr.es.js";
+import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-9N3-Jxnj.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";
@@ -7443,8 +7443,12 @@ var CommentDialog_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			const willChangeActiveDialog = !props.comment.resolvedTime && (activeComment.value !== props.comment.commentId || isInstanceScopedDialog && currentFloatingInstanceId.value !== activeFloatingCommentInstanceId.value);
 			let instantAlignmentTargetY = targetClientY;
 			if (v2Adapter) {
-				const trackedChangeAdapter = editor?.editorVersion === 2 && isTrackedChange ? editor?.v2TrackedChanges ?? null : null;
-				const result = await (trackedChangeAdapter ? trackedChangeAdapter.focusTrackedChange(props.comment) : v2Adapter.focusComment(props.comment));
+				const linkedTrackedChangeId = !isTrackedChange && String(props.comment?.trackedChangeParentId ?? "").trim() ? props.comment.trackedChangeParentId : null;
+				const trackedChangeAdapter = editor?.editorVersion === 2 && (isTrackedChange || linkedTrackedChangeId != null) ? editor?.v2TrackedChanges ?? null : null;
+				const linkedTrackedChange = linkedTrackedChangeId != null ? commentsStore.getComment(linkedTrackedChangeId) : null;
+				const trackedChangeTarget = isTrackedChange ? props.comment : linkedTrackedChange?.trackedChange ? linkedTrackedChange : linkedTrackedChangeId;
+				let result = await (trackedChangeAdapter ? trackedChangeAdapter.focusTrackedChange(trackedChangeTarget) : v2Adapter.focusComment(props.comment));
+				if (!isTrackedChange && result?.reason === "tracked-change-anchor-not-found") result = await v2Adapter.focusComment(props.comment);
 				if (!result?.ok) {
 					clearInstantSidebarAlignment();
 					return result;
@@ -8124,7 +8128,7 @@ var CommentDialog_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$25)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-387d6ba0"]]);
+}, [["__scopeId", "data-v-13257a67"]]);
 var _hoisted_1$24 = { class: "comments-list" };
 var _hoisted_2$19 = { key: 0 };
 var _hoisted_3$15 = [
@@ -34810,7 +34814,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.50";
+		this.version = "2.0.0-next.52";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];