superdoc 2.27.0 → 2.28.0-next.2

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
 import { i as __toESM$2 } from "./chunks/rolldown-runtime-0pSA04fp.es.js";
 import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
-import { _ as getWorkflowRecording, a as registerFirstPartyCommandMutation, c as getV2TrackedChangeMutationImpact, d as resolveImageSrc, g as createInteractionHistory, h as closeInteractionHistory, i as readFirstPartyPageNumbers, l as isPlainObject$1, m as DOM_CLASS_NAMES, n as executeFirstPartyCommandAsync, p as isSyntheticTrackedChangeCommentLaneItem, r as executeFirstPartyShortcutAsync, s as applyV2CommentInvalidationFromMutation, t as createSuperDocUI, u as createImageFilePicker, v as isWorkflowRecordingEnabled, y as recordInteraction } from "./chunks/create-super-doc-ui-cHUUipYM.es.js";
+import { _ as getWorkflowRecording, a as registerFirstPartyCommandMutation, c as getV2TrackedChangeMutationImpact, d as resolveImageSrc, g as createInteractionHistory, h as closeInteractionHistory, i as readFirstPartyPageNumbers, l as isPlainObject$1, m as DOM_CLASS_NAMES, n as executeFirstPartyCommandAsync, p as isSyntheticTrackedChangeCommentLaneItem, r as executeFirstPartyShortcutAsync, s as applyV2CommentInvalidationFromMutation, t as createSuperDocUI, u as createImageFilePicker, v as isWorkflowRecordingEnabled, y as recordInteraction } from "./chunks/create-super-doc-ui-B29zw5qD.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { $ as vModelText, A as onActivated, B as renderSlot, C as isRef$1, D as normalizeClass, E as nextTick, F as openBlock, G as toRaw$2, H as resolveDynamicComponent, I as provide$1, J as unref, K as toRef, L as reactive, M as onDeactivated, N as onMounted, O as normalizeProps, P as onScopeDispose$1, Q as vModelSelect, R as ref, S as isReactive$1, T as mergeProps, U as shallowRef$1, V as resolveDirective, W as toDisplayString, X as useSlots, Y as useAttrs, Z as vModelCheckbox, _ as getCurrentInstance, a as computed$1, b as hasInjectionContext, c as createCommentVNode, d as createStaticVNode, et as watch$1, f as createTextVNode, g as effectScope, h as defineComponent, i as Transition, it as withModifiers, j as onBeforeUnmount, k as normalizeStyle, l as createElementBlock, m as defineAsyncComponent, n as Fragment, nt as withDirectives, o as createApp, p as createVNode, q as toRefs, r as Teleport, rt as withKeys, s as createBlock, t as _plugin_vue_export_helper_default, tt as withCtx, u as createElementVNode, v as getCurrentScope, w as markRaw, x as inject$1, y as h, z as renderList } from "./chunks/_plugin-vue_export-helper-7ZiLY07t.es.js";
@@ -258,7 +258,7 @@ var v_click_outside_default = {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.27.0";
+		return "2.28.0-next.2";
 	} catch {
 		return "unknown";
 	}
@@ -12253,11 +12253,11 @@ function useUiFontFamily() {
 //#region src/components/CommentsLayer/CommentsDropdown.vue
 var _hoisted_1$31 = { class: "comments-dropdown" };
 var _hoisted_2$24 = ["onClick"];
-var _hoisted_3$20 = {
+var _hoisted_3$21 = {
 	key: 0,
 	class: "comments-dropdown__option-icon"
 };
-var _hoisted_4$14 = ["innerHTML"];
+var _hoisted_4$15 = ["innerHTML"];
 var _hoisted_5$11 = { class: "comments-dropdown__option-label" };
 var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "CommentsDropdown",
@@ -12398,10 +12398,10 @@ var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					key: option.key,
 					class: normalizeClass(["comments-dropdown__option", { "sd-disabled": option.disabled }]),
 					onClick: ($event) => onOptionClick(option)
-				}, [hasIcon(option) ? (openBlock(), createElementBlock("span", _hoisted_3$20, [option.iconString ? (openBlock(), createElementBlock("span", {
+				}, [hasIcon(option) ? (openBlock(), createElementBlock("span", _hoisted_3$21, [option.iconString ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					innerHTML: option.iconString
-				}, null, 8, _hoisted_4$14)) : (openBlock(), createBlock(unref(OptionIcon), {
+				}, null, 8, _hoisted_4$15)) : (openBlock(), createBlock(unref(OptionIcon), {
 					key: 1,
 					option
 				}, null, 8, ["option"]))])) : createCommentVNode("", true), createElementVNode("span", _hoisted_5$11, toDisplayString(option.label), 1)], 10, _hoisted_2$24);
@@ -12413,8 +12413,8 @@ var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 //#region src/components/CommentsLayer/InternalDropdown.vue
 var _hoisted_1$30 = { class: "sd-comment-option" };
 var _hoisted_2$23 = ["innerHTML"];
-var _hoisted_3$19 = { class: "sd-option-state" };
-var _hoisted_4$13 = ["innerHTML"];
+var _hoisted_3$20 = { class: "sd-option-state" };
+var _hoisted_4$14 = ["innerHTML"];
 var InternalDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "InternalDropdown",
 	props: {
@@ -12487,11 +12487,11 @@ var InternalDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						class: "sd-active-icon",
 						innerHTML: activeIcon.value
 					}, null, 8, _hoisted_2$23),
-					createElementVNode("div", _hoisted_3$19, toDisplayString(getState.value), 1),
+					createElementVNode("div", _hoisted_3$20, toDisplayString(getState.value), 1),
 					createElementVNode("div", {
 						class: "sd-dropdown-caret",
 						innerHTML: unref(superdocIcons).caretDown
-					}, null, 8, _hoisted_4$13)
+					}, null, 8, _hoisted_4$14)
 				])]),
 				_: 1
 			}, 8, ["disabled", "content-style"])], 4);
@@ -12649,7 +12649,7 @@ var isAllowed = (permission, role, isInternal, context = {}) => {
 //#region src/components/general/Avatar.vue
 var _hoisted_1$29 = { class: "user-container" };
 var _hoisted_2$22 = ["src"];
-var _hoisted_3$18 = {
+var _hoisted_3$19 = {
 	key: 1,
 	class: "user-bg"
 };
@@ -12674,7 +12674,7 @@ var Avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				key: 0,
 				class: "user-bg",
 				src: __props.user.image.startsWith("http") ? __props.user.image : `data:image/png;base64,${__props.user.image}`
-			}, null, 8, _hoisted_2$22)) : (openBlock(), createElementBlock("span", _hoisted_3$18, toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))]);
+			}, null, 8, _hoisted_2$22)) : (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))]);
 		};
 	}
 }, [["__scopeId", "data-v-c95b2073"]]);
@@ -12682,8 +12682,8 @@ var Avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 //#region src/components/CommentsLayer/CommentHeader.vue
 var _hoisted_1$28 = { class: "card-section comment-header" };
 var _hoisted_2$21 = { class: "comment-header-left" };
-var _hoisted_3$17 = { class: "user-info" };
-var _hoisted_4$12 = { class: "user-name" };
+var _hoisted_3$18 = { class: "user-info" };
+var _hoisted_4$13 = { class: "user-name" };
 var _hoisted_5$10 = {
 	key: 0,
 	class: "imported-tag"
@@ -12943,7 +12943,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return openBlock(), createElementBlock("div", _hoisted_1$28, [createElementVNode("div", _hoisted_2$21, [createVNode(Avatar_default, {
 				user: getCurrentUser.value,
 				class: "avatar"
-			}, null, 8, ["user"]), createElementVNode("div", _hoisted_3$17, [createElementVNode("div", _hoisted_4$12, [createTextVNode(toDisplayString(getCurrentUser.value.name), 1), isImported.value ? (openBlock(), createElementBlock("span", _hoisted_5$10, "IMPORTED")) : createCommentVNode("", true)]), props.comment.createdTime ? (openBlock(), createElementBlock("div", _hoisted_6$8, toDisplayString(unref(formatDate)(props.comment.createdTime)), 1)) : createCommentVNode("", true)])]), createElementVNode("div", { class: normalizeClass(["overflow-menu", { "is-visible": props.isActive }]) }, [
+			}, null, 8, ["user"]), createElementVNode("div", _hoisted_3$18, [createElementVNode("div", _hoisted_4$13, [createTextVNode(toDisplayString(getCurrentUser.value.name), 1), isImported.value ? (openBlock(), createElementBlock("span", _hoisted_5$10, "IMPORTED")) : createCommentVNode("", true)]), props.comment.createdTime ? (openBlock(), createElementBlock("div", _hoisted_6$8, toDisplayString(unref(formatDate)(props.comment.createdTime)), 1)) : createCommentVNode("", true)])]), createElementVNode("div", { class: normalizeClass(["overflow-menu", { "is-visible": props.isActive }]) }, [
 				allowResolve.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(["overflow-menu__icon", { "sd-is-disabled": Boolean(__props.resolveDisabledReason) }]),
@@ -12993,12 +12993,12 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 //#region src/components/CommentsLayer/CommentInput.vue
 var _hoisted_1$27 = { class: "input-section" };
 var _hoisted_2$20 = { class: "comment-composer" };
-var _hoisted_3$16 = [
+var _hoisted_3$17 = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
 ];
-var _hoisted_4$11 = [
+var _hoisted_4$12 = [
 	"id",
 	"aria-selected",
 	"data-sd-comment-mention-option",
@@ -13188,7 +13188,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				onKeydown,
 				onFocus: _cache[1] || (_cache[1] = ($event) => handleFocusChange(true)),
 				onBlur: _cache[2] || (_cache[2] = ($event) => handleFocusChange(false))
-			}, null, 40, _hoisted_3$16), [[vModelText, commentDraft.value]]), mentionListOpen.value ? (openBlock(), createElementBlock("div", {
+			}, null, 40, _hoisted_3$17), [[vModelText, commentDraft.value]]), mentionListOpen.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				id: mentionListId,
 				class: "comment-mention-list",
@@ -13204,7 +13204,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"aria-selected": index === highlightedMentionIndex.value,
 					"data-sd-comment-mention-option": userKey(user),
 					onMousedown: withModifiers(($event) => selectMention(user), ["prevent"])
-				}, [createElementVNode("span", _hoisted_5$9, toDisplayString(displayName(user)), 1), user.email ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(user.email), 1)) : createCommentVNode("", true)], 42, _hoisted_4$11);
+				}, [createElementVNode("span", _hoisted_5$9, toDisplayString(displayName(user)), 1), user.email ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(user.email), 1)) : createCommentVNode("", true)], 42, _hoisted_4$12);
 			}), 128))])) : createCommentVNode("", true)])], 2)]);
 		};
 	}
@@ -13330,8 +13330,8 @@ var _hoisted_2$19 = {
 	key: 0,
 	class: "existing-internal-input"
 };
-var _hoisted_3$15 = { class: "new-comment-input-wrapper" };
-var _hoisted_4$10 = { class: "reply-actions" };
+var _hoisted_3$16 = { class: "new-comment-input-wrapper" };
+var _hoisted_4$11 = { class: "reply-actions" };
 var _hoisted_5$8 = ["disabled"];
 var _hoisted_6$6 = {
 	key: 0,
@@ -14011,15 +14011,8 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const v2WriteCapability = computed$1(() => {
 			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
-			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
-			const capability = v2CommentsAdapter.value.getCapabilityState?.(command) ?? null;
-			if (documentMode === "viewing" && !isPendingNewComment.value) return {
-				...capability ?? {},
-				canWrite: false,
-				reason: "review-surface-read-only"
-			};
-			return capability;
+			return v2CommentsAdapter.value.getCapabilityState?.(command) ?? null;
 		});
 		const isV2WriteDisabled = computed$1(() => {
 			if (!isV2Mode.value) return false;
@@ -14410,7 +14403,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					comment: props.comment,
 					"is-pending-input": true
 				}, null, 8, ["config", "comment"]),
-				createElementVNode("div", _hoisted_3$15, [createVNode(CommentInput_default, {
+				createElementVNode("div", _hoisted_3$16, [createVNode(CommentInput_default, {
 					ref_key: "commentInput",
 					ref: commentInput,
 					users: usersFiltered.value,
@@ -14422,7 +14415,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"config",
 					"comment"
 				])]),
-				createElementVNode("div", _hoisted_4$10, [createElementVNode("button", {
+				createElementVNode("div", _hoisted_4$11, [createElementVNode("button", {
 					class: "sd-button reply-btn-cancel",
 					onClick: withModifiers(handleCancel, ["stop", "prevent"])
 				}, "Cancel"), createElementVNode("button", {
@@ -14598,7 +14591,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-f5016db4"]]);
+}, [["__scopeId", "data-v-939045c1"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -14747,7 +14740,7 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 //#region src/components/CommentsLayer/commentsList/commentsList.vue
 var _hoisted_1$24 = ["aria-busy"];
 var _hoisted_2$18 = { key: 0 };
-var _hoisted_3$14 = { key: 1 };
+var _hoisted_3$15 = { key: 1 };
 var REPEATED_HEADER_FOOTER_STORY_TYPE = "headerFooterPart";
 var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "commentsList",
@@ -14891,7 +14884,7 @@ var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"total",
 					"tab-index"
 				]);
-			}), 128))])) : createCommentVNode("", true), shouldShowResolvedComments.value ? (openBlock(), createElementBlock("div", _hoisted_3$14, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "comment-title" }, "Resolved", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(resolvedCommentDisplayItems.value, (item, index) => {
+			}), 128))])) : createCommentVNode("", true), shouldShowResolvedComments.value ? (openBlock(), createElementBlock("div", _hoisted_3$15, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "comment-title" }, "Resolved", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(resolvedCommentDisplayItems.value, (item, index) => {
 				return openBlock(), createBlock(ReviewDirectoryListItem_default, {
 					key: item.id,
 					item,
@@ -19011,11 +19004,11 @@ var _hoisted_2$16 = {
 	key: 1,
 	class: "link-title"
 };
-var _hoisted_3$13 = {
+var _hoisted_3$14 = {
 	key: 2,
 	class: "link-title"
 };
-var _hoisted_4$9 = {
+var _hoisted_4$10 = {
 	key: 3,
 	class: "link-title"
 };
@@ -19258,7 +19251,7 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [
-				isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$20, "Page anchor")) : isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_3$13, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_4$9, "Add link")),
+				isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$20, "Page anchor")) : isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_3$14, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_4$10, "Add link")),
 				__props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
 					createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
 						type: "text",
@@ -21355,7 +21348,7 @@ var FOCUSABLE_SELECTOR = [
 //#region src/components/surfaces/SurfaceDialog.vue
 var _hoisted_1$19 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$15 = ["id"];
-var _hoisted_3$12 = { class: "sd-surface-dialog__content" };
+var _hoisted_3$13 = { class: "sd-surface-dialog__content" };
 var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "SurfaceDialog",
 	props: {
@@ -21487,7 +21480,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				key: 0,
 				id: titleId.value,
 				class: "sd-surface-dialog__title"
-			}, toDisplayString(__props.surface.request.title), 9, _hoisted_2$15)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$12, [__props.surface.render ? (openBlock(), createBlock(SurfaceExternalMount_default, {
+			}, toDisplayString(__props.surface.request.title), 9, _hoisted_2$15)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$13, [__props.surface.render ? (openBlock(), createBlock(SurfaceExternalMount_default, {
 				key: 0,
 				"surface-id": __props.surface.id,
 				mode: "dialog",
@@ -21509,7 +21502,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 //#region src/components/surfaces/SurfaceFloating.vue
 var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$14 = ["id"];
-var _hoisted_3$11 = { class: "sd-surface-floating__content" };
+var _hoisted_3$12 = { class: "sd-surface-floating__content" };
 var SurfaceFloating_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "SurfaceFloating",
 	props: { surface: {
@@ -21641,7 +21634,7 @@ var SurfaceFloating_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				key: 0,
 				id: titleId.value,
 				class: "sd-surface-floating__title"
-			}, toDisplayString(__props.surface.request.title), 9, _hoisted_2$14)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$11, [__props.surface.render ? (openBlock(), createBlock(SurfaceExternalMount_default, {
+			}, toDisplayString(__props.surface.request.title), 9, _hoisted_2$14)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$12, [__props.surface.render ? (openBlock(), createBlock(SurfaceExternalMount_default, {
 				key: 0,
 				"surface-id": __props.surface.id,
 				mode: "floating",
@@ -21885,8 +21878,8 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 //#region src/SuperDoc.vue
 var _hoisted_1$17 = ["data-superdoc-ui-owner"];
 var _hoisted_2$13 = ["innerHTML"];
-var _hoisted_3$10 = { class: "superdoc__document document" };
-var _hoisted_4$8 = { class: "floating-comments" };
+var _hoisted_3$11 = { class: "superdoc__document document" };
+var _hoisted_4$9 = { class: "floating-comments" };
 var TRACKED_CHANGE_CARRIERS_RESTAMPED_EVENT = "superdoc:v2-tracked-change-carriers-restamped";
 var UNAVAILABLE_COMMAND_RESULT = false;
 var V2_SELECTION_TOOLBAR_SYNC_RETRY_FRAMES = 3;
@@ -24365,7 +24358,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				}, [createElementVNode("div", {
 					class: "superdoc__tools-icon",
 					innerHTML: unref(superdocIcons).comment
-				}, null, 8, _hoisted_2$13)], 32)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$10, [
+				}, null, 8, _hoisted_2$13)], 32)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$11, [
 					isCommentsEnabled.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "superdoc__selection-layer selection-layer",
@@ -24493,7 +24486,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					ref_key: "rightSidebarRef",
 					ref: rightSidebarRef,
 					class: "superdoc__right-sidebar right-sidebar"
-				}, [createElementVNode("div", _hoisted_4$8, [unref(hasInitializedLocations) && (floatingComments.value.length > 0 || unref(pendingComment)) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(documentsWithConverations), (doc) => {
+				}, [createElementVNode("div", _hoisted_4$9, [unref(hasInitializedLocations) && (floatingComments.value.length > 0 || unref(pendingComment)) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(documentsWithConverations), (doc) => {
 					return openBlock(), createBlock(FloatingComments_default, {
 						parent: layers.value,
 						"current-document": doc
@@ -38997,8 +38990,8 @@ var _hoisted_1$15 = [
 	"aria-disabled"
 ];
 var _hoisted_2$11 = ["data-item"];
-var _hoisted_3$9 = ["data-item"];
-var _hoisted_4$7 = {
+var _hoisted_3$10 = ["data-item"];
+var _hoisted_4$8 = {
 	key: 1,
 	class: "sd-button-label"
 };
@@ -39219,7 +39212,7 @@ var ToolbarButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"color",
 					"icon",
 					"name"
-				])) : createCommentVNode("", true), unref(label) && !unref(hideLabel) && !unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("div", _hoisted_4$7, toDisplayString(unref(label)), 1)) : createCommentVNode("", true)], 8, _hoisted_3$9)) : createCommentVNode("", true),
+				])) : createCommentVNode("", true), unref(label) && !unref(hideLabel) && !unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("div", _hoisted_4$8, toDisplayString(unref(label)), 1)) : createCommentVNode("", true)], 8, _hoisted_3$10)) : createCommentVNode("", true),
 				isSplit.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "sd-toolbar-button__caret",
@@ -39321,8 +39314,8 @@ var ToolbarSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 //#region src/internal/toolbar/built-in/ToolbarDropdown.vue
 var _hoisted_1$13 = { class: "toolbar-dropdown" };
 var _hoisted_2$10 = ["data-superdoc-ui-owner"];
-var _hoisted_3$8 = ["onClick"];
-var _hoisted_4$6 = {
+var _hoisted_3$9 = ["onClick"];
+var _hoisted_4$7 = {
 	key: 0,
 	class: "toolbar-dropdown-option__icon"
 };
@@ -39711,7 +39704,7 @@ var ToolbarDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					}), [isRenderOption(option) ? (openBlock(), createBlock(unref(RenderOption), {
 						key: 0,
 						option
-					}, null, 8, ["option"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [hasIcon(option) ? (openBlock(), createElementBlock("span", _hoisted_4$6, [createVNode(unref(OptionIcon), { option }, null, 8, ["option"])])) : createCommentVNode("", true), createElementVNode("span", _hoisted_5$5, toDisplayString(option.label), 1)], 64))], 16, _hoisted_3$8);
+					}, null, 8, ["option"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [hasIcon(option) ? (openBlock(), createElementBlock("span", _hoisted_4$7, [createVNode(unref(OptionIcon), { option }, null, 8, ["option"])])) : createCommentVNode("", true), createElementVNode("span", _hoisted_5$5, toDisplayString(option.label), 1)], 64))], 16, _hoisted_3$9);
 				}), 128))], 16, _hoisted_2$10)) : createCommentVNode("", true)]),
 				_: 3
 			})], 8, ["to"]))]);
@@ -39950,12 +39943,12 @@ var _hoisted_2$9 = [
 	"aria-activedescendant",
 	"data-item"
 ];
-var _hoisted_3$7 = [
+var _hoisted_3$8 = [
 	"data-item",
 	"aria-label",
 	"disabled"
 ];
-var _hoisted_4$5 = ["innerHTML"];
+var _hoisted_4$6 = ["innerHTML"];
 var _hoisted_5$4 = [
 	"data-superdoc-ui-owner",
 	"id",
@@ -40423,7 +40416,7 @@ var ToolbarComboBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				}, [createElementVNode("span", {
 					class: "sd-dropdown-caret",
 					innerHTML: caretIcon.value
-				}, null, 8, _hoisted_4$5)], 40, _hoisted_3$7),
+				}, null, 8, _hoisted_4$6)], 40, _hoisted_3$8),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [isOpen.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "popupRef",
@@ -40768,8 +40761,8 @@ var _hoisted_1$11 = [
 	"data-item-id"
 ];
 var _hoisted_2$8 = { key: 0 };
-var _hoisted_3$6 = { key: 0 };
-var _hoisted_4$4 = { key: 0 };
+var _hoisted_3$7 = { key: 0 };
+var _hoisted_4$5 = { key: 0 };
 var _hoisted_5$3 = { key: 0 };
 var _hoisted_6$2 = { key: 0 };
 var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
@@ -41173,7 +41166,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 							onTabOut: _cache[1] || (_cache[1] = ($event) => handleFontSizeTabOut($event)),
 							onEditorHandoff: handleEditorHandoff
 						}, null, 8, ["item", "ui-font-family"])]),
-						default: withCtx(() => [createElementVNode("div", null, [createTextVNode(toDisplayString(item.tooltip) + " ", 1), item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_3$6, "(disabled)")) : createCommentVNode("", true)])]),
+						default: withCtx(() => [createElementVNode("div", null, [createTextVNode(toDisplayString(item.tooltip) + " ", 1), item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_3$7, "(disabled)")) : createCommentVNode("", true)])]),
 						_: 2
 					}, 1032, ["disabled", "content-style"])) : isDropdown(item) && item.nestedOptions?.value?.length ? (openBlock(), createBlock(ToolbarDropdown_default, {
 						key: 3,
@@ -41210,7 +41203,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 								"onTextSubmit",
 								"onMainClick"
 							])]),
-							default: withCtx(() => [createElementVNode("div", null, [createTextVNode(toDisplayString(item.tooltip) + " ", 1), item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_4$4, "(disabled)")) : createCommentVNode("", true)])]),
+							default: withCtx(() => [createElementVNode("div", null, [createTextVNode(toDisplayString(item.tooltip) + " ", 1), item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_4$5, "(disabled)")) : createCommentVNode("", true)])]),
 							_: 2
 						}, 1032, ["disabled", "content-style"])]),
 						_: 2
@@ -41577,7 +41570,13 @@ var Toolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			proxy.$toolbar.pendingSelectionCapture = pendingSelectionCapture;
 		};
 		const handleCommand = ({ item, argument, option }) => {
-			restoreSelection();
+			const commandId = resolveToolbarCommandId(item?.name?.value);
+			if (!(item?.type === "button" && !item.isCustomToolbarItem && [
+				"bold",
+				"italic",
+				"underline",
+				"strikethrough"
+			].includes(commandId) && proxy.$toolbar.snapshot?.commands?.[commandId]?.source === "builtin")) restoreSelection();
 			proxy.$toolbar.emitCommand({
 				item,
 				argument,
@@ -41655,7 +41654,7 @@ var Toolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 40, _hoisted_1$10);
 		};
 	}
-}, [["__scopeId", "data-v-19ce2dae"]]);
+}, [["__scopeId", "data-v-9554df11"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/font-options.js
 /**
@@ -42082,8 +42081,8 @@ var numberedStyleButtons = [
 //#region src/internal/toolbar/built-in/DocumentMode.vue
 var _hoisted_1$7 = ["onClick", "onKeydown"];
 var _hoisted_2$7 = { class: "document-mode-column icon-column" };
-var _hoisted_3$5 = ["innerHTML"];
-var _hoisted_4$3 = { class: "document-mode-column text-column" };
+var _hoisted_3$6 = ["innerHTML"];
+var _hoisted_4$4 = { class: "document-mode-column text-column" };
 var _hoisted_5$2 = { class: "document-mode-type" };
 var _hoisted_6$1 = { class: "document-mode-description" };
 var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
@@ -42146,7 +42145,7 @@ var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				}, [createElementVNode("div", _hoisted_2$7, [createElementVNode("div", {
 					class: "icon-column__icon",
 					innerHTML: option.icon
-				}, null, 8, _hoisted_3$5)]), createElementVNode("div", _hoisted_4$3, [createElementVNode("div", _hoisted_5$2, toDisplayString(option.label), 1), createElementVNode("div", _hoisted_6$1, toDisplayString(option.description), 1)])], 42, _hoisted_1$7);
+				}, null, 8, _hoisted_3$6)]), createElementVNode("div", _hoisted_4$4, [createElementVNode("div", _hoisted_5$2, toDisplayString(option.label), 1), createElementVNode("div", _hoisted_6$1, toDisplayString(option.description), 1)])], 42, _hoisted_1$7);
 			}), 256))], 2);
 		};
 	}
@@ -42162,6 +42161,12 @@ var _hoisted_2$6 = [
 	"onKeydown",
 	"aria-label"
 ];
+var _hoisted_3$5 = [
+	"title",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_4$3 = ["innerHTML"];
 var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "LinkedStyle",
 	props: {
@@ -42172,9 +42177,13 @@ var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		selectedOption: {
 			type: String,
 			default: null
+		},
+		updateLabel: {
+			type: String,
+			default: "Update to match selection"
 		}
 	},
-	emits: ["select"],
+	emits: ["select", "update"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const styleRefs = ref([]);
@@ -42182,6 +42191,9 @@ var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const select = (style) => {
 			emit("select", style);
 		};
+		const update = (style) => {
+			emit("update", style);
+		};
 		const moveToNextStyle = (index) => {
 			if (index === styleRefs.value.length - 1) return;
 			const nextItem = styleRefs.value[index + 1];
@@ -42241,11 +42253,22 @@ var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					class: "style-name",
 					"data-item": "btn-linkedStyles-option",
 					style: normalizeStyle(previewStyle(style))
-				}, toDisplayString(styleLabel(style)), 5)], 42, _hoisted_2$6);
+				}, toDisplayString(styleLabel(style)), 5), createElementVNode("button", {
+					type: "button",
+					class: "style-update",
+					"data-item": "btn-linkedStyles-update",
+					title: props.updateLabel,
+					"aria-label": `${props.updateLabel}: ${styleLabel(style)}`,
+					onClick: withModifiers(($event) => update(style), ["stop"]),
+					onKeydown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+				}, [createElementVNode("span", {
+					class: "style-update-icon",
+					innerHTML: unref(toolbarIcons).paintbrush
+				}, null, 8, _hoisted_4$3)], 40, _hoisted_3$5)], 42, _hoisted_2$6);
 			}), 128))]);
 		};
 	}
-}, [["__scopeId", "data-v-74c8924b"]]);
+}, [["__scopeId", "data-v-b5a32523"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/AIWriter.vue
 var _hoisted_1$5 = ["placeholder"];
@@ -44446,10 +44469,18 @@ var makeDefaultItems = ({ superToolbar, toolbarIcons, toolbarTexts, toolbarFonts
 						argument: styleId
 					});
 				};
+				const handleUpdate = (style) => {
+					closeDropdown(linkedStyles);
+					const styleId = typeof style === "string" ? style : style?.id ?? null;
+					if (!styleId) return;
+					superToolbar.updateLinkedStyleToMatchSelection?.(styleId);
+				};
 				const activeStyleId = superToolbar.getActiveLinkedStyleId?.() ?? null;
 				return h("div", {}, [h(LinkedStyle_default, {
 					styles: superToolbar.getLinkedStyleOptions?.() ?? [],
 					onSelect: handleSelect,
+					onUpdate: handleUpdate,
+					updateLabel: toolbarTexts.updateLinkedStyle,
 					selectedOption: activeStyleId
 				})]);
 			}
@@ -44708,7 +44739,8 @@ var toolbarTexts = {
 	documentEditingModeDescription: "Edit document directly",
 	documentSuggestingModeDescription: "Edits become suggestions",
 	documentViewingModeDescription: "View clean version of document only",
-	linkedStyles: "Linked styles"
+	linkedStyles: "Linked styles",
+	updateLinkedStyle: "Update to match selection"
 };
 //#endregion
 //#region src/internal/toolbar/built-in/general.js
@@ -45200,12 +45232,16 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 		return this._linkedStyleOptions.value;
 	}
 	#refreshLinkedStyleOptions() {
-		this.ui?.styles?.getCatalog?.({ includePreview: true });
+		const allStyles = this.ui?.styles?.getCatalog?.({ includePreview: true });
 		const options = (this.ui?.styles?.getCatalog?.({
 			view: "quickGallery",
 			includePreview: true
 		}))?.items ?? this.ui?.styles?.getQuickGallery?.() ?? [];
-		if (options !== this._linkedStyleOptions.value) this._linkedStyleOptions.value = options;
+		const activeStyleId = this.ui?.styles?.getActiveParagraphStyle?.()?.styleId;
+		const activeStyle = activeStyleId && !options.some((style) => style.id === activeStyleId) ? allStyles?.styles?.find((style) => style.id === activeStyleId && (style.type === "paragraph" || style.type === "linked")) : null;
+		const nextOptions = activeStyle ? [activeStyle, ...options] : options;
+		const previousOptions = this._linkedStyleOptions.value;
+		if (nextOptions.length !== previousOptions.length || nextOptions.some((style, index) => style !== previousOptions[index])) this._linkedStyleOptions.value = nextOptions;
 	}
 	/**
 	* The stable style id active across the current selection's paragraph(s), or
@@ -45215,6 +45251,17 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 	getActiveLinkedStyleId() {
 		return this.ui?.styles?.getActiveParagraphStyle?.()?.styleId ?? null;
 	}
+	async updateLinkedStyleToMatchSelection(styleId) {
+		if (!styleId || typeof this.ui?.styles?.updateToMatchSelection !== "function") return null;
+		try {
+			return await this.ui.styles.updateToMatchSelection({ styleId });
+		} catch (error) {
+			this.#emitCommandException(error, "linkedStyles");
+			return null;
+		} finally {
+			this.updateToolbarState();
+		}
+	}
 	/**
 	* Compatibility hook: `SuperDoc` calls this when the active editor changes.
 	* The shared controller already tracks selection/transaction state, so this
@@ -46154,7 +46201,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.27.0";
+		this.version = "2.28.0-next.2";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];