superdoc 2.23.1-next.1 → 2.23.1-next.10

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./chunks/rolldown-runtime-74VwNCz7.cjs");
 const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-1uZB3O_w.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-D_FbXpOQ.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-C_TAnXOl.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-CYxINHh_.cjs");
@@ -304,7 +304,7 @@ var awarenessStatesToArray = (context, states) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.23.1-next.1";
+		return "2.23.1-next.10";
 	} catch {
 		return "unknown";
 	}
@@ -12202,7 +12202,7 @@ function useUiFontFamily() {
 }
 //#endregion
 //#region src/components/CommentsLayer/CommentsDropdown.vue
-var _hoisted_1$32 = { class: "comments-dropdown" };
+var _hoisted_1$31 = { class: "comments-dropdown" };
 var _hoisted_2$25 = ["onClick"];
 var _hoisted_3$21 = {
 	key: 0,
@@ -12333,7 +12333,7 @@ var _sfc_main$39 = {
 			window.removeEventListener("scroll", updateMenuPosition, true);
 		});
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$32, [require__plugin_vue_export_helper.createElementVNode("div", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$31, [require__plugin_vue_export_helper.createElementVNode("div", {
 				ref_key: "triggerRef",
 				ref: triggerRef,
 				class: "comments-dropdown__trigger",
@@ -12363,7 +12363,7 @@ var _sfc_main$39 = {
 var CommentsDropdown_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$39, [["__scopeId", "data-v-7eced80a"]]);
 //#endregion
 //#region src/components/CommentsLayer/InternalDropdown.vue
-var _hoisted_1$31 = { class: "sd-comment-option" };
+var _hoisted_1$30 = { class: "sd-comment-option" };
 var _hoisted_2$24 = ["innerHTML"];
 var _hoisted_3$20 = { class: "sd-option-state" };
 var _hoisted_4$12 = ["innerHTML"];
@@ -12434,7 +12434,7 @@ var _sfc_main$38 = {
 				disabled: __props.isDisabled,
 				"content-style": { fontFamily: require__plugin_vue_export_helper.unref(uiFontFamily) }
 			}, {
-				default: require__plugin_vue_export_helper.withCtx(() => [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_1$31, [
+				default: require__plugin_vue_export_helper.withCtx(() => [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_1$30, [
 					require__plugin_vue_export_helper.createElementVNode("div", {
 						class: "sd-active-icon",
 						innerHTML: activeIcon.value
@@ -12600,7 +12600,7 @@ var isAllowed = (permission, role, isInternal, context = {}) => {
 };
 //#endregion
 //#region src/components/general/Avatar.vue
-var _hoisted_1$30 = { class: "user-container" };
+var _hoisted_1$29 = { class: "user-container" };
 var _hoisted_2$23 = ["src"];
 var _hoisted_3$19 = {
 	key: 1,
@@ -12623,7 +12623,7 @@ var _sfc_main$37 = {
 			return email?.substring(0, 1)?.toUpperCase() || null;
 		};
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$30, [__props.user.image ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("img", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$29, [__props.user.image ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("img", {
 				key: 0,
 				class: "user-bg",
 				src: __props.user.image.startsWith("http") ? __props.user.image : `data:image/png;base64,${__props.user.image}`
@@ -12634,7 +12634,7 @@ var _sfc_main$37 = {
 var Avatar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$37, [["__scopeId", "data-v-c95b2073"]]);
 //#endregion
 //#region src/components/CommentsLayer/CommentHeader.vue
-var _hoisted_1$29 = { class: "card-section comment-header" };
+var _hoisted_1$28 = { class: "card-section comment-header" };
 var _hoisted_2$22 = { class: "comment-header-left" };
 var _hoisted_3$18 = { class: "user-info" };
 var _hoisted_4$11 = { class: "user-name" };
@@ -12894,7 +12894,7 @@ var _sfc_main$36 = {
 			return user;
 		});
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$29, [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_2$22, [require__plugin_vue_export_helper.createVNode(Avatar_default, {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$28, [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_2$22, [require__plugin_vue_export_helper.createVNode(Avatar_default, {
 				user: getCurrentUser.value,
 				class: "avatar"
 			}, null, 8, ["user"]), require__plugin_vue_export_helper.createElementVNode("div", _hoisted_3$18, [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_4$11, [require__plugin_vue_export_helper.createTextVNode(require__plugin_vue_export_helper.toDisplayString(getCurrentUser.value.name), 1), isImported.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("span", _hoisted_5$9, "IMPORTED")) : require__plugin_vue_export_helper.createCommentVNode("", true)]), props.comment.createdTime ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_6$8, require__plugin_vue_export_helper.toDisplayString(require__plugin_vue_export_helper.unref(formatDate)(props.comment.createdTime)), 1)) : require__plugin_vue_export_helper.createCommentVNode("", true)])]), require__plugin_vue_export_helper.createElementVNode("div", { class: require__plugin_vue_export_helper.normalizeClass(["overflow-menu", { "is-visible": props.isActive }]) }, [
@@ -12946,7 +12946,7 @@ var _sfc_main$36 = {
 var CommentHeader_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$36, [["__scopeId", "data-v-f2f11c96"]]);
 //#endregion
 //#region src/components/CommentsLayer/CommentInput.vue
-var _hoisted_1$28 = { class: "input-section" };
+var _hoisted_1$27 = { class: "input-section" };
 var _hoisted_2$21 = { class: "comment-composer" };
 var _hoisted_3$17 = [
 	"aria-expanded",
@@ -13120,7 +13120,7 @@ var _sfc_main$35 = {
 		require__plugin_vue_export_helper.watch(currentCommentText, scheduleInputHeightSync);
 		__expose({ focus });
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$28, [__props.includeHeader ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createBlock(CommentHeader_default, {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$27, [__props.includeHeader ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createBlock(CommentHeader_default, {
 				key: 0,
 				config: __props.config,
 				comment: __props.comment,
@@ -13166,8 +13166,116 @@ var _sfc_main$35 = {
 };
 var CommentInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$35, [["__scopeId", "data-v-0720a671"]]);
 //#endregion
+//#region src/internal/toolbar/built-in/url-safety.js
+/**
+* Minimal href sanitizer for the built-in link popover.
+*
+* The v1 toolbar used the shared `@superdoc/url-validation` package, which is not
+* a resolvable runtime dependency of the published `superdoc` ES build. This
+* keeps the same fail-closed posture (only known-safe schemes pass) without
+* pulling in that package: dangerous schemes (`javascript:`, `data:`,
+* `vbscript:`) return `null`, mirroring the v1 contract that callers treat a
+* `null` result as an invalid URL.
+*/
+var SAFE_SCHEME = /^(https?|mailto|tel):/i;
+var DANGEROUS_SCHEME = /^(javascript|data|vbscript):/i;
+var HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+/**
+* Validate and normalize an href. Returns `{ href }` for safe values, or `null`.
+* @param {string} value
+* @returns {{ href: string }|null}
+*/
+function sanitizeHref(value) {
+	if (typeof value !== "string") return null;
+	const trimmed = value.trim();
+	if (!trimmed) return null;
+	if (trimmed.startsWith("#")) return { href: trimmed };
+	if (DANGEROUS_SCHEME.test(trimmed)) return null;
+	if (HAS_SCHEME.test(trimmed)) return SAFE_SCHEME.test(trimmed) ? { href: trimmed } : null;
+	return { href: trimmed };
+}
+//#endregion
+//#region src/components/CommentsLayer/comment-urls.js
+function isAbsoluteWebUrl(value) {
+	if (!/^https?:\/\/[^\s/?#\\]+/i.test(value) || /[\s\\]/u.test(value)) return false;
+	try {
+		const url = new URL(value);
+		return (url.protocol === "https:" || url.protocol === "http:") && Boolean(url.hostname);
+	} catch {
+		return false;
+	}
+}
+function trimUrlPunctuation(value) {
+	const closingDelimiter = {
+		"(": ")",
+		"[": "]",
+		"{": "}"
+	};
+	const balance = {
+		")": 0,
+		"]": 0,
+		"}": 0
+	};
+	for (const character of value) {
+		const close = closingDelimiter[character];
+		if (close) balance[close] += 1;
+		else if (Object.hasOwn(balance, character)) balance[character] -= 1;
+	}
+	let end = value.length;
+	while (end > 0) {
+		const character = value[end - 1];
+		if (".,!?;:".includes(character)) end -= 1;
+		else if (balance[character] < 0) {
+			balance[character] += 1;
+			end -= 1;
+		} else break;
+	}
+	return value.slice(0, end);
+}
+function configureLink(link, href) {
+	link.setAttribute("href", href);
+	link.setAttribute("target", "_blank");
+	link.setAttribute("rel", "noopener noreferrer");
+}
+/** Render links without rewriting stored comment HTML or its rich-text structure. */
+function renderCommentHtml(value) {
+	if (typeof value !== "string") return "";
+	if (typeof document === "undefined") return value;
+	const template = document.createElement("template");
+	template.innerHTML = value;
+	for (const link of template.content.querySelectorAll("a")) {
+		const safe = sanitizeHref(link.getAttribute("href"));
+		if (safe && (isAbsoluteWebUrl(safe.href) || /^(mailto|tel):\S+$/i.test(safe.href))) configureLink(link, safe.href);
+		else link.replaceWith(...link.childNodes);
+	}
+	const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_TEXT);
+	const textNodes = [];
+	while (walker.nextNode()) textNodes.push(walker.currentNode);
+	for (const node of textNodes) {
+		if (node.parentElement?.closest("a, script, style, textarea, code, pre")) continue;
+		const text = node.textContent;
+		const fragment = document.createDocumentFragment();
+		let end = 0;
+		for (const match of text.matchAll(/(^|[\s([{])(https?:\/\/[^\s<>"']+)/gi)) {
+			const href = trimUrlPunctuation(match[2]);
+			if (!isAbsoluteWebUrl(href)) continue;
+			const start = match.index + match[1].length;
+			fragment.append(document.createTextNode(text.slice(end, start)));
+			const link = document.createElement("a");
+			configureLink(link, href);
+			link.textContent = href;
+			fragment.append(link);
+			end = start + href.length;
+		}
+		if (end === 0) continue;
+		fragment.append(document.createTextNode(text.slice(end)));
+		node.replaceWith(fragment);
+	}
+	return template.innerHTML;
+}
+//#endregion
 //#region src/components/CommentsLayer/CommentDialog.vue
-var _hoisted_1$27 = [
+var _hoisted_1$26 = [
 	"aria-label",
 	"data-comment-instance-id",
 	"data-comment-thread-id",
@@ -13547,6 +13655,12 @@ var _sfc_main$34 = {
 				return a.createdTime - b.createdTime;
 			});
 		});
+		const renderedCommentTexts = require__plugin_vue_export_helper.computed(() => new Map(comments.value.map((comment) => [comment.commentId, renderCommentHtml(comment.commentText)])));
+		const handleDialogClick = (event) => {
+			if (event.target instanceof Element && event.target.closest(".comment a[href]")) return;
+			event.preventDefault();
+			return setFocus();
+		};
 		const dialogAccessibleLabel = require__plugin_vue_export_helper.computed(() => {
 			if (props.comment.trackedChangeLabel) return props.comment.trackedChangeLabel;
 			if (props.comment.trackedChange) return "Tracked change discussion";
@@ -14175,7 +14289,7 @@ var _sfc_main$34 = {
 					"is-active": isDialogActive.value || isPendingNewComment.value,
 					"is-resolved": props.comment.resolvedTime
 				}]),
-				onClick: require__plugin_vue_export_helper.withModifiers(setFocus, ["stop", "prevent"]),
+				onClick: require__plugin_vue_export_helper.withModifiers(handleDialogClick, ["stop"]),
 				style: require__plugin_vue_export_helper.normalizeStyle(getSidebarCommentStyle.value),
 				ref_key: "commentDialogElement",
 				ref: commentDialogElement,
@@ -14312,7 +14426,7 @@ var _sfc_main$34 = {
 								class: require__plugin_vue_export_helper.normalizeClass(["comment", index === 0 ? bodyOverflowClass.value : void 0]),
 								ref_for: true,
 								ref: index === 0 ? setParentBodyRef : void 0,
-								innerHTML: comment.commentText
+								innerHTML: renderedCommentTexts.value.get(comment.commentId)
 							}, null, 10, _hoisted_38)) : require__plugin_vue_export_helper.unref(isDebugging) && !isEditingThisComment.value(comment) ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_39, require__plugin_vue_export_helper.toDisplayString(require__plugin_vue_export_helper.unref(editorCommentPositions)[comment.importedId !== void 0 ? comment.importedId : comment.commentId]?.bounds), 1)) : (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_40, [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_41, [require__plugin_vue_export_helper.createVNode(CommentInput_default, {
 								ref_for: true,
 								ref: setEditCommentInputRef(comment.commentId),
@@ -14385,14 +14499,14 @@ var _sfc_main$34 = {
 					disabled: !hasTextContent.value || isV2WriteDisabled.value || isSubmittingReply.value,
 					"data-disabled-reason": v2ReplyDisabledReason.value
 				}, " Reply ", 10, _hoisted_53)])]))], 64)) : require__plugin_vue_export_helper.createCommentVNode("", true)
-			], 64))], 14, _hoisted_1$27)), [[_directive_click_outside, handleClickOutside]]);
+			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
 };
-var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-dcbcc0d4"]]);
+var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-c189ab35"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
-var _hoisted_1$26 = [
+var _hoisted_1$25 = [
 	"tabindex",
 	"aria-posinset",
 	"aria-setsize",
@@ -14530,14 +14644,14 @@ var _sfc_main$33 = {
 				"floating-page-index",
 				"floating-position-entry",
 				"is-floating-instance-active"
-			])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 44, _hoisted_1$26);
+			])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 44, _hoisted_1$25);
 		};
 	}
 };
 var ReviewDirectoryListItem_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$33, [["__scopeId", "data-v-29650a06"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/commentsList.vue
-var _hoisted_1$25 = ["aria-busy"];
+var _hoisted_1$24 = ["aria-busy"];
 var _hoisted_2$19 = { key: 0 };
 var _hoisted_3$15 = { key: 1 };
 var REPEATED_HEADER_FOOTER_STORY_TYPE = "headerFooterPart";
@@ -14698,7 +14812,7 @@ var _sfc_main$32 = {
 					"total",
 					"tab-index"
 				]);
-			}), 128))])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 8, _hoisted_1$25);
+			}), 128))])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 8, _hoisted_1$24);
 		};
 	}
 };
@@ -15168,7 +15282,7 @@ var resolveRemovedReviewCardContinuityTarget = ({ previousIds, currentIds, remov
 };
 //#endregion
 //#region src/components/CommentsLayer/FloatingComments.vue
-var _hoisted_1$24 = [
+var _hoisted_1$23 = [
 	"data-comment-id",
 	"data-comment-instance-id",
 	"data-comment-thread-id",
@@ -16038,7 +16152,7 @@ var _sfc_main$31 = {
 					"floating-page-index",
 					"floating-position-entry",
 					"is-floating-instance-active"
-				])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 14, _hoisted_1$24);
+				])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 14, _hoisted_1$23);
 			}), 128))], 4)], 36);
 		};
 	}
@@ -16046,7 +16160,7 @@ var _sfc_main$31 = {
 var FloatingComments_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$31, [["__scopeId", "data-v-15b59a51"]]);
 //#endregion
 //#region src/components/CommentsLayer/PdfCommentsLayer.vue
-var _hoisted_1$23 = {
+var _hoisted_1$22 = {
 	class: "superdoc__pdf-comments-layer pdf-comments-layer",
 	"aria-hidden": "false"
 };
@@ -16152,7 +16266,7 @@ var PdfCommentsLayer_default = /*#__PURE__*/ require__plugin_vue_export_helper._
 			emit("anchor-activate", anchor.commentId);
 		};
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$23, [(require__plugin_vue_export_helper.openBlock(true), require__plugin_vue_export_helper.createElementBlock(require__plugin_vue_export_helper.Fragment, null, require__plugin_vue_export_helper.renderList(pdfCommentAnchors.value, (anchor) => {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$22, [(require__plugin_vue_export_helper.openBlock(true), require__plugin_vue_export_helper.createElementBlock(require__plugin_vue_export_helper.Fragment, null, require__plugin_vue_export_helper.renderList(pdfCommentAnchors.value, (anchor) => {
 				return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", {
 					key: anchor.commentId,
 					class: "sd-comment-anchor sd-highlight",
@@ -16321,7 +16435,7 @@ var useWhiteboard = ({ proxy, layers, documents, modules }) => {
 };
 //#endregion
 //#region src/components/Whiteboard/WhiteboardPage.vue
-var _hoisted_1$22 = ["data-page-index"];
+var _hoisted_1$21 = ["data-page-index"];
 var _sfc_main$29 = {
 	__name: "WhiteboardPage",
 	props: {
@@ -16453,7 +16567,7 @@ var _sfc_main$29 = {
 					height: (__props.pageSize?.height ?? __props.page.size?.height) + "px",
 					transform: `translate(${__props.pageOffset?.left ?? 0}px, ${__props.pageOffset?.top ?? 0}px)`
 				})
-			}, null, 44, _hoisted_1$22);
+			}, null, 44, _hoisted_1$21);
 		};
 	}
 };
@@ -16532,7 +16646,7 @@ var _sfc_main$28 = {
 var WhiteboardLayer_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$28, [["__scopeId", "data-v-54546c3d"]]);
 //#endregion
 //#region src/components/HtmlViewer/HtmlViewer.vue
-var _hoisted_1$21 = { class: "superdoc-html-viewer" };
+var _hoisted_1$20 = { class: "superdoc-html-viewer" };
 var _hoisted_2$17 = { class: "superdoc-html-viewer__document" };
 var _hoisted_3$14 = ["innerHTML"];
 var _sfc_main$27 = {
@@ -16582,7 +16696,7 @@ var _sfc_main$27 = {
 			initViewer();
 		});
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$21, [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_2$17, [require__plugin_vue_export_helper.createElementVNode("div", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$20, [require__plugin_vue_export_helper.createElementVNode("div", _hoisted_2$17, [require__plugin_vue_export_helper.createElementVNode("div", {
 				class: "superdoc-html-viewer__content",
 				innerHTML: documentContent.value,
 				onMouseup: handleSelectionChange
@@ -18623,35 +18737,6 @@ function shouldHandleFindShortcut(event, { focusInside, owner }) {
 	return (!active || active === document.body || active === document.documentElement) && ownsAmbientFindShortcut(owner);
 }
 //#endregion
-//#region src/internal/toolbar/built-in/url-safety.js
-/**
-* Minimal href sanitizer for the built-in link popover.
-*
-* The v1 toolbar used the shared `@superdoc/url-validation` package, which is not
-* a resolvable runtime dependency of the published `superdoc` ES build. This
-* keeps the same fail-closed posture (only known-safe schemes pass) without
-* pulling in that package: dangerous schemes (`javascript:`, `data:`,
-* `vbscript:`) return `null`, mirroring the v1 contract that callers treat a
-* `null` result as an invalid URL.
-*/
-var SAFE_SCHEME = /^(https?|mailto|tel):/i;
-var DANGEROUS_SCHEME = /^(javascript|data|vbscript):/i;
-var HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i;
-/**
-* Validate and normalize an href. Returns `{ href }` for safe values, or `null`.
-* @param {string} value
-* @returns {{ href: string }|null}
-*/
-function sanitizeHref(value) {
-	if (typeof value !== "string") return null;
-	const trimmed = value.trim();
-	if (!trimmed) return null;
-	if (trimmed.startsWith("#")) return { href: trimmed };
-	if (DANGEROUS_SCHEME.test(trimmed)) return null;
-	if (HAS_SCHEME.test(trimmed)) return SAFE_SCHEME.test(trimmed) ? { href: trimmed } : null;
-	return { href: trimmed };
-}
-//#endregion
 //#region ../../shared/common/icons/bold-solid.svg?raw
 var bold_solid_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M0 64C0 46.3 14.3 32 32 32l48 0 16 0 128 0c70.7 0 128 57.3 128 128c0 31.3-11.3 60.1-30 82.3c37.1 22.4 62 63.1 62 109.7c0 70.7-57.3 128-128 128L96 480l-16 0-48 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l16 0 0-160L48 96 32 96C14.3 96 0 81.7 0 64zM224 224c35.3 0 64-28.7 64-64s-28.7-64-64-64L112 96l0 128 112 0zM112 288l0 128 144 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0-112 0z\"/></svg>";
 //#endregion
@@ -18874,7 +18959,7 @@ var toolbarIcons = {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/LinkInput.vue
-var _hoisted_1$20 = {
+var _hoisted_1$19 = {
 	key: 0,
 	class: "link-title"
 };
@@ -19133,7 +19218,7 @@ var _sfc_main$26 = {
 			if (props.goToAnchor) props.goToAnchor(anchorUrl);
 		};
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", { class: require__plugin_vue_export_helper.normalizeClass(["link-input-ctn", { "high-contrast": require__plugin_vue_export_helper.unref(isHighContrastMode) }]) }, [isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$20, "Page anchor")) : isViewingMode.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_3$13, "Edit link")) : (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_4$8, "Add link")), __props.showInput && !isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_5$6, [
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", { class: require__plugin_vue_export_helper.normalizeClass(["link-input-ctn", { "high-contrast": require__plugin_vue_export_helper.unref(isHighContrastMode) }]) }, [isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$19, "Page anchor")) : isViewingMode.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_3$13, "Edit link")) : (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_4$8, "Add link")), __props.showInput && !isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_5$6, [
 				require__plugin_vue_export_helper.createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = require__plugin_vue_export_helper.createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), require__plugin_vue_export_helper.withDirectives(require__plugin_vue_export_helper.createElementVNode("input", {
 					type: "text",
 					name: "text",
@@ -20778,6 +20863,9 @@ function createV2EditorRuntimeAdapter(options) {
 			setTrackedChangesRenderOptions(options) {
 				host.setTrackedChangesRenderOptions(options);
 			},
+			setShowFormattingMarks(show) {
+				host.setShowFormattingMarks(show);
+			},
 			getLegacyEditorProjection: () => getLegacyEditorProjection?.() ?? DEFAULT_V2_LEGACY_PROJECTION,
 			focus,
 			dispose,
@@ -21507,7 +21595,7 @@ var FOCUSABLE_SELECTOR = [
 ].join(", ");
 //#endregion
 //#region src/components/surfaces/SurfaceDialog.vue
-var _hoisted_1$19 = ["aria-labelledby", "aria-label"];
+var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$15 = ["id"];
 var _hoisted_3$12 = { class: "sd-surface-dialog__content" };
 var _sfc_main$24 = {
@@ -21655,14 +21743,14 @@ var _sfc_main$24 = {
 				"render",
 				"resolve",
 				"close"
-			])) : __props.surface.component ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createBlock(require__plugin_vue_export_helper.resolveDynamicComponent(__props.surface.component), require__plugin_vue_export_helper.normalizeProps(require__plugin_vue_export_helper.mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : require__plugin_vue_export_helper.createCommentVNode("", true)])], 12, _hoisted_1$19)], 32);
+			])) : __props.surface.component ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createBlock(require__plugin_vue_export_helper.resolveDynamicComponent(__props.surface.component), require__plugin_vue_export_helper.normalizeProps(require__plugin_vue_export_helper.mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : require__plugin_vue_export_helper.createCommentVNode("", true)])], 12, _hoisted_1$18)], 32);
 		};
 	}
 };
 var SurfaceDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$24, [["__scopeId", "data-v-582b6534"]]);
 //#endregion
 //#region src/components/surfaces/SurfaceFloating.vue
-var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
+var _hoisted_1$17 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$14 = ["id"];
 var _hoisted_3$11 = { class: "sd-surface-floating__content" };
 var _sfc_main$23 = {
@@ -21810,7 +21898,7 @@ var _sfc_main$23 = {
 				"render",
 				"resolve",
 				"close"
-			])) : __props.surface.component ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createBlock(require__plugin_vue_export_helper.resolveDynamicComponent(__props.surface.component), require__plugin_vue_export_helper.normalizeProps(require__plugin_vue_export_helper.mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : require__plugin_vue_export_helper.createCommentVNode("", true)])], 14, _hoisted_1$18);
+			])) : __props.surface.component ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createBlock(require__plugin_vue_export_helper.resolveDynamicComponent(__props.surface.component), require__plugin_vue_export_helper.normalizeProps(require__plugin_vue_export_helper.mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : require__plugin_vue_export_helper.createCommentVNode("", true)])], 14, _hoisted_1$17);
 		};
 	}
 };
@@ -22042,7 +22130,7 @@ var _sfc_main$22 = {
 var SurfaceHost_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$22, [["__scopeId", "data-v-dad99b67"]]);
 //#endregion
 //#region src/SuperDoc.vue
-var _hoisted_1$17 = ["innerHTML"];
+var _hoisted_1$16 = ["innerHTML"];
 var _hoisted_2$13 = { class: "superdoc__document document" };
 var _hoisted_3$10 = { class: "floating-comments" };
 var TRACKED_CHANGE_CARRIERS_RESTAMPED_EVENT = "superdoc:v2-tracked-change-carriers-restamped";
@@ -24490,7 +24578,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 				}, [require__plugin_vue_export_helper.createElementVNode("div", {
 					class: "superdoc__tools-icon",
 					innerHTML: require__plugin_vue_export_helper.unref(superdocIcons).comment
-				}, null, 8, _hoisted_1$17)], 32)], 4)) : require__plugin_vue_export_helper.createCommentVNode("", true), require__plugin_vue_export_helper.createElementVNode("div", _hoisted_2$13, [
+				}, null, 8, _hoisted_1$16)], 32)], 4)) : require__plugin_vue_export_helper.createCommentVNode("", true), require__plugin_vue_export_helper.createElementVNode("div", _hoisted_2$13, [
 					isCommentsEnabled.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", {
 						key: 0,
 						class: "superdoc__selection-layer selection-layer",
@@ -39186,7 +39274,7 @@ var throttle = (func, wait, options) => {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarButtonIcon.vue
-var _hoisted_1$16 = { class: "sd-toolbar-icon" };
+var _hoisted_1$15 = { class: "sd-toolbar-icon" };
 var _hoisted_2$12 = ["innerHTML"];
 var _sfc_main$20 = {
 	__name: "ToolbarButtonIcon",
@@ -39214,7 +39302,7 @@ var _sfc_main$20 = {
 			return ["color", "highlight"].includes(props.name);
 		});
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$16, [require__plugin_vue_export_helper.createElementVNode("div", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$15, [require__plugin_vue_export_helper.createElementVNode("div", {
 				class: require__plugin_vue_export_helper.normalizeClass(["sd-toolbar-icon__icon", [`sd-toolbar-icon__icon--${props.name}`]]),
 				innerHTML: __props.icon
 			}, null, 10, _hoisted_2$12), hasColorBar.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", {
@@ -39228,7 +39316,7 @@ var _sfc_main$20 = {
 var ToolbarButtonIcon_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-65ecd5b1"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarButton.vue
-var _hoisted_1$15 = [
+var _hoisted_1$14 = [
 	"role",
 	"aria-label",
 	"aria-disabled"
@@ -39522,14 +39610,14 @@ var _sfc_main$19 = {
 					}, null, 12, _hoisted_10$1)) : require__plugin_vue_export_helper.createCommentVNode("", true)
 				], 64)),
 				require__plugin_vue_export_helper.createElementVNode("div", _hoisted_11$1, require__plugin_vue_export_helper.toDisplayString(`${require__plugin_vue_export_helper.unref(attributes).ariaLabel} ${require__plugin_vue_export_helper.unref(active) ? "selected" : "unset"}`), 1)
-			], 10, _hoisted_2$11)], 46, _hoisted_1$15);
+			], 10, _hoisted_2$11)], 46, _hoisted_1$14);
 		};
 	}
 };
 var ToolbarButton_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$19, [["__scopeId", "data-v-96796456"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarSeparator.vue
-var _hoisted_1$14 = {
+var _hoisted_1$13 = {
 	class: "toolbar-separator",
 	role: "separator",
 	"aria-label": "Toolbar separator"
@@ -39548,7 +39636,7 @@ var _sfc_main$18 = {
 			return "var(--sd-ui-border, #dbdbdb)";
 		};
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$14, [require__plugin_vue_export_helper.createElementVNode("div", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$13, [require__plugin_vue_export_helper.createElementVNode("div", {
 				class: "separator-inner",
 				style: require__plugin_vue_export_helper.normalizeStyle({ backgroundColor: getSeparatorColor() })
 			}, null, 4)]);
@@ -39558,7 +39646,7 @@ var _sfc_main$18 = {
 var ToolbarSeparator_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$18, [["__scopeId", "data-v-cb82253a"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarDropdown.vue
-var _hoisted_1$13 = { class: "toolbar-dropdown" };
+var _hoisted_1$12 = { class: "toolbar-dropdown" };
 var _hoisted_2$10 = ["onClick"];
 var _hoisted_3$8 = {
 	key: 0,
@@ -39913,7 +40001,7 @@ var _sfc_main$17 = {
 			window.removeEventListener("scroll", updateMenuPosition, true);
 		});
 		return (_ctx, _cache) => {
-			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$13, [require__plugin_vue_export_helper.createElementVNode("div", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$12, [require__plugin_vue_export_helper.createElementVNode("div", {
 				ref_key: "triggerRef",
 				ref: triggerRef,
 				class: "toolbar-dropdown-trigger",
@@ -40180,7 +40268,7 @@ var normalizeCustomFontSize = (value) => {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarComboBox.vue
-var _hoisted_1$12 = ["data-item"];
+var _hoisted_1$11 = ["data-item"];
 var _hoisted_2$9 = [
 	"id",
 	"value",
@@ -40691,7 +40779,7 @@ var _sfc_main$15 = {
 					}), [require__plugin_vue_export_helper.createElementVNode("span", _hoisted_7$1, require__plugin_vue_export_helper.toDisplayString(option.label), 1)], 16, _hoisted_6$3);
 				}), 128))], 14, _hoisted_5$4)) : require__plugin_vue_export_helper.createCommentVNode("", true)])),
 				require__plugin_vue_export_helper.createElementVNode("span", _hoisted_8$1, require__plugin_vue_export_helper.toDisplayString(appliedLabel.value), 1)
-			], 14, _hoisted_1$12);
+			], 14, _hoisted_1$11);
 		};
 	}
 };
@@ -40780,7 +40868,6 @@ var _sfc_main$13 = {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/SdTooltip.vue
-var _hoisted_1$11 = ["data-placement"];
 var AUTO_HIDE_DELAY = 2500;
 var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "SdTooltip",
@@ -40814,20 +40901,25 @@ var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 		const contentRef = require__plugin_vue_export_helper.ref(null);
 		const position = require__plugin_vue_export_helper.ref({
 			top: "0px",
-			left: "0px"
+			left: "0px",
+			below: false
 		});
-		const placement = require__plugin_vue_export_helper.ref("top");
 		let closeTimeout = null;
 		let openTimeout = null;
 		let autoHideTimeout = null;
-		const mergedContentClass = require__plugin_vue_export_helper.computed(() => ["sd-tooltip-content", attrs.class]);
+		const mergedContentClass = require__plugin_vue_export_helper.computed(() => [
+			"sd-tooltip-content",
+			position.value.below && "sd-tooltip-below",
+			attrs.class
+		]);
 		const contentStyle = require__plugin_vue_export_helper.computed(() => ({
 			...props.contentStyle,
 			...attrs.style || {},
 			position: "fixed",
 			top: position.value.top,
 			left: position.value.left,
-			zIndex: 2100
+			zIndex: 2100,
+			transformOrigin: position.value.below ? "top center" : "bottom center"
 		}));
 		const clearCloseTimeout = () => {
 			if (closeTimeout) {
@@ -40854,49 +40946,24 @@ var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 				close();
 			}, AUTO_HIDE_DELAY);
 		};
-		const getElementSize = (element, dimension) => {
-			const styles = window.getComputedStyle(element);
-			const size = parseFloat(styles[dimension]);
-			if (!Number.isFinite(size)) return dimension === "width" ? element.offsetWidth : element.offsetHeight;
-			if (styles.boxSizing === "border-box") return size;
-			return (dimension === "width" ? [
-				"paddingLeft",
-				"paddingRight",
-				"borderLeftWidth",
-				"borderRightWidth"
-			] : [
-				"paddingTop",
-				"paddingBottom",
-				"borderTopWidth",
-				"borderBottomWidth"
-			]).reduce((total, property) => total + (parseFloat(styles[property]) || 0), size);
-		};
 		const updatePosition = () => {
 			if (!triggerRef.value || !contentRef.value) return;
 			const triggerRect = triggerRef.value.getBoundingClientRect();
-			const contentWidth = getElementSize(contentRef.value, "width");
-			const contentHeight = getElementSize(contentRef.value, "height");
+			const contentWidth = contentRef.value.offsetWidth;
+			const contentHeight = contentRef.value.offsetHeight;
 			const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;
-			const viewportHeight = document.documentElement.clientHeight || window.innerHeight || 0;
+			const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;
 			const gutter = 8;
-			const offset = 10;
 			let left = triggerRect.left + triggerRect.width / 2 - contentWidth / 2;
 			left = Math.max(gutter, Math.min(left, viewportWidth - contentWidth - gutter));
-			const topAbove = triggerRect.top - contentHeight - offset;
-			const topBelow = triggerRect.bottom + offset;
-			const fitsAbove = topAbove >= gutter;
-			const fitsBelow = topBelow + contentHeight <= viewportHeight - gutter;
-			const availableAbove = triggerRect.top - offset;
-			const availableBelow = viewportHeight - triggerRect.bottom - offset;
-			if (fitsAbove) placement.value = "top";
-			else if (fitsBelow) placement.value = "bottom";
-			else placement.value = availableAbove >= availableBelow ? "top" : "bottom";
-			const desiredTop = placement.value === "top" ? topAbove : topBelow;
-			const minTop = Math.min(gutter, Math.max(0, viewportHeight - contentHeight));
-			const maxTop = Math.max(minTop, viewportHeight - contentHeight - gutter);
+			const aboveTop = triggerRect.top - contentHeight - 10;
+			const below = aboveTop < gutter;
+			const preferredTop = below ? triggerRect.bottom + 10 : aboveTop;
+			const top = Math.max(gutter, Math.min(preferredTop, viewportHeight - contentHeight - gutter));
 			position.value = {
-				top: `${Math.max(minTop, Math.min(desiredTop, maxTop))}px`,
-				left: `${left}px`
+				top: `${top}px`,
+				left: `${left}px`,
+				below
 			};
 		};
 		const open = async () => {
@@ -41006,19 +41073,18 @@ var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 					ref: contentRef,
 					class: require__plugin_vue_export_helper.normalizeClass(mergedContentClass.value),
 					style: require__plugin_vue_export_helper.normalizeStyle(contentStyle.value),
-					"data-placement": placement.value,
 					onMouseenter: handleContentMouseEnter,
 					onMouseleave: handleContentMouseLeave
 				}, [_cache[0] || (_cache[0] = require__plugin_vue_export_helper.createElementVNode("span", {
 					class: "sd-tooltip-arrow",
 					"aria-hidden": "true"
-				}, null, -1)), require__plugin_vue_export_helper.renderSlot(_ctx.$slots, "default", {}, void 0, true)], 46, _hoisted_1$11)) : require__plugin_vue_export_helper.createCommentVNode("", true)]),
+				}, null, -1)), require__plugin_vue_export_helper.renderSlot(_ctx.$slots, "default", {}, void 0, true)], 38)) : require__plugin_vue_export_helper.createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["css"])]))], 64);
 		};
 	}
 });
-var SdTooltip_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$12, [["__scopeId", "data-v-44bd03f9"]]);
+var SdTooltip_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$12, [["__scopeId", "data-v-71c6de4c"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ButtonGroup.vue
 var _hoisted_1$10 = [
@@ -46469,7 +46535,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.1-next.1";
+		this.version = "2.23.1-next.10";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];
@@ -47916,6 +47982,8 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	*/
 	registerEditorRuntime(runtime) {
 		this.#editorRuntimeRegistry.register(runtime);
+		const show = this.config.layoutEngineOptions?.showFormattingMarks;
+		if (typeof show === "boolean") runtime.setShowFormattingMarks(show);
 	}
 	/**
 	* Unregister a mounted editor runtime by id. If it was active, active state
@@ -48160,7 +48228,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		});
 	}
 	/**
-	* Toggle nonprinting formatting marks (spaces, tabs, paragraph marks) in the
+	* Toggle nonprinting formatting marks (spaces, tabs, paragraph marks and manual line breaks) in the
 	* rendered layout. This is a view-only setting and is not exported to DOCX.
 	*/
 	setShowFormattingMarks(show = true) {
@@ -48169,6 +48237,11 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		if (layoutOptions.showFormattingMarks === nextValue) return;
 		layoutOptions.showFormattingMarks = nextValue;
 		this.superdocStore?.documents?.forEach((doc) => {
+			const runtimes = typeof doc.id === "string" ? this.#editorRuntimeRegistry.getAllByDocumentId(doc.id) : [];
+			if (runtimes.length) {
+				for (const runtime of runtimes) runtime.setShowFormattingMarks(nextValue);
+				return;
+			}
 			(doc.getDocumentRuntime?.())?.setShowFormattingMarks?.(nextValue);
 		});
 		this.emit("formatting-marks-change", {