superdoc 2.24.0-next.5 → 2.24.0-next.7

package/dist/style.layered.css

@@ -1496,7 +1496,7 @@ img[data-v-c95b2073] {
   font-size: 11px;
 }
 
-.comments-dialog[data-v-c189ab35] {
+.comments-dialog[data-v-5ace8cef] {
   display: flex;
   flex-direction: column;
   padding: var(--sd-ui-comments-card-padding, 16px);
@@ -1515,79 +1515,79 @@ img[data-v-c95b2073] {
   overflow-wrap: break-word;
   word-break: break-word;
 }
-.comments-dialog[data-v-c189ab35]:not(.is-active) {
+.comments-dialog[data-v-5ace8cef]:not(.is-active) {
   cursor: pointer;
 }
-.comments-dialog[data-v-c189ab35]:not(.is-active):not(.is-resolved):hover {
+.comments-dialog[data-v-5ace8cef]:not(.is-active):not(.is-resolved):hover {
   background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
 }
-.comments-dialog[data-v-c189ab35]:not(.is-resolved):hover .overflow-menu {
+.comments-dialog[data-v-5ace8cef]:not(.is-resolved):hover .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.comments-dialog.is-active[data-v-c189ab35] {
+.comments-dialog.is-active[data-v-5ace8cef] {
   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-c189ab35] {
+.comments-dialog.is-resolved[data-v-5ace8cef] {
   background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
 }
-.comment-separator[data-v-c189ab35] {
+.comment-separator[data-v-5ace8cef] {
   background-color: var(--sd-ui-comments-separator, #e0e0e0);
   height: 1px;
   width: 100%;
   margin: 10px 0;
 }
-.comment[data-v-c189ab35] {
+.comment[data-v-5ace8cef] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   white-space: pre-wrap;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.comment[data-v-c189ab35] p {
+.comment[data-v-5ace8cef] p {
   margin: 0;
 }
-.comment[data-v-c189ab35] a {
+.comment[data-v-5ace8cef] a {
   color: var(--sd-ui-action, #1354ff);
   text-decoration: underline;
 }
-.tracked-change[data-v-c189ab35] {
+.tracked-change[data-v-5ace8cef] {
   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-c189ab35] {
+.change-type[data-v-5ace8cef] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text[data-v-c189ab35] {
+.tracked-change-text[data-v-5ace8cef] {
   color: var(--sd-ui-comments-body-text, #212121);
   white-space: pre-wrap;
 }
-.tracked-change-text.is-deleted[data-v-c189ab35] {
+.tracked-change-text.is-deleted[data-v-5ace8cef] {
   color: var(--sd-ui-comments-delete-text, #cb0e47);
 }
-.tracked-change-text.is-inserted[data-v-c189ab35] {
+.tracked-change-text.is-inserted[data-v-5ace8cef] {
   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-c189ab35] {
+.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-5ace8cef] {
   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-c189ab35] {
+.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-5ace8cef] {
   color: var(--sd-ui-comments-move-to-text, #00853d);
 }
-.tracked-change-detail-lines[data-v-c189ab35] {
+.tracked-change-detail-lines[data-v-5ace8cef] {
   margin-top: 4px;
 }
-.tracked-change-detail-line[data-v-c189ab35] {
+.tracked-change-detail-line[data-v-5ace8cef] {
   font-size: 12px;
   line-height: 1.4;
 }
-.tracked-change-image-preview[data-v-c189ab35] {
+.tracked-change-image-preview[data-v-5ace8cef] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1598,7 +1598,7 @@ img[data-v-c95b2073] {
   max-width: 96px;
   max-height: 96px;
 }
-.tracked-change-image-preview__image[data-v-c189ab35] {
+.tracked-change-image-preview__image[data-v-5ace8cef] {
   display: block;
   width: auto;
   height: auto;
@@ -1608,7 +1608,7 @@ img[data-v-c95b2073] {
 }
 
 /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
-.tracked-change-decision-alert[data-v-c189ab35] {
+.tracked-change-decision-alert[data-v-5ace8cef] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1622,12 +1622,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-c189ab35] {
+.tracked-change-decision-alert__retry[data-v-5ace8cef] {
   flex-shrink: 0;
 }
 
 /* ── Resolved badge ── */
-.resolved-badge[data-v-c189ab35] {
+.resolved-badge[data-v-5ace8cef] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1636,33 +1636,33 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-comments-resolved-text, #00853d);
   margin-bottom: 4px;
 }
-.resolved-badge__icon[data-v-c189ab35] {
+.resolved-badge__icon[data-v-5ace8cef] {
   display: inline-flex;
   width: 12px;
   height: 12px;
 }
-.resolved-badge__icon[data-v-c189ab35] svg {
+.resolved-badge__icon[data-v-5ace8cef] svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 /* ── Text truncation ── */
-.comment.is-truncated[data-v-c189ab35],
-.tracked-change.is-truncated[data-v-c189ab35] {
+.comment.is-truncated[data-v-5ace8cef],
+.tracked-change.is-truncated[data-v-5ace8cef] {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   max-height: 4.5em;
   overflow: hidden;
 }
-.comment.is-scrollable[data-v-c189ab35],
-.tracked-change.is-scrollable[data-v-c189ab35] {
+.comment.is-scrollable[data-v-5ace8cef],
+.tracked-change.is-scrollable[data-v-5ace8cef] {
   max-height: 220px;
   overflow-y: auto;
   padding-right: 4px;
 }
-.show-more-toggle[data-v-c189ab35] {
+.show-more-toggle[data-v-5ace8cef] {
   font-size: 12px;
   color: var(--sd-ui-action, #1355ff);
   cursor: pointer;
@@ -1670,12 +1670,12 @@ img[data-v-c95b2073] {
   margin-top: 4px;
   user-select: none;
 }
-.show-more-toggle[data-v-c189ab35]:hover {
+.show-more-toggle[data-v-5ace8cef]:hover {
   text-decoration: underline;
 }
 
 /* ── Thread collapse ── */
-.collapsed-replies[data-v-c189ab35] {
+.collapsed-replies[data-v-5ace8cef] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1686,24 +1686,24 @@ img[data-v-c95b2073] {
   cursor: pointer;
   user-select: none;
 }
-.collapsed-replies[data-v-c189ab35]:hover {
+.collapsed-replies[data-v-5ace8cef]:hover {
   text-decoration: underline;
 }
-.collapsed-avatars[data-v-c189ab35] {
+.collapsed-avatars[data-v-5ace8cef] {
   display: flex;
 }
-.collapsed-avatars .mini-avatar[data-v-c189ab35] {
+.collapsed-avatars .mini-avatar[data-v-5ace8cef] {
   --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-c189ab35]:first-child {
+.collapsed-avatars .mini-avatar[data-v-5ace8cef]:first-child {
   margin-left: 0;
 }
 
 /* ── New comment input ── */
-.new-comment-input-wrapper[data-v-c189ab35] {
+.new-comment-input-wrapper[data-v-5ace8cef] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1712,17 +1712,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow: visible;
 }
-.new-comment-input-wrapper[data-v-c189ab35]:focus-within {
+.new-comment-input-wrapper[data-v-5ace8cef]: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-c189ab35] .comment-entry {
+.new-comment-input-wrapper[data-v-5ace8cef] .comment-entry {
   border-radius: 0;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .input-section {
+.new-comment-input-wrapper[data-v-5ace8cef] .input-section {
   margin: 0;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .superdoc-field {
+.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1733,18 +1733,18 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .superdoc-field:focus,
-.new-comment-input-wrapper[data-v-c189ab35] .superdoc-field:active {
+.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,
+.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .sd-editor-placeholder::before {
+.new-comment-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder::before {
   content: 'Comment or add others with @';
 }
 
 /* ── Reply pill & expanded input ── */
-.reply-pill[data-v-c189ab35] {
+.reply-pill[data-v-5ace8cef] {
   width: 100%;
   padding: 8.5px 10.5px;
   border: 1.5px solid transparent;
@@ -1758,16 +1758,16 @@ img[data-v-c95b2073] {
   cursor: text;
   transition: background 150ms ease;
 }
-.reply-pill[data-v-c189ab35]:hover {
+.reply-pill[data-v-5ace8cef]:hover {
   background: var(--sd-color-gray-200, #f2f2f2);
 }
-.reply-pill[data-v-c189ab35]:disabled {
+.reply-pill[data-v-5ace8cef]:disabled {
   cursor: not-allowed;
 }
-.reply-expanded[data-v-c189ab35] {
+.reply-expanded[data-v-5ace8cef] {
   margin-top: 10px;
 }
-.reply-input-wrapper[data-v-c189ab35] {
+.reply-input-wrapper[data-v-5ace8cef] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1775,17 +1775,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow: visible;
 }
-.reply-input-wrapper[data-v-c189ab35]:focus-within {
+.reply-input-wrapper[data-v-5ace8cef]: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-c189ab35] .comment-entry {
+.reply-input-wrapper[data-v-5ace8cef] .comment-entry {
   border-radius: 0;
 }
-.reply-input-wrapper[data-v-c189ab35] .input-section {
+.reply-input-wrapper[data-v-5ace8cef] .input-section {
   margin: 0;
 }
-.reply-input-wrapper[data-v-c189ab35] .superdoc-field {
+.reply-input-wrapper[data-v-5ace8cef] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1796,23 +1796,23 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.reply-input-wrapper[data-v-c189ab35] .superdoc-field:focus,
-.reply-input-wrapper[data-v-c189ab35] .superdoc-field:active {
+.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,
+.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.reply-input-wrapper[data-v-c189ab35] .sd-editor-placeholder::before {
+.reply-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder::before {
   content: 'Reply or add others with @';
 }
-.reply-actions[data-v-c189ab35] {
+.reply-actions[data-v-5ace8cef] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 16px;
   margin-top: 8px;
 }
-.reply-btn-cancel[data-v-c189ab35] {
+.reply-btn-cancel[data-v-5ace8cef] {
   background: none;
   border: none;
   font-size: 13px;
@@ -1823,10 +1823,10 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: color 150ms;
 }
-.reply-btn-cancel[data-v-c189ab35]:hover {
+.reply-btn-cancel[data-v-5ace8cef]:hover {
   color: var(--sd-ui-text, #212121);
 }
-.reply-btn-primary[data-v-c189ab35] {
+.reply-btn-primary[data-v-5ace8cef] {
   background: var(--sd-ui-action, #1355ff);
   border: none;
   font-size: 13px;
@@ -1838,19 +1838,19 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: background 150ms;
 }
-.reply-btn-primary[data-v-c189ab35]:hover {
+.reply-btn-primary[data-v-5ace8cef]:hover {
   background: var(--sd-ui-action-hover, #0f44cc);
 }
-.reply-btn-primary.sd-is-disabled[data-v-c189ab35] {
+.reply-btn-primary.sd-is-disabled[data-v-5ace8cef] {
   background: var(--sd-color-gray-400, #dbdbdb);
   color: var(--sd-color-gray-600, #888888);
   cursor: default;
   pointer-events: none;
 }
-.existing-internal-input[data-v-c189ab35] {
+.existing-internal-input[data-v-5ace8cef] {
   margin-bottom: 10px;
 }
-.sd-internal-dropdown[data-v-c189ab35] {
+.sd-internal-dropdown[data-v-5ace8cef] {
   display: inline-block;
 }
 

package/dist/superdoc.cjs

@@ -304,7 +304,7 @@ var awarenessStatesToArray = (context, states) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.24.0-next.5";
+		return "2.24.0-next.7";
 	} catch {
 		return "unknown";
 	}
@@ -13932,10 +13932,35 @@ var _sfc_main$34 = {
 				require__plugin_vue_export_helper.nextTick(() => emit("resize"));
 			});
 		};
-		const isV2Mode = require__plugin_vue_export_helper.computed(() => proxy.$superdoc?.activeEditor?.editorVersion === 2);
-		const v2CommentsAdapter = require__plugin_vue_export_helper.computed(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null);
-		const v2TrackedChangesAdapter = require__plugin_vue_export_helper.computed(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null);
+		const activeEditorRevision = require__plugin_vue_export_helper.ref(0);
+		const v2CapabilityRevision = require__plugin_vue_export_helper.ref(0);
+		const refreshActiveEditor = () => {
+			activeEditorRevision.value += 1;
+		};
+		const isV2Mode = require__plugin_vue_export_helper.computed(() => {
+			activeEditorRevision.value;
+			return proxy.$superdoc?.activeEditor?.editorVersion === 2;
+		});
+		const v2CommentsAdapter = require__plugin_vue_export_helper.computed(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null;
+		});
+		const v2TrackedChangesAdapter = require__plugin_vue_export_helper.computed(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null;
+		});
+		require__plugin_vue_export_helper.watch(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.host ?? null : null;
+		}, (host, _previous, onCleanup) => {
+			v2CapabilityRevision.value += 1;
+			const unsubscribe = host?.subscribe?.(() => {
+				v2CapabilityRevision.value += 1;
+			});
+			onCleanup(() => unsubscribe?.());
+		}, { immediate: true });
 		const v2WriteCapability = require__plugin_vue_export_helper.computed(() => {
+			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
@@ -13959,6 +13984,7 @@ var _sfc_main$34 = {
 			return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 		});
 		const v2TrackedChangeCapability = require__plugin_vue_export_helper.computed(() => {
+			v2CapabilityRevision.value;
 			if (!v2TrackedChangesAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const capability = v2TrackedChangesAdapter.value.getCapabilityState?.() ?? null;
@@ -14243,6 +14269,7 @@ var _sfc_main$34 = {
 			return users;
 		});
 		require__plugin_vue_export_helper.onMounted(() => {
+			proxy.$superdoc?.on?.("active-editor-change", refreshActiveEditor);
 			if (props.autoFocus) require__plugin_vue_export_helper.nextTick(() => setFocus());
 			if (isPendingNewComment.value) require__plugin_vue_export_helper.nextTick(() => {
 				commentInput.value?.focus?.({ preventScroll: true });
@@ -14256,6 +14283,9 @@ var _sfc_main$34 = {
 				checkOverflow();
 			});
 		});
+		require__plugin_vue_export_helper.onBeforeUnmount(() => {
+			proxy.$superdoc?.off?.("active-editor-change", refreshActiveEditor);
+		});
 		require__plugin_vue_export_helper.watch(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			require__plugin_vue_export_helper.nextTick(() => {
@@ -14503,7 +14533,7 @@ var _sfc_main$34 = {
 		};
 	}
 };
-var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-c189ab35"]]);
+var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-5ace8cef"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -46591,7 +46621,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.24.0-next.5";
+		this.version = "2.24.0-next.7";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];
@@ -48769,11 +48799,12 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	async #replaceActiveDocument(source) {
 		const activeEditor = this.activeEditor;
 		if (isV2ActiveEditorFacade(activeEditor) && typeof activeEditor.replaceFile === "function") {
-			const result = await activeEditor.replaceFile(source);
+			const replacementSource = this.#savedDocxToBlob(source);
+			const result = await activeEditor.replaceFile(replacementSource);
 			const state = result && typeof result === "object" ? result.state : null;
 			const confirmed = state === null || state === "review-ready" || state === "editing-ready";
 			if (confirmed) {
-				this.#replaceActiveDocumentData(activeEditor, source);
+				this.#replaceActiveDocumentData(activeEditor, replacementSource);
 				this.emit("document-replaced", {
 					editor: activeEditor,
 					host: activeEditor?.host

package/dist/superdoc.es.js

@@ -302,7 +302,7 @@ var awarenessStatesToArray = (context, states) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.24.0-next.5";
+		return "2.24.0-next.7";
 	} catch {
 		return "unknown";
 	}
@@ -13925,10 +13925,35 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				nextTick(() => emit("resize"));
 			});
 		};
-		const isV2Mode = computed$1(() => proxy.$superdoc?.activeEditor?.editorVersion === 2);
-		const v2CommentsAdapter = computed$1(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null);
-		const v2TrackedChangesAdapter = computed$1(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null);
+		const activeEditorRevision = ref(0);
+		const v2CapabilityRevision = ref(0);
+		const refreshActiveEditor = () => {
+			activeEditorRevision.value += 1;
+		};
+		const isV2Mode = computed$1(() => {
+			activeEditorRevision.value;
+			return proxy.$superdoc?.activeEditor?.editorVersion === 2;
+		});
+		const v2CommentsAdapter = computed$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null;
+		});
+		const v2TrackedChangesAdapter = computed$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null;
+		});
+		watch$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.host ?? null : null;
+		}, (host, _previous, onCleanup) => {
+			v2CapabilityRevision.value += 1;
+			const unsubscribe = host?.subscribe?.(() => {
+				v2CapabilityRevision.value += 1;
+			});
+			onCleanup(() => unsubscribe?.());
+		}, { immediate: true });
 		const v2WriteCapability = computed$1(() => {
+			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
@@ -13952,6 +13977,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 		});
 		const v2TrackedChangeCapability = computed$1(() => {
+			v2CapabilityRevision.value;
 			if (!v2TrackedChangesAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const capability = v2TrackedChangesAdapter.value.getCapabilityState?.() ?? null;
@@ -14236,6 +14262,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return users;
 		});
 		onMounted(() => {
+			proxy.$superdoc?.on?.("active-editor-change", refreshActiveEditor);
 			if (props.autoFocus) nextTick(() => setFocus());
 			if (isPendingNewComment.value) nextTick(() => {
 				commentInput.value?.focus?.({ preventScroll: true });
@@ -14249,6 +14276,9 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				checkOverflow();
 			});
 		});
+		onBeforeUnmount(() => {
+			proxy.$superdoc?.off?.("active-editor-change", refreshActiveEditor);
+		});
 		watch$1(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			nextTick(() => {
@@ -14495,7 +14525,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-c189ab35"]]);
+}, [["__scopeId", "data-v-5ace8cef"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -46520,7 +46550,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.24.0-next.5";
+		this.version = "2.24.0-next.7";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -48698,11 +48728,12 @@ var SuperDoc = class extends import_eventemitter3.default {
 	async #replaceActiveDocument(source) {
 		const activeEditor = this.activeEditor;
 		if (isV2ActiveEditorFacade(activeEditor) && typeof activeEditor.replaceFile === "function") {
-			const result = await activeEditor.replaceFile(source);
+			const replacementSource = this.#savedDocxToBlob(source);
+			const result = await activeEditor.replaceFile(replacementSource);
 			const state = result && typeof result === "object" ? result.state : null;
 			const confirmed = state === null || state === "review-ready" || state === "editing-ready";
 			if (confirmed) {
-				this.#replaceActiveDocumentData(activeEditor, source);
+				this.#replaceActiveDocumentData(activeEditor, replacementSource);
 				this.emit("document-replaced", {
 					editor: activeEditor,
 					host: activeEditor?.host