@haklex/rich-compose 0.24.0 → 0.25.0

package/dist/litexml-html-preview-client.js

@@ -9340,7 +9340,7 @@
 	* @returns {string}
 	*   Serialized node.
 	*/
-	function root$21(node, _1, _2, state) {
+	function root$22(node, _1, _2, state) {
 		return state.all(node);
 	}
 	var init_root$2 = __esmMin((() => {}));
@@ -9385,7 +9385,7 @@
 				doctype: doctype$3,
 				element: element$8,
 				raw: raw$1,
-				root: root$21,
+				root: root$22,
 				text: text$14
 			}
 		});
@@ -22712,11 +22712,11 @@
 	var init_shared_css_ts_vanilla = __esmMin((() => {}));
 	//#endregion
 	//#region ../rich-editor/src/styles/shared.css.ts
-	var semanticClassNames$11, sharedStyles;
+	var semanticClassNames$12, sharedStyles;
 	var init_shared_css = __esmMin((() => {
 		init_vars_css_ts_vanilla();
 		init_shared_css_ts_vanilla();
-		semanticClassNames$11 = {
+		semanticClassNames$12 = {
 			paragraph: "rich-paragraph",
 			textBold: "rich-text-bold",
 			textItalic: "rich-text-italic",
@@ -22912,17 +22912,17 @@
 				behavior: "smooth",
 				block: "center"
 			});
-			target.classList.add(semanticClassNames$11.footnoteHighlight, sharedStyles.footnoteHighlight);
+			target.classList.add(semanticClassNames$12.footnoteHighlight, sharedStyles.footnoteHighlight);
 			window.setTimeout(() => {
-				target.classList.remove(semanticClassNames$11.footnoteHighlight, sharedStyles.footnoteHighlight);
+				target.classList.remove(semanticClassNames$12.footnoteHighlight, sharedStyles.footnoteHighlight);
 			}, 1200);
 		}, [identifier, targetId]);
 		const label = displayNumber ?? identifier;
 		return /* @__PURE__ */ (0, import_jsx_runtime$231.jsx)("span", {
-			className: clsx$2(semanticClassNames$11.footnoteRefWrapper, sharedStyles.footnoteRefWrapper),
+			className: clsx$2(semanticClassNames$12.footnoteRefWrapper, sharedStyles.footnoteRefWrapper),
 			children: /* @__PURE__ */ (0, import_jsx_runtime$231.jsx)("a", {
 				"aria-label": content ? `Footnote ${label}: ${content}` : `Footnote ${label}`,
-				className: clsx$2(semanticClassNames$11.footnoteRef, sharedStyles.footnoteRef),
+				className: clsx$2(semanticClassNames$12.footnoteRef, sharedStyles.footnoteRef),
 				"data-footnote-ref": identifier,
 				href: `#${targetId}`,
 				id: referenceId,
@@ -48824,9 +48824,9 @@
 	function RubyRenderer$1({ reading, children }) {
 		if (!reading) return /* @__PURE__ */ (0, import_jsx_runtime$228.jsx)(import_jsx_runtime$228.Fragment, { children });
 		return /* @__PURE__ */ (0, import_jsx_runtime$228.jsxs)("ruby", {
-			className: clsx$2(semanticClassNames$11.ruby, sharedStyles.ruby),
+			className: clsx$2(semanticClassNames$12.ruby, sharedStyles.ruby),
 			children: [children, /* @__PURE__ */ (0, import_jsx_runtime$228.jsx)("rt", {
-				className: clsx$2(semanticClassNames$11.rubyRt, sharedStyles.rubyRt),
+				className: clsx$2(semanticClassNames$12.rubyRt, sharedStyles.rubyRt),
 				children: reading
 			})]
 		});
@@ -59622,7 +59622,7 @@
 	//#endregion
 	//#region ../rich-editor/src/components/LinkFavicon.tsx
 	function LinkFavicon({ href, source, noIcon = false, className, platformIconMap, getPlatformFromUrl }) {
-		const faviconClassName = clsx$2(semanticClassNames$11.linkFavicon, sharedStyles.linkFavicon, className);
+		const faviconClassName = clsx$2(semanticClassNames$12.linkFavicon, sharedStyles.linkFavicon, className);
 		const [faviconUrl, setFaviconUrl] = (0, import_react$178.useState)(null);
 		(0, import_react$178.useEffect)(() => {
 			if (!href) return;
@@ -64768,11 +64768,11 @@
 			}
 			createDOM(_config) {
 				const div = document.createElement("div");
-				div.className = `${semanticClassNames$11.alert} ${sharedStyles.alert} rich-alert-${this.__alertType}`;
+				div.className = `${semanticClassNames$12.alert} ${sharedStyles.alert} rich-alert-${this.__alertType}`;
 				return div;
 			}
 			updateDOM(prevNode, dom) {
-				if (prevNode.__alertType !== this.__alertType) dom.className = `${semanticClassNames$11.alert} ${sharedStyles.alert} rich-alert-${this.__alertType}`;
+				if (prevNode.__alertType !== this.__alertType) dom.className = `${semanticClassNames$12.alert} ${sharedStyles.alert} rich-alert-${this.__alertType}`;
 				return false;
 			}
 			isInline() {
@@ -65190,7 +65190,7 @@
 					"span": () => ({
 						conversion: (domNode) => {
 							if (!(domNode instanceof HTMLElement)) return null;
-							if (!domNode.classList.contains(semanticClassNames$11.comment)) return null;
+							if (!domNode.classList.contains(semanticClassNames$12.comment)) return null;
 							return { node: $createCommentNode(domNode.dataset.comment ?? domNode.textContent ?? "") };
 						},
 						priority: 2
@@ -65202,13 +65202,13 @@
 			}
 			createDOM(config) {
 				const element = super.createDOM(config);
-				element.classList.add(semanticClassNames$11.comment, sharedStyles.comment);
+				element.classList.add(semanticClassNames$12.comment, sharedStyles.comment);
 				element.dataset.comment = this.__text;
 				return element;
 			}
 			updateDOM(prevNode, dom, config) {
 				const updated = super.updateDOM(prevNode, dom, config);
-				dom.classList.add(semanticClassNames$11.comment, sharedStyles.comment);
+				dom.classList.add(semanticClassNames$12.comment, sharedStyles.comment);
 				if (prevNode.__text !== this.__text) dom.dataset.comment = this.__text;
 				return updated;
 			}
@@ -65458,7 +65458,7 @@
 			}
 			createDOM(_config) {
 				const sup = document.createElement("sup");
-				sup.className = `${semanticClassNames$11.footnote} ${sharedStyles.footnote}`;
+				sup.className = `${semanticClassNames$12.footnote} ${sharedStyles.footnote}`;
 				return sup;
 			}
 			updateDOM() {
@@ -65498,9 +65498,9 @@
 		if (sortedEntries.length === 0) return null;
 		return /* @__PURE__ */ (0, import_jsx_runtime$217.jsxs)("div", {
 			role: "doc-endnotes",
-			className: clsx$2("rich-footnote-section-content", semanticClassNames$11.footnoteSection, sharedStyles.footnoteSection),
-			children: [/* @__PURE__ */ (0, import_jsx_runtime$217.jsx)("hr", { className: clsx$2(semanticClassNames$11.footnoteSectionDivider, sharedStyles.footnoteSectionDivider) }), /* @__PURE__ */ (0, import_jsx_runtime$217.jsx)("ol", {
-				className: clsx$2(semanticClassNames$11.footnoteSectionList, sharedStyles.footnoteSectionList),
+			className: clsx$2("rich-footnote-section-content", semanticClassNames$12.footnoteSection, sharedStyles.footnoteSection),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime$217.jsx)("hr", { className: clsx$2(semanticClassNames$12.footnoteSectionDivider, sharedStyles.footnoteSectionDivider) }), /* @__PURE__ */ (0, import_jsx_runtime$217.jsx)("ol", {
+				className: clsx$2(semanticClassNames$12.footnoteSectionList, sharedStyles.footnoteSectionList),
 				children: sortedEntries.map(([identifier, content]) => {
 					return /* @__PURE__ */ (0, import_jsx_runtime$217.jsx)(FootnoteSectionItem, {
 						content,
@@ -65522,13 +65522,13 @@
 				behavior: "smooth",
 				block: "center"
 			});
-			refElement.classList.add(semanticClassNames$11.footnoteHighlight, sharedStyles.footnoteHighlight);
+			refElement.classList.add(semanticClassNames$12.footnoteHighlight, sharedStyles.footnoteHighlight);
 			window.setTimeout(() => {
-				refElement.classList.remove(semanticClassNames$11.footnoteHighlight, sharedStyles.footnoteHighlight);
+				refElement.classList.remove(semanticClassNames$12.footnoteHighlight, sharedStyles.footnoteHighlight);
 			}, 1200);
 		}, [refId]);
 		return /* @__PURE__ */ (0, import_jsx_runtime$217.jsxs)("li", {
-			className: clsx$2(semanticClassNames$11.footnoteSectionItem, sharedStyles.footnoteSectionItem),
+			className: clsx$2(semanticClassNames$12.footnoteSectionItem, sharedStyles.footnoteSectionItem),
 			id: targetId,
 			value: typeof displayNum === "number" ? displayNum : void 0,
 			children: [/* @__PURE__ */ (0, import_jsx_runtime$217.jsx)("span", {
@@ -65536,7 +65536,7 @@
 				children: content
 			}), /* @__PURE__ */ (0, import_jsx_runtime$217.jsx)("a", {
 				"aria-label": `Back to reference ${displayNum}`,
-				className: clsx$2(semanticClassNames$11.footnoteBackRef, sharedStyles.footnoteBackRef),
+				className: clsx$2(semanticClassNames$12.footnoteBackRef, sharedStyles.footnoteBackRef),
 				href: `#${refId}`,
 				role: "doc-backlink",
 				onClick: handleBackClick,
@@ -65579,7 +65579,7 @@
 			}
 			createDOM(_config) {
 				const div = document.createElement("div");
-				div.className = `${semanticClassNames$11.footnoteSection} ${sharedStyles.footnoteSection}`;
+				div.className = `${semanticClassNames$12.footnoteSection} ${sharedStyles.footnoteSection}`;
 				return div;
 			}
 			updateDOM() {
@@ -66839,12 +66839,12 @@
 			}
 			exportDOM() {
 				const ruby = document.createElement("ruby");
-				ruby.className = `${semanticClassNames$11.ruby} ${sharedStyles.ruby}`;
+				ruby.className = `${semanticClassNames$12.ruby} ${sharedStyles.ruby}`;
 				const baseText = this.getTextContent();
 				if (baseText) ruby.append(baseText);
 				if (this.__reading) {
 					const rt = document.createElement("rt");
-					rt.className = `${semanticClassNames$11.rubyRt} ${sharedStyles.rubyRt}`;
+					rt.className = `${semanticClassNames$12.rubyRt} ${sharedStyles.rubyRt}`;
 					rt.textContent = this.__reading;
 					ruby.append(rt);
 				}
@@ -66852,7 +66852,7 @@
 			}
 			createDOM(_config) {
 				const span = document.createElement("span");
-				span.className = `${semanticClassNames$11.ruby} ${sharedStyles.ruby}`;
+				span.className = `${semanticClassNames$12.ruby} ${sharedStyles.ruby}`;
 				if (this.__reading) span.dataset.ruby = this.__reading;
 				return span;
 			}
@@ -66900,13 +66900,13 @@
 			}
 			createDOM(_config) {
 				const span = document.createElement("span");
-				span.className = `${semanticClassNames$11.spoiler} ${sharedStyles.spoiler}`;
+				span.className = `${semanticClassNames$12.spoiler} ${sharedStyles.spoiler}`;
 				span.setAttribute("role", "button");
 				span.setAttribute("tabindex", "0");
 				span.setAttribute("aria-label", "Spoiler (click to reveal)");
 				const toggle = () => {
 					if (span.isContentEditable) return;
-					span.classList.toggle(semanticClassNames$11.spoilerRevealed);
+					span.classList.toggle(semanticClassNames$12.spoilerRevealed);
 					const revealed = span.classList.toggle(sharedStyles.spoilerRevealed);
 					span.setAttribute("aria-label", revealed ? "Spoiler (revealed)" : "Spoiler (click to reveal)");
 				};
@@ -66956,7 +66956,7 @@
 		init_shared_css();
 		init_tag_color();
 		init_defineProperty();
-		tagClassName = `${semanticClassNames$11.tag} ${sharedStyles.tag}`;
+		tagClassName = `${semanticClassNames$12.tag} ${sharedStyles.tag}`;
 		TagNode = class TagNode extends Rr$2 {
 			static getType() {
 				return "tag";
@@ -66968,7 +66968,7 @@
 				return { span: () => ({
 					conversion: (domNode) => {
 						if (!(domNode instanceof HTMLElement)) return null;
-						if (!domNode.classList.contains(semanticClassNames$11.tag)) return null;
+						if (!domNode.classList.contains(semanticClassNames$12.tag)) return null;
 						return { node: $createTagNode(domNode.textContent ?? "") };
 					},
 					priority: 2
@@ -66979,13 +66979,13 @@
 			}
 			createDOM(config) {
 				const element = super.createDOM(config);
-				element.classList.add(semanticClassNames$11.tag, sharedStyles.tag);
+				element.classList.add(semanticClassNames$12.tag, sharedStyles.tag);
 				element.style.backgroundColor = getTagBgColor(this.getTextContent());
 				return element;
 			}
 			updateDOM(prevNode, dom, config) {
 				const updated = super.updateDOM(prevNode, dom, config);
-				dom.classList.add(semanticClassNames$11.tag, sharedStyles.tag);
+				dom.classList.add(semanticClassNames$12.tag, sharedStyles.tag);
 				if (prevNode.__text !== this.__text) dom.style.backgroundColor = getTagBgColor(this.__text);
 				return updated;
 			}
@@ -67247,7 +67247,7 @@
 	var shared$2, editorTheme;
 	var init_theme$1 = __esmMin((() => {
 		init_shared_css();
-		shared$2 = (key) => `${semanticClassNames$11[key]} ${sharedStyles[key]}`;
+		shared$2 = (key) => `${semanticClassNames$12[key]} ${sharedStyles[key]}`;
 		editorTheme = {
 			text: {
 				bold: shared$2("textBold"),
@@ -67463,7 +67463,7 @@
 	//#region src/static-renderer/engine/renderBuiltinNode.tsx
 	init_static_entry();
 	init_lucide_react();
-	var shared$1 = (key) => `${semanticClassNames$11[key]} ${sharedStyles[key]}`;
+	var shared$1 = (key) => `${semanticClassNames$12[key]} ${sharedStyles[key]}`;
 	var headingClassNames = {
 		h1: shared$1("headingH1"),
 		h2: shared$1("headingH2"),
@@ -67648,7 +67648,7 @@
 	//#endregion
 	//#region src/static-renderer/engine/renderTextNode.tsx
 	init_static_entry();
-	var shared = (key) => `${semanticClassNames$11[key]} ${sharedStyles[key]}`;
+	var shared = (key) => `${semanticClassNames$12[key]} ${sharedStyles[key]}`;
 	var FORMAT_FLAGS = [
 		[1, "textBold"],
 		[2, "textItalic"],
@@ -67720,7 +67720,7 @@
 	init_static_entry();
 	init_src$40();
 	init_Lexical_prod();
-	var alertClassName = (type) => `${semanticClassNames$11.alert} ${sharedStyles.alert} rich-alert-${type}`;
+	var alertClassName = (type) => `${semanticClassNames$12.alert} ${sharedStyles.alert} rich-alert-${type}`;
 	function wrapDecoration(serialized, key, decoration) {
 		switch (serialized.type) {
 			case "alert-quote": return (0, import_react$186.createElement)("div", {
@@ -68028,7 +68028,7 @@
 	var init_styles_css_ts_vanilla$4 = __esmMin((() => {}));
 	//#endregion
 	//#region ../rich-ext-chat/src/styles.css.ts
-	var container$1, row, rowRight, avatar$2, avatarSmall, avatarDark, avatarImg, bubble, bubbleRightTail, bubbleLeftTail, agent, agentHeader, agentHeaderName, article$2, authorCluster, authorClusterRight, authorLabel, empty$2, semanticClassNames$10;
+	var container$1, row, rowRight, avatar$2, avatarSmall, avatarDark, avatarImg, bubble, bubbleRightTail, bubbleLeftTail, agent, agentHeader, agentHeaderName, article$2, authorCluster, authorClusterRight, authorLabel, empty$2, semanticClassNames$11;
 	var init_styles_css$4 = __esmMin((() => {
 		init_vars_css_ts_vanilla();
 		init_styles_css_ts_vanilla$4();
@@ -68050,7 +68050,7 @@
 		authorClusterRight = "_1wforzff";
 		authorLabel = "_1wforzfg";
 		empty$2 = "_1wforzfh";
-		semanticClassNames$10 = {
+		semanticClassNames$11 = {
 			container: "rich-chat-container",
 			row: "rich-chat-row",
 			bubble: "rich-chat-bubble",
@@ -79661,7 +79661,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 	* @returns {Parse5Document}
 	*   Parse5 node.
 	*/
-	function root$20(node, schema) {
+	function root$21(node, schema) {
 		/** @type {Parse5Document} */
 		const result = {
 			nodeName: "#document",
@@ -79869,7 +79869,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 		emptyOptions$4 = {};
 		own$5 = {}.hasOwnProperty;
 		one$3 = zwitch("type", { handlers: {
-			root: root$20,
+			root: root$21,
 			element: element$6,
 			text: text$13,
 			comment: comment$3,
@@ -86751,7 +86751,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 		/** @type {(node: Nodes, state: State) => undefined} */
 		const one = zwitch("type", {
 			handlers: {
-				root: root$19,
+				root: root$20,
 				element: element$5,
 				text: text$12,
 				comment: comment$2,
@@ -86809,7 +86809,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 	* @returns {undefined}
 	*   Nothing.
 	*/
-	function root$19(node, state) {
+	function root$20(node, state) {
 		all$1(node.children, state);
 	}
 	/**
@@ -87454,7 +87454,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 				case "comment": return comment$1(state, unsafe);
 				case "doctype": return doctype(state, unsafe);
 				case "element": return element$4(state, unsafe);
-				case "root": return root$18(state, unsafe);
+				case "root": return root$19(state, unsafe);
 				case "text": return text$11(state, unsafe);
 				default:
 			}
@@ -87548,7 +87548,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 	* @returns {Root}
 	*   Safe root.
 	*/
-	function root$18(state, unsafe) {
+	function root$19(state, unsafe) {
 		/** @type {Root} */
 		const node = {
 			type: "root",
@@ -90007,7 +90007,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 	* @param {Info} info
 	* @returns {string}
 	*/
-	function root$17(node, _, state, info) {
+	function root$18(node, _, state, info) {
 		return (node.children.some(function(d) {
 			return phrasing(d);
 		}) ? state.containerPhrasing : state.containerFlow).call(state, node, info);
@@ -90166,7 +90166,7 @@ XID_Start XIDS`.split(/\s/).map((p) => [w$60(p), p]));
 			list: list$2,
 			listItem: listItem$1,
 			paragraph: paragraph$1,
-			root: root$17,
+			root: root$18,
 			strong: strong$1,
 			text: text$10,
 			thematicBreak: thematicBreak$2
@@ -103232,7 +103232,7 @@ $$` : `${n}$$`;
 		if (node.type === "mdxFlowExpression" || node.type === "mdxTextExpression") return mdxExpression(state, node);
 		if (node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") return mdxJsxElement(state, node, key);
 		if (node.type === "mdxjsEsm") return mdxEsm(state, node);
-		if (node.type === "root") return root$16(state, node, key);
+		if (node.type === "root") return root$17(state, node, key);
 		if (node.type === "text") return text$8(state, node);
 	}
 	/**
@@ -103340,7 +103340,7 @@ $$` : `${n}$$`;
 	* @returns {Child | undefined}
 	*   Child, optional.
 	*/
-	function root$16(state, node, key) {
+	function root$17(state, node, key) {
 		/** @type {Props} */
 		const props = {};
 		addChildren$1(props, createChildren(state, node));
@@ -106562,7 +106562,7 @@ $$` : `${n}$$`;
 	* @returns {HastParents}
 	*   hast node.
 	*/
-	function root$15(state, node) {
+	function root$16(state, node) {
 		/** @type {HastRoot} */
 		const result = {
 			type: "root",
@@ -106903,7 +106903,7 @@ $$` : `${n}$$`;
 			listItem,
 			list,
 			paragraph,
-			root: root$15,
+			root: root$16,
 			strong,
 			table: table$1,
 			tableCell,
@@ -113629,7 +113629,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				avatar$2,
 				small ? avatarSmall : "",
 				dark ? avatarDark : "",
-				semanticClassNames$10.avatar
+				semanticClassNames$11.avatar
 			].filter(Boolean).join(" ");
 			if (participant.avatar) return /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("span", {
 				className,
@@ -113653,14 +113653,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const isUser = participant.kind !== "agent";
 			const displayName = participant.name ?? defaultName(participant.kind);
 			if (isUser) return /* @__PURE__ */ (0, import_jsx_runtime$208.jsxs)("div", {
-				className: `${row} ${rowRight} ${semanticClassNames$10.row}`,
+				className: `${row} ${rowRight} ${semanticClassNames$11.row}`,
 				children: [/* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-					className: `${bubble} ${bubbleRightTail} ${semanticClassNames$10.bubble}`,
+					className: `${bubble} ${bubbleRightTail} ${semanticClassNames$11.bubble}`,
 					children: /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(Markdown, { content: message.content })
 				}), /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(Avatar, { participant })]
 			});
 			return /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-				className: `${row} ${semanticClassNames$10.row}`,
+				className: `${row} ${semanticClassNames$11.row}`,
 				children: /* @__PURE__ */ (0, import_jsx_runtime$208.jsxs)("div", {
 					className: agent,
 					children: [/* @__PURE__ */ (0, import_jsx_runtime$208.jsxs)("div", {
@@ -113674,7 +113674,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							children: displayName
 						})]
 					}), /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-						className: `${article$2} ${semanticClassNames$10.article}`,
+						className: `${article$2} ${semanticClassNames$11.article}`,
 						children: /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(Markdown, { content: message.content })
 					})]
 				})
@@ -113687,32 +113687,32 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const cluster = /* @__PURE__ */ (0, import_jsx_runtime$208.jsxs)("div", {
 				className: `${authorCluster}${isRight ? ` ${authorClusterRight}` : ""}`,
 				children: [/* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("span", {
-					className: `${authorLabel} ${semanticClassNames$10.author}`,
+					className: `${authorLabel} ${semanticClassNames$11.author}`,
 					children: displayName
 				}), /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-					className: `${bubble} ${tailClass} ${semanticClassNames$10.bubble}`,
+					className: `${bubble} ${tailClass} ${semanticClassNames$11.bubble}`,
 					children: /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(Markdown, { content: message.content })
 				})]
 			});
 			if (isRight) return /* @__PURE__ */ (0, import_jsx_runtime$208.jsxs)("div", {
-				className: `${row} ${rowRight} ${semanticClassNames$10.row}`,
+				className: `${row} ${rowRight} ${semanticClassNames$11.row}`,
 				children: [cluster, /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(Avatar, { participant })]
 			});
 			return /* @__PURE__ */ (0, import_jsx_runtime$208.jsxs)("div", {
-				className: `${row} ${semanticClassNames$10.row}`,
+				className: `${row} ${semanticClassNames$11.row}`,
 				children: [/* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(Avatar, { participant }), cluster]
 			});
 		};
 		ChatRenderer = ({ variant, participants, messages }) => {
 			if (messages.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-				className: `${container$1} ${semanticClassNames$10.container}`,
+				className: `${container$1} ${semanticClassNames$11.container}`,
 				children: /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-					className: `${empty$2} ${semanticClassNames$10.empty}`,
+					className: `${empty$2} ${semanticClassNames$11.empty}`,
 					children: "Empty chat"
 				})
 			});
 			return /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)("div", {
-				className: `${container$1} ${semanticClassNames$10.container}`,
+				className: `${container$1} ${semanticClassNames$11.container}`,
 				children: messages.map((message) => {
 					if (variant === "user-agent") return /* @__PURE__ */ (0, import_jsx_runtime$208.jsx)(UserAgentRow, {
 						message,
@@ -113764,12 +113764,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 	}));
 	//#endregion
 	//#region ../rich-ext-code-snippet/src/styles.css.ts.vanilla.css
-	var init_styles_css_ts_vanilla$3 = __esmMin((() => {})), semanticClassNames$9, container, header$2, tabs, tab, titleBar, headerActions, copyButton, separator$1, codePanelsWrapper, codePanel, codeScroll, codeBody, fileIcon;
+	var init_styles_css_ts_vanilla$3 = __esmMin((() => {})), semanticClassNames$10, container, header$2, tabs, tab, titleBar, headerActions, copyButton, separator$1, codePanelsWrapper, codePanel, codeScroll, codeBody, fileIcon;
 	var init_styles_css$3 = __esmMin((() => {
 		init_vars_css_ts_vanilla();
 		init_styles_css_ts_vanilla$3();
 		init_vanilla_extract_recipes_createRuntimeFn_esm();
-		semanticClassNames$9 = {
+		semanticClassNames$10 = {
 			container: "rcs-container",
 			header: "rcs-header",
 			tabs: "rcs-tabs",
@@ -114489,7 +114489,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, [text]);
 			return /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("button", {
 				"aria-label": copied ? "Copied" : "Copy code",
-				className: `${copyButton} ${semanticClassNames$9.copyButton}`,
+				className: `${copyButton} ${semanticClassNames$10.copyButton}`,
 				type: "button",
 				onClick: handleCopy,
 				children: copied ? /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)(Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)(Copy, { size: 14 })
@@ -114523,55 +114523,55 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			if (!activeFile) return null;
 			return /* @__PURE__ */ (0, import_jsx_runtime$204.jsxs)("div", {
 				"aria-label": "Code snippet",
-				className: `${container} ${semanticClassNames$9.container}`,
+				className: `${container} ${semanticClassNames$10.container}`,
 				role: "region",
 				children: [
 					/* @__PURE__ */ (0, import_jsx_runtime$204.jsxs)("div", {
-						className: `${header$2} ${semanticClassNames$9.header}`,
+						className: `${header$2} ${semanticClassNames$10.header}`,
 						children: [isMultiFile ? /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", {
 							"aria-label": "Code file tabs",
-							className: `${tabs} ${semanticClassNames$9.tabs}`,
+							className: `${tabs} ${semanticClassNames$10.tabs}`,
 							role: "tablist",
 							children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime$204.jsxs)("button", {
 								"aria-selected": index === activeIndex,
-								className: `${tab({ active: index === activeIndex })} ${semanticClassNames$9.tab} ${index === activeIndex ? semanticClassNames$9.tabActive : ""}`.trim(),
+								className: `${tab({ active: index === activeIndex })} ${semanticClassNames$10.tab} ${index === activeIndex ? semanticClassNames$10.tabActive : ""}`.trim(),
 								role: "tab",
 								type: "button",
 								onClick: () => setActiveIndex(index),
 								children: [/* @__PURE__ */ (0, import_jsx_runtime$204.jsx)(FileIcon, {
-									className: `${fileIcon} ${semanticClassNames$9.fileIcon}`,
+									className: `${fileIcon} ${semanticClassNames$10.fileIcon}`,
 									filename: file.filename,
 									size: 14
 								}), /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("span", { children: file.filename })]
 							}, file.filename))
 						}) : /* @__PURE__ */ (0, import_jsx_runtime$204.jsxs)("div", {
-							className: `${titleBar} ${semanticClassNames$9.titleBar}`,
+							className: `${titleBar} ${semanticClassNames$10.titleBar}`,
 							children: [/* @__PURE__ */ (0, import_jsx_runtime$204.jsx)(FileIcon, {
-								className: `${fileIcon} ${semanticClassNames$9.fileIcon}`,
+								className: `${fileIcon} ${semanticClassNames$10.fileIcon}`,
 								filename: activeFile.filename,
 								size: 14
 							}), /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("span", { children: activeFile.filename })]
 						}), /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", {
-							className: `${headerActions} ${semanticClassNames$9.headerActions}`,
+							className: `${headerActions} ${semanticClassNames$10.headerActions}`,
 							children: /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)(CopyButton, { text: activeFile.code })
 						})]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", { className: `${separator$1} ${semanticClassNames$9.separator}` }),
+					/* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", { className: `${separator$1} ${semanticClassNames$10.separator}` }),
 					/* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", {
-						className: `${codePanelsWrapper} ${semanticClassNames$9.codePanelsWrapper}`,
+						className: `${codePanelsWrapper} ${semanticClassNames$10.codePanelsWrapper}`,
 						children: files.map((file, index) => {
 							const html = htmlMap[file.filename];
 							return /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", {
-								className: `${codePanel} ${semanticClassNames$9.codePanel}`,
+								className: `${codePanel} ${semanticClassNames$10.codePanel}`,
 								"data-active": index === activeIndex,
 								role: isMultiFile ? "tabpanel" : void 0,
 								children: /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", {
-									className: `${codeScroll} ${semanticClassNames$9.codeScroll}`,
+									className: `${codeScroll} ${semanticClassNames$10.codeScroll}`,
 									children: html ? /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("div", {
-										className: `${codeBody} ${semanticClassNames$9.codeBody}`,
+										className: `${codeBody} ${semanticClassNames$10.codeBody}`,
 										dangerouslySetInnerHTML: { __html: html }
 									}) : /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("pre", {
-										className: `${codeBody} ${semanticClassNames$9.codeBody}`,
+										className: `${codeBody} ${semanticClassNames$10.codeBody}`,
 										children: /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("code", { children: file.code.split("\n").map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime$204.jsx)("span", {
 											className: "line",
 											children: line
@@ -208264,7 +208264,7 @@ ${seriesRules.join("\n")}${tipRules}
 	init_note_css_ts_vanilla();
 	init_grid_css_ts_vanilla();
 	init_vanilla_extract_recipes_createRuntimeFn_esm();
-	var semanticClassNames$8 = {
+	var semanticClassNames$9 = {
 		root: "rich-alert",
 		header: "rich-alert-header",
 		icon: "rich-alert-icon",
@@ -208324,9 +208324,9 @@ ${seriesRules.join("\n")}${tipRules}
 		const Icon = ALERT_ICONS[type];
 		const label = ALERT_LABELS[type];
 		return /* @__PURE__ */ (0, import_jsx_runtime$232.jsxs)("div", {
-			className: `${alertHeader} ${alertType({ type })} ${semanticClassNames$8.header} ${semanticTypeClassNames$1.header[type]}`,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Icon, { className: `${alertIcon} ${semanticClassNames$8.icon}` }), /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", {
-				className: `${alertLabel} ${semanticClassNames$8.label}`,
+			className: `${alertHeader} ${alertType({ type })} ${semanticClassNames$9.header} ${semanticTypeClassNames$1.header[type]}`,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Icon, { className: `${alertIcon} ${semanticClassNames$9.icon}` }), /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", {
+				className: `${alertLabel} ${semanticClassNames$9.label}`,
 				children: label
 			})]
 		});
@@ -208346,7 +208346,7 @@ ${seriesRules.join("\n")}${tipRules}
 	init_note_css_ts_vanilla();
 	init_grid_css_ts_vanilla();
 	init_vanilla_extract_recipes_createRuntimeFn_esm();
-	var semanticClassNames$7 = {
+	var semanticClassNames$8 = {
 		root: "rich-banner",
 		inner: "rich-banner-inner",
 		icon: "rich-banner-icon",
@@ -208407,7 +208407,7 @@ ${seriesRules.join("\n")}${tipRules}
 	var BannerRenderer = ({ type }) => {
 		const Icon = BANNER_ICONS[type];
 		return /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", {
-			className: `${bannerIcon} ${bannerIconType({ type })} ${semanticClassNames$7.icon} ${semanticTypeClassNames.icon[type]}`,
+			className: `${bannerIcon} ${bannerIconType({ type })} ${semanticClassNames$8.icon} ${semanticTypeClassNames.icon[type]}`,
 			children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Icon, {
 				height: "1em",
 				width: "1em"
@@ -208956,6 +208956,312 @@ ${seriesRules.join("\n")}${tipRules}
 		lazyRenderers: { CodeSnippet: () => Promise.resolve().then(() => (init_renderer$3(), renderer_exports$2)) }
 	};
 	//#endregion
+	//#region src/core/configurable-module.tsx
+	function chainProviders(outer, inner) {
+		if (!outer) return inner;
+		const Outer = outer;
+		const Inner = inner;
+		const Chained = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Outer, { children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Inner, { children }) });
+		Chained.displayName = "ChainedProvider";
+		return Chained;
+	}
+	/**
+	* Build a configurable module factory. The config travels to renderers through
+	* a dedicated React Context (the module `Provider`); `useConfig` reads it.
+	* `createModule(base)` produces a `ConfigurableModule` usable directly (default
+	* config) or via `.setup(config)` — the NestJS `DynamicModule` analog.
+	*/
+	function defineConfigurableModule(opts) {
+		const ConfigContext = (0, import_react$186.createContext)(opts.defaultConfig);
+		const useConfig = () => (0, import_react$186.use)(ConfigContext);
+		function createModule(base) {
+			function build(config) {
+				const ConfigProvider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(ConfigContext, {
+					value: config,
+					children
+				});
+				ConfigProvider.displayName = `${opts.name}ConfigProvider`;
+				return {
+					...base,
+					name: opts.name,
+					Provider: chainProviders(base.Provider, ConfigProvider)
+				};
+			}
+			const configurable = build(opts.defaultConfig);
+			configurable.setup = (config) => build({
+				...opts.defaultConfig,
+				...config
+			});
+			return configurable;
+		}
+		return {
+			createModule,
+			useConfig
+		};
+	}
+	//#endregion
+	//#region src/modules/dynamic/module-config.ts
+	var { createModule: createDynamicModule, useConfig: useDynamicModuleConfig } = defineConfigurableModule({
+		name: "dynamic",
+		defaultConfig: {}
+	});
+	//#endregion
+	//#region ../rich-dynamic-protocol/src/index.ts
+	function isDynamicComponentModule(value) {
+		return typeof value === "object" && value !== null && typeof value.mount === "function";
+	}
+	//#endregion
+	//#region ../rich-ext-dynamic/src/styles.css.ts
+	init_vars_css_ts_vanilla();
+	var semanticClassNames$7 = {
+		root: "rich-dynamic-root",
+		host: "rich-dynamic-host",
+		placeholder: "rich-dynamic-placeholder",
+		error: "rich-dynamic-error",
+		settingsButton: "rich-dynamic-settings-button",
+		editPanel: "rich-dynamic-edit-panel",
+		editField: "rich-dynamic-edit-field",
+		editFieldIcon: "rich-dynamic-edit-field-icon",
+		editInput: "rich-dynamic-edit-input",
+		editTextarea: "rich-dynamic-edit-textarea",
+		editError: "rich-dynamic-edit-error"
+	};
+	var root$15 = "_17z9n250";
+	var host$1 = "_17z9n251";
+	var overlay$1 = "_17z9n252";
+	//#endregion
+	//#region ../rich-ext-dynamic/src/DynamicHostRenderer.tsx
+	init_static_entry();
+	function parseProps(json) {
+		try {
+			const value = JSON.parse(json);
+			return value && typeof value === "object" ? value : {};
+		} catch {
+			return {};
+		}
+	}
+	function DynamicHostRenderer({ url, componentProps, initialHeight, validateUrl }) {
+		const hostRef = (0, import_react$186.useRef)(null);
+		const handleRef = (0, import_react$186.useRef)(null);
+		const latestInputRef = (0, import_react$186.useRef)(null);
+		const [status, setStatus] = (0, import_react$186.useState)("loading");
+		const [attempt, setAttempt] = (0, import_react$186.useState)(0);
+		const theme = useColorScheme();
+		const propsJson = JSON.stringify(componentProps ?? {});
+		(0, import_react$186.useEffect)(() => {
+			const input = {
+				props: parseProps(propsJson),
+				host: { theme }
+			};
+			latestInputRef.current = input;
+			handleRef.current?.update?.(input);
+		}, [propsJson, theme]);
+		(0, import_react$186.useEffect)(() => {
+			const container = hostRef.current?.shadowRoot?.firstElementChild;
+			if (container instanceof HTMLElement) container.style.minHeight = `${initialHeight}px`;
+		}, [initialHeight]);
+		(0, import_react$186.useEffect)(() => {
+			const hostEl = hostRef.current;
+			if (!hostEl || !url) return;
+			if (validateUrl && !validateUrl(url)) {
+				setStatus("error");
+				return;
+			}
+			let cancelled = false;
+			setStatus("loading");
+			const shadow = hostEl.shadowRoot ?? hostEl.attachShadow({ mode: "open" });
+			shadow.replaceChildren();
+			const container = document.createElement("div");
+			container.style.minHeight = `${initialHeight}px`;
+			shadow.append(container);
+			import(
+				/* @vite-ignore */
+				url
+).then((mod) => {
+				if (cancelled) return;
+				const component = mod?.default;
+				if (!isDynamicComponentModule(component)) throw new Error("module default export does not implement the dynamic mount protocol");
+				const input = latestInputRef.current ?? {
+					props: parseProps(propsJson),
+					host: { theme }
+				};
+				handleRef.current = component.mount(container, input);
+				setStatus("mounted");
+			}).catch((error) => {
+				if (cancelled) return;
+				console.error("[DynamicHostRenderer]", error);
+				setStatus("error");
+			});
+			return () => {
+				cancelled = true;
+				try {
+					handleRef.current?.unmount();
+				} catch (error) {
+					console.error("[DynamicHostRenderer]", error);
+				}
+				handleRef.current = null;
+			};
+		}, [
+			url,
+			attempt,
+			validateUrl
+		]);
+		if (!url) return /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("div", {
+			className: `${root$15} ${semanticClassNames$7.root}`,
+			style: { minHeight: initialHeight },
+			children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("div", {
+				className: `${overlay$1} ${semanticClassNames$7.placeholder}`,
+				children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", { children: "No component URL" })
+			})
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime$232.jsxs)("div", {
+			className: `${root$15} ${semanticClassNames$7.root}`,
+			style: { minHeight: initialHeight },
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("div", {
+					className: `${host$1} ${semanticClassNames$7.host}`,
+					ref: hostRef
+				}),
+				status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("div", {
+					className: `_17z9n252 ${semanticClassNames$7.placeholder}`,
+					children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", { children: "Loading component…" })
+				}),
+				status === "error" && /* @__PURE__ */ (0, import_jsx_runtime$232.jsxs)("div", {
+					className: `_17z9n252 ${semanticClassNames$7.error}`,
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", { children: "Failed to load component" }),
+						/* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", {
+							className: "_17z9n254",
+							children: url
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("button", {
+							className: "_17z9n253",
+							type: "button",
+							onClick: () => setAttempt((n) => n + 1),
+							children: "Retry"
+						})
+					]
+				})
+			]
+		});
+	}
+	//#endregion
+	//#region ../rich-ext-dynamic/src/DynamicSSRRenderer.tsx
+	init_src$39();
+	var DynamicPlaceholder = ({ initialHeight }) => /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("div", {
+		"aria-label": "Interactive component",
+		className: `${root$15} ${semanticClassNames$7.root}`,
+		style: { minHeight: initialHeight },
+		children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("div", {
+			className: `${overlay$1} ${semanticClassNames$7.placeholder}`,
+			children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)("span", { children: "Interactive component" })
+		})
+	});
+	var DynamicSSRRenderer = (props) => {
+		return /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(ViewportGate, {
+			fallback: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(DynamicPlaceholder, { initialHeight: props.initialHeight }),
+			children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(DynamicHostRenderer, { ...props })
+		});
+	};
+	//#endregion
+	//#region ../rich-ext-dynamic/src/slot.ts
+	var DYNAMIC_NODE_KEY = "Dynamic";
+	//#endregion
+	//#region ../rich-ext-dynamic/src/DynamicNode.ts
+	init_static_entry();
+	init_Lexical_prod();
+	init_defineProperty();
+	var DynamicNode = class DynamicNode extends yo$2 {
+		static getType() {
+			return "dynamic";
+		}
+		static clone(node) {
+			return new DynamicNode(node.__url, node.__props, node.__initialHeight, node.__key);
+		}
+		constructor(url, props = {}, initialHeight = 320, key) {
+			super(key);
+			_defineProperty$2(this, "__url", void 0);
+			_defineProperty$2(this, "__props", void 0);
+			_defineProperty$2(this, "__initialHeight", void 0);
+			this.__url = url;
+			this.__props = props;
+			this.__initialHeight = initialHeight;
+		}
+		createDOM(_config) {
+			const div = document.createElement("div");
+			div.className = "rich-dynamic-wrapper";
+			return div;
+		}
+		updateDOM() {
+			return false;
+		}
+		isInline() {
+			return false;
+		}
+		static importJSON(serializedNode) {
+			return $createDynamicNode(serializedNode);
+		}
+		exportJSON() {
+			return {
+				...super.exportJSON(),
+				type: "dynamic",
+				url: this.__url,
+				props: this.__props,
+				initialHeight: this.__initialHeight,
+				version: 1
+			};
+		}
+		getUrl() {
+			return this.getLatest().__url;
+		}
+		setUrl(url) {
+			const writable = this.getWritable();
+			writable.__url = url;
+		}
+		getProps() {
+			return this.getLatest().__props;
+		}
+		setProps(props) {
+			const writable = this.getWritable();
+			writable.__props = props;
+		}
+		getInitialHeight() {
+			return this.getLatest().__initialHeight;
+		}
+		setInitialHeight(initialHeight) {
+			const writable = this.getWritable();
+			writable.__initialHeight = initialHeight;
+		}
+		decorate(_editor, _config) {
+			return createRendererDecoration(DYNAMIC_NODE_KEY, DynamicSSRRenderer, {
+				url: this.__url,
+				componentProps: this.__props,
+				initialHeight: this.__initialHeight
+			});
+		}
+	};
+	function $createDynamicNode(payload = {}) {
+		return new DynamicNode(payload.url ?? "", payload.props ?? {}, payload.initialHeight ?? 320);
+	}
+	//#endregion
+	//#region src/modules/dynamic/node.ts
+	var dynamicNodes = [DynamicNode];
+	//#endregion
+	//#region src/modules/dynamic/renderer.tsx
+	var ComposedDynamicStaticRenderer = (props) => {
+		const { validateUrl } = useDynamicModuleConfig();
+		return /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(DynamicSSRRenderer, {
+			...props,
+			validateUrl
+		});
+	};
+	//#endregion
+	//#region src/modules/dynamic/module.ts
+	var dynamicModule = createDynamicModule({
+		nodes: dynamicNodes,
+		renderers: { Dynamic: ComposedDynamicStaticRenderer }
+	});
+	//#endregion
 	//#region ../rich-ext-embed/src/styles.css.ts
 	init_vars_css_ts_vanilla();
 	var semanticClassNames$6 = {
@@ -210905,7 +211211,7 @@ ${seriesRules.join("\n")}${tipRules}
 	var init_types$2 = __esmMin((() => {}));
 	//#endregion
 	//#region ../../node_modules/.pnpm/swr@2.4.1_react@19.2.6/node_modules/swr/dist/_internal/index.mjs
-	var import_react$144, enableDevtools, use$7, setupDevTools, normalize$3, useSWRConfig, middleware$1, BUILT_IN_MIDDLEWARE, withArgs, subscribeCallback;
+	var import_react$144, enableDevtools, use$6, setupDevTools, normalize$3, useSWRConfig, middleware$1, BUILT_IN_MIDDLEWARE, withArgs, subscribeCallback;
 	var init__internal = __esmMin((() => {
 		init_config_context_12s_CCVTDPOP();
 		init_events();
@@ -210913,7 +211219,7 @@ ${seriesRules.join("\n")}${tipRules}
 		import_react$144 = /* @__PURE__ */ __toESM$1(require_react(), 1);
 		init_types$2();
 		enableDevtools = isWindowDefined && window.__SWR_DEVTOOLS_USE__;
-		use$7 = enableDevtools ? window.__SWR_DEVTOOLS_USE__ : [];
+		use$6 = enableDevtools ? window.__SWR_DEVTOOLS_USE__ : [];
 		setupDevTools = () => {
 			if (enableDevtools) window.__SWR_DEVTOOLS_REACT__ = import_react$144.default;
 		};
@@ -210943,7 +211249,7 @@ ${seriesRules.join("\n")}${tipRules}
 				return req;
 			}), config);
 		};
-		BUILT_IN_MIDDLEWARE = use$7.concat(middleware$1);
+		BUILT_IN_MIDDLEWARE = use$6.concat(middleware$1);
 		withArgs = (hook) => {
 			return function useSWRArgs(...args) {
 				const fallbackConfig = useSWRConfig();
@@ -210968,12 +211274,12 @@ ${seriesRules.join("\n")}${tipRules}
 			};
 		};
 		setupDevTools();
-	})), import_react$143, import_shim$1, use$6, WITH_DEDUPE, resolvedUndef, sub$1, useSWRHandler, useSWR$1;
+	})), import_react$143, import_shim$1, use$5, WITH_DEDUPE, resolvedUndef, sub$1, useSWRHandler, useSWR$1;
 	var init_index = __esmMin((() => {
 		import_react$143 = /* @__PURE__ */ __toESM$1(require_react(), 1);
 		import_shim$1 = require_shim();
 		init__internal();
-		use$6 = import_react$143.use || ((thenable) => {
+		use$5 = import_react$143.use || ((thenable) => {
 			switch (thenable.status) {
 				case "pending": throw thenable;
 				case "fulfilled": return thenable.value;
@@ -211063,7 +211369,7 @@ ${seriesRules.join("\n")}${tipRules}
 			}), [cache, key]), getSnapshot[0], getSnapshot[1]);
 			const hasRevalidator = EVENT_REVALIDATORS[key] && EVENT_REVALIDATORS[key].length > 0;
 			const cachedData = cached.data;
-			const data = isUndefined$2(cachedData) ? fallback && isPromiseLike$2(fallback) ? use$6(fallback) : fallback : cachedData;
+			const data = isUndefined$2(cachedData) ? fallback && isPromiseLike$2(fallback) ? use$5(fallback) : fallback : cachedData;
 			const error = cached.error;
 			const laggyDataRef = (0, import_react$143.useRef)(data);
 			const returnedData = keepPreviousData ? isUndefined$2(cachedData) ? isUndefined$2(laggyDataRef.current) ? data : laggyDataRef.current : cachedData : data;
@@ -211240,14 +211546,14 @@ ${seriesRules.join("\n")}${tipRules}
 					unmountedRef.current = false;
 				}
 				const req = PRELOAD[key];
-				use$6(!isUndefined$2(req) && hasKeyButNoData ? boundMutate(req) : resolvedUndef);
+				use$5(!isUndefined$2(req) && hasKeyButNoData ? boundMutate(req) : resolvedUndef);
 				if (!isUndefined$2(error) && hasKeyButNoData) throw error;
 				const revalidation = hasKeyButNoData ? revalidate(WITH_DEDUPE) : resolvedUndef;
 				if (!isUndefined$2(returnedData) && hasKeyButNoData) {
 					revalidation.status = "fulfilled";
 					revalidation.value = true;
 				}
-				use$6(revalidation);
+				use$5(revalidation);
 			}
 			return {
 				mutate: boundMutate,
@@ -211958,50 +212264,6 @@ ${seriesRules.join("\n")}${tipRules}
 		nodes: [EmbedNode]
 	};
 	//#endregion
-	//#region src/core/configurable-module.tsx
-	function chainProviders(outer, inner) {
-		if (!outer) return inner;
-		const Outer = outer;
-		const Inner = inner;
-		const Chained = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Outer, { children: /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(Inner, { children }) });
-		Chained.displayName = "ChainedProvider";
-		return Chained;
-	}
-	/**
-	* Build a configurable module factory. The config travels to renderers through
-	* a dedicated React Context (the module `Provider`); `useConfig` reads it.
-	* `createModule(base)` produces a `ConfigurableModule` usable directly (default
-	* config) or via `.setup(config)` — the NestJS `DynamicModule` analog.
-	*/
-	function defineConfigurableModule(opts) {
-		const ConfigContext = (0, import_react$186.createContext)(opts.defaultConfig);
-		const useConfig = () => (0, import_react$186.use)(ConfigContext);
-		function createModule(base) {
-			function build(config) {
-				const ConfigProvider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime$232.jsx)(ConfigContext, {
-					value: config,
-					children
-				});
-				ConfigProvider.displayName = `${opts.name}ConfigProvider`;
-				return {
-					...base,
-					name: opts.name,
-					Provider: chainProviders(base.Provider, ConfigProvider)
-				};
-			}
-			const configurable = build(opts.defaultConfig);
-			configurable.setup = (config) => build({
-				...opts.defaultConfig,
-				...config
-			});
-			return configurable;
-		}
-		return {
-			createModule,
-			useConfig
-		};
-	}
-	//#endregion
 	//#region src/modules/excalidraw/module-config.ts
 	var { createModule: createExcalidrawModule, useConfig: useExcalidrawModuleConfig } = defineConfigurableModule({
 		name: "excalidraw",
@@ -482437,6 +482699,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
 		chatModule,
 		codeBlockModule,
 		codeSnippetModule,
+		dynamicModule,
 		embedModule,
 		excalidrawModule,
 		galleryModule,