markstream-vue2 0.0.45 → 0.0.46

package/dist/index.js

@@ -51,11 +51,12 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 var _a;
-import { sanitizeHtmlAttrs, hasCustomHtmlComponents, tokenizeHtml, BLOCKED_HTML_TAGS, isHtmlTagHardBlocked, isHtmlTagBlocked, isCustomHtmlComponentTag, convertHtmlAttrsToProps, sanitizeHtmlContent, normalizeCustomHtmlTags, getMarkdown, normalizeCustomHtmlTagName, isUnsafeHtmlUrl, NON_STRUCTURING_HTML_TAGS, DANGEROUS_HTML_ATTRS, URL_HTML_ATTRS, sanitizeHtmlTokenAttrs, tokenAttrsToRecord, getHtmlTagFromContent, shouldRenderUnknownHtmlTagAsText, stripCustomHtmlWrapper, mergeCustomHtmlTags, resolveCustomHtmlTags, parseMarkdownToStructure, setDefaultMathOptions } from "stream-markdown-parser";
+import { sanitizeHtmlAttrs, hasCustomHtmlComponents, tokenizeHtml, BLOCKED_HTML_TAGS, isHtmlTagHardBlocked, isHtmlTagBlocked, isCustomHtmlComponentTag, convertHtmlAttrsToProps, sanitizeHtmlContent, sanitizeImageSrc, shouldOpenLinkInNewTab, normalizeCustomHtmlTags, getMarkdown, normalizeCustomHtmlTagName, isUnsafeHtmlUrl, NON_STRUCTURING_HTML_TAGS, DANGEROUS_HTML_ATTRS, URL_HTML_ATTRS, sanitizeHtmlTokenAttrs, tokenAttrsToRecord, getHtmlTagFromContent, shouldRenderUnknownHtmlTagAsText, parseMarkdownToStructure, mergeCustomHtmlTags, stripCustomHtmlWrapper, resolveCustomHtmlTags, toSafeSvgElement, setDefaultMathOptions } from "stream-markdown-parser";
 export * from "stream-markdown-parser";
 import { KATEX_COMMANDS, normalizeStandaloneBackslashT, setDefaultMathOptions as setDefaultMathOptions2 } from "stream-markdown-parser";
 import * as VueModule from "vue-demi";
-import { defineComponent, getCurrentInstance, computed, shallowRef, h, inject, ref, watch, readonly, useAttrs, onMounted, nextTick, onUpdated, onBeforeUnmount, provide, markRaw, reactive, onUnmounted } from "vue-demi";
+import { defineComponent, getCurrentInstance, computed, shallowRef, h, inject, ref, watch, readonly, useAttrs, onMounted, nextTick, onUpdated, onBeforeUnmount, provide, getCurrentScope, onScopeDispose, markRaw, reactive, onUnmounted } from "vue-demi";
+import { resolveStreamingTextState, normalizeShikiLanguage, createSmoothMarkdownStream, getHighlightRegistrationKey, getRuntimeShikiRegistrationConfig, registerHighlightOnce } from "markstream-core";
 import { autoUpdate, offset, flip, shift, computePosition } from "@floating-ui/dom";
 function getVue2MinorVersion$1(version) {
   const raw = typeof version === "string" ? version : "";
@@ -608,38 +609,6 @@ var __component__$F = /* @__PURE__ */ normalizeComponent(
   null
 );
 const HtmlInlineNode = __component__$F.exports;
-function resolveStreamingTextState({
-  nextContent,
-  previousContent,
-  typewriterEnabled
-}) {
-  if (!typewriterEnabled) {
-    return {
-      settledContent: nextContent,
-      streamedDelta: "",
-      appended: false
-    };
-  }
-  if (nextContent === previousContent) {
-    return {
-      settledContent: nextContent,
-      streamedDelta: "",
-      appended: false
-    };
-  }
-  if (previousContent && nextContent.startsWith(previousContent) && nextContent.length > previousContent.length) {
-    return {
-      settledContent: previousContent,
-      streamedDelta: nextContent.slice(previousContent.length),
-      appended: true
-    };
-  }
-  return {
-    settledContent: nextContent,
-    streamedDelta: "",
-    appended: false
-  };
-}
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "InlineCodeNode",
   props: {
@@ -652,21 +621,21 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       var _a2, _b;
       return (_b = (_a2 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a2.$attrs) != null ? _b : {};
     });
-    const inheritedTypewriter = inject("markstreamTypewriter", void 0);
+    const inheritedFade = inject("markstreamFade", void 0);
     const inheritedTextStreamState = inject("markstreamTextStreamState", void 0);
-    const explicitTypewriter = computed(() => {
-      const raw = attrs.value.typewriter;
+    const explicitFade = computed(() => {
+      const raw = attrs.value.fade;
       if (raw === "" || raw === true || raw === "true")
         return true;
       if (raw === false || raw === "false")
         return false;
       return void 0;
     });
-    const typewriterEnabled = computed(() => {
-      if (typeof explicitTypewriter.value === "boolean")
-        return explicitTypewriter.value;
-      if (typeof (inheritedTypewriter == null ? void 0 : inheritedTypewriter.value) === "boolean")
-        return inheritedTypewriter.value;
+    const fadeEnabled = computed(() => {
+      if (typeof explicitFade.value === "boolean")
+        return explicitFade.value;
+      if (typeof (inheritedFade == null ? void 0 : inheritedFade.value) === "boolean")
+        return inheritedFade.value;
       return true;
     });
     const streamStateKey = computed(() => {
@@ -693,7 +662,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       streamedDelta.value = "";
     }
     watch(
-      [() => props.node.code, streamStateKey, typewriterEnabled],
+      [() => props.node.code, streamStateKey, fadeEnabled],
       ([next]) => {
         const normalized = String(next != null ? next : "");
         const rendered = getRenderedContent();
@@ -703,7 +672,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         const nextState = resolveStreamingTextState({
           nextContent: normalized,
           previousContent,
-          typewriterEnabled: typewriterEnabled.value
+          typewriterEnabled: fadeEnabled.value
         });
         settledCode.value = nextState.settledContent;
         streamedDelta.value = nextState.streamedDelta;
@@ -715,7 +684,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     watch(
-      typewriterEnabled,
+      fadeEnabled,
       (enabled) => {
         if (enabled)
           return;
@@ -723,10 +692,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       }
     );
     const streamedDeltaClass = computed(() => streamFadeVersion.value % 2 === 0 ? "inline-code-stream-delta--a" : "inline-code-stream-delta--b");
-    return { __sfc: true, props, instance, attrs, inheritedTypewriter, inheritedTextStreamState, explicitTypewriter, typewriterEnabled, streamStateKey, settledCode, streamedDelta, streamFadeVersion, getRenderedContent, setFullContent, settleStreamedDelta, streamedDeltaClass };
+    return { __sfc: true, props, instance, attrs, inheritedFade, inheritedTextStreamState, explicitFade, fadeEnabled, streamStateKey, settledCode, streamedDelta, streamFadeVersion, getRenderedContent, setFullContent, settleStreamedDelta, streamedDeltaClass };
   }
 });
-const InlineCodeNode_vue_vue_type_style_index_0_scoped_38cc3b9f_lang = "";
+const InlineCodeNode_vue_vue_type_style_index_0_scoped_820dbd10_lang = "";
 var _sfc_render$E = function render6() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("code", { staticClass: "inline text-[85%] px-1 py-0.5 rounded font-mono bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full before:content-[''] after:content-['']" }, [_setup.settledCode ? _c("span", [_vm._v(_vm._s(_setup.settledCode))]) : _vm._e(), _setup.streamedDelta ? _c("span", { staticClass: "inline-code-stream-delta", class: [_setup.streamedDeltaClass], on: { "animationend": _setup.settleStreamedDelta } }, [_vm._v(" " + _vm._s(_setup.streamedDelta) + " ")]) : _vm._e()]);
@@ -738,7 +707,7 @@ var __component__$E = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$E,
   false,
   null,
-  "38cc3b9f",
+  "820dbd10",
   null,
   null
 );
@@ -942,16 +911,24 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const props = __props;
     const imageLoaded = ref(false);
     const hasError = ref(false);
-    const fallbackTried = ref(false);
-    const displaySrc = computed(() => hasError.value && props.fallbackSrc ? props.fallbackSrc : props.node.src);
+    const activeSrc = ref("");
+    const imageStage = ref("primary");
+    const safeNodeSrc = computed(() => sanitizeImageSrc(props.node.src));
+    const safeFallbackSrc = computed(() => sanitizeImageSrc(props.fallbackSrc));
+    const displaySrc = computed(() => activeSrc.value);
+    const showImage = computed(() => !props.node.loading && imageStage.value !== "failed" && activeSrc.value.length > 0);
+    const showError = computed(() => !props.node.loading && imageStage.value === "failed");
     function handleImageError() {
-      if (props.fallbackSrc && !fallbackTried.value) {
-        fallbackTried.value = true;
-        hasError.value = true;
-      } else {
-        hasError.value = true;
-        emit("error", props.node.src);
+      if (imageStage.value === "primary" && safeFallbackSrc.value && safeFallbackSrc.value !== activeSrc.value) {
+        imageStage.value = "fallback";
+        activeSrc.value = safeFallbackSrc.value;
+        imageLoaded.value = false;
+        hasError.value = false;
+        return;
       }
+      imageStage.value = "failed";
+      hasError.value = true;
+      emit("error", activeSrc.value);
     }
     function handleImageLoad() {
       imageLoaded.value = true;
@@ -965,24 +942,46 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       emit("click", [e, displaySrc.value]);
     }
     const { t } = useSafeI18n();
-    watch(displaySrc, () => {
-      imageLoaded.value = false;
-      hasError.value = false;
-    });
-    return { __sfc: true, props, emit, imageLoaded, hasError, fallbackTried, displaySrc, handleImageError, handleImageLoad, handleClick, t };
+    watch(
+      [safeNodeSrc, safeFallbackSrc, () => props.node.loading],
+      () => {
+        imageLoaded.value = false;
+        hasError.value = false;
+        if (props.node.loading) {
+          activeSrc.value = safeNodeSrc.value;
+          imageStage.value = "primary";
+          return;
+        }
+        if (safeNodeSrc.value) {
+          activeSrc.value = safeNodeSrc.value;
+          imageStage.value = "primary";
+          return;
+        }
+        if (safeFallbackSrc.value) {
+          activeSrc.value = safeFallbackSrc.value;
+          imageStage.value = "fallback";
+          return;
+        }
+        activeSrc.value = "";
+        imageStage.value = "failed";
+        hasError.value = true;
+      },
+      { immediate: true }
+    );
+    return { __sfc: true, props, emit, imageLoaded, hasError, activeSrc, imageStage, safeNodeSrc, safeFallbackSrc, displaySrc, showImage, showError, handleImageError, handleImageLoad, handleClick, t };
   }
 });
-const ImageNode_vue_vue_type_style_index_0_scoped_0d6967c3_lang = "";
+const ImageNode_vue_vue_type_style_index_0_scoped_05ffe4c4_lang = "";
 var _sfc_render$D = function render7() {
   var _a2, _b, _c2, _d, _e;
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("transition", { attrs: { "name": "img-switch", "mode": "out-in" } }, [!_vm.node.loading && !_setup.hasError ? _c("img", { key: "image", staticClass: "image-node__img h-auto rounded-lg transition-opacity duration-200 ease-in-out image-node__img--inline", class: {
+  return _c("transition", { attrs: { "name": "img-switch", "mode": "out-in" } }, [_setup.showImage ? _c("img", { key: "image", staticClass: "image-node__img h-auto rounded-lg transition-opacity duration-200 ease-in-out image-node__img--inline", class: {
     "opacity-0": !_setup.imageLoaded,
     "opacity-100": _setup.imageLoaded,
     "cursor-pointer": _setup.imageLoaded
-  }, attrs: { "src": _setup.displaySrc, "alt": String((_b = (_a2 = _setup.props.node.alt) != null ? _a2 : _setup.props.node.title) != null ? _b : ""), "title": String((_d = (_c2 = _setup.props.node.title) != null ? _c2 : _setup.props.node.alt) != null ? _d : ""), "loading": _setup.props.lazy ? "lazy" : "eager", "decoding": "async", "tabindex": _setup.imageLoaded ? 0 : -1, "aria-label": (_e = _setup.props.node.alt) != null ? _e : _setup.t("image.preview") }, on: { "error": _setup.handleImageError, "load": _setup.handleImageLoad, "click": _setup.handleClick } }) : !_setup.hasError ? _c("span", { key: "placeholder", staticClass: "placeholder-layer placeholder-layer--inline inline-flex items-center justify-center gap-2" }, [_setup.props.usePlaceholder ? [_vm._t("placeholder", function() {
+  }, attrs: { "src": _setup.displaySrc, "alt": String((_b = (_a2 = _setup.props.node.alt) != null ? _a2 : _setup.props.node.title) != null ? _b : ""), "title": String((_d = (_c2 = _setup.props.node.title) != null ? _c2 : _setup.props.node.alt) != null ? _d : ""), "loading": _setup.props.lazy ? "lazy" : "eager", "decoding": "async", "tabindex": _setup.imageLoaded ? 0 : -1, "aria-label": (_e = _setup.props.node.alt) != null ? _e : _setup.t("image.preview") }, on: { "error": _setup.handleImageError, "load": _setup.handleImageLoad, "click": _setup.handleClick } }) : _vm.node.loading && !_setup.hasError ? _c("span", { key: "placeholder", staticClass: "placeholder-layer placeholder-layer--inline inline-flex items-center justify-center gap-2" }, [_setup.props.usePlaceholder ? [_vm._t("placeholder", function() {
     return [_c("div", { staticClass: "w-4 h-4 rounded-full border-2 border-solid border-current border-t-transparent animate-spin", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "text-sm whitespace-nowrap" }, [_vm._v(_vm._s(_setup.t("image.loading")))])];
-  }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy })] : [_c("span", { staticClass: "text-sm text-gray-500" }, [_vm._v(_vm._s(_vm.node.raw))])]], 2) : !_vm.node.loading && !_setup.props.fallbackSrc ? _c("span", { key: "error", staticClass: "image-node__error image-node__error--inline px-4 py-2 bg-gray-100 flex items-center justify-center rounded-lg gap-2 text-red-500" }, [_vm._t("error", function() {
+  }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy })] : [_c("span", { staticClass: "text-sm text-gray-500" }, [_vm._v(_vm._s(_vm.node.raw))])]], 2) : _setup.showError ? _c("span", { key: "error", staticClass: "image-node__error image-node__error--inline px-4 py-2 bg-gray-100 flex items-center justify-center rounded-lg gap-2 text-red-500" }, [_vm._t("error", function() {
     return [_c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "width": "16", "height": "16", "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": "currentColor", "d": "M2 2h20v10h-2V4H4v9.586l5-5L14.414 14L13 15.414l-4-4l-5 5V20h8v2H2zm13.547 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0a3 3 0 0 1-6 0m3.625 6.757L19 17.586l2.828-2.829l1.415 1.415L20.414 19l2.829 2.828l-1.415 1.415L19 20.414l-2.828 2.829l-1.415-1.415L17.586 19l-2.829-2.828z" } })]), _c("span", { staticClass: "text-sm whitespace-nowrap" }, [_vm._v(_vm._s(_setup.t("image.loadError")))])];
   }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy })], 2) : _vm._e()]);
 };
@@ -993,7 +992,7 @@ var __component__$D = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$D,
   false,
   null,
-  "0d6967c3",
+  "05ffe4c4",
   null,
   null
 );
@@ -1101,22 +1100,22 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       var _a2, _b;
       return (_b = (_a2 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a2.$attrs) != null ? _b : {};
     });
-    const inheritedTypewriter = inject("markstreamTypewriter", void 0);
+    const inheritedFade = inject("markstreamFade", void 0);
     const inheritedTextStreamState = inject("markstreamTextStreamState", void 0);
     const inheritedStreamVersion = inject("markstreamStreamVersion", void 0);
-    const explicitTypewriter = computed(() => {
-      const raw = attrs.value.typewriter;
+    const explicitFade = computed(() => {
+      const raw = attrs.value.fade;
       if (raw === "" || raw === true || raw === "true")
         return true;
       if (raw === false || raw === "false")
         return false;
       return void 0;
     });
-    const typewriterEnabled = computed(() => {
-      if (typeof explicitTypewriter.value === "boolean")
-        return explicitTypewriter.value;
-      if (typeof (inheritedTypewriter == null ? void 0 : inheritedTypewriter.value) === "boolean")
-        return inheritedTypewriter.value;
+    const fadeEnabled = computed(() => {
+      if (typeof explicitFade.value === "boolean")
+        return explicitFade.value;
+      if (typeof (inheritedFade == null ? void 0 : inheritedFade.value) === "boolean")
+        return inheritedFade.value;
       return true;
     });
     const streamStateKey = computed(() => {
@@ -1143,14 +1142,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       streamedDelta.value = "";
     }
     watch(
-      [() => props.node.content, streamStateKey, typewriterEnabled, () => inheritedStreamVersion == null ? void 0 : inheritedStreamVersion.value],
+      [() => props.node.content, streamStateKey, fadeEnabled, () => inheritedStreamVersion == null ? void 0 : inheritedStreamVersion.value],
       ([next]) => {
         const normalized = String(next != null ? next : "");
         const rendered = getRenderedContent();
         const key = streamStateKey.value;
         const previousPersisted = key ? inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.get(key) : void 0;
         const previousContent = previousPersisted != null ? previousPersisted : rendered;
-        if (!typewriterEnabled.value) {
+        if (!fadeEnabled.value) {
           setFullContent(normalized);
           if (key)
             inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
@@ -1168,7 +1167,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         const nextState = resolveStreamingTextState({
           nextContent: normalized,
           previousContent,
-          typewriterEnabled: typewriterEnabled.value
+          typewriterEnabled: fadeEnabled.value
         });
         settledContent.value = nextState.settledContent;
         streamedDelta.value = nextState.streamedDelta;
@@ -1180,7 +1179,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     watch(
-      typewriterEnabled,
+      fadeEnabled,
       (enabled) => {
         if (enabled)
           return;
@@ -1188,10 +1187,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       }
     );
     const streamedDeltaClass = computed(() => streamFadeVersion.value % 2 === 0 ? "text-node-stream-delta--a" : "text-node-stream-delta--b");
-    return { __sfc: true, props, katexReady, instance, attrs, inheritedTypewriter, inheritedTextStreamState, inheritedStreamVersion, explicitTypewriter, typewriterEnabled, streamStateKey, settledContent, streamedDelta, streamFadeVersion, getRenderedContent, setFullContent, settleStreamedDelta, streamedDeltaClass };
+    return { __sfc: true, props, katexReady, instance, attrs, inheritedFade, inheritedTextStreamState, inheritedStreamVersion, explicitFade, fadeEnabled, streamStateKey, settledContent, streamedDelta, streamFadeVersion, getRenderedContent, setFullContent, settleStreamedDelta, streamedDeltaClass };
   }
 });
-const TextNode_vue_vue_type_style_index_0_scoped_356c331b_lang = "";
+const TextNode_vue_vue_type_style_index_0_scoped_e8e0f51e_lang = "";
 var _sfc_render$C = function render8() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("span", { staticClass: "whitespace-pre-wrap break-words text-node", class: [_setup.katexReady && _vm.node.center ? "text-node-center" : ""] }, [_setup.settledContent ? _c("span", [_vm._v(_vm._s(_setup.settledContent))]) : _vm._e(), _setup.streamedDelta ? _c("span", { staticClass: "text-node-stream-delta", class: [_setup.streamedDeltaClass], on: { "animationend": _setup.settleStreamedDelta } }, [_vm._v(" " + _vm._s(_setup.streamedDelta) + " ")]) : _vm._e()]);
@@ -1203,7 +1202,7 @@ var __component__$C = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$C,
   false,
   null,
-  "356c331b",
+  "e8e0f51e",
   null,
   null
 );
@@ -1228,7 +1227,7 @@ function MathInlineNodeAsync() {
     try {
       const katex2 = yield getKatex();
       if (katex2) {
-        const mod2 = yield import("./chunks/index-42252d16.js");
+        const mod2 = yield import("./chunks/index-8dc37342.js");
         return (_c = mod2.default) != null ? _c : mod2;
       }
     } catch (e) {
@@ -1246,7 +1245,7 @@ function MathBlockNodeAsync() {
     try {
       const katex2 = yield getKatex();
       if (katex2) {
-        const mod2 = yield import("./chunks/index-87cdc60f.js");
+        const mod2 = yield import("./chunks/index-12ec401a.js");
         return (_a2 = mod2.default) != null ? _a2 : mod2;
       }
     } catch (e) {
@@ -1589,6 +1588,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       const merged = __spreadValues(__spreadValues({}, attrs), nodeAttrs.value);
       delete merged.title;
       delete merged.href;
+      delete merged.target;
+      delete merged.rel;
       return merged;
     });
     const safeHref = computed(() => {
@@ -1596,6 +1597,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       const href = String((_b = (_a2 = props.node) == null ? void 0 : _a2.href) != null ? _b : "");
       return sanitizeAttrs({ href }).href;
     });
+    const openInNewTab = computed(() => shouldOpenLinkInNewTab(safeHref.value));
     function getTooltipText() {
       var _a2, _b;
       return ((_a2 = props.node) == null ? void 0 : _a2.title) || safeHref.value || ((_b = props.node) == null ? void 0 : _b.text) || "";
@@ -1660,14 +1662,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       isHovering.value = false;
       hideTooltip(true);
     });
-    return { __sfc: true, props, lastPointerPosition, pointerTrackerRefCount, pointerTrackerCleanup, ensurePointerTracker, retainPointerTracker, releasePointerTracker, cssVars, nodeComponents, attrs, nodeAttrs, anchorEl: anchorEl2, isHovering, anchorAttrs, safeHref, getTooltipText, isPointerInsideAnchor, syncTooltipForHoveredAnchor, onAnchorEnter, onAnchorLeave, title, TextNode };
+    return { __sfc: true, props, lastPointerPosition, pointerTrackerRefCount, pointerTrackerCleanup, ensurePointerTracker, retainPointerTracker, releasePointerTracker, cssVars, nodeComponents, attrs, nodeAttrs, anchorEl: anchorEl2, isHovering, anchorAttrs, safeHref, openInNewTab, getTooltipText, isPointerInsideAnchor, syncTooltipForHoveredAnchor, onAnchorEnter, onAnchorLeave, title, TextNode };
   }
 });
-const LinkNode_vue_vue_type_style_index_0_scoped_ae37fdb2_lang = "";
+const LinkNode_vue_vue_type_style_index_0_scoped_636cac94_lang = "";
 var _sfc_render$w = function render14() {
   var _a2, _b;
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return !_vm.node.loading ? _c("a", _vm._b({ ref: "anchorEl", staticClass: "link-node", style: _setup.cssVars, attrs: { "href": _setup.safeHref, "title": _vm.showTooltip ? "" : _setup.title, "aria-label": `Link: ${_setup.title}`, "aria-hidden": _vm.node.loading ? "true" : "false", "target": "_blank", "rel": "noopener noreferrer" }, on: { "mouseenter": (e) => _setup.onAnchorEnter(e), "mouseleave": _setup.onAnchorLeave } }, "a", _setup.anchorAttrs, false), _vm._l(_vm.node.children, function(child, index2) {
+  return !_vm.node.loading ? _c("a", _vm._b({ ref: "anchorEl", staticClass: "link-node", style: _setup.cssVars, attrs: { "href": _setup.safeHref, "title": _vm.showTooltip ? "" : _setup.title, "aria-label": `Link: ${_setup.title}`, "aria-hidden": _vm.node.loading ? "true" : "false", "target": _setup.openInNewTab ? "_blank" : void 0, "rel": _setup.openInNewTab ? "noopener noreferrer" : void 0 }, on: { "mouseenter": (e) => _setup.onAnchorEnter(e), "mouseleave": _setup.onAnchorLeave } }, "a", _setup.anchorAttrs, false), _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "emphasis"}-${index2}`, tag: "component", attrs: { "node": child, "custom-id": _setup.props.customId, "index-key": `${_vm.indexKey || "link-text"}-${index2}` } });
   }), 1) : _c("span", _vm._b({ staticClass: "link-loading inline-flex items-baseline gap-1.5", style: _setup.cssVars, attrs: { "aria-hidden": !_vm.node.loading ? "true" : "false" } }, "span", _setup.attrs, false), [_c("span", { staticClass: "link-text-wrapper relative inline-flex" }, [_c("span", { staticClass: "leading-[normal] link-text" }, [_c(_setup.TextNode, { staticClass: "leading-[normal] link-text", attrs: { "node": { type: "text", content: String((_a2 = _vm.node.text) != null ? _a2 : ""), raw: String((_b = _vm.node.text) != null ? _b : "") }, "index-key": `${_vm.indexKey || "link-text"}-loading` } })], 1), _c("span", { staticClass: "link-loading-indicator", attrs: { "aria-hidden": "true" } })])]);
 };
@@ -1678,7 +1680,7 @@ var __component__$w = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$w,
   false,
   null,
-  "ae37fdb2",
+  "636cac94",
   null,
   null
 );
@@ -2499,11 +2501,15 @@ function renderLinkNode(node, ctx) {
   const title = getString(node.title);
   const content2 = getNodeList$1(node.children).length > 0 ? renderNodesToHtml(getNodeList$1(node.children), ctx) : escapeHtml(getString(node.text || href));
   const titleAttr = title ? ` title="${escapeAttr(title)}"` : "";
-  const hrefAttr = href && !isUnsafeHtmlUrl(href) ? ` href="${escapeAttr(href)}"` : "";
-  return `<a${hrefAttr}${titleAttr} target="_blank" rel="noreferrer noopener">${content2}</a>`;
+  const safeHref = href && !isUnsafeHtmlUrl(href) ? href : "";
+  const hrefAttr = safeHref ? ` href="${escapeAttr(safeHref)}"` : "";
+  const externalAttrs = shouldOpenLinkInNewTab(safeHref) ? ' target="_blank" rel="noreferrer noopener"' : "";
+  return `<a${hrefAttr}${titleAttr}${externalAttrs}>${content2}</a>`;
 }
 function renderImageNode(node) {
-  const src = getString(node.src);
+  const src = sanitizeImageSrc(node.src);
+  if (!src)
+    return "";
   const alt = getString(node.alt);
   const title = getString(node.title);
   const titleAttr = title ? ` title="${escapeAttr(title)}"` : "";
@@ -2631,7 +2637,7 @@ function serializeAttrs(attrs, extraClass = "") {
       continue;
     if (DANGEROUS_HTML_ATTRS.has(lowerName))
       continue;
-    if (value !== true && URL_HTML_ATTRS.has(lowerName) && value && isUnsafeHtmlUrl(String(value)))
+    if (value !== true && URL_HTML_ATTRS.has(lowerName) && value && isUnsafeHtmlUrl(String(value), { attrName: lowerName }))
       continue;
     if (lowerName === "class") {
       mergedClasses.push(String(value));
@@ -2962,29 +2968,149 @@ const ParagraphNode = __component__$l.exports;
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "PreCodeNode",
   props: {
-    node: null
+    node: null,
+    showLineNumbers: { type: Boolean },
+    diffInline: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const normalizedLanguage = computed(() => {
       var _a2, _b, _c;
       const raw = String((_b = (_a2 = props.node) == null ? void 0 : _a2.language) != null ? _b : "");
-      const head = String((_c = String(raw).split(/\s+/g)[0]) != null ? _c : "").toLowerCase();
+      const head = String((_c = String(raw).split(/\s+/g)[0]) != null ? _c : "").split(":")[0].toLowerCase();
       const safe = head.replace(/[^\w-]/g, "");
       return safe || "plaintext";
     });
     const languageClass = computed(() => `language-${normalizedLanguage.value}`);
+    const isDiffPreview = computed(() => {
+      var _a2;
+      return props.showLineNumbers === true && ((_a2 = props.node) == null ? void 0 : _a2.diff) === true;
+    });
+    const isInlineDiffPreview = computed(() => isDiffPreview.value && props.diffInline === true);
+    const displayCode = computed(() => {
+      var _a2, _b, _c, _d, _e, _f;
+      if (((_a2 = props.node) == null ? void 0 : _a2.diff) === true)
+        return String((_c = (_b = props.node) == null ? void 0 : _b.code) != null ? _c : "");
+      const value = String((_e = (_d = props.node) == null ? void 0 : _d.code) != null ? _e : "");
+      return ((_f = props.node) == null ? void 0 : _f.loading) === true ? value : value.replace(/\r\n$|\n$|\r$/, "");
+    });
     const ariaLabel = computed(() => {
       const lang = normalizedLanguage.value;
       return lang ? `Code block: ${lang}` : "Code block";
     });
-    return { __sfc: true, props, normalizedLanguage, languageClass, ariaLabel };
+    function splitLines(source) {
+      return String(source != null ? source : "").split(/\r\n|\n|\r/);
+    }
+    function isRemovedDiffLine(line) {
+      return line.startsWith("-") && !line.startsWith("---");
+    }
+    function isAddedDiffLine(line) {
+      return line.startsWith("+") && !line.startsWith("+++");
+    }
+    function toDiffLine(code, kind, key, number) {
+      const empty = String(code != null ? code : "").trim().length === 0;
+      return {
+        code,
+        kind: empty && kind !== "hunk" ? "context" : kind,
+        key,
+        number
+      };
+    }
+    function buildDiffPanes(inline = false) {
+      var _a2, _b, _c, _d, _e, _f, _g;
+      const patchLines = splitLines((_a2 = props.node) == null ? void 0 : _a2.code);
+      const hasPatchLines = patchLines.some((line) => isRemovedDiffLine(line) || isAddedDiffLine(line));
+      if (!hasPatchLines && (((_b = props.node) == null ? void 0 : _b.originalCode) != null || ((_c = props.node) == null ? void 0 : _c.updatedCode) != null)) {
+        const original2 = splitLines((_d = props.node) == null ? void 0 : _d.originalCode);
+        const modified2 = splitLines((_e = props.node) == null ? void 0 : _e.updatedCode);
+        if (inline) {
+          const count = Math.max(original2.length, modified2.length);
+          const lines = [];
+          for (let index2 = 0; index2 < count; index2 += 1) {
+            const before = (_f = original2[index2]) != null ? _f : "";
+            const after = (_g = modified2[index2]) != null ? _g : "";
+            if (before === after) {
+              lines.push(toDiffLine(after, "context", `inline-context-${index2}`, index2 + 1));
+            } else {
+              if (index2 < original2.length)
+                lines.push(toDiffLine(before, "removed", `inline-removed-${index2}`, index2 + 1));
+              if (index2 < modified2.length)
+                lines.push(toDiffLine(after, "added", `inline-added-${index2}`, index2 + 1));
+            }
+          }
+          return [{ key: "inline", className: "markstream-pre__diff-pane--inline", lines }];
+        }
+        return [
+          {
+            key: "original",
+            className: "markstream-pre__diff-pane--original",
+            lines: original2.map((line, index2) => toDiffLine(line, modified2[index2] === line ? "context" : "removed", `original-${index2}`, index2 + 1))
+          },
+          {
+            key: "modified",
+            className: "markstream-pre__diff-pane--modified",
+            lines: modified2.map((line, index2) => toDiffLine(line, original2[index2] === line ? "context" : "added", `modified-${index2}`, index2 + 1))
+          }
+        ];
+      }
+      if (inline) {
+        let originalLine2 = 1;
+        let modifiedLine2 = 1;
+        const lines = patchLines.map((raw, index2) => {
+          if (raw.startsWith("@@"))
+            return toDiffLine(raw, "hunk", `inline-hunk-${index2}`, "");
+          if (isRemovedDiffLine(raw))
+            return toDiffLine(raw.slice(1), "removed", `inline-removed-${index2}`, originalLine2++);
+          if (isAddedDiffLine(raw))
+            return toDiffLine(raw.slice(1), "added", `inline-added-${index2}`, modifiedLine2++);
+          const code = raw.startsWith(" ") ? raw.slice(1) : raw;
+          originalLine2 += 1;
+          return toDiffLine(code, "context", `inline-context-${index2}`, modifiedLine2++);
+        });
+        return [{ key: "inline", className: "markstream-pre__diff-pane--inline", lines }];
+      }
+      const original = [];
+      const modified = [];
+      let originalLine = 1;
+      let modifiedLine = 1;
+      for (const [index2, raw] of patchLines.entries()) {
+        if (raw.startsWith("@@")) {
+          original.push(toDiffLine(raw, "hunk", `original-hunk-${index2}`, ""));
+          modified.push(toDiffLine(raw, "hunk", `modified-hunk-${index2}`, ""));
+        } else if (isRemovedDiffLine(raw)) {
+          original.push(toDiffLine(raw.slice(1), "removed", `original-removed-${index2}`, originalLine++));
+        } else if (isAddedDiffLine(raw)) {
+          modified.push(toDiffLine(raw.slice(1), "added", `modified-added-${index2}`, modifiedLine++));
+        } else {
+          const code = raw.startsWith(" ") ? raw.slice(1) : raw;
+          original.push(toDiffLine(code, "context", `original-context-${index2}`, originalLine++));
+          modified.push(toDiffLine(code, "context", `modified-context-${index2}`, modifiedLine++));
+        }
+      }
+      return [
+        { key: "original", className: "markstream-pre__diff-pane--original", lines: original },
+        { key: "modified", className: "markstream-pre__diff-pane--modified", lines: modified }
+      ];
+    }
+    const diffPreviewPanes = computed(() => isDiffPreview.value ? buildDiffPanes(isInlineDiffPreview.value) : []);
+    return { __sfc: true, props, normalizedLanguage, languageClass, isDiffPreview, isInlineDiffPreview, displayCode, ariaLabel, splitLines, isRemovedDiffLine, isAddedDiffLine, toDiffLine, buildDiffPanes, diffPreviewPanes };
   }
 });
 const PreCodeNode_vue_vue_type_style_index_0_lang = "";
 var _sfc_render$k = function render26() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("pre", { class: [_setup.languageClass], attrs: { "aria-busy": _vm.node.loading === true, "aria-label": _setup.ariaLabel, "data-language": _setup.normalizedLanguage, "tabindex": "0" } }, [_c("code", { attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_vm.node.code) } })]);
+  return _c("pre", { class: [
+    _setup.languageClass,
+    {
+      "markstream-pre--line-numbers": _setup.props.showLineNumbers,
+      "markstream-pre--diff-preview": _setup.isDiffPreview,
+      "markstream-pre--diff-inline": _setup.isInlineDiffPreview
+    }
+  ], attrs: { "aria-busy": _vm.node.loading === true, "aria-label": _setup.ariaLabel, "data-language": _setup.normalizedLanguage, "data-markstream-line-numbers": _setup.props.showLineNumbers ? "1" : void 0, "data-markstream-pre": "1", "tabindex": "0" } }, [_setup.isDiffPreview ? _c("code", { staticClass: "markstream-pre__diff-code", attrs: { "translate": "no" } }, _vm._l(_setup.diffPreviewPanes, function(pane) {
+    return _c("span", { key: pane.key, staticClass: "markstream-pre__diff-pane", class: pane.className }, _vm._l(pane.lines, function(line) {
+      return _c("span", { key: line.key, staticClass: "markstream-pre__diff-line", class: [`markstream-pre__diff-line--${line.kind}`, { "markstream-pre__diff-line--empty": !line.code.trim() }] }, [_c("span", { staticClass: "markstream-pre__diff-rail", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "markstream-pre__diff-number", attrs: { "aria-hidden": "true" } }, [_vm._v(_vm._s(line.number))]), _c("span", { staticClass: "markstream-pre__diff-content" }, [_c("span", { staticClass: "markstream-pre__diff-content-inner" }, [_vm._v(_vm._s(line.code))])])]);
+    }), 0);
+  }), 0) : _c("code", { attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_setup.displayCode) } })]);
 };
 var _sfc_staticRenderFns$k = [];
 var __component__$k = /* @__PURE__ */ normalizeComponent(
@@ -3240,628 +3366,1132 @@ var __component__$g = /* @__PURE__ */ normalizeComponent(
   null
 );
 const VmrContainerNode = __component__$g.exports;
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "LegacyNodesRenderer",
-  props: {
-    nodes: null,
-    customId: null,
-    indexKey: null,
-    typewriter: { type: Boolean, default: true },
-    showTooltips: { type: Boolean, default: true },
-    codeBlockStream: { type: Boolean, default: true },
-    codeBlockDarkTheme: null,
-    codeBlockLightTheme: null,
-    codeBlockMonacoOptions: null,
-    codeBlockMinWidth: null,
-    codeBlockMaxWidth: null,
-    codeBlockProps: null,
-    renderCodeBlocksAsPre: { type: Boolean },
-    themes: null,
-    isDark: { type: Boolean },
-    customHtmlTags: null,
-    htmlPolicy: null
-  },
-  emits: ["copy", "handleArtifactClick", "click"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const nodeComponents = {
-      text: TextNode,
-      paragraph: ParagraphNode,
-      heading: HeadingNode,
-      code_block: PreCodeNode,
-      list: ListNode,
-      list_item: ListItemNode,
-      blockquote: BlockquoteNode,
-      table: TableNode,
-      definition_list: DefinitionListNode,
-      footnote: FootnoteNode,
-      footnote_reference: FootnoteReferenceNode,
-      footnote_anchor: FootnoteAnchorNode,
-      admonition: AdmonitionNode,
-      vmr_container: VmrContainerNode,
-      hardbreak: HardBreakNode,
-      link: LinkNode,
-      image: ImageNode,
-      thematic_break: ThematicBreakNode,
-      math_inline: MathInlineNodeAsync,
-      math_block: MathBlockNodeAsync,
-      strong: StrongNode,
-      emphasis: EmphasisNode,
-      strikethrough: StrikethroughNode,
-      highlight: HighlightNode,
-      insert: InsertNode,
-      subscript: SubscriptNode,
-      superscript: SuperscriptNode,
-      emoji: EmojiNode,
-      checkbox: CheckboxNode,
-      checkbox_input: CheckboxNode,
-      inline_code: InlineCodeNode,
-      html_inline: HtmlInlineNode,
-      html_block: HtmlBlockNode,
-      reference: ReferenceNode
-    };
-    const customComponentsMap = computed(() => {
-      void customComponentsRevision.value;
-      return getCustomNodeComponents(props.customId);
-    });
-    const indexPrefix = computed(() => props.indexKey != null ? String(props.indexKey) : "legacy-renderer");
-    const codeBlockBindings = computed(() => __spreadValues({
-      stream: props.codeBlockStream,
-      darkTheme: props.codeBlockDarkTheme,
-      lightTheme: props.codeBlockLightTheme,
-      monacoOptions: props.codeBlockMonacoOptions,
-      themes: props.themes,
-      minWidth: props.codeBlockMinWidth,
-      maxWidth: props.codeBlockMaxWidth
-    }, props.codeBlockProps || {}));
-    const nonCodeBindings = computed(() => {
-      var _a2;
-      return { typewriter: props.typewriter, htmlPolicy: (_a2 = props.htmlPolicy) != null ? _a2 : "safe" };
-    });
-    const linkBindings = computed(() => __spreadValues(__spreadValues({}, nonCodeBindings.value), typeof props.showTooltips === "boolean" ? { showTooltip: props.showTooltips } : {}));
-    const listBindings = computed(() => __spreadValues(__spreadValues({}, nonCodeBindings.value), typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}));
-    const effectiveCustomHtmlTagsSet = computed(() => {
-      return new Set(normalizeCustomHtmlTags(props.customHtmlTags));
-    });
-    const renderedItems = computed(() => {
-      const nodes = Array.isArray(props.nodes) ? props.nodes : [];
-      return nodes.map((rawNode, index2) => {
-        var _a2, _b, _c, _d;
-        let node = rawNode;
-        const language = getCodeBlockLanguage(node);
-        const type = String((node == null ? void 0 : node.type) || "unknown");
-        let component = getNodeComponent(node, language);
-        if ((node.type === "html_block" || node.type === "html_inline") && component === nodeComponents[node.type]) {
-          const tag = String((_a2 = node.tag) != null ? _a2 : "").trim().toLowerCase() || getHtmlTagFromContent(node.content);
-          if (tag) {
-            if (effectiveCustomHtmlTagsSet.value.has(tag)) {
-              const customComponents = customComponentsMap.value;
-              const customForTag = customComponents[tag];
-              if (customForTag) {
-                component = customForTag;
-                node = __spreadProps(__spreadValues({}, node), {
-                  type: tag,
-                  tag,
-                  content: stripCustomHtmlWrapper(node.content, tag)
-                });
-              }
-            } else if (shouldRenderUnknownHtmlTagAsText((_b = node.content) != null ? _b : node.raw, tag)) {
-              const rawContent = String((_d = (_c = node.content) != null ? _c : node.raw) != null ? _d : "");
-              if (node.type === "html_inline") {
-                component = TextNode;
-                node = {
-                  type: "text",
-                  content: rawContent,
-                  raw: rawContent
-                };
-              } else {
-                component = ParagraphNode;
-                node = {
-                  type: "paragraph",
-                  children: [{ type: "text", content: rawContent, raw: rawContent }],
-                  raw: rawContent
-                };
-              }
-            }
-          }
-        }
-        return {
-          index: index2,
-          indexKey: `${indexPrefix.value}-${index2}`,
-          // Keep code blocks mounted during streaming so Shiki/Monaco renderers can
-          // preserve their last successful DOM instead of flashing back to <pre>.
-          renderKey: type === "code_block" ? `${indexPrefix.value}-${index2}-${type}` : `${indexPrefix.value}-${index2}-${type}-${String((rawNode == null ? void 0 : rawNode.raw) || "").length}`,
-          node,
-          isCodeBlock: (node == null ? void 0 : node.type) === "code_block",
-          component,
-          bindings: getBindingsFor(node, language)
-        };
-      });
-    });
-    function getCodeBlockLanguage(node) {
-      var _a2;
-      return (node == null ? void 0 : node.type) === "code_block" ? String((_a2 = node.language) != null ? _a2 : "").trim().toLowerCase() : "";
-    }
-    function getNodeComponent(node, language) {
-      if (!node)
-        return FallbackComponent;
-      const customComponents = customComponentsMap.value;
-      const customForType = customComponents[String(node.type)];
-      if (node.type === "code_block") {
-        const lang = language != null ? language : getCodeBlockLanguage(node);
-        const customForLanguage = lang ? customComponents[lang] : void 0;
-        if (customForLanguage)
-          return customForLanguage;
-        if (lang === "mermaid") {
-          const customMermaid = customComponents.mermaid;
-          return customMermaid || PreCodeNode;
-        }
-        if (lang === "infographic") {
-          const customInfographic = customComponents.infographic;
-          return customInfographic || PreCodeNode;
-        }
-        if (lang === "d2" || lang === "d2lang") {
-          const customD2 = customComponents.d2;
-          return customD2 || PreCodeNode;
-        }
-        if (customForType)
-          return customForType;
-        const customCodeBlock = customComponents.code_block;
-        return customCodeBlock || (props.renderCodeBlocksAsPre ? PreCodeNode : PreCodeNode);
+let isPreload = false;
+function preload(m) {
+  return __async(this, null, function* () {
+    if (isPreload)
+      return;
+    isPreload = true;
+    const existingEnv = globalThis == null ? void 0 : globalThis.MonacoEnvironment;
+    if (existingEnv && (typeof existingEnv.getWorker === "function" || typeof existingEnv.getWorkerUrl === "function"))
+      return;
+    return m.preloadMonacoWorkers();
+  });
+}
+let mod = null;
+let importAttempted = false;
+function warmupShikiTokenizer(m) {
+  return __async(this, null, function* () {
+    const getOrCreateHighlighter = m == null ? void 0 : m.getOrCreateHighlighter;
+    if (typeof getOrCreateHighlighter !== "function")
+      return true;
+    try {
+      const highlighter = yield getOrCreateHighlighter(
+        ["vitesse-dark", "vitesse-light"],
+        ["plaintext", "text", "javascript"]
+      );
+      if (highlighter && typeof highlighter.codeToTokens === "function") {
+        highlighter.codeToTokens("const a = 1", { lang: "javascript", theme: "vitesse-dark" });
       }
-      if (customForType)
-        return customForType;
-      return nodeComponents[String(node.type)] || FallbackComponent;
+      return true;
+    } catch (err) {
+      console.warn("[markstream-vue2] Failed to warm up Shiki tokenizer; disabling stream-monaco for this session.", err);
+      return false;
     }
-    function getBindingsFor(node, language) {
-      const lang = language != null ? language : getCodeBlockLanguage(node);
-      if (lang === "mermaid" || lang === "infographic" || lang === "d2" || lang === "d2lang")
-        return {};
-      if (node.type === "link")
-        return linkBindings.value;
-      if (node.type === "list")
-        return listBindings.value;
-      return node.type === "code_block" ? codeBlockBindings.value : nonCodeBindings.value;
-    }
-    function handleClick(event) {
-      emit("click", event);
+  });
+}
+function getUseMonaco() {
+  return __async(this, null, function* () {
+    var _a2;
+    if (mod)
+      return mod;
+    if (importAttempted)
+      return null;
+    try {
+      const imported = yield import("stream-monaco/legacy");
+      mod = (_a2 = imported == null ? void 0 : imported.default) != null ? _a2 : imported;
+      yield preload(mod);
+      const ok = yield warmupShikiTokenizer(mod);
+      if (!ok) {
+        mod = null;
+        importAttempted = true;
+        return null;
+      }
+      return mod;
+    } catch (e) {
+      importAttempted = true;
+      return null;
     }
-    return { __sfc: true, props, emit, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, nonCodeBindings, linkBindings, listBindings, effectiveCustomHtmlTagsSet, renderedItems, getCodeBlockLanguage, getNodeComponent, getBindingsFor, handleClick };
-  }
-});
-var _sfc_render$f = function render31() {
-  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("div", { staticClass: "markstream-vue2 markdown-renderer legacy-nodes-renderer", class: { dark: _setup.props.isDark }, on: { "click": _setup.handleClick } }, _vm._l(_setup.renderedItems, function(item) {
-    return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
-    }, "handle-artifact-click": function($event) {
-      return _setup.emit("handleArtifactClick", $event);
-    } } }, "component", item.bindings, false))], 1)]);
-  }), 0);
+  });
+}
+const CIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="m 4.0559072,12.951629 c 2.7459832,2.734744 7.1981158,2.734744 9.9441188,0 l -1.789955,-1.782586 c -1.75742,1.750224 -4.6067879,1.750224 -6.3642294,0 -1.7574416,-1.7502236 -1.7574416,-4.587893 0,-6.338097 1.7574415,-1.750224 4.6068094,-1.750224 6.3642294,0 l 0.894977,-0.8912929 0.894978,-0.891293 c -2.746003,-2.73472867 -7.1981359,-2.73472867 -9.944119,0 -2.7459858,2.7347089 -2.7459858,7.1685599 2e-7,9.9032689 z" clip-rule="evenodd" />\n</svg>\n';
+const CppIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="m 2.5559121,12.951629 c 2.7459832,2.734744 7.1981158,2.734744 9.9441189,0 l -1.789955,-1.782586 c -1.7574201,1.750224 -4.606788,1.750224 -6.3642295,0 -1.7574416,-1.7502236 -1.7574416,-4.587893 0,-6.338097 1.7574415,-1.750224 4.6068094,-1.750224 6.3642295,0 l 0.894977,-0.8912929 0.894978,-0.891293 c -2.7460031,-2.73472867 -7.198136,-2.73472867 -9.9441191,0 -2.74598585,2.7347089 -2.74598585,7.1685599 2e-7,9.9032689 z" clip-rule="evenodd" />\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="M7.5 6v4M5.513524 7.9999996H9.51304M13.486476 5.9999996v4M11.5 7.9999992h3.999516" />\n</svg>\n';
+const CsharpIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" d="m 6.665625,1.0107144 c 0.54375,0.090628 0.9125,0.6062693 0.821875,1.1500367 L 7.18125,3.9983098 h 2.971875 L 10.5125,1.8326156 c 0.09063,-0.5437673 0.60625,-0.9125291 1.15,-0.8219012 0.54375,0.090628 0.9125,0.6062693 0.821875,1.1500367 L 12.18125,3.9983098 H 14 c 0.553125,0 1,0.4468892 1,1.0000319 0,0.5531426 -0.446875,1.0000319 -1,1.0000319 H 11.846875 L 11.18125,9.9985013 H 13 c 0.553125,0 1,0.4468897 1,1.0000317 0,0.553143 -0.446875,1.000032 -1,1.000032 H 10.846875 L 10.4875,14.164259 c -0.09063,0.543768 -0.60625,0.912529 -1.15,0.821902 -0.54375,-0.09063 -0.9125,-0.60627 -0.821875,-1.150037 l 0.30625,-1.834434 h -2.975 L 5.4875,14.167384 c -0.090625,0.543768 -0.60625,0.91253 -1.15,0.821902 C 3.79375,14.898658 3.425,14.383016 3.515625,13.839249 L 3.81875,11.998565 H 2 c -0.553125,0 -1,-0.446889 -1,-1.000032 C 1,10.445391 1.446875,9.9985013 2,9.9985013 H 4.153125 L 4.81875,5.9983736 H 3 c -0.553125,0 -1,-0.4468893 -1,-1.0000319 C 2,4.445199 2.446875,3.9983098 3,3.9983098 H 5.153125 L 5.5125,1.8326156 C 5.603125,1.2888483 6.11875,0.9200865 6.6625,1.0107144 Z M 6.846875,5.9983736 6.18125,9.9985013 H 9.153125 L 9.81875,5.9983736 Z" />\n</svg>\n';
+const CssIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#ca9ee6" stroke-linecap="round" stroke-linejoin="round">\n    <path d="m4 1.5h8c1.38 0 2.5 1.12 2.5 2.5v8c0 1.38-1.12 2.5-2.5 2.5h-8c-1.38 0-2.5-1.12-2.5-2.5v-8c0-1.38 1.12-2.5 2.5-2.5z" />\n    <path stroke-width=".814" d="m 10.240861,11.529149 c 0,0.58011 0.437448,1.039154 0.96002,1.035371 l 0.451635,-0.0032 c 0.522572,-0.0036 0.949379,-0.451477 0.949379,-1.032848 0,-0.581372 -0.426807,-1.065638 -0.949379,-1.065638 l -0.451635,3.4e-5 c -0.522572,3.9e-5 -0.949379,-0.4855273 -0.949379,-1.0656374 0,-0.5801104 0.426807,-1.0378931 0.949379,-1.0378931 l 0.451635,2.825e-4 c 0.522572,3.267e-4 0.951743,0.4577827 0.951743,1.0378931 M 6.8003972,11.529149 c 0,0.58011 0.4374474,1.039154 0.9600196,1.035371 l 0.46464,-0.0032 c 0.5225722,-0.0035 0.9363738,-0.451477 0.9363738,-1.031587 0,-0.580111 -0.4090724,-1.065638 -0.9316446,-1.065638 l -0.4693692,3.4e-5 c -0.5225722,3.8e-5 -0.949379,-0.4855272 -0.949379,-1.0656373 0,-0.5801104 0.4268068,-1.0378931 0.949379,-1.0378931 h 0.4516348 c 0.5225722,0 0.9635665,0.4577827 0.9635665,1.0378931 M 3.4072246,11.529149 c 0,0.58011 0.4374474,1.051765 0.9600196,1.051765 H 4.818879 c 0.5225722,0 0.949379,-0.456521 0.949379,-1.037893 m 0.01129,-2.1312747 c 0,-0.5801103 -0.4374474,-1.037893 -0.9600196,-1.037893 L 4.3678939,8.3741358 C 3.8453217,8.3744624 3.4078743,8.8420074 3.4078743,9.4233788 v 2.1186642" />\n  </g>\n</svg>\n';
+const GoIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#85c1dc" stroke-linecap="round" stroke-linejoin="round" d="m15.48 8.06-4.85.48m4.85-.48a4.98 4.98 0 01-4.54 5.42 5 5 0 112.95-8.66l-1.7 1.84a2.5 2.5 0 00-4.18 2.06c.05.57.3 1.1.69 1.51.25.27 1 .83 1.78.82.8-.02 1.58-.25 2.07-.81 0 0 .8-.96.68-1.88M2.5 8.5l-2 .01m1.5 2h1.5m-2-3.99 2-.02" />\n</svg>\n';
+const HtmlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#ef9f76" d="M1.5 1.5h13L13 13l-5 2-5-2z" />\n    <path stroke="#c6d0f5" d="M11 4.5H5l.25 3h5.5l-.25 3-2.5 1-2.5-1-.08-1" />\n  </g>\n</svg>\n';
+const JavaIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#c6d0f5" d="M10.73 8.41c.57 3 1.59 5.83 2.77 7.09-6.63-3.45-9.76-1.75-10.5 0-.66-3.4-.54-5.74.09-7.78" />\n    <path stroke="#e78284" d="M8.5 7c.63.34 1.82 1.07 2.24 1.41-.54-2.9-.64-5.96-.74-7.91-2.13.58-5.73 1.98-6.9 7.22.52-.69 1.72-1.05 2.4-1.22" />\n    <path stroke="#e78284" d="M5.5 7A1.5 1.5 0 007 8.5 1.5 1.5 0 008.5 7 1.5 1.5 0 007 5.5 1.5 1.5 0 005.5 7" />\n  </g>\n</svg>\n';
+const JsxReactIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#99d1db" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M8 10.8c4.14 0 7.5-1.25 7.5-2.8S12.14 5.2 8 5.2.5 6.45.5 8s3.36 2.8 7.5 2.8" />\n    <path d="M5.52 9.4c2.07 3.5 4.86 5.72 6.23 4.95 1.37-.78.8-4.24-1.27-7.75C8.41 3.1 5.62.88 4.25 1.65c-1.37.78-.8 4.24 1.27 7.75" />\n    <path d="M5.52 6.6c-2.07 3.5-2.64 6.97-1.27 7.75 1.37.77 4.16-1.45 6.23-4.95s2.64-6.97 1.27-7.75C10.38.88 7.59 3.1 5.52 6.6" />\n    <path d="M8.5 8a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />\n  </g>\n</svg>\n';
+const JsIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#e5c890" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M4.5 11c0 .828427.6715729 1.5 1.5 1.5.8284271 0 1.5-.671573 1.5-1.5V7.5M12.5 8.75C12.5 8.05964406 11.9627417 7.5 11.3 7.5L10.7 7.5C10.0372583 7.5 9.5 8.05964406 9.5 8.75 9.5 9.44035594 10.0372583 10 10.7 10L11.3 10C11.9627417 10 12.5 10.5596441 12.5 11.25 12.5 11.9403559 11.9627417 12.5 11.3 12.5L10.7 12.5C10.0372583 12.5 9.5 11.9403559 9.5 11.25" />\n    <path d="m 4,1.5 h 8 c 1.385,0 2.5,1.115 2.5,2.5 v 8 c 0,1.385 -1.115,2.5 -2.5,2.5 H 4 C 2.615,14.5 1.5,13.385 1.5,12 V 4 C 1.5,2.615 2.615,1.5 4,1.5 Z" />\n  </g>\n</svg>\n';
+const JsonIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e5c890" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2 .83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1" />\n</svg>\n';
+const KotlinIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#ca9ee6" d="M2.5 13.5h11L8 8" />\n    <path stroke="#ef9f76" d="M8.03 2.5h5.47l-8 8" />\n    <path stroke="#e78284" d="M2.5 13.5V8" />\n    <path stroke="#85c1dc" d="M8 2.5H2.5V8l3-2.5" />\n  </g>\n</svg>\n';
+const MarkdownIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#85c1dc" stroke-linecap="round" stroke-linejoin="round" d="m9.25 8.25 2.25 2.25 2.25-2.25M3.5 11V5.5l2.04 3 1.96-3V11m4-.5V5M1.65 2.5h12.7c.59 0 1.15.49 1.15 1v9c0 .51-.56 1-1.15 1H1.65c-.59 0-1.15-.49-1.15-1V3.58c0-.5.56-1.08 1.15-1.08" />\n</svg>\n';
+const MermaidIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#ca9ee6" stroke-linecap="round" stroke-linejoin="round" d="M1.5 2.5c0 6 2.25 5.75 4 7 .83.67 1.17 2 1 4h3c-.17-2 .17-3.33 1-4 1.75-1.25 4-1 4-7C12 2.5 10 3 8 7 6 3 4 2.5 1.5 2.5" />\n</svg>\n';
+const PhpIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="M0.5,12.5 L0.5,13.24 C0.5,14 1.27360724,14.5 2,14.5 C2.9375516,14.5 3.5,14 3.5,13.2445661 L3.5,6.00089968 C3.5,4.28551107 4.99401107,2.52263547 7.14960413,2.5 C9.49387886,2.5 11,4.0579782 11,5.5 C11.1657296,8.48962302 9.57820404,9.63684469 7.49621582,10.5 L7.49621582,14.5 L15.4979764,14.5 L15.4979764,9 C15.5394484,8.36478228 14.9387379,7.15595371 14.1308258,6.5 C13.1942239,5.80827275 12.0584852,5.50253264 11,5.5 M11.5,14.5 L11.5,11.5 M6,6.5 C6.27614237,6.5 6.5,6.27614237 6.5,6 C6.5,5.72385763 6.27614237,5.5 6,5.5 C5.72385763,5.5 5.5,5.72385763 5.5,6 C5.5,6.27614237 5.72385763,6.5 6,6.5 Z" />\n</svg>\n';
+const PythonIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#8caaee" d="M8.5 5.5h-3m6 0V3c0-.8-.7-1.5-1.5-1.5H7c-.8 0-1.5.7-1.5 1.5v2.5H3c-.8 0-1.5.7-1.5 1.5v2c0 .8.7 1.5 1.48 1.5" />\n    <path stroke="#e5c890" d="M10.5 10.5h-3m-3 0V13c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5v-2.5H13c.8 0 1.5-.7 1.5-1.5V7c0-.8-.7-1.5-1.48-1.5H11.5c0 1.5 0 2-1 2h-2" />\n    <path stroke="#8caaee" d="M2.98 10.5H4.5c0-1.5 0-2 1-2h2M7.5 3.5v0" />\n    <path stroke="#e5c890" d="m 8.5,12.5 v 0" />\n  </g>\n</svg>\n';
+const RubyIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e78284" stroke-linecap="round" stroke-linejoin="round" d="M1.5 9.06v2.5c.02.86.36 1.61.9 2.15 1.76 1.76 5.71.65 8.84-2.47 3.12-3.13 4.23-7.08 2.47-8.84a3.1 3.1 0 00-2.15-.9h-2.5M14.5 4l-.25 10.25L4 14.5m4.39-6.11c2.34-2.35 3.29-5.2 2.12-6.37S6.49 1.8 4.14 4.14C1.8 6.5.85 9.34 2.02 10.51s4.02.22 6.37-2.12M5.5 14.5l.25-3.75L11 11l-.25-5.25 3.75-.25" />\n</svg>\n';
+const RustIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#ef9f76" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M15.5 9.5Q8 13.505.5 9.5l1-1-1-2 2-.5V4.5h2l.5-2 1.5 1 1.5-2 1.5 2 1.5-1 .5 2h2V6l2 .5-1 2z" />\n    <path d="M6.5 7.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1M4 11.02c-.67.37-1.5.98-1.5 2.23s1.22 1.22 2 1.25v-2M12 11c.67.37 1.5 1 1.5 2.25s-1.22 1.22-2 1.25v-2" />\n  </g>\n</svg>\n';
+const SassIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#f4b8e4" stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.38c1.85 1.07 3.35.74 4.83-.2 1.5-.95 2.7-2.78 1.3-4.15-.7-.68-3.25-.8-5.62.19-2.36.99-4.59 3.02-4.74 4.11-.31 2.19 3.15 2.88 3.64 4.23s.28 1.98-.2 2.83c-.5.85-1.96 1.62-2.8.68-.83-.95 1.67-2.75 2.98-3.25 1.3-.5 3.1-.4 3.69.25.58.64-.07 1.79-.03 1.79" />\n</svg>\n';
+const ShellIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M2 15.5c-.7 0-1.5-.8-1.5-1.5V5c0-.7.8-1.5 1.5-1.5h9c.7 0 1.5.8 1.5 1.5v9c0 .7-.8 1.5-1.5 1.5z" />\n    <path d="m1.2 3.8 3.04-2.5S5.17.5 5.7.5h8.4c.66 0 1.4.73 1.4 1.4v7.73a2.7 2.7 0 01-.7 1.75l-2.68 3.51M3 8.5l3 2-3 2m4 0h2" />\n  </g>\n</svg>\n';
+const SqlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e5c890" stroke-linecap="round" stroke-linejoin="round" d="M8 6.5c3.59 0 6.5-1.4 6.5-2.68S11.59 1.5 8 1.5 1.5 2.54 1.5 3.82 4.41 6.5 8 6.5M14.5 8c0 .83-1.24 1.79-3.25 2.2s-4.49.41-6.5 0S1.5 8.83 1.5 8m13 4.18c0 .83-1.24 1.6-3.25 2-2.01.42-4.49.42-6.5 0-2.01-.4-3.25-1.17-3.25-2m0-8.3v8.3m13-8.3v8.3" />\n</svg>\n';
+const SquareCodeIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><!-- Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE --><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m10 9l-3 3l3 3m4 0l3-3l-3-3"/><rect width="18" height="18" x="3" y="3" rx="2"/></g></svg>';
+const SvgIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#ef9f76" stroke-linecap="round" stroke-linejoin="round" d="m4.54 10 6.92-4m-6.92 4a1.5 1.5 0 10-2.6 1.5 1.5 1.5 0 002.6-1.5M8 4v8m0-8a1.5 1.5 0 100-3 1.5 1.5 0 000 3M4.54 6l6.92 4M4.54 6a1.5 1.5 0 10-2.6-1.5A1.5 1.5 0 004.54 6M8 12a1.5 1.5 0 100 3 1.5 1.5 0 000-3m3.46-2a1.5 1.5 0 102.6 1.5 1.5 1.5 0 00-2.6-1.5m0-4a1.5 1.5 0 102.6-1.5 1.5 1.5 0 00-2.6 1.5" />\n</svg>\n';
+const TextIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#c6d0f5" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M13.5 6.5v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h4.01" />\n    <path d="m8.5 1.5 5 5h-4a1 1 0 01-1-1zm-3 10h5m-5-3h5m-5-3h1" />\n  </g>\n</svg>\n';
+const TsReactIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M8 11.3c4.14 0 7.5-1.28 7.5-2.86S12.14 5.58 8 5.58.5 6.86.5 8.44s3.36 2.87 7.5 2.87Z" />\n    <path d="M5.52 9.87c2.07 3.6 4.86 5.86 6.23 5.07 1.37-.8.8-4.34-1.27-7.93S5.62 1.16 4.25 1.95s-.8 4.34 1.27 7.92" />\n    <path d="M5.52 7.01c-2.07 3.59-2.64 7.14-1.27 7.93s4.16-1.48 6.23-5.07c2.07-3.58 2.64-7.13 1.27-7.92-1.37-.8-4.16 1.47-6.23 5.06" />\n    <path d="M8.5 8.44a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />\n  </g>\n</svg>\n';
+const TsIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />\n    <path d="M12.5 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S10.04 10 10.7 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25m-3-3.75v5M5 7.5h3" />\n  </g>\n</svg>\n';
+const VueIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#a6d189" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M1 1.5h5.44L8 4.56 9.56 1.5H15l-6.99 13z" />\n    <path d="M12.05 1.73 8 9.28 3.95 1.73" />\n  </g>\n</svg>\n';
+const XmlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#ef9f76" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5 1 8 4.5 11.5M11.5 4.5 15 8 11.5 11.5M9.5 2 6.5 14" />\n</svg>\n';
+const YamlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e78284" stroke-linecap="round" stroke-linejoin="round" d="M2.5 1.5h3l3 4 3-4h3l-9 13h-3L7 8z" />\n</svg>\n';
+let userLanguageIconResolver = null;
+let extendedLanguageIconMap = null;
+let extendedLanguageIconPromise = null;
+const languageIconsRevision = ref(0);
+const DEFAULT_LANGUAGE_ICON = SquareCodeIcon;
+const CORE_LANGUAGE_ICON_MAP = {
+  "": TextIcon,
+  "plain": TextIcon,
+  "text": TextIcon,
+  "javascript": JsIcon,
+  "typescript": TsIcon,
+  "jsx": JsxReactIcon,
+  "tsx": TsReactIcon,
+  "html": HtmlIcon,
+  "css": CssIcon,
+  "scss": SassIcon,
+  "json": JsonIcon,
+  "python": PythonIcon,
+  "ruby": RubyIcon,
+  "go": GoIcon,
+  "java": JavaIcon,
+  "kotlin": KotlinIcon,
+  "c": CIcon,
+  "cpp": CppIcon,
+  "cs": CsharpIcon,
+  "csharp": CsharpIcon,
+  "php": PhpIcon,
+  "shell": ShellIcon,
+  "powershell": ShellIcon,
+  "sql": SqlIcon,
+  "yaml": YamlIcon,
+  "markdown": MarkdownIcon,
+  "xml": XmlIcon,
+  "rust": RustIcon,
+  "vue": VueIcon,
+  "mermaid": MermaidIcon,
+  "svg": SvgIcon
 };
-var _sfc_staticRenderFns$f = [];
-var __component__$f = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$f,
-  _sfc_render$f,
-  _sfc_staticRenderFns$f,
-  false,
-  null,
-  null,
-  null,
-  null
-);
-const LegacyNodesRenderer = __component__$f.exports;
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "BlockquoteNode",
-  props: {
-    node: null,
-    indexKey: null,
-    typewriter: { type: Boolean },
-    customId: null
-  },
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance();
-    const nestedRenderer = computed(() => {
-      const vm = instance == null ? void 0 : instance.proxy;
-      return isLegacyVue26Vm(vm) ? LegacyNodesRenderer : NodeRenderer;
-    });
-    return { __sfc: true, props, instance, nestedRenderer };
-  }
-});
-const BlockquoteNode_vue_vue_type_style_index_0_scoped_0bfb818f_lang = "";
-var _sfc_render$e = function render32() {
-  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("blockquote", { staticClass: "blockquote", attrs: { "dir": "auto", "cite": _vm.node.cite } }, [_c(_setup.nestedRenderer, { tag: "component", attrs: { "index-key": `blockquote-${_setup.props.indexKey}`, "nodes": _setup.props.node.children || [], "custom-id": _setup.props.customId, "typewriter": _setup.props.typewriter }, on: { "copy": function($event) {
-    return _vm.$emit("copy", $event);
-  } } })], 1);
+const LANGUAGE_ALIAS_MAP = {
+  "": "",
+  "javascript": "javascript",
+  "js": "javascript",
+  "mjs": "javascript",
+  "cjs": "javascript",
+  "typescript": "typescript",
+  "ts": "typescript",
+  "jsx": "jsx",
+  "tsx": "tsx",
+  "golang": "go",
+  "py": "python",
+  "rb": "ruby",
+  "sh": "shell",
+  "bash": "shell",
+  "zsh": "shell",
+  "shellscript": "shell",
+  "bat": "shell",
+  "batch": "shell",
+  "ps1": "powershell",
+  "plaintext": "plain",
+  "text": "plain",
+  "txt": "plain",
+  "c++": "cpp",
+  "c#": "csharp",
+  "cs": "csharp",
+  "objective-c": "objectivec",
+  "objective-c++": "objectivecpp",
+  "yml": "yaml",
+  "md": "markdown",
+  "rs": "rust",
+  "kt": "kotlin",
+  "d": "dlang",
+  "vbnet": "vb.net"
 };
-var _sfc_staticRenderFns$e = [];
-var __component__$e = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$e,
-  _sfc_render$e,
-  _sfc_staticRenderFns$e,
-  false,
-  null,
-  "0bfb818f",
-  null,
-  null
-);
-const BlockquoteNode = __component__$e.exports;
-const MERMAID_PREVIEW_MIN_HEIGHT = 360;
-const MERMAID_PREVIEW_MAX_HEIGHT = 500;
-const INFOGRAPHIC_PREVIEW_MIN_HEIGHT = 360;
-const INFOGRAPHIC_PREVIEW_MAX_HEIGHT = 500;
-function parsePositiveNumber(value) {
-  const numeric = typeof value === "number" ? value : Number.parseFloat(String(value != null ? value : ""));
-  return Number.isFinite(numeric) && numeric > 0 ? numeric : null;
-}
-function getMermaidDiagramKind(code) {
-  var _a2;
-  for (const rawLine of code.split(/\r?\n/)) {
-    const line = rawLine.trim();
-    if (!line || line.startsWith("%%"))
-      continue;
-    const match = line.match(/^([A-Z][\w-]*)\b/i);
-    return ((_a2 = match == null ? void 0 : match[1]) == null ? void 0 : _a2.toLowerCase()) || "";
-  }
-  return "";
+function extractLanguageToken(lang) {
+  if (!lang)
+    return "";
+  const trimmed = lang.trim();
+  if (!trimmed)
+    return "";
+  const [firstToken] = trimmed.split(/\s+/);
+  const [base] = firstToken.split(":");
+  return base.toLowerCase();
 }
-function estimateMermaidPreviewHeight(code) {
-  const meaningfulLines = code.split(/\r?\n/).map((line) => line.trim()).filter((line) => line && !line.startsWith("%%"));
-  const lineCount = Math.max(1, meaningfulLines.length);
-  const kind = getMermaidDiagramKind(code);
-  if (kind === "gantt")
-    return 220 + lineCount * 28;
-  if (kind === "sequencediagram")
-    return 180 + lineCount * 26;
-  if (kind === "classdiagram" || kind === "statediagram" || kind === "erdiagram")
-    return 180 + lineCount * 24;
-  if (kind === "flowchart" || kind === "graph")
-    return 170 + lineCount * 28;
-  return 200 + lineCount * 22;
+function loadExtendedLanguageIconMap() {
+  return __async(this, null, function* () {
+    if (extendedLanguageIconMap)
+      return extendedLanguageIconMap;
+    if (!extendedLanguageIconPromise) {
+      extendedLanguageIconPromise = import("./chunks/languageIconExtended-feb078ee.js").then((mod2) => {
+        extendedLanguageIconMap = mod2.EXTENDED_LANGUAGE_ICON_MAP;
+        languageIconsRevision.value++;
+        return extendedLanguageIconMap;
+      }).catch(() => null);
+    }
+    return extendedLanguageIconPromise;
+  });
 }
-function estimateInfographicPreviewHeight(code) {
-  const itemCount = code.split(/\r?\n/).filter((line) => /^\s*-\s+/.test(line)).length;
-  if (itemCount >= 3)
-    return INFOGRAPHIC_PREVIEW_MAX_HEIGHT;
-  if (itemCount > 0)
-    return 280 + itemCount * 60;
-  return INFOGRAPHIC_PREVIEW_MIN_HEIGHT;
+function setLanguageIconResolver(resolver) {
+  userLanguageIconResolver = resolver != null ? resolver : null;
 }
-function clampPreviewHeight(height, minHeight = MERMAID_PREVIEW_MIN_HEIGHT, maxHeight = MERMAID_PREVIEW_MAX_HEIGHT) {
-  return maxHeight == null ? Math.max(minHeight, height) : Math.min(Math.max(minHeight, height), maxHeight);
+function normalizeLanguageIdentifier(lang) {
+  var _a2;
+  const token = extractLanguageToken(lang);
+  return (_a2 = LANGUAGE_ALIAS_MAP[token]) != null ? _a2 : token;
 }
-function clampMermaidPreviewHeight(height, minHeight = MERMAID_PREVIEW_MIN_HEIGHT, maxHeight = MERMAID_PREVIEW_MAX_HEIGHT) {
-  return clampPreviewHeight(height, minHeight, maxHeight);
+function resolveMonacoLanguageId(lang) {
+  const canonical = normalizeLanguageIdentifier(lang);
+  if (!canonical)
+    return "plaintext";
+  switch (canonical) {
+    case "plain":
+      return "plaintext";
+    case "jsx":
+      return "javascript";
+    case "tsx":
+      return "typescript";
+    default:
+      return canonical;
+  }
 }
-function clampInfographicPreviewHeight(height, minHeight = INFOGRAPHIC_PREVIEW_MIN_HEIGHT, maxHeight = INFOGRAPHIC_PREVIEW_MAX_HEIGHT) {
-  return clampPreviewHeight(height, minHeight, maxHeight);
+function preloadExtendedLanguageIcons() {
+  return __async(this, null, function* () {
+    yield loadExtendedLanguageIconMap();
+  });
 }
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "NodeRenderer",
+function getLanguageIcon(lang) {
+  if (userLanguageIconResolver) {
+    const hit = userLanguageIconResolver(lang);
+    if (hit != null && hit !== "")
+      return hit;
+  }
+  const normalized = normalizeLanguageIdentifier(lang);
+  const coreIcon = CORE_LANGUAGE_ICON_MAP[normalized];
+  if (coreIcon)
+    return coreIcon;
+  const extendedIcon = extendedLanguageIconMap == null ? void 0 : extendedLanguageIconMap[normalized];
+  if (extendedIcon)
+    return extendedIcon;
+  void loadExtendedLanguageIconMap();
+  return DEFAULT_LANGUAGE_ICON;
+}
+const languageMap = {
+  "js": "JavaScript",
+  "javascript": "JavaScript",
+  "ts": "TypeScript",
+  "jsx": "JSX",
+  "tsx": "TSX",
+  "html": "HTML",
+  "css": "CSS",
+  "scss": "SCSS",
+  "json": "JSON",
+  "py": "Python",
+  "python": "Python",
+  "rb": "Ruby",
+  "go": "Go",
+  "java": "Java",
+  "c": "C",
+  "cpp": "C++",
+  "cs": "C#",
+  "csharp": "C#",
+  "php": "PHP",
+  "sh": "Shell",
+  "bash": "Bash",
+  "sql": "SQL",
+  "yaml": "YAML",
+  "md": "Markdown",
+  "d2": "D2",
+  "d2lang": "D2",
+  "": "Plain Text",
+  "plain": "Plain Text"
+};
+const DEFAULT_CACHE_KEY = "markstream-vue2-nested-nodes";
+const markdownCache = /* @__PURE__ */ new Map();
+function parseNestedMarkdownToNodes(input, options = {}) {
+  if (Array.isArray(input.nodes))
+    return input.nodes.slice();
+  const nestedNode = input.node;
+  if (nestedNode) {
+    const children = getNodeList(nestedNode.children);
+    if (children.length > 0)
+      return children.slice();
+  }
+  const content2 = resolveContent(input);
+  if (!content2)
+    return [];
+  const parseOptions = resolveParseOptions(input, options);
+  const markdown = resolveMarkdownInstance(options);
+  return parseMarkdownToStructure(content2, markdown, parseOptions);
+}
+function resolveContent(input) {
+  var _a2;
+  if (typeof input.content === "string")
+    return input.content;
+  if (typeof ((_a2 = input.node) == null ? void 0 : _a2.content) === "string")
+    return input.node.content;
+  return "";
+}
+function resolveParseOptions(input, options) {
+  var _a2, _b;
+  const base = (_a2 = options.parseOptions) != null ? _a2 : {};
+  const resolvedFinal = (_b = options.final) != null ? _b : resolveFinalFromNode(input.node);
+  const customHtmlTags = mergeCustomHtmlTags(options.customHtmlTags, base.customHtmlTags);
+  if (resolvedFinal == null && customHtmlTags.length === 0)
+    return base;
+  return __spreadValues(__spreadValues(__spreadValues({}, base), resolvedFinal == null ? {} : { final: resolvedFinal }), customHtmlTags.length === 0 ? {} : { customHtmlTags });
+}
+function resolveFinalFromNode(node) {
+  if (!node || typeof node !== "object")
+    return void 0;
+  if (typeof node.loading === "boolean")
+    return !node.loading;
+  return void 0;
+}
+function resolveMarkdownInstance(options) {
+  var _a2;
+  const normalizedTags = mergeCustomHtmlTags(options.customHtmlTags, (_a2 = options.parseOptions) == null ? void 0 : _a2.customHtmlTags);
+  const cacheKey = `${options.cacheKey || DEFAULT_CACHE_KEY}::${normalizedTags.join(",")}`;
+  let markdown = markdownCache.get(cacheKey);
+  if (!markdown) {
+    markdown = getMarkdown(cacheKey, {
+      customHtmlTags: normalizedTags
+    });
+    markdownCache.set(cacheKey, markdown);
+  }
+  return options.customMarkdownIt ? options.customMarkdownIt(markdown) : markdown;
+}
+function getNodeList(value) {
+  return Array.isArray(value) ? value : [];
+}
+const RESERVED_CODE_BLOCK_EXTRA_PROPS = /* @__PURE__ */ new Set([
+  "node",
+  "key",
+  "ref",
+  "ctx",
+  "renderNode",
+  "indexKey",
+  "__proto__",
+  "prototype",
+  "constructor"
+]);
+function getCodeBlockExtraProps(source, options = {}) {
+  var _a2;
+  const extraProps = {};
+  const omittedProps = new Set((_a2 = options.omit) != null ? _a2 : []);
+  if (!source || typeof source !== "object")
+    return extraProps;
+  const descriptors = Object.getOwnPropertyDescriptors(source);
+  for (const [key, descriptor] of Object.entries(descriptors)) {
+    if (RESERVED_CODE_BLOCK_EXTRA_PROPS.has(key) || omittedProps.has(key))
+      continue;
+    if (!descriptor.enumerable || !("value" in descriptor))
+      continue;
+    extraProps[key] = descriptor.value;
+  }
+  return extraProps;
+}
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "LegacyNodesRenderer",
   props: {
-    content: null,
     nodes: null,
-    final: { type: Boolean },
-    parseOptions: null,
-    customMarkdownIt: null,
-    debugPerformance: { type: Boolean, default: false },
-    customHtmlTags: null,
-    htmlPolicy: null,
-    viewportPriority: { type: Boolean },
+    customId: null,
+    indexKey: null,
+    typewriter: { type: Boolean, default: false },
+    fade: { type: Boolean, default: true },
+    showTooltips: { type: Boolean, default: true },
     codeBlockStream: { type: Boolean, default: true },
     codeBlockDarkTheme: null,
     codeBlockLightTheme: null,
     codeBlockMonacoOptions: null,
-    renderCodeBlocksAsPre: { type: Boolean },
     codeBlockMinWidth: null,
     codeBlockMaxWidth: null,
     codeBlockProps: null,
-    mermaidProps: null,
-    d2Props: null,
-    infographicProps: null,
-    showTooltips: { type: Boolean, default: true },
+    renderCodeBlocksAsPre: { type: Boolean },
     themes: null,
+    langs: null,
     isDark: { type: Boolean },
-    customId: null,
-    indexKey: null,
-    typewriter: { type: Boolean, default: true },
-    batchRendering: { type: Boolean, default: true },
-    initialRenderBatchSize: { default: 40 },
-    renderBatchSize: { default: 80 },
-    renderBatchDelay: { default: 16 },
-    renderBatchBudgetMs: { default: 6 },
-    renderBatchIdleTimeoutMs: { default: 120 },
-    deferNodesUntilVisible: { type: Boolean, default: true },
-    maxLiveNodes: { default: 320 },
-    liveNodeBuffer: { default: 60 }
+    customHtmlTags: null,
+    htmlPolicy: null
   },
-  emits: ["copy", "handleArtifactClick", "click", "mouseover", "mouseout"],
+  emits: ["copy", "handleArtifactClick", "click"],
   setup(__props, { emit }) {
-    var _a2, _b, _c;
     const props = __props;
-    const MAX_DEFERRED_NODE_COUNT = 900;
-    const MAX_VIEWPORT_OBSERVER_TARGETS = 640;
-    const VIEWPORT_PRIORITY_RECOVERY_COUNT = 200;
-    const containerRef = ref();
-    const viewportPriorityAutoDisabled = ref(false);
-    const SCROLL_PARENT_OVERFLOW_RE = /auto|scroll|overlay/i;
-    const isClient = typeof window !== "undefined";
-    const instance = getCurrentInstance();
-    const debugPerformanceEnabled = computed(() => props.debugPerformance && isClient && typeof console !== "undefined");
-    const attrs = computed(() => {
-      var _a3, _b2;
-      return (_b2 = (_a3 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a3.$attrs) != null ? _b2 : {};
+    provide("markstreamTypewriter", computed(() => props.typewriter === true));
+    provide("markstreamFade", computed(() => props.fade !== false));
+    function handleCopy(code) {
+      emit("copy", code);
+    }
+    function handleArtifactClick(payload) {
+      emit("handleArtifactClick", payload);
+    }
+    const nodeComponents = {
+      text: TextNode,
+      paragraph: ParagraphNode,
+      heading: HeadingNode,
+      code_block: PreCodeNode,
+      list: ListNode,
+      list_item: ListItemNode,
+      blockquote: BlockquoteNode,
+      table: TableNode,
+      definition_list: DefinitionListNode,
+      footnote: FootnoteNode,
+      footnote_reference: FootnoteReferenceNode,
+      footnote_anchor: FootnoteAnchorNode,
+      admonition: AdmonitionNode,
+      vmr_container: VmrContainerNode,
+      hardbreak: HardBreakNode,
+      link: LinkNode,
+      image: ImageNode,
+      thematic_break: ThematicBreakNode,
+      math_inline: MathInlineNodeAsync,
+      math_block: MathBlockNodeAsync,
+      strong: StrongNode,
+      emphasis: EmphasisNode,
+      strikethrough: StrikethroughNode,
+      highlight: HighlightNode,
+      insert: InsertNode,
+      subscript: SubscriptNode,
+      superscript: SuperscriptNode,
+      emoji: EmojiNode,
+      checkbox: CheckboxNode,
+      checkbox_input: CheckboxNode,
+      inline_code: InlineCodeNode,
+      html_inline: HtmlInlineNode,
+      html_block: HtmlBlockNode,
+      reference: ReferenceNode
+    };
+    const customComponentsMap = computed(() => {
+      void customComponentsRevision.value;
+      return getCustomNodeComponents(props.customId);
     });
-    const textStreamState = /* @__PURE__ */ new Map();
-    const streamRenderVersion = ref(0);
-    const resolvedShowTooltips = computed(() => {
-      var _a3;
-      if (typeof props.showTooltips === "boolean")
-        return props.showTooltips;
-      const raw = (_a3 = attrs.value.showTooltips) != null ? _a3 : attrs.value["show-tooltips"];
-      if (raw === "" || raw === true || raw === "true")
-        return true;
-      if (raw === false || raw === "false")
-        return false;
-      return void 0;
+    const indexPrefix = computed(() => props.indexKey != null ? String(props.indexKey) : "legacy-renderer");
+    const codeBlockExtraProps = computed(() => getCodeBlockExtraProps(props.codeBlockProps));
+    const builtinCodeBlockExtraProps = computed(
+      () => getCodeBlockExtraProps(props.codeBlockProps, { omit: ["langs"] })
+    );
+    const codeBlockBindings = computed(() => __spreadValues({
+      stream: props.codeBlockStream,
+      darkTheme: props.codeBlockDarkTheme,
+      lightTheme: props.codeBlockLightTheme,
+      monacoOptions: props.codeBlockMonacoOptions,
+      themes: props.themes,
+      minWidth: props.codeBlockMinWidth,
+      maxWidth: props.codeBlockMaxWidth
+    }, builtinCodeBlockExtraProps.value));
+    const customCodeBlockBindings = computed(() => __spreadValues(__spreadProps(__spreadValues({}, codeBlockBindings.value), {
+      langs: props.langs
+    }), codeBlockExtraProps.value));
+    const nonCodeBindings = computed(() => {
+      var _a2;
+      return { typewriter: props.typewriter, fade: props.fade, htmlPolicy: (_a2 = props.htmlPolicy) != null ? _a2 : "safe" };
     });
-    const inheritedHtmlPolicy = inject("markstreamHtmlPolicy", void 0);
-    const resolvedHtmlPolicy = computed(() => {
-      var _a3, _b2;
-      return (_b2 = (_a3 = props.htmlPolicy) != null ? _a3 : inheritedHtmlPolicy == null ? void 0 : inheritedHtmlPolicy.value) != null ? _b2 : "safe";
+    const linkBindings = computed(() => __spreadValues(__spreadValues({}, nonCodeBindings.value), typeof props.showTooltips === "boolean" ? { showTooltip: props.showTooltips } : {}));
+    const listBindings = computed(() => __spreadValues(__spreadValues({}, nonCodeBindings.value), typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}));
+    const effectiveCustomHtmlTagsSet = computed(() => {
+      return new Set(normalizeCustomHtmlTags(props.customHtmlTags));
     });
-    provide("markstreamShowTooltips", resolvedShowTooltips);
-    provide("markstreamHtmlPolicy", resolvedHtmlPolicy);
-    provide("markstreamTypewriter", computed(() => props.typewriter !== false));
-    provide("markstreamTextStreamState", textStreamState);
-    provide("markstreamStreamVersion", streamRenderVersion);
-    watch(
-      [() => props.content, () => props.nodes],
-      () => {
-        streamRenderVersion.value += 1;
-      },
-      { immediate: true }
-    );
-    function logPerf(label, data) {
-      if (!debugPerformanceEnabled.value)
-        return;
-      console.info(`[markstream-vue2][perf] ${label}`, data);
+    const renderedItems = computed(() => {
+      const nodes = Array.isArray(props.nodes) ? props.nodes : [];
+      return nodes.map((rawNode, index2) => {
+        var _a2, _b, _c, _d;
+        let node = rawNode;
+        const type = String((rawNode == null ? void 0 : rawNode.type) || "unknown");
+        const language = getCodeBlockLanguage(node);
+        let component = getNodeComponent(node, language);
+        if ((node.type === "html_block" || node.type === "html_inline") && component === nodeComponents[node.type]) {
+          const tag = String((_a2 = node.tag) != null ? _a2 : "").trim().toLowerCase() || getHtmlTagFromContent(node.content);
+          if (tag) {
+            if (effectiveCustomHtmlTagsSet.value.has(tag)) {
+              const customComponents = customComponentsMap.value;
+              const customForTag = customComponents[tag];
+              if (customForTag) {
+                component = customForTag;
+                node = __spreadProps(__spreadValues({}, node), {
+                  type: tag,
+                  tag,
+                  content: stripCustomHtmlWrapper(node.content, tag)
+                });
+              }
+            } else if (shouldRenderUnknownHtmlTagAsText((_b = node.content) != null ? _b : node.raw, tag)) {
+              const rawContent = String((_d = (_c = node.content) != null ? _c : node.raw) != null ? _d : "");
+              if (node.type === "html_inline") {
+                component = TextNode;
+                node = {
+                  type: "text",
+                  content: rawContent,
+                  raw: rawContent
+                };
+              } else {
+                component = ParagraphNode;
+                node = {
+                  type: "paragraph",
+                  children: [{ type: "text", content: rawContent, raw: rawContent }],
+                  raw: rawContent
+                };
+              }
+            }
+          }
+        }
+        return {
+          index: index2,
+          indexKey: `${indexPrefix.value}-${index2}`,
+          // Keep code blocks mounted during streaming so Shiki/Monaco renderers can
+          // preserve their last successful DOM instead of flashing back to <pre>.
+          renderKey: type === "code_block" ? `${indexPrefix.value}-${index2}-${type}` : `${indexPrefix.value}-${index2}-${type}-${String((rawNode == null ? void 0 : rawNode.raw) || "").length}`,
+          node,
+          isCodeBlock: (node == null ? void 0 : node.type) === "code_block",
+          component,
+          bindings: getBindingsFor(node, language, component)
+        };
+      });
+    });
+    function getCodeBlockLanguage(node) {
+      var _a2;
+      return (node == null ? void 0 : node.type) === "code_block" ? String((_a2 = node.language) != null ? _a2 : "").trim().toLowerCase() : "";
     }
-    function resolveViewportRoot(node) {
-      if (typeof window === "undefined")
-        return null;
-      const base = node != null ? node : containerRef.value;
-      if (!base)
-        return null;
-      const doc = base.ownerDocument || document;
-      const rootScrollable = doc.scrollingElement || doc.documentElement;
-      let current = base;
-      while (current) {
-        if (current === doc.body || current === rootScrollable)
-          break;
-        const style = window.getComputedStyle(current);
-        const overflowY = (style.overflowY || "").toLowerCase();
-        const overflow = (style.overflow || "").toLowerCase();
-        if (SCROLL_PARENT_OVERFLOW_RE.test(overflowY) || SCROLL_PARENT_OVERFLOW_RE.test(overflow))
-          return current;
-        current = current.parentElement;
+    function getCustomCodeLanguageComponent(customComponents, language) {
+      const raw = language.trim().toLowerCase();
+      if (!raw)
+        return void 0;
+      for (const key of [raw, normalizeLanguageIdentifier(raw), normalizeShikiLanguage(raw)]) {
+        const component = key && customComponents[key];
+        if (component)
+          return component;
       }
-      return null;
+      return void 0;
     }
-    const instanceMsgId = props.customId ? `renderer-${props.customId}` : `renderer-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    const defaultMd = getMarkdown(instanceMsgId);
-    const customTagCache = /* @__PURE__ */ new Map();
-    const EMPTY_PARSED_NODES = markRaw([]);
-    const customComponentsMap = computed(() => {
-      void customComponentsRevision.value;
-      return getCustomNodeComponents(props.customId);
-    });
-    const effectiveCustomHtmlTags = computed(() => {
-      var _a3;
-      return mergeCustomHtmlTags(props.customHtmlTags, (_a3 = props.parseOptions) == null ? void 0 : _a3.customHtmlTags);
-    });
-    const mdBase = computed(() => {
-      const { key, tags } = resolveCustomHtmlTags(effectiveCustomHtmlTags.value);
-      if (!key)
-        return defaultMd;
-      const cached = customTagCache.get(key);
-      if (cached)
-        return cached;
-      const md = getMarkdown(instanceMsgId, { customHtmlTags: tags });
-      customTagCache.set(key, md);
-      return md;
-    });
-    const mdInstance = computed(() => {
-      const base = mdBase.value;
-      return props.customMarkdownIt ? props.customMarkdownIt(base) : base;
-    });
-    function cloneNodeValue(value) {
-      if (Array.isArray(value))
-        return Object.freeze(value.map((item) => cloneNodeValue(item)));
-      if (!value || typeof value !== "object")
-        return value;
-      const output = {};
-      for (const [key, child] of Object.entries(value))
-        output[key] = cloneNodeValue(child);
-      return Object.freeze(output);
+    function getNodeComponent(node, language) {
+      if (!node)
+        return FallbackComponent;
+      const customComponents = customComponentsMap.value;
+      const customForType = customComponents[String(node.type)];
+      if (node.type === "code_block") {
+        const lang = language != null ? language : getCodeBlockLanguage(node);
+        const customForLanguage = lang ? getCustomCodeLanguageComponent(customComponents, lang) : void 0;
+        if (customForLanguage)
+          return customForLanguage;
+        if (lang === "mermaid") {
+          const customMermaid = customComponents.mermaid;
+          return customMermaid || PreCodeNode;
+        }
+        if (lang === "infographic") {
+          const customInfographic = customComponents.infographic;
+          return customInfographic || PreCodeNode;
+        }
+        if (lang === "d2" || lang === "d2lang") {
+          const customD2 = customComponents.d2;
+          return customD2 || PreCodeNode;
+        }
+        if (customForType)
+          return customForType;
+        const customCodeBlock = customComponents.code_block;
+        return customCodeBlock || (props.renderCodeBlocksAsPre ? PreCodeNode : PreCodeNode);
+      }
+      if (customForType)
+        return customForType;
+      return nodeComponents[String(node.type)] || FallbackComponent;
     }
-    function cloneParsedNodeList(nodes) {
-      return nodes.map((node) => cloneNodeValue(node));
+    function isCustomCodeBlockComponent(component) {
+      return Boolean(component && component === customComponentsMap.value.code_block);
     }
-    const mergedParseOptions = computed(() => {
-      var _a3, _b2;
-      const base = (_a3 = props.parseOptions) != null ? _a3 : {};
-      const resolvedFinal = (_b2 = props.final) != null ? _b2 : base.final;
-      const merged = effectiveCustomHtmlTags.value;
-      const hasFinal = resolvedFinal != null;
-      const hasCustom = merged.length > 0;
-      if (!hasFinal && !hasCustom)
-        return base;
-      return __spreadValues(__spreadValues(__spreadValues({}, base), hasFinal ? { final: resolvedFinal } : {}), hasCustom ? { customHtmlTags: merged } : {});
-    });
-    const effectiveCustomHtmlTagsSet = computed(() => {
-      var _a3;
-      const arr = (_a3 = mergedParseOptions.value.customHtmlTags) != null ? _a3 : [];
-      return new Set(arr.map((t) => String(t).trim().toLowerCase()).filter(Boolean));
-    });
-    const parsedNodes = computed(() => {
-      var _a3;
-      if (isLegacyVue26Vm(instance == null ? void 0 : instance.proxy) && !props.content && Array.isArray(props.nodes))
-        return EMPTY_PARSED_NODES;
-      if ((_a3 = props.nodes) == null ? void 0 : _a3.length)
-        return markRaw(cloneParsedNodeList(props.nodes));
-      if (props.content) {
-        const parseStart = debugPerformanceEnabled.value ? performance.now() : 0;
-        const parsed = parseMarkdownToStructure(props.content, mdInstance.value, mergedParseOptions.value);
-        if (debugPerformanceEnabled.value) {
-          logPerf("parse(sync)", {
-            ms: Math.round(performance.now() - parseStart),
-            nodes: parsed.length,
-            contentLength: props.content.length
-          });
-        }
-        return markRaw(cloneParsedNodeList(parsed));
+    function isCustomLanguageCodeBlockComponent(component, language) {
+      return Boolean(component && language && component === getCustomCodeLanguageComponent(customComponentsMap.value, language));
+    }
+    function getBindingsFor(node, language, component) {
+      const lang = language != null ? language : getCodeBlockLanguage(node);
+      if (node.type === "code_block" && isCustomLanguageCodeBlockComponent(component, lang)) {
+        if (lang === "mermaid" || lang === "infographic" || lang === "d2" || lang === "d2lang")
+          return {};
+        return customCodeBlockBindings.value;
       }
-      return [];
-    });
-    const maxLiveNodesResolved = computed(() => {
-      var _a3;
-      return Math.max(1, (_a3 = props.maxLiveNodes) != null ? _a3 : 320);
-    });
-    const virtualizationEnabled = computed(() => {
-      var _a3;
-      if (((_a3 = props.maxLiveNodes) != null ? _a3 : 0) <= 0)
-        return false;
-      return parsedNodes.value.length > maxLiveNodesResolved.value;
-    });
-    const viewportPriorityEnabled = computed(() => {
-      if (props.viewportPriority === false)
-        return false;
-      if (viewportPriorityAutoDisabled.value)
-        return false;
-      return true;
+      if (node.type === "code_block" && isCustomCodeBlockComponent(component)) {
+        return customCodeBlockBindings.value;
+      }
+      if (lang === "mermaid" || lang === "infographic" || lang === "d2" || lang === "d2lang")
+        return {};
+      if (node.type === "link")
+        return linkBindings.value;
+      if (node.type === "list")
+        return listBindings.value;
+      return node.type === "code_block" ? codeBlockBindings.value : nonCodeBindings.value;
+    }
+    function handleClick(event) {
+      emit("click", event);
+    }
+    return { __sfc: true, props, emit, handleCopy, handleArtifactClick, nodeComponents, customComponentsMap, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, nonCodeBindings, linkBindings, listBindings, effectiveCustomHtmlTagsSet, renderedItems, getCodeBlockLanguage, getCustomCodeLanguageComponent, getNodeComponent, isCustomCodeBlockComponent, isCustomLanguageCodeBlockComponent, getBindingsFor, handleClick };
+  }
+});
+var _sfc_render$f = function render31() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("div", { staticClass: "markstream-vue2 markdown-renderer legacy-nodes-renderer", class: { dark: _setup.props.isDark }, on: { "click": _setup.handleClick } }, _vm._l(_setup.renderedItems, function(item) {
+    return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [_c(item.component, _vm._b({ key: `${item.renderKey}-component`, tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": _setup.handleCopy, "handle-artifact-click": _setup.handleArtifactClick } }, "component", item.bindings, false))], 1)]);
+  }), 0);
+};
+var _sfc_staticRenderFns$f = [];
+var __component__$f = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$f,
+  _sfc_render$f,
+  _sfc_staticRenderFns$f,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const LegacyNodesRenderer = __component__$f.exports;
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "BlockquoteNode",
+  props: {
+    node: null,
+    indexKey: null,
+    typewriter: { type: Boolean },
+    customId: null
+  },
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const nestedRenderer = computed(() => {
+      const vm = instance == null ? void 0 : instance.proxy;
+      return isLegacyVue26Vm(vm) ? LegacyNodesRenderer : NodeRenderer;
     });
-    const registerNodeVisibility = provideViewportPriority(
-      (target) => {
-        var _a3;
-        return resolveViewportRoot((_a3 = target != null ? target : containerRef.value) != null ? _a3 : null);
-      },
-      viewportPriorityEnabled
-    );
-    const requestFrame = isClient && typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame.bind(window) : null;
-    const cancelFrame = isClient && typeof window.cancelAnimationFrame === "function" ? window.cancelAnimationFrame.bind(window) : null;
-    const isTestEnv = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" && ((_b = (_a2 = globalThis.process) == null ? void 0 : _a2.env) == null ? void 0 : _b.NODE_ENV) === "test";
-    const hasIdleCallback = isClient && typeof window.requestIdleCallback === "function";
-    const resolvedBatchSize = computed(() => {
-      var _a3;
-      const size = Math.trunc((_a3 = props.renderBatchSize) != null ? _a3 : 80);
-      return Number.isFinite(size) ? Math.max(0, size) : 0;
-    });
-    const resolvedInitialBatch = computed(() => {
-      var _a3;
-      const initial = Math.trunc((_a3 = props.initialRenderBatchSize) != null ? _a3 : resolvedBatchSize.value);
-      if (!Number.isFinite(initial))
-        return resolvedBatchSize.value;
-      return Math.max(0, initial);
-    });
-    const batchingEnabled = computed(() => props.batchRendering !== false && resolvedBatchSize.value > 0 && isClient && !isTestEnv);
-    const renderedCount = ref(0);
-    const previousRenderContext = ref({
-      key: props.indexKey,
-      total: 0
-    });
-    const adaptiveBatchSize = ref(Math.max(1, resolvedBatchSize.value || 1));
-    const nodeVisibilityState = reactive({});
-    const nodeVisibilityHandles = /* @__PURE__ */ new Map();
-    const nodeVisibilityFallbackTimers = /* @__PURE__ */ new Map();
-    const nodeSlotElements = /* @__PURE__ */ new Map();
-    const codeBlockRenderCache = /* @__PURE__ */ new WeakMap();
-    const nodeSlotVersion = ref(0);
-    const sortedNodeSlots = computed(() => {
-      void nodeSlotVersion.value;
-      return Array.from(nodeSlotElements.entries()).sort((a, b) => a[0] - b[0]);
+    return { __sfc: true, props, instance, nestedRenderer };
+  }
+});
+const BlockquoteNode_vue_vue_type_style_index_0_scoped_0bfb818f_lang = "";
+var _sfc_render$e = function render32() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("blockquote", { staticClass: "blockquote", attrs: { "dir": "auto", "cite": _vm.node.cite } }, [_c(_setup.nestedRenderer, { tag: "component", attrs: { "index-key": `blockquote-${_setup.props.indexKey}`, "nodes": _setup.props.node.children || [], "custom-id": _setup.props.customId, "typewriter": _setup.props.typewriter }, on: { "copy": function($event) {
+    return _vm.$emit("copy", $event);
+  } } })], 1);
+};
+var _sfc_staticRenderFns$e = [];
+var __component__$e = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$e,
+  _sfc_render$e,
+  _sfc_staticRenderFns$e,
+  false,
+  null,
+  "0bfb818f",
+  null,
+  null
+);
+const BlockquoteNode = __component__$e.exports;
+function useSmoothMarkdownStream(options = {}) {
+  const source = ref("");
+  const visible2 = ref("");
+  const done = ref(false);
+  const controller = createSmoothMarkdownStream(options);
+  const sync = () => {
+    const snapshot = controller.getSnapshot();
+    source.value = snapshot.source;
+    visible2.value = snapshot.visible;
+    done.value = snapshot.done;
+  };
+  const unsubscribe = controller.subscribe(sync);
+  sync();
+  const pendingChars = computed(() => Math.max(0, source.value.length - visible2.value.length));
+  const caughtUp = computed(() => pendingChars.value === 0);
+  const final = computed(() => done.value && caughtUp.value);
+  if (getCurrentScope()) {
+    onScopeDispose(() => {
+      unsubscribe();
+      controller.destroy();
     });
-    const scrollRootElement = ref(null);
-    let detachScrollHandler = null;
-    let pendingFocusSync = null;
-    const liveRange = reactive({ start: 0, end: 0 });
-    const visibleNodes = computed(() => {
-      if (!virtualizationEnabled.value)
-        return parsedNodes.value.map((node, index2) => ({ node, index: index2 }));
-      const total = parsedNodes.value.length;
-      const start = clamp(liveRange.start, 0, total);
-      const end = clamp(liveRange.end, start, total);
-      return parsedNodes.value.slice(start, end).map((node, idx) => ({
-        node,
-        index: start + idx
-      }));
+  }
+  return {
+    source,
+    visible: visible2,
+    done,
+    final,
+    caughtUp,
+    pendingChars,
+    enqueue: (chunk) => controller.enqueue(chunk),
+    finish: (options2) => controller.finish(options2),
+    flush: () => controller.flush(),
+    reset: (initialMarkdown) => controller.reset(initialMarkdown),
+    pause: () => controller.pause(),
+    resume: () => controller.resume()
+  };
+}
+const MERMAID_PREVIEW_MIN_HEIGHT = 360;
+const MERMAID_PREVIEW_MAX_HEIGHT = 500;
+const INFOGRAPHIC_PREVIEW_MIN_HEIGHT = 360;
+const INFOGRAPHIC_PREVIEW_MAX_HEIGHT = 500;
+function parsePositiveNumber(value) {
+  const numeric = typeof value === "number" ? value : Number.parseFloat(String(value != null ? value : ""));
+  return Number.isFinite(numeric) && numeric > 0 ? numeric : null;
+}
+function getMermaidDiagramKind(code) {
+  var _a2;
+  for (const rawLine of code.split(/\r?\n/)) {
+    const line = rawLine.trim();
+    if (!line || line.startsWith("%%"))
+      continue;
+    const match = line.match(/^([A-Z][\w-]*)\b/i);
+    return ((_a2 = match == null ? void 0 : match[1]) == null ? void 0 : _a2.toLowerCase()) || "";
+  }
+  return "";
+}
+function estimateMermaidPreviewHeight(code) {
+  const meaningfulLines = code.split(/\r?\n/).map((line) => line.trim()).filter((line) => line && !line.startsWith("%%"));
+  const lineCount = Math.max(1, meaningfulLines.length);
+  const kind = getMermaidDiagramKind(code);
+  if (kind === "gantt")
+    return 220 + lineCount * 28;
+  if (kind === "sequencediagram")
+    return 180 + lineCount * 26;
+  if (kind === "classdiagram" || kind === "statediagram" || kind === "erdiagram")
+    return 180 + lineCount * 24;
+  if (kind === "flowchart" || kind === "graph")
+    return 170 + lineCount * 28;
+  return 200 + lineCount * 22;
+}
+function estimateInfographicPreviewHeight(code) {
+  const itemCount = code.split(/\r?\n/).filter((line) => /^\s*-\s+/.test(line)).length;
+  if (itemCount >= 3)
+    return INFOGRAPHIC_PREVIEW_MAX_HEIGHT;
+  if (itemCount > 0)
+    return 280 + itemCount * 60;
+  return INFOGRAPHIC_PREVIEW_MIN_HEIGHT;
+}
+function clampPreviewHeight(height, minHeight = MERMAID_PREVIEW_MIN_HEIGHT, maxHeight = MERMAID_PREVIEW_MAX_HEIGHT) {
+  return maxHeight == null ? Math.max(minHeight, height) : Math.min(Math.max(minHeight, height), maxHeight);
+}
+function clampMermaidPreviewHeight(height, minHeight = MERMAID_PREVIEW_MIN_HEIGHT, maxHeight = MERMAID_PREVIEW_MAX_HEIGHT) {
+  return clampPreviewHeight(height, minHeight, maxHeight);
+}
+function clampInfographicPreviewHeight(height, minHeight = INFOGRAPHIC_PREVIEW_MIN_HEIGHT, maxHeight = INFOGRAPHIC_PREVIEW_MAX_HEIGHT) {
+  return clampPreviewHeight(height, minHeight, maxHeight);
+}
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "NodeRenderer",
+  props: {
+    content: null,
+    nodes: null,
+    final: { type: Boolean },
+    parseOptions: null,
+    customMarkdownIt: null,
+    debugPerformance: { type: Boolean, default: false },
+    customHtmlTags: null,
+    htmlPolicy: null,
+    viewportPriority: { type: Boolean },
+    codeBlockStream: { type: Boolean, default: true },
+    codeBlockDarkTheme: null,
+    codeBlockLightTheme: null,
+    codeBlockMonacoOptions: null,
+    renderCodeBlocksAsPre: { type: Boolean },
+    codeBlockMinWidth: null,
+    codeBlockMaxWidth: null,
+    codeBlockProps: null,
+    mermaidProps: null,
+    d2Props: null,
+    infographicProps: null,
+    showTooltips: { type: Boolean, default: true },
+    themes: null,
+    langs: null,
+    isDark: { type: Boolean },
+    customId: null,
+    indexKey: null,
+    typewriter: { type: Boolean, default: false },
+    fade: { type: Boolean, default: true },
+    smoothStreaming: { type: [Boolean, String], default: "auto" },
+    smoothStreamingOptions: null,
+    batchRendering: { type: Boolean, default: true },
+    initialRenderBatchSize: { default: 40 },
+    renderBatchSize: { default: 80 },
+    renderBatchDelay: { default: 16 },
+    renderBatchBudgetMs: { default: 6 },
+    renderBatchIdleTimeoutMs: { default: 120 },
+    deferNodesUntilVisible: { type: Boolean, default: true },
+    maxLiveNodes: { default: 320 },
+    liveNodeBuffer: { default: 60 }
+  },
+  emits: ["copy", "handleArtifactClick", "click", "mouseover", "mouseout"],
+  setup(__props, { emit }) {
+    var _a2, _b, _c;
+    const props = __props;
+    const MAX_DEFERRED_NODE_COUNT = 900;
+    const MAX_VIEWPORT_OBSERVER_TARGETS = 640;
+    const VIEWPORT_PRIORITY_RECOVERY_COUNT = 200;
+    const containerRef = ref();
+    const viewportPriorityAutoDisabled = ref(false);
+    const SCROLL_PARENT_OVERFLOW_RE = /auto|scroll|overlay/i;
+    const isClient = typeof window !== "undefined";
+    const instance = getCurrentInstance();
+    const debugPerformanceEnabled = computed(() => props.debugPerformance && isClient && typeof console !== "undefined");
+    const attrs = computed(() => {
+      var _a3, _b2;
+      return (_b2 = (_a3 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a3.$attrs) != null ? _b2 : {};
     });
-    const deferNodes = computed(() => {
+    const textStreamState = /* @__PURE__ */ new Map();
+    const streamRenderVersion = ref(0);
+    const smoothStream = useSmoothMarkdownStream(props.smoothStreamingOptions);
+    const resolvedShowTooltips = computed(() => {
       var _a3;
-      if (props.deferNodesUntilVisible === false)
+      if (typeof props.showTooltips === "boolean")
+        return props.showTooltips;
+      const raw = (_a3 = attrs.value.showTooltips) != null ? _a3 : attrs.value["show-tooltips"];
+      if (raw === "" || raw === true || raw === "true")
+        return true;
+      if (raw === false || raw === "false")
         return false;
-      if (((_a3 = props.maxLiveNodes) != null ? _a3 : 0) <= 0)
+      return void 0;
+    });
+    const inheritedHtmlPolicy = inject("markstreamHtmlPolicy", void 0);
+    const inheritedSmoothStreaming = inject("markstreamSmoothStreaming", void 0);
+    const resolvedHtmlPolicy = computed(() => {
+      var _a3, _b2;
+      return (_b2 = (_a3 = props.htmlPolicy) != null ? _a3 : inheritedHtmlPolicy == null ? void 0 : inheritedHtmlPolicy.value) != null ? _b2 : "safe";
+    });
+    provide("markstreamShowTooltips", resolvedShowTooltips);
+    provide("markstreamHtmlPolicy", resolvedHtmlPolicy);
+    provide("markstreamTypewriter", computed(() => props.typewriter === true));
+    provide("markstreamFade", computed(() => props.fade !== false));
+    provide("markstreamTextStreamState", textStreamState);
+    provide("markstreamStreamVersion", streamRenderVersion);
+    const smoothStreamingEligible = computed(() => {
+      var _a3, _b2;
+      if (props.smoothStreaming === false)
         return false;
-      if (virtualizationEnabled.value)
+      if ((_a3 = props.nodes) == null ? void 0 : _a3.length)
         return false;
-      if (parsedNodes.value.length > MAX_DEFERRED_NODE_COUNT)
+      if (props.smoothStreaming !== true && (inheritedSmoothStreaming == null ? void 0 : inheritedSmoothStreaming.value))
         return false;
-      return viewportPriorityEnabled.value;
-    });
-    const incrementalRenderingActive = computed(() => {
-      var _a3;
-      return batchingEnabled.value && ((_a3 = props.maxLiveNodes) != null ? _a3 : 0) <= 0;
+      if (props.smoothStreaming === true)
+        return true;
+      return props.typewriter === true || ((_b2 = props.maxLiveNodes) != null ? _b2 : 0) <= 0;
     });
-    const previousBatchConfig = ref({
-      batchSize: resolvedBatchSize.value,
-      initial: resolvedInitialBatch.value,
-      delay: (_c = props.renderBatchDelay) != null ? _c : 16,
-      enabled: incrementalRenderingActive.value
+    const hasMountedForSmoothStreaming = ref(!isClient || props.smoothStreaming === true);
+    onMounted(() => {
+      hasMountedForSmoothStreaming.value = true;
     });
-    const shouldObserveSlots = computed(() => !!registerNodeVisibility && (deferNodes.value || virtualizationEnabled.value));
-    const liveNodeBufferResolved = computed(() => {
+    const smoothStreamingEnabled = computed(() => hasMountedForSmoothStreaming.value && smoothStreamingEligible.value);
+    provide("markstreamSmoothStreaming", smoothStreamingEnabled);
+    const renderContent = computed(() => {
       var _a3;
-      return Math.max(0, (_a3 = props.liveNodeBuffer) != null ? _a3 : 60);
+      return smoothStreamingEnabled.value ? smoothStream.visible.value : (_a3 = props.content) != null ? _a3 : "";
     });
-    const focusIndex = ref(0);
-    const nodeContentElements = /* @__PURE__ */ new Map();
-    const legacyVue26 = computed(() => {
-      const vm = instance == null ? void 0 : instance.proxy;
-      return isLegacyVue26Vm(vm);
+    const rawContent = computed(() => {
+      var _a3;
+      return (_a3 = props.content) != null ? _a3 : "";
     });
-    const legacyNodesMode = computed(() => legacyVue26.value && !props.content && Array.isArray(props.nodes));
-    const legacyNodeItems = computed(() => {
-      if (!legacyNodesMode.value)
-        return EMPTY_PARSED_NODES;
-      return markRaw(cloneParsedNodeList(props.nodes || []));
+    const smoothSourceSynced = computed(() => {
+      var _a3;
+      return Boolean((_a3 = props.nodes) == null ? void 0 : _a3.length) || smoothStream.source.value === rawContent.value;
     });
-    function syncNodeRefs() {
+    const requestedFinal = computed(() => {
       var _a3, _b2;
-      const proxy = instance == null ? void 0 : instance.proxy;
-      if (!proxy || !proxy.$refs)
-        return;
-      const refs = proxy.$refs;
-      const seen = /* @__PURE__ */ new Set();
-      for (const item of visibleNodes.value) {
-        const slot = resolveTemplateRef(refs[`node-slot-${item.index}`]);
-        const content2 = resolveTemplateRef(refs[`node-content-${item.index}`]);
-        if (((_a3 = nodeSlotElements.get(item.index)) != null ? _a3 : null) !== slot)
-          setNodeSlotElement(item.index, slot);
-        if (((_b2 = nodeContentElements.get(item.index)) != null ? _b2 : null) !== content2)
-          setNodeContentRef(item.index, content2);
-        seen.add(item.index);
-      }
-      for (const index2 of Array.from(nodeSlotElements.keys())) {
-        if (!seen.has(index2))
-          setNodeSlotElement(index2, null);
-      }
-      for (const index2 of Array.from(nodeContentElements.keys())) {
-        if (!seen.has(index2))
-          setNodeContentRef(index2, null);
+      const base = (_a3 = props.parseOptions) != null ? _a3 : {};
+      return (_b2 = props.final) != null ? _b2 : base.final;
+    });
+    const effectiveFinal = computed(() => {
+      const finalRequested = requestedFinal.value;
+      if (smoothStreamingEnabled.value && finalRequested != null) {
+        return Boolean(
+          finalRequested && smoothSourceSynced.value && smoothStream.caughtUp.value
+        );
       }
-    }
+      return finalRequested;
+    });
+    const renderVersionSource = computed(() => {
+      var _a3;
+      if ((_a3 = props.nodes) == null ? void 0 : _a3.length)
+        return props.nodes;
+      return renderContent.value;
+    });
+    watch(
+      [() => props.content, () => props.nodes, smoothStreamingEnabled, requestedFinal],
+      ([content2, nodes, enabled, finalRequested]) => {
+        if (nodes == null ? void 0 : nodes.length) {
+          smoothStream.reset("");
+          return;
+        }
+        const nextContent = content2 != null ? content2 : "";
+        if (!enabled) {
+          smoothStream.reset(nextContent);
+          if (finalRequested)
+            smoothStream.finish({ flush: true });
+          return;
+        }
+        const source = smoothStream.source.value;
+        if (!nextContent) {
+          smoothStream.reset("");
+        } else if (nextContent === source)
+          ;
+        else if (nextContent.startsWith(source)) {
+          smoothStream.enqueue(nextContent.slice(source.length));
+        } else {
+          smoothStream.reset(nextContent);
+        }
+        if (finalRequested)
+          smoothStream.finish();
+      },
+      { immediate: true }
+    );
+    watch(
+      renderVersionSource,
+      () => {
+        streamRenderVersion.value += 1;
+      },
+      { immediate: true }
+    );
+    function logPerf(label, data) {
+      if (!debugPerformanceEnabled.value)
+        return;
+      console.info(`[markstream-vue2][perf] ${label}`, data);
+    }
+    function resolveViewportRoot(node) {
+      if (typeof window === "undefined")
+        return null;
+      const base = node != null ? node : containerRef.value;
+      if (!base)
+        return null;
+      const doc = base.ownerDocument || document;
+      const rootScrollable = doc.scrollingElement || doc.documentElement;
+      let current = base;
+      while (current) {
+        if (current === doc.body || current === rootScrollable)
+          break;
+        const style = window.getComputedStyle(current);
+        const overflowY = (style.overflowY || "").toLowerCase();
+        const overflow = (style.overflow || "").toLowerCase();
+        if (SCROLL_PARENT_OVERFLOW_RE.test(overflowY) || SCROLL_PARENT_OVERFLOW_RE.test(overflow))
+          return current;
+        current = current.parentElement;
+      }
+      return null;
+    }
+    const instanceMsgId = props.customId ? `renderer-${props.customId}` : `renderer-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    const defaultMd = getMarkdown(instanceMsgId);
+    const customTagCache = /* @__PURE__ */ new Map();
+    const EMPTY_PARSED_NODES = markRaw([]);
+    const customComponentsMap = computed(() => {
+      void customComponentsRevision.value;
+      return getCustomNodeComponents(props.customId);
+    });
+    const effectiveCustomHtmlTags = computed(() => {
+      var _a3;
+      return mergeCustomHtmlTags(props.customHtmlTags, (_a3 = props.parseOptions) == null ? void 0 : _a3.customHtmlTags);
+    });
+    const mdBase = computed(() => {
+      const { key, tags } = resolveCustomHtmlTags(effectiveCustomHtmlTags.value);
+      if (!key)
+        return defaultMd;
+      const cached = customTagCache.get(key);
+      if (cached)
+        return cached;
+      const md = getMarkdown(instanceMsgId, { customHtmlTags: tags });
+      customTagCache.set(key, md);
+      return md;
+    });
+    const mdInstance = computed(() => {
+      const base = mdBase.value;
+      return props.customMarkdownIt ? props.customMarkdownIt(base) : base;
+    });
+    function cloneNodeValue(value) {
+      if (Array.isArray(value))
+        return Object.freeze(value.map((item) => cloneNodeValue(item)));
+      if (!value || typeof value !== "object")
+        return value;
+      const output = {};
+      for (const [key, child] of Object.entries(value))
+        output[key] = cloneNodeValue(child);
+      return Object.freeze(output);
+    }
+    function cloneParsedNodeList(nodes) {
+      return nodes.map((node) => cloneNodeValue(node));
+    }
+    const mergedParseOptions = computed(() => {
+      var _a3;
+      const base = (_a3 = props.parseOptions) != null ? _a3 : {};
+      const resolvedFinal = effectiveFinal.value;
+      const merged = effectiveCustomHtmlTags.value;
+      const hasFinal = resolvedFinal != null;
+      const hasCustom = merged.length > 0;
+      if (!hasFinal && !hasCustom)
+        return base;
+      return __spreadValues(__spreadValues(__spreadValues({}, base), hasFinal ? { final: resolvedFinal } : {}), hasCustom ? { customHtmlTags: merged } : {});
+    });
+    const effectiveCustomHtmlTagsSet = computed(() => {
+      var _a3;
+      const arr = (_a3 = mergedParseOptions.value.customHtmlTags) != null ? _a3 : [];
+      return new Set(arr.map((t) => String(t).trim().toLowerCase()).filter(Boolean));
+    });
+    const parsedNodes = computed(() => {
+      var _a3;
+      if (isLegacyVue26Vm(instance == null ? void 0 : instance.proxy) && !props.content && Array.isArray(props.nodes))
+        return EMPTY_PARSED_NODES;
+      if ((_a3 = props.nodes) == null ? void 0 : _a3.length)
+        return markRaw(cloneParsedNodeList(props.nodes));
+      const contentToParse = renderContent.value;
+      if (contentToParse) {
+        const parseStart = debugPerformanceEnabled.value ? performance.now() : 0;
+        const parsed = parseMarkdownToStructure(contentToParse, mdInstance.value, mergedParseOptions.value);
+        if (debugPerformanceEnabled.value) {
+          logPerf("parse(sync)", {
+            ms: Math.round(performance.now() - parseStart),
+            nodes: parsed.length,
+            contentLength: contentToParse.length
+          });
+        }
+        return markRaw(cloneParsedNodeList(parsed));
+      }
+      return [];
+    });
+    const maxLiveNodesResolved = computed(() => {
+      var _a3;
+      return Math.max(1, (_a3 = props.maxLiveNodes) != null ? _a3 : 320);
+    });
+    const virtualizationEnabled = computed(() => {
+      var _a3;
+      if (((_a3 = props.maxLiveNodes) != null ? _a3 : 0) <= 0)
+        return false;
+      return parsedNodes.value.length > maxLiveNodesResolved.value;
+    });
+    const viewportPriorityEnabled = computed(() => {
+      if (props.viewportPriority === false)
+        return false;
+      if (viewportPriorityAutoDisabled.value)
+        return false;
+      return true;
+    });
+    const registerNodeVisibility = provideViewportPriority(
+      (target) => {
+        var _a3;
+        return resolveViewportRoot((_a3 = target != null ? target : containerRef.value) != null ? _a3 : null);
+      },
+      viewportPriorityEnabled
+    );
+    const requestFrame = isClient && typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame.bind(window) : null;
+    const cancelFrame = isClient && typeof window.cancelAnimationFrame === "function" ? window.cancelAnimationFrame.bind(window) : null;
+    const isTestEnv = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" && ((_b = (_a2 = globalThis.process) == null ? void 0 : _a2.env) == null ? void 0 : _b.NODE_ENV) === "test";
+    const hasIdleCallback = isClient && typeof window.requestIdleCallback === "function";
+    const resolvedBatchSize = computed(() => {
+      var _a3;
+      const size = Math.trunc((_a3 = props.renderBatchSize) != null ? _a3 : 80);
+      return Number.isFinite(size) ? Math.max(0, size) : 0;
+    });
+    const resolvedInitialBatch = computed(() => {
+      var _a3;
+      const initial = Math.trunc((_a3 = props.initialRenderBatchSize) != null ? _a3 : resolvedBatchSize.value);
+      if (!Number.isFinite(initial))
+        return resolvedBatchSize.value;
+      return Math.max(0, initial);
+    });
+    const batchingEnabled = computed(() => props.batchRendering !== false && resolvedBatchSize.value > 0 && isClient && !isTestEnv);
+    const renderedCount = ref(0);
+    const previousRenderContext = ref({
+      key: props.indexKey,
+      total: 0
+    });
+    const adaptiveBatchSize = ref(Math.max(1, resolvedBatchSize.value || 1));
+    const nodeVisibilityState = reactive({});
+    const nodeVisibilityHandles = /* @__PURE__ */ new Map();
+    const nodeVisibilityFallbackTimers = /* @__PURE__ */ new Map();
+    const nodeSlotElements = /* @__PURE__ */ new Map();
+    const codeBlockRenderCache = /* @__PURE__ */ new WeakMap();
+    const nodeSlotVersion = ref(0);
+    const sortedNodeSlots = computed(() => {
+      void nodeSlotVersion.value;
+      return Array.from(nodeSlotElements.entries()).sort((a, b) => a[0] - b[0]);
+    });
+    const scrollRootElement = ref(null);
+    let detachScrollHandler = null;
+    let pendingFocusSync = null;
+    const liveRange = reactive({ start: 0, end: 0 });
+    const visibleNodes = computed(() => {
+      if (!virtualizationEnabled.value)
+        return parsedNodes.value.map((node, index2) => ({ node, index: index2 }));
+      const total = parsedNodes.value.length;
+      const start = clamp(liveRange.start, 0, total);
+      const end = clamp(liveRange.end, start, total);
+      return parsedNodes.value.slice(start, end).map((node, idx) => ({
+        node,
+        index: start + idx
+      }));
+    });
+    const deferNodes = computed(() => {
+      var _a3;
+      if (props.deferNodesUntilVisible === false)
+        return false;
+      if (((_a3 = props.maxLiveNodes) != null ? _a3 : 0) <= 0)
+        return false;
+      if (virtualizationEnabled.value)
+        return false;
+      if (parsedNodes.value.length > MAX_DEFERRED_NODE_COUNT)
+        return false;
+      return viewportPriorityEnabled.value;
+    });
+    const incrementalRenderingActive = computed(() => {
+      var _a3;
+      return batchingEnabled.value && ((_a3 = props.maxLiveNodes) != null ? _a3 : 0) <= 0;
+    });
+    const previousBatchConfig = ref({
+      batchSize: resolvedBatchSize.value,
+      initial: resolvedInitialBatch.value,
+      delay: (_c = props.renderBatchDelay) != null ? _c : 16,
+      enabled: incrementalRenderingActive.value
+    });
+    const shouldObserveSlots = computed(() => !!registerNodeVisibility && (deferNodes.value || virtualizationEnabled.value));
+    const liveNodeBufferResolved = computed(() => {
+      var _a3;
+      return Math.max(0, (_a3 = props.liveNodeBuffer) != null ? _a3 : 60);
+    });
+    const focusIndex = ref(0);
+    const nodeContentElements = /* @__PURE__ */ new Map();
+    const legacyVue26 = computed(() => {
+      const vm = instance == null ? void 0 : instance.proxy;
+      return isLegacyVue26Vm(vm);
+    });
+    const legacyNodesMode = computed(() => legacyVue26.value && !props.content && Array.isArray(props.nodes));
+    const legacyNodeItems = computed(() => {
+      if (!legacyNodesMode.value)
+        return EMPTY_PARSED_NODES;
+      return markRaw(cloneParsedNodeList(props.nodes || []));
+    });
+    function syncNodeRefs() {
+      var _a3, _b2;
+      const proxy = instance == null ? void 0 : instance.proxy;
+      if (!proxy || !proxy.$refs)
+        return;
+      const refs = proxy.$refs;
+      const seen = /* @__PURE__ */ new Set();
+      for (const item of visibleNodes.value) {
+        const slot = resolveTemplateRef(refs[`node-slot-${item.index}`]);
+        const content2 = resolveTemplateRef(refs[`node-content-${item.index}`]);
+        if (((_a3 = nodeSlotElements.get(item.index)) != null ? _a3 : null) !== slot)
+          setNodeSlotElement(item.index, slot);
+        if (((_b2 = nodeContentElements.get(item.index)) != null ? _b2 : null) !== content2)
+          setNodeContentRef(item.index, content2);
+        seen.add(item.index);
+      }
+      for (const index2 of Array.from(nodeSlotElements.keys())) {
+        if (!seen.has(index2))
+          setNodeSlotElement(index2, null);
+      }
+      for (const index2 of Array.from(nodeContentElements.keys())) {
+        if (!seen.has(index2))
+          setNodeContentRef(index2, null);
+      }
+    }
     function resolveTemplateRef(value) {
       if (Array.isArray(value)) {
         for (const item of value) {
@@ -4784,12 +5414,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         clearVisibilityFallback(index2);
       cleanupScrollListener();
       cancelScheduledFocusSync();
+      clearTypewriterCursorTimeout();
     });
     function CodeBlockNodeAsync() {
       return __async(this, null, function* () {
         var _a3;
         try {
-          const mod2 = yield import("./chunks/index-2a7bea2c.js");
+          const mod2 = yield import("./chunks/index-754b8598.js");
           return (_a3 = mod2.default) != null ? _a3 : mod2;
         } catch (e) {
           console.warn(
@@ -4843,7 +5474,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     function loadMermaidBlockNode() {
       if (mermaidBlockNodeComponent.value || mermaidBlockNodeImport)
         return;
-      mermaidBlockNodeImport = import("./chunks/index-e0a22210.js").then((mod2) => {
+      mermaidBlockNodeImport = import("./chunks/index-6ae3630b.js").then((mod2) => {
         var _a3;
         return (_a3 = mod2.default) != null ? _a3 : mod2;
       }).then((component) => {
@@ -4903,7 +5534,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     function loadInfographicBlockNode() {
       if (infographicBlockNodeComponent.value || infographicBlockNodeImport)
         return;
-      infographicBlockNodeImport = import("./chunks/index-292bb72c.js").then((mod2) => {
+      infographicBlockNodeImport = import("./chunks/index-40b64c02.js").then((mod2) => {
         var _a3;
         return (_a3 = mod2.default) != null ? _a3 : mod2;
       }).then((component) => {
@@ -4975,6 +5606,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       // 例如:custom_node: CustomNode,
     };
     const indexPrefix = computed(() => props.indexKey != null ? String(props.indexKey) : "markdown-renderer");
+    const codeBlockExtraProps = computed(() => getCodeBlockExtraProps(props.codeBlockProps));
+    const builtinCodeBlockExtraProps = computed(
+      () => getCodeBlockExtraProps(props.codeBlockProps, { omit: ["langs"] })
+    );
     const codeBlockBindings = computed(() => __spreadValues(__spreadValues({
       // streaming behavior control for CodeBlockNode
       stream: props.codeBlockStream,
@@ -4984,14 +5619,19 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       themes: props.themes,
       minWidth: props.codeBlockMinWidth,
       maxWidth: props.codeBlockMaxWidth
-    }, typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}), props.codeBlockProps || {}));
+    }, typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}), builtinCodeBlockExtraProps.value));
+    const customCodeBlockBindings = computed(() => __spreadValues(__spreadProps(__spreadValues({}, codeBlockBindings.value), {
+      langs: props.langs
+    }), codeBlockExtraProps.value));
     const mermaidBindings = computed(() => __spreadValues({}, props.mermaidProps || {}));
     const d2Bindings = computed(() => __spreadValues({}, props.d2Props || {}));
     const infographicBindings = computed(() => __spreadValues({}, props.infographicProps || {}));
     const nonCodeBindings = computed(() => ({
       // Forward `typewriter` flag to non-code node components so they can
-      // opt in/out of enter transitions or other typewriter-like behaviour.
+      // opt in/out of typewriter cursor behavior.
       typewriter: props.typewriter,
+      // Forward `fade` flag to non-code node components for enter animations.
+      fade: props.fade,
       // Forward customHtmlTags for non-whitelisted tag detection in child components
       customHtmlTags: mergedParseOptions.value.customHtmlTags,
       htmlPolicy: resolvedHtmlPolicy.value
@@ -5019,20 +5659,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 });
               }
             } else if (shouldRenderUnknownHtmlTagAsText((_b2 = node.content) != null ? _b2 : node.raw, tag)) {
-              const rawContent = String((_d = (_c2 = node.content) != null ? _c2 : node.raw) != null ? _d : "");
+              const rawContent2 = String((_d = (_c2 = node.content) != null ? _c2 : node.raw) != null ? _d : "");
               if (node.type === "html_inline") {
                 component = TextNode;
                 resolvedNode = {
                   type: "text",
-                  content: rawContent,
-                  raw: rawContent
+                  content: rawContent2,
+                  raw: rawContent2
                 };
               } else {
                 component = ParagraphNode;
                 resolvedNode = {
                   type: "paragraph",
-                  children: [{ type: "text", content: rawContent, raw: rawContent }],
-                  raw: rawContent
+                  children: [{ type: "text", content: rawContent2, raw: rawContent2 }],
+                  raw: rawContent2
                 };
               }
             }
@@ -5041,7 +5681,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return {
           node: resolvedNode,
           component,
-          bindings: getBindingsFor(resolvedNode, language),
+          bindings: getBindingsFor(resolvedNode, language, component),
           isCodeBlock: resolvedNode.type === "code_block",
           index: index2,
           indexKey: `${indexPrefix.value}-${index2}`,
@@ -5075,20 +5715,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 });
               }
             } else if (shouldRenderUnknownHtmlTagAsText((_b2 = node.content) != null ? _b2 : node.raw, tag)) {
-              const rawContent = String((_d = (_c2 = node.content) != null ? _c2 : node.raw) != null ? _d : "");
+              const rawContent2 = String((_d = (_c2 = node.content) != null ? _c2 : node.raw) != null ? _d : "");
               if (node.type === "html_inline") {
                 component = TextNode;
                 node = {
                   type: "text",
-                  content: rawContent,
-                  raw: rawContent
+                  content: rawContent2,
+                  raw: rawContent2
                 };
               } else {
                 component = ParagraphNode;
                 node = {
                   type: "paragraph",
-                  children: [{ type: "text", content: rawContent, raw: rawContent }],
-                  raw: rawContent
+                  children: [{ type: "text", content: rawContent2, raw: rawContent2 }],
+                  raw: rawContent2
                 };
               }
             }
@@ -5097,7 +5737,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return __spreadProps(__spreadValues({}, item), {
           node,
           component,
-          bindings: getBindingsFor(node, language),
+          bindings: getBindingsFor(node, language, component),
           isCodeBlock: node.type === "code_block",
           indexKey: `${indexPrefix.value}-${item.index}`,
           renderKey: getRenderKey(node, item.index)
@@ -5129,6 +5769,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       var _a3;
       return (node == null ? void 0 : node.type) === "code_block" ? String((_a3 = node.language) != null ? _a3 : "").trim().toLowerCase() : "";
     }
+    function getCustomCodeLanguageComponent(customComponents, language) {
+      const raw = language.trim().toLowerCase();
+      if (!raw)
+        return void 0;
+      for (const key of [raw, normalizeLanguageIdentifier(raw), normalizeShikiLanguage(raw)]) {
+        const component = key && customComponents[key];
+        if (component)
+          return component;
+      }
+      return void 0;
+    }
     function isLegacyStructuredNode(node) {
       if (!node)
         return false;
@@ -5197,7 +5848,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       const customForType = customComponents[String(node.type)];
       if (node.type === "code_block") {
         const lang = language != null ? language : getCodeBlockLanguage(node);
-        const customForLanguage = lang ? customComponents[lang] : void 0;
+        const customForLanguage = lang ? getCustomCodeLanguageComponent(customComponents, lang) : void 0;
         if (customForLanguage)
           return customForLanguage;
         if (lang === "mermaid") {
@@ -5223,8 +5874,25 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return customForType;
       return nodeComponents[String(node.type)] || FallbackComponent;
     }
-    function getBindingsFor(node, language) {
+    function isCustomCodeBlockComponent(component) {
+      return Boolean(component && component === customComponentsMap.value.code_block);
+    }
+    function isCustomLanguageCodeBlockComponent(component, language) {
+      return Boolean(component && language && component === getCustomCodeLanguageComponent(customComponentsMap.value, language));
+    }
+    function getBindingsFor(node, language, component) {
       const lang = language != null ? language : getCodeBlockLanguage(node);
+      if (node.type === "code_block" && isCustomLanguageCodeBlockComponent(component, lang)) {
+        if (lang === "mermaid")
+          return getMermaidBindingsFor(node);
+        if (lang === "infographic")
+          return getInfographicBindingsFor(node);
+        if (lang === "d2" || lang === "d2lang")
+          return d2Bindings.value;
+        return customCodeBlockBindings.value;
+      }
+      if (node.type === "code_block" && isCustomCodeBlockComponent(component))
+        return customCodeBlockBindings.value;
       if (lang === "mermaid")
         return getMermaidBindingsFor(node);
       if (lang === "infographic")
@@ -5246,435 +5914,257 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (!target)
         return;
       emit("mouseover", event);
-    }
-    function handleContainerMouseout(event) {
-      var _a3;
-      const target = (_a3 = event.target) == null ? void 0 : _a3.closest("[data-node-index]");
-      if (!target)
-        return;
-      emit("mouseout", event);
-    }
-    return { __sfc: true, props, emit, MAX_DEFERRED_NODE_COUNT, MAX_VIEWPORT_OBSERVER_TARGETS, VIEWPORT_PRIORITY_RECOVERY_COUNT, containerRef, viewportPriorityAutoDisabled, SCROLL_PARENT_OVERFLOW_RE, isClient, instance, debugPerformanceEnabled, attrs, textStreamState, streamRenderVersion, resolvedShowTooltips, inheritedHtmlPolicy, resolvedHtmlPolicy, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, customComponentsMap, effectiveCustomHtmlTags, mdBase, mdInstance, cloneNodeValue, cloneParsedNodeList, mergedParseOptions, effectiveCustomHtmlTagsSet, parsedNodes, maxLiveNodesResolved, virtualizationEnabled, viewportPriorityEnabled, registerNodeVisibility, requestFrame, cancelFrame, isTestEnv, hasIdleCallback, resolvedBatchSize, resolvedInitialBatch, batchingEnabled, renderedCount, previousRenderContext, adaptiveBatchSize, nodeVisibilityState, nodeVisibilityHandles, nodeVisibilityFallbackTimers, nodeSlotElements, codeBlockRenderCache, nodeSlotVersion, sortedNodeSlots, scrollRootElement, detachScrollHandler, pendingFocusSync, liveRange, visibleNodes, deferNodes, incrementalRenderingActive, previousBatchConfig, shouldObserveSlots, liveNodeBufferResolved, focusIndex, nodeContentElements, legacyVue26, legacyNodesMode, legacyNodeItems, syncNodeRefs, resolveTemplateRef, desiredRenderedCount, resolveScrollContainer, isReverseFlexScrollRoot, getNormalizedScrollTop, getOffsetTopWithinRoot, cleanupScrollListener, setupScrollListener, cancelScheduledFocusSync, scheduleFocusSync, syncFocusToScroll, clamp, updateLiveRange, nodeHeights, heightStats, heightTreeSize, heightSumTree, heightKnownTree, resetHeightMeasurements, pruneHeightMeasurements, fenwickUpdate, fenwickQuery, fenwickRangeSum, rebuildHeightTrees, recordNodeHeight, averageNodeHeight, estimateHeightRange, topSpacerHeight, bottomSpacerHeight, estimateIndexForOffset, estimateIndexForOffsetFromEnd, cleanupNodeVisibility, markNodeVisible, shouldRenderNode, destroyNodeHandle, setNodeSlotElement, bumpNodeSlotVersion, setNodeContentRef, batchRaf, batchTimeout, batchPending, pendingIncrement, batchIdle, VIEWPORT_FALLBACK_DELAY, VIEWPORT_FALLBACK_MARGIN_PX, cancelBatchTimers, clearVisibilityFallback, scheduleVisibilityFallback, autoDisableViewportPriority, scheduleBatch, queueNextBatch, adjustAdaptiveBatchSize, CodeBlockNodeAsync, MermaidBlockNodeLoading, mermaidBlockNodeComponent, mermaidBlockNodeImport, loadMermaidBlockNode, resolveMermaidBlockNodeComponent, InfographicBlockNodeLoading, infographicBlockNodeComponent, infographicBlockNodeImport, loadInfographicBlockNode, resolveInfographicBlockNodeComponent, D2BlockNodeAsync, codeBlockComponent, nodeComponents, indexPrefix, codeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getCodeBlockLanguage, isLegacyStructuredNode, getRenderKey, getMermaidBindingsFor, getInfographicBindingsFor, getNodeComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, LegacyNodesRenderer };
-  }
-});
-const NodeRenderer_vue_vue_type_style_index_0_scoped_f972faa5_lang = "";
-const NodeRenderer_vue_vue_type_style_index_1_lang = "";
-var _sfc_render$d = function render33() {
-  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("div", { ref: "containerRef", staticClass: "markstream-vue2 markdown-renderer", class: [{ dark: _setup.props.isDark }, { virtualized: _setup.virtualizationEnabled }], attrs: { "data-custom-id": _setup.props.customId }, on: { "click": _setup.handleContainerClick, "mouseover": _setup.handleContainerMouseover, "mouseout": _setup.handleContainerMouseout } }, [_setup.legacyNodesMode ? _vm._l(_setup.legacyRenderedItems, function(item) {
-    return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.typewriter !== false ? _c("transition", { attrs: { "name": "typewriter", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
-    }, "handle-artifact-click": function($event) {
-      return _setup.emit("handleArtifactClick", $event);
-    } } }, "component", item.bindings, false))], 1) : _c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
-    }, "handle-artifact-click": function($event) {
-      return _setup.emit("handleArtifactClick", $event);
-    } } }, "component", item.bindings, false))], 1)]);
-  }) : _setup.legacyStructuredContentMode ? _c(_setup.LegacyNodesRenderer, { attrs: { "nodes": _setup.parsedNodes, "custom-id": _setup.props.customId, "index-key": _setup.props.indexKey, "typewriter": _setup.props.typewriter, "show-tooltips": _setup.props.showTooltips, "code-block-stream": _setup.props.codeBlockStream, "code-block-dark-theme": _setup.props.codeBlockDarkTheme, "code-block-light-theme": _setup.props.codeBlockLightTheme, "code-block-monaco-options": _setup.props.codeBlockMonacoOptions, "render-code-blocks-as-pre": _setup.props.renderCodeBlocksAsPre, "code-block-min-width": _setup.props.codeBlockMinWidth, "code-block-max-width": _setup.props.codeBlockMaxWidth, "code-block-props": _setup.props.codeBlockProps, "themes": _setup.props.themes, "is-dark": _setup.props.isDark, "custom-html-tags": _setup.mergedParseOptions.customHtmlTags, "html-policy": _setup.resolvedHtmlPolicy }, on: { "copy": function($event) {
-    return _setup.emit("copy", $event);
-  }, "handle-artifact-click": function($event) {
-    return _setup.emit("handleArtifactClick", $event);
-  } } }) : [_setup.virtualizationEnabled ? _c("div", { staticClass: "node-spacer", style: { height: `${_setup.topSpacerHeight}px` }, attrs: { "aria-hidden": "true" } }) : _vm._e(), _vm._l(_setup.renderedItems, function(item) {
-    var _a2;
-    return _c("div", { key: item.renderKey, ref: `node-slot-${item.index}`, refInFor: true, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_setup.shouldRenderNode(item.index) ? _c("div", { ref: `node-content-${item.index}`, refInFor: true, staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.typewriter !== false ? _c("transition", { attrs: { "name": "typewriter", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
-    }, "handle-artifact-click": function($event) {
-      return _setup.emit("handleArtifactClick", $event);
-    } } }, "component", item.bindings, false))], 1) : _c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
-    }, "handle-artifact-click": function($event) {
-      return _setup.emit("handleArtifactClick", $event);
-    } } }, "component", item.bindings, false))], 1) : _c("div", { staticClass: "node-placeholder", style: { height: `${(_a2 = _setup.nodeHeights[item.index]) != null ? _a2 : _setup.averageNodeHeight}px` } })]);
-  }), _setup.virtualizationEnabled ? _c("div", { staticClass: "node-spacer", style: { height: `${_setup.bottomSpacerHeight}px` }, attrs: { "aria-hidden": "true" } }) : _vm._e()]], 2);
-};
-var _sfc_staticRenderFns$d = [];
-var __component__$d = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$d,
-  _sfc_render$d,
-  _sfc_staticRenderFns$d,
-  false,
-  null,
-  "f972faa5",
-  null,
-  null
-);
-const NodeRenderer = __component__$d.exports;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "AdmonitionNode",
-  props: {
-    node: null,
-    indexKey: null,
-    isDark: { type: Boolean },
-    typewriter: { type: Boolean },
-    customId: null
-  },
-  emits: ["copy"],
-  setup(__props, { emit }) {
-    var _a2;
-    const props = __props;
-    const iconMap = {
-      note: "ℹ️",
-      info: "ℹ️",
-      tip: "💡",
-      warning: "⚠️",
-      danger: "❗",
-      // 'error' is a common alias for 'danger' in some markdown flavors
-      error: "⛔",
-      caution: "⚠️"
-    };
-    const displayTitle = computed(() => {
-      if (props.node.title && props.node.title.trim().length)
-        return props.node.title;
-      const k = props.node.kind || "note";
-      return k.charAt(0).toUpperCase() + k.slice(1);
-    });
-    const collapsed = ref(props.node.collapsible ? !((_a2 = props.node.open) != null ? _a2 : true) : false);
-    function toggleCollapse() {
-      if (!props.node.collapsible)
-        return;
-      collapsed.value = !collapsed.value;
-    }
-    const headerId = `admonition-${Math.random().toString(36).slice(2, 9)}`;
-    const instance = getCurrentInstance();
-    const nestedRenderer = computed(() => {
-      const vm = instance == null ? void 0 : instance.proxy;
-      return isLegacyVue26Vm(vm) ? LegacyNodesRenderer : NodeRenderer;
-    });
-    return { __sfc: true, props, emit, iconMap, displayTitle, collapsed, toggleCollapse, headerId, instance, nestedRenderer };
-  }
-});
-const AdmonitionNode_vue_vue_type_style_index_0_scoped_f9c1d6b9_lang = "";
-var _sfc_render$c = function render34() {
-  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("div", { staticClass: "admonition", class: [`admonition-${_setup.props.node.kind}`, _setup.props.isDark ? "is-dark" : ""] }, [_c("div", { staticClass: "admonition-header", attrs: { "id": _setup.headerId } }, [_setup.iconMap[_setup.props.node.kind] ? _c("span", { staticClass: "admonition-icon" }, [_vm._v(_vm._s(_setup.iconMap[_setup.props.node.kind]))]) : _vm._e(), _c("span", { staticClass: "admonition-title" }, [_vm._v(_vm._s(_setup.displayTitle))]), _setup.props.node.collapsible ? _c("button", { staticClass: "admonition-toggle", attrs: { "aria-expanded": !_setup.collapsed, "aria-controls": `${_setup.headerId}-content`, "title": _setup.collapsed ? "Expand" : "Collapse" }, on: { "click": _setup.toggleCollapse } }, [_setup.collapsed ? _c("span", [_vm._v("▶")]) : _c("span", [_vm._v("▼")])]) : _vm._e()]), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.collapsed, expression: "!collapsed" }], staticClass: "admonition-content", attrs: { "id": `${_setup.headerId}-content`, "aria-labelledby": _setup.headerId } }, [_c(_setup.nestedRenderer, { tag: "component", attrs: { "index-key": `admonition-${_vm.indexKey}`, "nodes": _setup.props.node.children, "custom-id": _setup.props.customId, "typewriter": _setup.props.typewriter }, on: { "copy": function($event) {
-    return _setup.emit("copy", $event);
-  } } })], 1)]);
-};
-var _sfc_staticRenderFns$c = [];
-var __component__$c = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$c,
-  _sfc_render$c,
-  _sfc_staticRenderFns$c,
-  false,
-  null,
-  "f9c1d6b9",
-  null,
-  null
-);
-const AdmonitionNode = __component__$c.exports;
-let isPreload = false;
-function preload(m) {
-  return __async(this, null, function* () {
-    if (isPreload)
-      return;
-    isPreload = true;
-    const existingEnv = globalThis == null ? void 0 : globalThis.MonacoEnvironment;
-    if (existingEnv && (typeof existingEnv.getWorker === "function" || typeof existingEnv.getWorkerUrl === "function"))
-      return;
-    return m.preloadMonacoWorkers();
-  });
-}
-let mod = null;
-let importAttempted = false;
-function warmupShikiTokenizer(m) {
-  return __async(this, null, function* () {
-    const getOrCreateHighlighter = m == null ? void 0 : m.getOrCreateHighlighter;
-    if (typeof getOrCreateHighlighter !== "function")
-      return true;
-    try {
-      const highlighter = yield getOrCreateHighlighter(
-        ["vitesse-dark", "vitesse-light"],
-        ["plaintext", "text", "javascript"]
-      );
-      if (highlighter && typeof highlighter.codeToTokens === "function") {
-        highlighter.codeToTokens("const a = 1", { lang: "javascript", theme: "vitesse-dark" });
-      }
-      return true;
-    } catch (err) {
-      console.warn("[markstream-vue2] Failed to warm up Shiki tokenizer; disabling stream-monaco for this session.", err);
-      return false;
-    }
-  });
-}
-function getUseMonaco() {
-  return __async(this, null, function* () {
-    var _a2;
-    if (mod)
-      return mod;
-    if (importAttempted)
-      return null;
-    try {
-      const imported = yield import("./chunks/index.legacy-010f0006.js").then((n) => n.i);
-      mod = (_a2 = imported == null ? void 0 : imported.default) != null ? _a2 : imported;
-      yield preload(mod);
-      const ok = yield warmupShikiTokenizer(mod);
-      if (!ok) {
-        mod = null;
-        importAttempted = true;
-        return null;
-      }
-      return mod;
-    } catch (e) {
-      importAttempted = true;
-      return null;
-    }
-  });
-}
-const CIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="m 4.0559072,12.951629 c 2.7459832,2.734744 7.1981158,2.734744 9.9441188,0 l -1.789955,-1.782586 c -1.75742,1.750224 -4.6067879,1.750224 -6.3642294,0 -1.7574416,-1.7502236 -1.7574416,-4.587893 0,-6.338097 1.7574415,-1.750224 4.6068094,-1.750224 6.3642294,0 l 0.894977,-0.8912929 0.894978,-0.891293 c -2.746003,-2.73472867 -7.1981359,-2.73472867 -9.944119,0 -2.7459858,2.7347089 -2.7459858,7.1685599 2e-7,9.9032689 z" clip-rule="evenodd" />\n</svg>\n';
-const CppIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="m 2.5559121,12.951629 c 2.7459832,2.734744 7.1981158,2.734744 9.9441189,0 l -1.789955,-1.782586 c -1.7574201,1.750224 -4.606788,1.750224 -6.3642295,0 -1.7574416,-1.7502236 -1.7574416,-4.587893 0,-6.338097 1.7574415,-1.750224 4.6068094,-1.750224 6.3642295,0 l 0.894977,-0.8912929 0.894978,-0.891293 c -2.7460031,-2.73472867 -7.198136,-2.73472867 -9.9441191,0 -2.74598585,2.7347089 -2.74598585,7.1685599 2e-7,9.9032689 z" clip-rule="evenodd" />\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="M7.5 6v4M5.513524 7.9999996H9.51304M13.486476 5.9999996v4M11.5 7.9999992h3.999516" />\n</svg>\n';
-const CsharpIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" d="m 6.665625,1.0107144 c 0.54375,0.090628 0.9125,0.6062693 0.821875,1.1500367 L 7.18125,3.9983098 h 2.971875 L 10.5125,1.8326156 c 0.09063,-0.5437673 0.60625,-0.9125291 1.15,-0.8219012 0.54375,0.090628 0.9125,0.6062693 0.821875,1.1500367 L 12.18125,3.9983098 H 14 c 0.553125,0 1,0.4468892 1,1.0000319 0,0.5531426 -0.446875,1.0000319 -1,1.0000319 H 11.846875 L 11.18125,9.9985013 H 13 c 0.553125,0 1,0.4468897 1,1.0000317 0,0.553143 -0.446875,1.000032 -1,1.000032 H 10.846875 L 10.4875,14.164259 c -0.09063,0.543768 -0.60625,0.912529 -1.15,0.821902 -0.54375,-0.09063 -0.9125,-0.60627 -0.821875,-1.150037 l 0.30625,-1.834434 h -2.975 L 5.4875,14.167384 c -0.090625,0.543768 -0.60625,0.91253 -1.15,0.821902 C 3.79375,14.898658 3.425,14.383016 3.515625,13.839249 L 3.81875,11.998565 H 2 c -0.553125,0 -1,-0.446889 -1,-1.000032 C 1,10.445391 1.446875,9.9985013 2,9.9985013 H 4.153125 L 4.81875,5.9983736 H 3 c -0.553125,0 -1,-0.4468893 -1,-1.0000319 C 2,4.445199 2.446875,3.9983098 3,3.9983098 H 5.153125 L 5.5125,1.8326156 C 5.603125,1.2888483 6.11875,0.9200865 6.6625,1.0107144 Z M 6.846875,5.9983736 6.18125,9.9985013 H 9.153125 L 9.81875,5.9983736 Z" />\n</svg>\n';
-const CssIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#ca9ee6" stroke-linecap="round" stroke-linejoin="round">\n    <path d="m4 1.5h8c1.38 0 2.5 1.12 2.5 2.5v8c0 1.38-1.12 2.5-2.5 2.5h-8c-1.38 0-2.5-1.12-2.5-2.5v-8c0-1.38 1.12-2.5 2.5-2.5z" />\n    <path stroke-width=".814" d="m 10.240861,11.529149 c 0,0.58011 0.437448,1.039154 0.96002,1.035371 l 0.451635,-0.0032 c 0.522572,-0.0036 0.949379,-0.451477 0.949379,-1.032848 0,-0.581372 -0.426807,-1.065638 -0.949379,-1.065638 l -0.451635,3.4e-5 c -0.522572,3.9e-5 -0.949379,-0.4855273 -0.949379,-1.0656374 0,-0.5801104 0.426807,-1.0378931 0.949379,-1.0378931 l 0.451635,2.825e-4 c 0.522572,3.267e-4 0.951743,0.4577827 0.951743,1.0378931 M 6.8003972,11.529149 c 0,0.58011 0.4374474,1.039154 0.9600196,1.035371 l 0.46464,-0.0032 c 0.5225722,-0.0035 0.9363738,-0.451477 0.9363738,-1.031587 0,-0.580111 -0.4090724,-1.065638 -0.9316446,-1.065638 l -0.4693692,3.4e-5 c -0.5225722,3.8e-5 -0.949379,-0.4855272 -0.949379,-1.0656373 0,-0.5801104 0.4268068,-1.0378931 0.949379,-1.0378931 h 0.4516348 c 0.5225722,0 0.9635665,0.4577827 0.9635665,1.0378931 M 3.4072246,11.529149 c 0,0.58011 0.4374474,1.051765 0.9600196,1.051765 H 4.818879 c 0.5225722,0 0.949379,-0.456521 0.949379,-1.037893 m 0.01129,-2.1312747 c 0,-0.5801103 -0.4374474,-1.037893 -0.9600196,-1.037893 L 4.3678939,8.3741358 C 3.8453217,8.3744624 3.4078743,8.8420074 3.4078743,9.4233788 v 2.1186642" />\n  </g>\n</svg>\n';
-const GoIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#85c1dc" stroke-linecap="round" stroke-linejoin="round" d="m15.48 8.06-4.85.48m4.85-.48a4.98 4.98 0 01-4.54 5.42 5 5 0 112.95-8.66l-1.7 1.84a2.5 2.5 0 00-4.18 2.06c.05.57.3 1.1.69 1.51.25.27 1 .83 1.78.82.8-.02 1.58-.25 2.07-.81 0 0 .8-.96.68-1.88M2.5 8.5l-2 .01m1.5 2h1.5m-2-3.99 2-.02" />\n</svg>\n';
-const HtmlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#ef9f76" d="M1.5 1.5h13L13 13l-5 2-5-2z" />\n    <path stroke="#c6d0f5" d="M11 4.5H5l.25 3h5.5l-.25 3-2.5 1-2.5-1-.08-1" />\n  </g>\n</svg>\n';
-const JavaIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#c6d0f5" d="M10.73 8.41c.57 3 1.59 5.83 2.77 7.09-6.63-3.45-9.76-1.75-10.5 0-.66-3.4-.54-5.74.09-7.78" />\n    <path stroke="#e78284" d="M8.5 7c.63.34 1.82 1.07 2.24 1.41-.54-2.9-.64-5.96-.74-7.91-2.13.58-5.73 1.98-6.9 7.22.52-.69 1.72-1.05 2.4-1.22" />\n    <path stroke="#e78284" d="M5.5 7A1.5 1.5 0 007 8.5 1.5 1.5 0 008.5 7 1.5 1.5 0 007 5.5 1.5 1.5 0 005.5 7" />\n  </g>\n</svg>\n';
-const JsxReactIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#99d1db" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M8 10.8c4.14 0 7.5-1.25 7.5-2.8S12.14 5.2 8 5.2.5 6.45.5 8s3.36 2.8 7.5 2.8" />\n    <path d="M5.52 9.4c2.07 3.5 4.86 5.72 6.23 4.95 1.37-.78.8-4.24-1.27-7.75C8.41 3.1 5.62.88 4.25 1.65c-1.37.78-.8 4.24 1.27 7.75" />\n    <path d="M5.52 6.6c-2.07 3.5-2.64 6.97-1.27 7.75 1.37.77 4.16-1.45 6.23-4.95s2.64-6.97 1.27-7.75C10.38.88 7.59 3.1 5.52 6.6" />\n    <path d="M8.5 8a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />\n  </g>\n</svg>\n';
-const JsIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#e5c890" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M4.5 11c0 .828427.6715729 1.5 1.5 1.5.8284271 0 1.5-.671573 1.5-1.5V7.5M12.5 8.75C12.5 8.05964406 11.9627417 7.5 11.3 7.5L10.7 7.5C10.0372583 7.5 9.5 8.05964406 9.5 8.75 9.5 9.44035594 10.0372583 10 10.7 10L11.3 10C11.9627417 10 12.5 10.5596441 12.5 11.25 12.5 11.9403559 11.9627417 12.5 11.3 12.5L10.7 12.5C10.0372583 12.5 9.5 11.9403559 9.5 11.25" />\n    <path d="m 4,1.5 h 8 c 1.385,0 2.5,1.115 2.5,2.5 v 8 c 0,1.385 -1.115,2.5 -2.5,2.5 H 4 C 2.615,14.5 1.5,13.385 1.5,12 V 4 C 1.5,2.615 2.615,1.5 4,1.5 Z" />\n  </g>\n</svg>\n';
-const JsonIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e5c890" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2 .83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1" />\n</svg>\n';
-const KotlinIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#ca9ee6" d="M2.5 13.5h11L8 8" />\n    <path stroke="#ef9f76" d="M8.03 2.5h5.47l-8 8" />\n    <path stroke="#e78284" d="M2.5 13.5V8" />\n    <path stroke="#85c1dc" d="M8 2.5H2.5V8l3-2.5" />\n  </g>\n</svg>\n';
-const MarkdownIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#85c1dc" stroke-linecap="round" stroke-linejoin="round" d="m9.25 8.25 2.25 2.25 2.25-2.25M3.5 11V5.5l2.04 3 1.96-3V11m4-.5V5M1.65 2.5h12.7c.59 0 1.15.49 1.15 1v9c0 .51-.56 1-1.15 1H1.65c-.59 0-1.15-.49-1.15-1V3.58c0-.5.56-1.08 1.15-1.08" />\n</svg>\n';
-const MermaidIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#ca9ee6" stroke-linecap="round" stroke-linejoin="round" d="M1.5 2.5c0 6 2.25 5.75 4 7 .83.67 1.17 2 1 4h3c-.17-2 .17-3.33 1-4 1.75-1.25 4-1 4-7C12 2.5 10 3 8 7 6 3 4 2.5 1.5 2.5" />\n</svg>\n';
-const PhpIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round" d="M0.5,12.5 L0.5,13.24 C0.5,14 1.27360724,14.5 2,14.5 C2.9375516,14.5 3.5,14 3.5,13.2445661 L3.5,6.00089968 C3.5,4.28551107 4.99401107,2.52263547 7.14960413,2.5 C9.49387886,2.5 11,4.0579782 11,5.5 C11.1657296,8.48962302 9.57820404,9.63684469 7.49621582,10.5 L7.49621582,14.5 L15.4979764,14.5 L15.4979764,9 C15.5394484,8.36478228 14.9387379,7.15595371 14.1308258,6.5 C13.1942239,5.80827275 12.0584852,5.50253264 11,5.5 M11.5,14.5 L11.5,11.5 M6,6.5 C6.27614237,6.5 6.5,6.27614237 6.5,6 C6.5,5.72385763 6.27614237,5.5 6,5.5 C5.72385763,5.5 5.5,5.72385763 5.5,6 C5.5,6.27614237 5.72385763,6.5 6,6.5 Z" />\n</svg>\n';
-const PythonIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke-linecap="round" stroke-linejoin="round">\n    <path stroke="#8caaee" d="M8.5 5.5h-3m6 0V3c0-.8-.7-1.5-1.5-1.5H7c-.8 0-1.5.7-1.5 1.5v2.5H3c-.8 0-1.5.7-1.5 1.5v2c0 .8.7 1.5 1.48 1.5" />\n    <path stroke="#e5c890" d="M10.5 10.5h-3m-3 0V13c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5v-2.5H13c.8 0 1.5-.7 1.5-1.5V7c0-.8-.7-1.5-1.48-1.5H11.5c0 1.5 0 2-1 2h-2" />\n    <path stroke="#8caaee" d="M2.98 10.5H4.5c0-1.5 0-2 1-2h2M7.5 3.5v0" />\n    <path stroke="#e5c890" d="m 8.5,12.5 v 0" />\n  </g>\n</svg>\n';
-const RubyIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e78284" stroke-linecap="round" stroke-linejoin="round" d="M1.5 9.06v2.5c.02.86.36 1.61.9 2.15 1.76 1.76 5.71.65 8.84-2.47 3.12-3.13 4.23-7.08 2.47-8.84a3.1 3.1 0 00-2.15-.9h-2.5M14.5 4l-.25 10.25L4 14.5m4.39-6.11c2.34-2.35 3.29-5.2 2.12-6.37S6.49 1.8 4.14 4.14C1.8 6.5.85 9.34 2.02 10.51s4.02.22 6.37-2.12M5.5 14.5l.25-3.75L11 11l-.25-5.25 3.75-.25" />\n</svg>\n';
-const RustIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#ef9f76" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M15.5 9.5Q8 13.505.5 9.5l1-1-1-2 2-.5V4.5h2l.5-2 1.5 1 1.5-2 1.5 2 1.5-1 .5 2h2V6l2 .5-1 2z" />\n    <path d="M6.5 7.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1M4 11.02c-.67.37-1.5.98-1.5 2.23s1.22 1.22 2 1.25v-2M12 11c.67.37 1.5 1 1.5 2.25s-1.22 1.22-2 1.25v-2" />\n  </g>\n</svg>\n';
-const SassIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#f4b8e4" stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.38c1.85 1.07 3.35.74 4.83-.2 1.5-.95 2.7-2.78 1.3-4.15-.7-.68-3.25-.8-5.62.19-2.36.99-4.59 3.02-4.74 4.11-.31 2.19 3.15 2.88 3.64 4.23s.28 1.98-.2 2.83c-.5.85-1.96 1.62-2.8.68-.83-.95 1.67-2.75 2.98-3.25 1.3-.5 3.1-.4 3.69.25.58.64-.07 1.79-.03 1.79" />\n</svg>\n';
-const ShellIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M2 15.5c-.7 0-1.5-.8-1.5-1.5V5c0-.7.8-1.5 1.5-1.5h9c.7 0 1.5.8 1.5 1.5v9c0 .7-.8 1.5-1.5 1.5z" />\n    <path d="m1.2 3.8 3.04-2.5S5.17.5 5.7.5h8.4c.66 0 1.4.73 1.4 1.4v7.73a2.7 2.7 0 01-.7 1.75l-2.68 3.51M3 8.5l3 2-3 2m4 0h2" />\n  </g>\n</svg>\n';
-const SqlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e5c890" stroke-linecap="round" stroke-linejoin="round" d="M8 6.5c3.59 0 6.5-1.4 6.5-2.68S11.59 1.5 8 1.5 1.5 2.54 1.5 3.82 4.41 6.5 8 6.5M14.5 8c0 .83-1.24 1.79-3.25 2.2s-4.49.41-6.5 0S1.5 8.83 1.5 8m13 4.18c0 .83-1.24 1.6-3.25 2-2.01.42-4.49.42-6.5 0-2.01-.4-3.25-1.17-3.25-2m0-8.3v8.3m13-8.3v8.3" />\n</svg>\n';
-const SquareCodeIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><!-- Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE --><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m10 9l-3 3l3 3m4 0l3-3l-3-3"/><rect width="18" height="18" x="3" y="3" rx="2"/></g></svg>';
-const SvgIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#ef9f76" stroke-linecap="round" stroke-linejoin="round" d="m4.54 10 6.92-4m-6.92 4a1.5 1.5 0 10-2.6 1.5 1.5 1.5 0 002.6-1.5M8 4v8m0-8a1.5 1.5 0 100-3 1.5 1.5 0 000 3M4.54 6l6.92 4M4.54 6a1.5 1.5 0 10-2.6-1.5A1.5 1.5 0 004.54 6M8 12a1.5 1.5 0 100 3 1.5 1.5 0 000-3m3.46-2a1.5 1.5 0 102.6 1.5 1.5 1.5 0 00-2.6-1.5m0-4a1.5 1.5 0 102.6-1.5 1.5 1.5 0 00-2.6 1.5" />\n</svg>\n';
-const TextIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#c6d0f5" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M13.5 6.5v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h4.01" />\n    <path d="m8.5 1.5 5 5h-4a1 1 0 01-1-1zm-3 10h5m-5-3h5m-5-3h1" />\n  </g>\n</svg>\n';
-const TsReactIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M8 11.3c4.14 0 7.5-1.28 7.5-2.86S12.14 5.58 8 5.58.5 6.86.5 8.44s3.36 2.87 7.5 2.87Z" />\n    <path d="M5.52 9.87c2.07 3.6 4.86 5.86 6.23 5.07 1.37-.8.8-4.34-1.27-7.93S5.62 1.16 4.25 1.95s-.8 4.34 1.27 7.92" />\n    <path d="M5.52 7.01c-2.07 3.59-2.64 7.14-1.27 7.93s4.16-1.48 6.23-5.07c2.07-3.58 2.64-7.13 1.27-7.92-1.37-.8-4.16 1.47-6.23 5.06" />\n    <path d="M8.5 8.44a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />\n  </g>\n</svg>\n';
-const TsIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#8caaee" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />\n    <path d="M12.5 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S10.04 10 10.7 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25m-3-3.75v5M5 7.5h3" />\n  </g>\n</svg>\n';
-const VueIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <g fill="none" stroke="#a6d189" stroke-linecap="round" stroke-linejoin="round">\n    <path d="M1 1.5h5.44L8 4.56 9.56 1.5H15l-6.99 13z" />\n    <path d="M12.05 1.73 8 9.28 3.95 1.73" />\n  </g>\n</svg>\n';
-const XmlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#ef9f76" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5 1 8 4.5 11.5M11.5 4.5 15 8 11.5 11.5M9.5 2 6.5 14" />\n</svg>\n';
-const YamlIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">\n  <path fill="none" stroke="#e78284" stroke-linecap="round" stroke-linejoin="round" d="M2.5 1.5h3l3 4 3-4h3l-9 13h-3L7 8z" />\n</svg>\n';
-let userLanguageIconResolver = null;
-let extendedLanguageIconMap = null;
-let extendedLanguageIconPromise = null;
-const languageIconsRevision = ref(0);
-const DEFAULT_LANGUAGE_ICON = SquareCodeIcon;
-const CORE_LANGUAGE_ICON_MAP = {
-  "": TextIcon,
-  "plain": TextIcon,
-  "text": TextIcon,
-  "javascript": JsIcon,
-  "typescript": TsIcon,
-  "jsx": JsxReactIcon,
-  "tsx": TsReactIcon,
-  "html": HtmlIcon,
-  "css": CssIcon,
-  "scss": SassIcon,
-  "json": JsonIcon,
-  "python": PythonIcon,
-  "ruby": RubyIcon,
-  "go": GoIcon,
-  "java": JavaIcon,
-  "kotlin": KotlinIcon,
-  "c": CIcon,
-  "cpp": CppIcon,
-  "cs": CsharpIcon,
-  "csharp": CsharpIcon,
-  "php": PhpIcon,
-  "shell": ShellIcon,
-  "powershell": ShellIcon,
-  "sql": SqlIcon,
-  "yaml": YamlIcon,
-  "markdown": MarkdownIcon,
-  "xml": XmlIcon,
-  "rust": RustIcon,
-  "vue": VueIcon,
-  "mermaid": MermaidIcon,
-  "svg": SvgIcon
-};
-const LANGUAGE_ALIAS_MAP = {
-  "": "",
-  "javascript": "javascript",
-  "js": "javascript",
-  "mjs": "javascript",
-  "cjs": "javascript",
-  "typescript": "typescript",
-  "ts": "typescript",
-  "jsx": "jsx",
-  "tsx": "tsx",
-  "golang": "go",
-  "py": "python",
-  "rb": "ruby",
-  "sh": "shell",
-  "bash": "shell",
-  "zsh": "shell",
-  "shellscript": "shell",
-  "bat": "shell",
-  "batch": "shell",
-  "ps1": "powershell",
-  "plaintext": "plain",
-  "text": "plain",
-  "c++": "cpp",
-  "c#": "csharp",
-  "objective-c": "objectivec",
-  "objective-c++": "objectivecpp",
-  "yml": "yaml",
-  "md": "markdown",
-  "rs": "rust",
-  "kt": "kotlin",
-  "d": "dlang",
-  "vbnet": "vb.net"
-};
-function extractLanguageToken(lang) {
-  if (!lang)
-    return "";
-  const trimmed = lang.trim();
-  if (!trimmed)
-    return "";
-  const [firstToken] = trimmed.split(/\s+/);
-  const [base] = firstToken.split(":");
-  return base.toLowerCase();
-}
-function loadExtendedLanguageIconMap() {
-  return __async(this, null, function* () {
-    if (extendedLanguageIconMap)
-      return extendedLanguageIconMap;
-    if (!extendedLanguageIconPromise) {
-      extendedLanguageIconPromise = import("./chunks/languageIconExtended-feb078ee.js").then((mod2) => {
-        extendedLanguageIconMap = mod2.EXTENDED_LANGUAGE_ICON_MAP;
-        languageIconsRevision.value++;
-        return extendedLanguageIconMap;
-      }).catch(() => null);
-    }
-    return extendedLanguageIconPromise;
-  });
-}
-function setLanguageIconResolver(resolver) {
-  userLanguageIconResolver = resolver != null ? resolver : null;
-}
-function normalizeLanguageIdentifier(lang) {
-  var _a2;
-  const token = extractLanguageToken(lang);
-  return (_a2 = LANGUAGE_ALIAS_MAP[token]) != null ? _a2 : token;
-}
-function resolveMonacoLanguageId(lang) {
-  const canonical = normalizeLanguageIdentifier(lang);
-  if (!canonical)
-    return "plaintext";
-  switch (canonical) {
-    case "plain":
-      return "plaintext";
-    case "jsx":
-      return "javascript";
-    case "tsx":
-      return "typescript";
-    default:
-      return canonical;
-  }
-}
-function preloadExtendedLanguageIcons() {
-  return __async(this, null, function* () {
-    yield loadExtendedLanguageIconMap();
-  });
-}
-function getLanguageIcon(lang) {
-  if (userLanguageIconResolver) {
-    const hit = userLanguageIconResolver(lang);
-    if (hit != null && hit !== "")
-      return hit;
-  }
-  const normalized = normalizeLanguageIdentifier(lang);
-  const coreIcon = CORE_LANGUAGE_ICON_MAP[normalized];
-  if (coreIcon)
-    return coreIcon;
-  const extendedIcon = extendedLanguageIconMap == null ? void 0 : extendedLanguageIconMap[normalized];
-  if (extendedIcon)
-    return extendedIcon;
-  void loadExtendedLanguageIconMap();
-  return DEFAULT_LANGUAGE_ICON;
-}
-const languageMap = {
-  "js": "JavaScript",
-  "javascript": "JavaScript",
-  "ts": "TypeScript",
-  "jsx": "JSX",
-  "tsx": "TSX",
-  "html": "HTML",
-  "css": "CSS",
-  "scss": "SCSS",
-  "json": "JSON",
-  "py": "Python",
-  "python": "Python",
-  "rb": "Ruby",
-  "go": "Go",
-  "java": "Java",
-  "c": "C",
-  "cpp": "C++",
-  "cs": "C#",
-  "php": "PHP",
-  "sh": "Shell",
-  "bash": "Bash",
-  "sql": "SQL",
-  "yaml": "YAML",
-  "md": "Markdown",
-  "d2": "D2",
-  "d2lang": "D2",
-  "": "Plain Text",
-  "plain": "Plain Text"
-};
-const DEFAULT_CACHE_KEY = "markstream-vue2-nested-nodes";
-const markdownCache = /* @__PURE__ */ new Map();
-function parseNestedMarkdownToNodes(input, options = {}) {
-  if (Array.isArray(input.nodes))
-    return input.nodes.slice();
-  const nestedNode = input.node;
-  if (nestedNode) {
-    const children = getNodeList(nestedNode.children);
-    if (children.length > 0)
-      return children.slice();
+    }
+    function handleContainerMouseout(event) {
+      var _a3;
+      const target = (_a3 = event.target) == null ? void 0 : _a3.closest("[data-node-index]");
+      if (!target)
+        return;
+      emit("mouseout", event);
+    }
+    const hasExplicitNodes = computed(() => Array.isArray(props.nodes) && props.nodes.length > 0);
+    const typewriterCursorRef = ref(null);
+    const showTypewriterCursor = ref(false);
+    let typewriterCursorTimeout;
+    let lastTypewriterContentLength = 0;
+    const TYPEWRITER_CURSOR_EXCLUDED_NODE_TYPES = /* @__PURE__ */ new Set(["code_block", "admonition", "table", "math_block", "html_block", "image"]);
+    function shouldSkipTypewriterCursorForNode(node) {
+      if (!node || typeof node !== "object")
+        return false;
+      const type = node.type;
+      return typeof type === "string" && TYPEWRITER_CURSOR_EXCLUDED_NODE_TYPES.has(type);
+    }
+    function shouldShowTypewriterCursorForCurrentNodes() {
+      const lastNode = parsedNodes.value[parsedNodes.value.length - 1];
+      return !shouldSkipTypewriterCursorForNode(lastNode);
+    }
+    function getNodeTextLength(node) {
+      var _a3, _b2;
+      if (!node || typeof node !== "object")
+        return 0;
+      const record = node;
+      const direct = (_b2 = (_a3 = record.raw) != null ? _a3 : record.content) != null ? _b2 : record.code;
+      if (typeof direct === "string")
+        return direct.length;
+      const children = record.children;
+      if (Array.isArray(children))
+        return children.reduce((total, child) => total + getNodeTextLength(child), 0);
+      const items = record.items;
+      if (Array.isArray(items))
+        return items.reduce((total, item) => total + getNodeTextLength(item), 0);
+      return 0;
+    }
+    function getTypewriterContentLength() {
+      var _a3;
+      if ((_a3 = props.nodes) == null ? void 0 : _a3.length)
+        return props.nodes.reduce((total, node) => total + getNodeTextLength(node), 0);
+      return rawContent.value.length;
+    }
+    function clearTypewriterCursorTimeout() {
+      if (!typewriterCursorTimeout)
+        return;
+      clearTimeout(typewriterCursorTimeout);
+      typewriterCursorTimeout = void 0;
+    }
+    function getLastTextNode(root) {
+      const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+        acceptNode(node) {
+          var _a3;
+          const text = (_a3 = node.textContent) != null ? _a3 : "";
+          if (!text.trim())
+            return NodeFilter.FILTER_REJECT;
+          const parent = node.parentElement;
+          if (!parent)
+            return NodeFilter.FILTER_REJECT;
+          if (parent.closest('.typewriter-cursor, .height-estimation-probes, [data-node-type="code_block"], [data-node-type="admonition"], [data-node-type="table"], [data-node-type="math_block"], [data-node-type="html_block"], [data-node-type="image"], script, style'))
+            return NodeFilter.FILTER_REJECT;
+          return NodeFilter.FILTER_ACCEPT;
+        }
+      });
+      let last = null;
+      let current = walker.nextNode();
+      while (current) {
+        last = current;
+        current = walker.nextNode();
+      }
+      return last;
+    }
+    function updateTypewriterCursorPosition() {
+      var _a3, _b2;
+      if (typeof window === "undefined" || !showTypewriterCursor.value || !containerRef.value || !typewriterCursorRef.value)
+        return;
+      const root = containerRef.value;
+      const cursor = typewriterCursorRef.value;
+      const lastText = getLastTextNode(root);
+      const rootRect = root.getBoundingClientRect();
+      let left = 0;
+      let top = 0;
+      let height = 20;
+      if (lastText == null ? void 0 : lastText.textContent) {
+        const range = document.createRange();
+        const end = lastText.textContent.length;
+        range.setStart(lastText, Math.max(0, end - 1));
+        range.setEnd(lastText, end);
+        const rects = typeof range.getClientRects === "function" ? range.getClientRects() : void 0;
+        const rect = (_b2 = rects == null ? void 0 : rects[rects.length - 1]) != null ? _b2 : (_a3 = lastText.parentElement) == null ? void 0 : _a3.getBoundingClientRect();
+        if (rect) {
+          left = rect.right - rootRect.left + root.scrollLeft;
+          top = rect.top - rootRect.top + root.scrollTop;
+          height = rect.height || height;
+        }
+        range.detach();
+      }
+      cursor.style.transform = `translate(${Math.max(0, left)}px, ${Math.max(0, top)}px)`;
+      cursor.style.height = `${height}px`;
+    }
+    watch(
+      [renderContent, rawContent, () => props.nodes, () => props.typewriter, effectiveFinal],
+      () => __async(this, null, function* () {
+        if (typeof window === "undefined" || hasExplicitNodes.value)
+          return;
+        if (effectiveFinal.value) {
+          showTypewriterCursor.value = false;
+          clearTypewriterCursorTimeout();
+          return;
+        }
+        const nextLength = getTypewriterContentLength();
+        const cursorAllowed = shouldShowTypewriterCursorForCurrentNodes();
+        if (props.typewriter === false || !cursorAllowed || nextLength <= lastTypewriterContentLength) {
+          if (props.typewriter === false || !cursorAllowed)
+            showTypewriterCursor.value = false;
+          lastTypewriterContentLength = nextLength;
+          return;
+        }
+        lastTypewriterContentLength = nextLength;
+        showTypewriterCursor.value = true;
+        clearTypewriterCursorTimeout();
+        yield nextTick();
+        updateTypewriterCursorPosition();
+        typewriterCursorTimeout = setTimeout(() => {
+          showTypewriterCursor.value = false;
+        }, 3e3);
+      }),
+      { flush: "post", immediate: true }
+    );
+    watch(
+      showTypewriterCursor,
+      (visible2) => __async(this, null, function* () {
+        if (!visible2)
+          return;
+        yield nextTick();
+        updateTypewriterCursorPosition();
+      }),
+      { flush: "post" }
+    );
+    return { __sfc: true, props, emit, MAX_DEFERRED_NODE_COUNT, MAX_VIEWPORT_OBSERVER_TARGETS, VIEWPORT_PRIORITY_RECOVERY_COUNT, containerRef, viewportPriorityAutoDisabled, SCROLL_PARENT_OVERFLOW_RE, isClient, instance, debugPerformanceEnabled, attrs, textStreamState, streamRenderVersion, smoothStream, resolvedShowTooltips, inheritedHtmlPolicy, inheritedSmoothStreaming, resolvedHtmlPolicy, smoothStreamingEligible, hasMountedForSmoothStreaming, smoothStreamingEnabled, renderContent, rawContent, smoothSourceSynced, requestedFinal, effectiveFinal, renderVersionSource, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, customComponentsMap, effectiveCustomHtmlTags, mdBase, mdInstance, cloneNodeValue, cloneParsedNodeList, mergedParseOptions, effectiveCustomHtmlTagsSet, parsedNodes, maxLiveNodesResolved, virtualizationEnabled, viewportPriorityEnabled, registerNodeVisibility, requestFrame, cancelFrame, isTestEnv, hasIdleCallback, resolvedBatchSize, resolvedInitialBatch, batchingEnabled, renderedCount, previousRenderContext, adaptiveBatchSize, nodeVisibilityState, nodeVisibilityHandles, nodeVisibilityFallbackTimers, nodeSlotElements, codeBlockRenderCache, nodeSlotVersion, sortedNodeSlots, scrollRootElement, detachScrollHandler, pendingFocusSync, liveRange, visibleNodes, deferNodes, incrementalRenderingActive, previousBatchConfig, shouldObserveSlots, liveNodeBufferResolved, focusIndex, nodeContentElements, legacyVue26, legacyNodesMode, legacyNodeItems, syncNodeRefs, resolveTemplateRef, desiredRenderedCount, resolveScrollContainer, isReverseFlexScrollRoot, getNormalizedScrollTop, getOffsetTopWithinRoot, cleanupScrollListener, setupScrollListener, cancelScheduledFocusSync, scheduleFocusSync, syncFocusToScroll, clamp, updateLiveRange, nodeHeights, heightStats, heightTreeSize, heightSumTree, heightKnownTree, resetHeightMeasurements, pruneHeightMeasurements, fenwickUpdate, fenwickQuery, fenwickRangeSum, rebuildHeightTrees, recordNodeHeight, averageNodeHeight, estimateHeightRange, topSpacerHeight, bottomSpacerHeight, estimateIndexForOffset, estimateIndexForOffsetFromEnd, cleanupNodeVisibility, markNodeVisible, shouldRenderNode, destroyNodeHandle, setNodeSlotElement, bumpNodeSlotVersion, setNodeContentRef, batchRaf, batchTimeout, batchPending, pendingIncrement, batchIdle, VIEWPORT_FALLBACK_DELAY, VIEWPORT_FALLBACK_MARGIN_PX, cancelBatchTimers, clearVisibilityFallback, scheduleVisibilityFallback, autoDisableViewportPriority, scheduleBatch, queueNextBatch, adjustAdaptiveBatchSize, CodeBlockNodeAsync, MermaidBlockNodeLoading, mermaidBlockNodeComponent, mermaidBlockNodeImport, loadMermaidBlockNode, resolveMermaidBlockNodeComponent, InfographicBlockNodeLoading, infographicBlockNodeComponent, infographicBlockNodeImport, loadInfographicBlockNode, resolveInfographicBlockNodeComponent, D2BlockNodeAsync, codeBlockComponent, nodeComponents, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getCodeBlockLanguage, getCustomCodeLanguageComponent, isLegacyStructuredNode, getRenderKey, getMermaidBindingsFor, getInfographicBindingsFor, getNodeComponent, isCustomCodeBlockComponent, isCustomLanguageCodeBlockComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, hasExplicitNodes, typewriterCursorRef, showTypewriterCursor, typewriterCursorTimeout, lastTypewriterContentLength, TYPEWRITER_CURSOR_EXCLUDED_NODE_TYPES, shouldSkipTypewriterCursorForNode, shouldShowTypewriterCursorForCurrentNodes, getNodeTextLength, getTypewriterContentLength, clearTypewriterCursorTimeout, getLastTextNode, updateTypewriterCursorPosition, LegacyNodesRenderer };
   }
-  const content2 = resolveContent(input);
-  if (!content2)
-    return [];
-  const parseOptions = resolveParseOptions(input, options);
-  const markdown = resolveMarkdownInstance(options);
-  return parseMarkdownToStructure(content2, markdown, parseOptions);
-}
-function resolveContent(input) {
-  var _a2;
-  if (typeof input.content === "string")
-    return input.content;
-  if (typeof ((_a2 = input.node) == null ? void 0 : _a2.content) === "string")
-    return input.node.content;
-  return "";
-}
-function resolveParseOptions(input, options) {
-  var _a2, _b;
-  const base = (_a2 = options.parseOptions) != null ? _a2 : {};
-  const resolvedFinal = (_b = options.final) != null ? _b : resolveFinalFromNode(input.node);
-  const customHtmlTags = mergeCustomHtmlTags(options.customHtmlTags, base.customHtmlTags);
-  if (resolvedFinal == null && customHtmlTags.length === 0)
-    return base;
-  return __spreadValues(__spreadValues(__spreadValues({}, base), resolvedFinal == null ? {} : { final: resolvedFinal }), customHtmlTags.length === 0 ? {} : { customHtmlTags });
-}
-function resolveFinalFromNode(node) {
-  if (!node || typeof node !== "object")
-    return void 0;
-  if (typeof node.loading === "boolean")
-    return !node.loading;
-  return void 0;
-}
-function resolveMarkdownInstance(options) {
-  var _a2;
-  const normalizedTags = mergeCustomHtmlTags(options.customHtmlTags, (_a2 = options.parseOptions) == null ? void 0 : _a2.customHtmlTags);
-  const cacheKey = `${options.cacheKey || DEFAULT_CACHE_KEY}::${normalizedTags.join(",")}`;
-  let markdown = markdownCache.get(cacheKey);
-  if (!markdown) {
-    markdown = getMarkdown(cacheKey, {
-      customHtmlTags: normalizedTags
+});
+const NodeRenderer_vue_vue_type_style_index_0_scoped_6b8b1370_lang = "";
+const NodeRenderer_vue_vue_type_style_index_1_lang = "";
+var _sfc_render$d = function render33() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("div", { ref: "containerRef", staticClass: "markstream-vue2 markdown-renderer", class: [{ dark: _setup.props.isDark }, { virtualized: _setup.virtualizationEnabled }], attrs: { "data-custom-id": _setup.props.customId }, on: { "click": _setup.handleContainerClick, "mouseover": _setup.handleContainerMouseover, "mouseout": _setup.handleContainerMouseout } }, [_setup.legacyNodesMode ? _vm._l(_setup.legacyRenderedItems, function(item) {
+    return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.fade !== false ? _c("transition", { attrs: { "name": "fade", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
+      return _setup.emit("copy", $event);
+    }, "handle-artifact-click": function($event) {
+      return _setup.emit("handleArtifactClick", $event);
+    } } }, "component", item.bindings, false))], 1) : _c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
+      return _setup.emit("copy", $event);
+    }, "handle-artifact-click": function($event) {
+      return _setup.emit("handleArtifactClick", $event);
+    } } }, "component", item.bindings, false))], 1)]);
+  }) : _setup.legacyStructuredContentMode ? _c(_setup.LegacyNodesRenderer, { attrs: { "nodes": _setup.parsedNodes, "custom-id": _setup.props.customId, "index-key": _setup.props.indexKey, "typewriter": _setup.props.typewriter, "fade": _setup.props.fade, "show-tooltips": _setup.props.showTooltips, "code-block-stream": _setup.props.codeBlockStream, "code-block-dark-theme": _setup.props.codeBlockDarkTheme, "code-block-light-theme": _setup.props.codeBlockLightTheme, "code-block-monaco-options": _setup.props.codeBlockMonacoOptions, "render-code-blocks-as-pre": _setup.props.renderCodeBlocksAsPre, "code-block-min-width": _setup.props.codeBlockMinWidth, "code-block-max-width": _setup.props.codeBlockMaxWidth, "code-block-props": _setup.props.codeBlockProps, "themes": _setup.props.themes, "langs": _setup.props.langs, "is-dark": _setup.props.isDark, "custom-html-tags": _setup.mergedParseOptions.customHtmlTags, "html-policy": _setup.resolvedHtmlPolicy }, on: { "copy": function($event) {
+    return _setup.emit("copy", $event);
+  }, "handle-artifact-click": function($event) {
+    return _setup.emit("handleArtifactClick", $event);
+  } } }) : [_setup.virtualizationEnabled ? _c("div", { staticClass: "node-spacer", style: { height: `${_setup.topSpacerHeight}px` }, attrs: { "aria-hidden": "true" } }) : _vm._e(), _vm._l(_setup.renderedItems, function(item) {
+    var _a2;
+    return _c("div", { key: item.renderKey, ref: `node-slot-${item.index}`, refInFor: true, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_setup.shouldRenderNode(item.index) ? _c("div", { ref: `node-content-${item.index}`, refInFor: true, staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.fade !== false ? _c("transition", { attrs: { "name": "fade", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
+      return _setup.emit("copy", $event);
+    }, "handle-artifact-click": function($event) {
+      return _setup.emit("handleArtifactClick", $event);
+    } } }, "component", item.bindings, false))], 1) : _c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
+      return _setup.emit("copy", $event);
+    }, "handle-artifact-click": function($event) {
+      return _setup.emit("handleArtifactClick", $event);
+    } } }, "component", item.bindings, false))], 1) : _c("div", { staticClass: "node-placeholder", style: { height: `${(_a2 = _setup.nodeHeights[item.index]) != null ? _a2 : _setup.averageNodeHeight}px` } })]);
+  }), _setup.virtualizationEnabled ? _c("div", { staticClass: "node-spacer", style: { height: `${_setup.bottomSpacerHeight}px` }, attrs: { "aria-hidden": "true" } }) : _vm._e()], _setup.showTypewriterCursor ? _c("span", { ref: "typewriterCursorRef", staticClass: "typewriter-cursor", attrs: { "aria-hidden": "true" } }) : _vm._e()], 2);
+};
+var _sfc_staticRenderFns$d = [];
+var __component__$d = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$d,
+  _sfc_render$d,
+  _sfc_staticRenderFns$d,
+  false,
+  null,
+  "6b8b1370",
+  null,
+  null
+);
+const NodeRenderer = __component__$d.exports;
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "AdmonitionNode",
+  props: {
+    node: null,
+    indexKey: null,
+    isDark: { type: Boolean },
+    typewriter: { type: Boolean },
+    customId: null
+  },
+  emits: ["copy"],
+  setup(__props, { emit }) {
+    var _a2;
+    const props = __props;
+    const iconMap = {
+      note: "ℹ️",
+      info: "ℹ️",
+      tip: "💡",
+      warning: "⚠️",
+      danger: "❗",
+      // 'error' is a common alias for 'danger' in some markdown flavors
+      error: "⛔",
+      caution: "⚠️"
+    };
+    const displayTitle = computed(() => {
+      if (props.node.title && props.node.title.trim().length)
+        return props.node.title;
+      const k = props.node.kind || "note";
+      return k.charAt(0).toUpperCase() + k.slice(1);
     });
-    markdownCache.set(cacheKey, markdown);
+    const collapsed = ref(props.node.collapsible ? !((_a2 = props.node.open) != null ? _a2 : true) : false);
+    function toggleCollapse() {
+      if (!props.node.collapsible)
+        return;
+      collapsed.value = !collapsed.value;
+    }
+    const headerId = `admonition-${Math.random().toString(36).slice(2, 9)}`;
+    const instance = getCurrentInstance();
+    const nestedRenderer = computed(() => {
+      const vm = instance == null ? void 0 : instance.proxy;
+      return isLegacyVue26Vm(vm) ? LegacyNodesRenderer : NodeRenderer;
+    });
+    return { __sfc: true, props, emit, iconMap, displayTitle, collapsed, toggleCollapse, headerId, instance, nestedRenderer };
   }
-  return options.customMarkdownIt ? options.customMarkdownIt(markdown) : markdown;
-}
-function getNodeList(value) {
-  return Array.isArray(value) ? value : [];
-}
+});
+const AdmonitionNode_vue_vue_type_style_index_0_scoped_f9c1d6b9_lang = "";
+var _sfc_render$c = function render34() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("div", { staticClass: "admonition", class: [`admonition-${_setup.props.node.kind}`, _setup.props.isDark ? "is-dark" : ""] }, [_c("div", { staticClass: "admonition-header", attrs: { "id": _setup.headerId } }, [_setup.iconMap[_setup.props.node.kind] ? _c("span", { staticClass: "admonition-icon" }, [_vm._v(_vm._s(_setup.iconMap[_setup.props.node.kind]))]) : _vm._e(), _c("span", { staticClass: "admonition-title" }, [_vm._v(_vm._s(_setup.displayTitle))]), _setup.props.node.collapsible ? _c("button", { staticClass: "admonition-toggle", attrs: { "aria-expanded": !_setup.collapsed, "aria-controls": `${_setup.headerId}-content`, "title": _setup.collapsed ? "Expand" : "Collapse" }, on: { "click": _setup.toggleCollapse } }, [_setup.collapsed ? _c("span", [_vm._v("▶")]) : _c("span", [_vm._v("▼")])]) : _vm._e()]), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.collapsed, expression: "!collapsed" }], staticClass: "admonition-content", attrs: { "id": `${_setup.headerId}-content`, "aria-labelledby": _setup.headerId } }, [_c(_setup.nestedRenderer, { tag: "component", attrs: { "index-key": `admonition-${_vm.indexKey}`, "nodes": _setup.props.node.children, "custom-id": _setup.props.customId, "typewriter": _setup.props.typewriter }, on: { "copy": function($event) {
+    return _setup.emit("copy", $event);
+  } } })], 1)]);
+};
+var _sfc_staticRenderFns$c = [];
+var __component__$c = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$c,
+  _sfc_render$c,
+  _sfc_staticRenderFns$c,
+  false,
+  null,
+  "f9c1d6b9",
+  null,
+  null
+);
+const AdmonitionNode = __component__$c.exports;
 function safeRaf(cb) {
   try {
     if (typeof globalThis !== "undefined" && typeof globalThis.requestAnimationFrame === "function")
@@ -6029,6 +6519,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const isExpanded = ref(false);
     const isCollapsed = ref(false);
     const editorCreated = ref(false);
+    const editorReady = ref(false);
     const monacoReady = ref(false);
     let expandRafId = null;
     const heightBeforeCollapse = ref(null);
@@ -6094,6 +6585,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       minimumLineCount: 4,
       revealLineCount: 5
     });
+    const defaultPreFallbackFontSize = 12;
+    const defaultPreFallbackLineHeight = 18;
+    function readPositiveNumber(value) {
+      return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
+    }
+    function readMonacoPadding(value) {
+      var _a3, _b2;
+      if (!value || typeof value !== "object")
+        return { top: 0, bottom: 0 };
+      const raw = value;
+      return {
+        top: (_a3 = readPositiveNumber(raw.top)) != null ? _a3 : 0,
+        bottom: (_b2 = readPositiveNumber(raw.bottom)) != null ? _b2 : 0
+      };
+    }
     function resolveDiffHideUnchangedRegionsOption(value) {
       var _a3;
       if (typeof value === "boolean")
@@ -6107,14 +6613,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return __spreadValues({}, defaultDiffHideUnchangedRegions);
     }
     const resolvedMonacoOptions = computed(() => {
-      var _a3;
+      var _a3, _b2;
       const raw = props.monacoOptions ? __spreadValues({}, props.monacoOptions) : {};
       if (!isDiff.value)
         return raw;
       const diffHideUnchangedRegions = raw.diffHideUnchangedRegions === void 0 ? __spreadValues({}, defaultDiffHideUnchangedRegions) : resolveDiffHideUnchangedRegionsOption(raw.diffHideUnchangedRegions);
       const hideUnchangedRegions = raw.hideUnchangedRegions === void 0 ? void 0 : resolveDiffHideUnchangedRegionsOption(raw.hideUnchangedRegions);
       const diffUnchangedRegionStyle = (_a3 = raw.diffUnchangedRegionStyle) != null ? _a3 : "line-info";
-      const needsExtraBottomSpace = diffUnchangedRegionStyle === "line-info" || diffUnchangedRegionStyle === "line-info-basic" || diffUnchangedRegionStyle === "metadata";
       const diffDefaults = {
         maxComputationTime: 0,
         diffAlgorithm: "legacy",
@@ -6126,21 +6631,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         selectionHighlight: false,
         occurrencesHighlight: "off",
         matchBrackets: "never",
-        lineDecorationsWidth: 12,
+        lineDecorationsWidth: 4,
         lineNumbersMinChars: 2,
         glyphMargin: false,
-        fontSize: 13,
-        lineHeight: 30,
+        minimap: { enabled: false },
         renderOverviewRuler: false,
         overviewRulerBorder: false,
         hideCursorInOverviewRuler: true,
         scrollBeyondLastLine: false,
-        padding: { top: 10, bottom: needsExtraBottomSpace ? 22 : 14 },
         diffHideUnchangedRegions,
+        useInlineViewWhenSpaceIsLimited: (_b2 = raw.useInlineViewWhenSpaceIsLimited) != null ? _b2 : false,
         diffLineStyle: "background",
         diffAppearance: "auto",
         diffUnchangedRegionStyle,
-        diffHunkActionsOnHover: true,
+        diffHunkActionsOnHover: false,
         diffHunkHoverHideDelayMs: 160
       };
       return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, diffDefaults), raw), hideUnchangedRegions === void 0 ? {} : { hideUnchangedRegions }), {
@@ -6201,7 +6705,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const codeFontMax = 36;
     const codeFontStep = 1;
     const defaultCodeFontSize = ref(
-      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : Number.NaN
+      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : defaultPreFallbackFontSize
     );
     const codeFontSize = ref(defaultCodeFontSize.value);
     const fontBaselineReady = computed(() => {
@@ -6920,6 +7424,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             scheduleEditorVisualSync();
           });
         }
+        editorReady.value = true;
       });
     }
     function ensureEditorCreation(el) {
@@ -6928,6 +7433,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       if (createEditorPromise)
         return createEditorPromise;
       editorCreated.value = true;
+      editorReady.value = false;
       const pending2 = (() => __async(this, null, function* () {
         yield runEditorCreation(el);
       }))();
@@ -6988,12 +7494,48 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         return String(theme.name);
       return null;
     }
-    function resolveRequestedTheme() {
+    function hasTheme(themes, theme) {
+      const name = getThemeName(theme);
+      return themes.some((item) => item === theme || name && getThemeName(item) === name);
+    }
+    function addRuntimeLanguage(languages, language) {
+      if (typeof language !== "string")
+        return;
+      const canonical = normalizeLanguageIdentifier(language);
+      const monacoId = resolveMonacoLanguageId(canonical);
+      for (const value of [canonical, monacoId]) {
+        if (value && !languages.includes(value))
+          languages.push(value);
+      }
+    }
+    const runtimeMonacoThemes = computed(() => {
+      const themes = Array.isArray(props.themes) ? [...props.themes] : [];
+      for (const theme of [props.darkTheme, props.lightTheme]) {
+        if (theme != null && !hasTheme(themes, theme))
+          themes.push(theme);
+      }
+      return themes.length ? themes : void 0;
+    });
+    const runtimeMonacoLanguages = computed(() => {
       var _a3;
+      const languages = [];
+      const configured = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.languages;
+      if (Array.isArray(configured)) {
+        for (const language of configured)
+          addRuntimeLanguage(languages, language);
+      }
+      addRuntimeLanguage(languages, props.node.language);
+      addRuntimeLanguage(languages, codeLanguage.value);
+      addRuntimeLanguage(languages, monacoLanguage.value);
+      addRuntimeLanguage(languages, "plaintext");
+      return languages;
+    });
+    function resolveRequestedTheme() {
+      var _a3, _b2;
       const preferred = getPreferredColorScheme();
       const explicit = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.theme;
       const requested = preferred != null ? preferred : explicit;
-      const availableThemes = Array.isArray(props.themes) ? props.themes : [];
+      const availableThemes = (_b2 = runtimeMonacoThemes.value) != null ? _b2 : [];
       if (!availableThemes.length || requested == null)
         return requested;
       const requestedName = getThemeName(requested);
@@ -7069,18 +7611,72 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const resolvedSurfaceIsDark = computed(
       () => isDiff.value ? effectiveDiffAppearance.value === "dark" : resolvedChromeIsDark.value
     );
+    const preFallbackMetrics = computed(() => {
+      var _a3, _b2, _c;
+      const raw = resolvedMonacoOptions.value;
+      const fallbackFontSize = Number.isFinite(codeFontSize.value) && codeFontSize.value > 0 ? codeFontSize.value : defaultPreFallbackFontSize;
+      const resolvedFontSize = (_a3 = readPositiveNumber(raw == null ? void 0 : raw.fontSize)) != null ? _a3 : fallbackFontSize;
+      const resolvedLineHeight = (_b2 = readPositiveNumber(raw == null ? void 0 : raw.lineHeight)) != null ? _b2 : resolvedFontSize === defaultPreFallbackFontSize ? defaultPreFallbackLineHeight : Math.max(12, Math.round(resolvedFontSize * 1.5));
+      const fontFamily = typeof (raw == null ? void 0 : raw.fontFamily) === "string" && raw.fontFamily.trim() ? raw.fontFamily.trim() : void 0;
+      const padding = readMonacoPadding(raw == null ? void 0 : raw.padding);
+      const tabSize = (_c = readPositiveNumber(raw == null ? void 0 : raw.tabSize)) != null ? _c : 4;
+      return {
+        fontFamily,
+        fontSize: resolvedFontSize,
+        lineHeight: resolvedLineHeight,
+        paddingBottom: padding.bottom,
+        paddingTop: padding.top,
+        tabSize
+      };
+    });
+    const preFallbackDiffInline = computed(() => {
+      var _a3;
+      if (!isDiff.value)
+        return false;
+      return ((_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.renderSideBySide) === false;
+    });
+    const preFallbackStyle = computed(() => {
+      const metrics = preFallbackMetrics.value;
+      const style = {
+        "--markstream-code-padding-left": "62px",
+        "--markstream-pre-diff-line-height": `${metrics.lineHeight}px`,
+        "--markstream-pre-line-number-top": `${metrics.paddingTop}px`,
+        "--markstream-pre-line-number-width": "36px",
+        "--markstream-pre-line-number-gap": "0px",
+        "fontSize": `${metrics.fontSize}px`,
+        "lineHeight": `${metrics.lineHeight}px`,
+        "paddingBottom": `${metrics.paddingBottom}px`,
+        "paddingTop": `${metrics.paddingTop}px`,
+        "tabSize": metrics.tabSize
+      };
+      if (metrics.fontFamily)
+        style.fontFamily = metrics.fontFamily;
+      return style;
+    });
     function buildRuntimeMonacoOptions() {
-      return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      var _a3, _b2, _c, _d, _e;
+      const nextOptions = __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         wordWrap: "on",
-        wrappingIndent: "same",
-        themes: props.themes
+        wrappingIndent: "same"
       }, resolvedMonacoOptions.value || {}), {
+        themes: runtimeMonacoThemes.value,
+        languages: runtimeMonacoLanguages.value,
         theme: resolveRequestedTheme()
       }), isDiff.value ? { diffAppearance: effectiveDiffAppearance.value } : {}), {
         onThemeChange() {
           syncEditorCssVars();
         }
       });
+      if (isDiff.value) {
+        const metrics = preFallbackMetrics.value;
+        (_a3 = nextOptions.fontSize) != null ? _a3 : nextOptions.fontSize = metrics.fontSize;
+        (_b2 = nextOptions.lineHeight) != null ? _b2 : nextOptions.lineHeight = metrics.lineHeight;
+        (_c = nextOptions.padding) != null ? _c : nextOptions.padding = { top: metrics.paddingTop, bottom: metrics.paddingBottom };
+        (_d = nextOptions.tabSize) != null ? _d : nextOptions.tabSize = metrics.tabSize;
+        if (metrics.fontFamily)
+          (_e = nextOptions.fontFamily) != null ? _e : nextOptions.fontFamily = metrics.fontFamily;
+      }
+      return nextOptions;
     }
     function syncRuntimeMonacoOptions() {
       const nextOptions = buildRuntimeMonacoOptions();
@@ -7204,13 +7800,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
       cleanupEditor();
     });
-    return { __sfc: true, props, emits, MONACO_TOUCH_PATCH_FLAG, ensureMonacoPassiveTouchListeners, shouldForcePassiveForMonaco, withPassiveOptions, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, monacoLanguage, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, runtimeMonacoOptions, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, resolveDiffHideUnchangedRegionsOption, resolvedMonacoOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, containerStyle, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, setAutomaticLayout, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
+    return { __sfc: true, props, emits, MONACO_TOUCH_PATCH_FLAG, ensureMonacoPassiveTouchListeners, shouldForcePassiveForMonaco, withPassiveOptions, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, monacoLanguage, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, editorReady, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, runtimeMonacoOptions, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, defaultPreFallbackFontSize, defaultPreFallbackLineHeight, readPositiveNumber, readMonacoPadding, resolveDiffHideUnchangedRegionsOption, resolvedMonacoOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, containerStyle, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, setAutomaticLayout, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, hasTheme, addRuntimeLanguage, runtimeMonacoThemes, runtimeMonacoLanguages, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, preFallbackMetrics, preFallbackDiffInline, preFallbackStyle, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
   }
 });
-const CodeBlockNode_vue_vue_type_style_index_0_scoped_f73cb5ae_lang = "";
+const CodeBlockNode_vue_vue_type_style_index_0_scoped_b3974933_lang = "";
 var _sfc_render$9 = function render37() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { attrs: { "node": _vm.node, "loading": _setup.props.loading } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
+  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.isDiff, "diff-inline": _setup.preFallbackDiffInline } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
     _setup.resolvedSurfaceIsDark ? "border-gray-700/30 bg-gray-900" : "border-gray-200 bg-white",
     { "is-rendering": _setup.props.loading, "is-dark": _setup.resolvedSurfaceIsDark, "is-diff": _setup.isDiff, "is-plain-text": _setup.isPlainTextLanguage }
   ], style: _setup.containerStyle }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5", style: _setup.headerStyle }, [_vm._t("header-left", function() {
@@ -7253,7 +7849,7 @@ var _sfc_render$9 = function render37() {
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
     }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "width": "12", "height": "12", "viewBox": "0 0 24 24" } }, [_c("g", { attrs: { "fill": "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd" } }, [_c("path", { attrs: { "d": "M23.628 7.41c-.12-1.172-.08-3.583-.9-4.233c-1.921-1.51-6.143-1.11-8.815-1.19c-3.481-.15-7.193.14-10.625.24a.34.34 0 0 0 0 .67c3.472-.05 7.074-.29 10.575-.09c2.471.15 6.653-.14 8.254 1.16c.4.33.41 2.732.49 3.582a42 42 0 0 1 .08 9.005a13.8 13.8 0 0 1-.45 3.001c-2.42 1.4-19.69 2.381-20.72.55a21 21 0 0 1-.65-4.632a41.5 41.5 0 0 1 .12-7.964c.08 0 7.334.33 12.586.24c2.331 0 4.682-.13 6.764-.21a.33.33 0 0 0 0-.66c-7.714-.16-12.897-.43-19.31.05c.11-1.38.48-3.922.38-4.002a.3.3 0 0 0-.42 0c-.37.41-.29 1.77-.36 2.251s-.14 1.07-.2 1.6a45 45 0 0 0-.36 8.645a21.8 21.8 0 0 0 .66 5.002c1.46 2.702 17.248 1.461 20.95.43c1.45-.4 1.69-.8 1.871-1.95c.575-3.809.602-7.68.08-11.496" } }), _c("path", { attrs: { "d": "M4.528 5.237a.84.84 0 0 0-.21-1c-.77-.41-1.71.39-1 1.1a.83.83 0 0 0 1.21-.1m2.632-.25c.14-.14.19-.84-.2-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.2-.09m2.88 0a.83.83 0 0 0-.21-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.21-.09m-4.29 8.735c0 .08.23 2.471.31 2.561a.371.371 0 0 0 .63-.14c0-.09 0 0 .15-1.72a10 10 0 0 0-.11-2.232a5.3 5.3 0 0 1-.26-1.37a.3.3 0 0 0-.54-.24a6.8 6.8 0 0 0-.2 2.33c-1.281-.38-1.121.13-1.131-.42a15 15 0 0 0-.19-1.93c-.16-.17-.36-.17-.51.14a20 20 0 0 0-.43 3.471c.04.773.18 1.536.42 2.272c.26.4.7.22.7-.1c0-.09-.16-.09 0-1.862c.06-1.18-.23-.3 1.16-.76m5.033-2.552c.32-.07.41-.28.39-.37c0-.55-3.322-.34-3.462-.24s-.2.18-.18.28s0 .11 0 .16a3.8 3.8 0 0 0 1.591.361v.82a15 15 0 0 0-.13 3.132c0 .2-.09.94.17 1.16a.34.34 0 0 0 .48 0c.125-.35.196-.718.21-1.09a8 8 0 0 0 .14-3.232c0-.13.05-.7-.1-.89a8 8 0 0 0 .89-.09m5.544-.181a.69.69 0 0 0-.89-.44a2.8 2.8 0 0 0-1.252 1.001a2.3 2.3 0 0 0-.41-.83a1 1 0 0 0-1.6.27a7 7 0 0 0-.35 2.07c0 .571 0 2.642.06 2.762c.14 1.09 1 .51.63.13a17.6 17.6 0 0 1 .38-3.962c.32-1.18.32.2.39.51s.11 1.081.73 1.081s.48-.93 1.401-1.78q.075 1.345 0 2.69a15 15 0 0 0 0 1.811a.34.34 0 0 0 .68 0q.112-.861.11-1.73a16.7 16.7 0 0 0 .12-3.582m1.441-.201c-.05.16-.3 3.002-.31 3.202a6.3 6.3 0 0 0 .21 1.741c.33 1 1.21 1.07 2.291.82a3.7 3.7 0 0 0 1.14-.23c.21-.22.10-.59-.41-.64q-.817.096-1.64.07c-.44-.07-.34 0-.67-4.442q.015-.185 0-.37a.316.316 0 0 0-.23-.38a.316.316 0 0 0-.38.23" } })])])]) : _vm._e()], 2)];
-  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], staticClass: "code-editor-layer" }, [_c("div", { ref: "codeEditor", staticClass: "code-editor-container", class: [_vm.stream ? "" : "code-height-placeholder"] })]), _setup.showInlinePreview && !_setup.hasPreviewListener && _setup.isPreviewable && _setup.codeLanguage === "html" ? _c(_setup.HtmlPreviewFrame, { attrs: { "code": _vm.node.code, "html-preview-allow-scripts": _setup.props.htmlPreviewAllowScripts, "html-preview-sandbox": _setup.props.htmlPreviewSandbox, "is-dark": _setup.props.isDark, "on-close": () => _setup.showInlinePreview = false } }) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
+  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], staticClass: "code-editor-layer" }, [_c("div", { ref: "codeEditor", staticClass: "code-editor-container", class: [_vm.stream ? "" : "code-height-placeholder"], style: { visibility: _setup.editorReady ? "visible" : "hidden" }, attrs: { "aria-hidden": _setup.editorReady ? void 0 : "true" } }), !_setup.editorReady ? _c("div", { staticClass: "code-editor-fallback-surface" }, [_c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.isDiff, "diff-inline": _setup.preFallbackDiffInline } })], 1) : _vm._e()]), _setup.showInlinePreview && !_setup.hasPreviewListener && _setup.isPreviewable && _setup.codeLanguage === "html" ? _c(_setup.HtmlPreviewFrame, { attrs: { "code": _vm.node.code, "html-preview-allow-scripts": _setup.props.htmlPreviewAllowScripts, "html-preview-sandbox": _setup.props.htmlPreviewSandbox, "is-dark": _setup.props.isDark, "on-close": () => _setup.showInlinePreview = false } }) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
     return [_c("div", { staticClass: "loading-skeleton" }, [_c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line short" })])];
   }, { "loading": _vm.loading, "stream": _vm.stream })], 2), _c("span", { staticClass: "sr-only", attrs: { "aria-live": "polite", "role": "status" } }, [_vm._v(_vm._s(_setup.copyText ? _setup.t("common.copied") || "Copied" : ""))])], 1);
 };
@@ -7264,7 +7860,7 @@ var __component__$9 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$9,
   false,
   null,
-  "f73cb5ae",
+  "b3974933",
   null,
   null
 );
@@ -8262,10 +8858,17 @@ var __component__$7 = /* @__PURE__ */ normalizeComponent(
   null
 );
 const InfographicBlockNode = __component__$7.exports;
+function isDevEnvironment() {
+  const viteEnv = { "BASE_URL": "/", "MODE": "npm", "DEV": false, "PROD": true, "SSR": false };
+  return viteEnv.DEV;
+}
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "MarkdownCodeBlockNode",
   props: {
-    node: { type: Object, required: true },
+    node: {
+      type: Object,
+      required: true
+    },
     loading: { type: Boolean, default: true },
     stream: { type: Boolean, default: true },
     darkTheme: { type: String, default: "vitesse-dark" },
@@ -8276,6 +8879,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     minWidth: { type: [String, Number], default: void 0 },
     maxWidth: { type: [String, Number], default: void 0 },
     themes: { type: Array, default: void 0 },
+    langs: { type: Array, default: void 0 },
     showHeader: { type: Boolean, default: true },
     showCopyButton: { type: Boolean, default: true },
     showExpandButton: { type: Boolean, default: true },
@@ -8286,10 +8890,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   emits: ["previewCode", "copy"],
   setup(__props, { emit: emits }) {
-    var _a2, _b;
     const props = __props;
     const { t } = useSafeI18n();
-    const codeLanguage = ref(normalizeLanguageIdentifier(String((_a2 = props.node.language) != null ? _a2 : "")));
+    const codeLanguage = ref(normalizeLanguageIdentifier(props.node.language));
     const copyText = ref(false);
     const isExpanded = ref(false);
     const isCollapsed = ref(false);
@@ -8300,6 +8903,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const rendererReady = ref(false);
     const hasStableRender = ref(false);
     let renderObserver;
+    let lastCommittedRenderSignature = "";
+    let rendererMutationVersion = 0;
+    let pendingRenderSignature = null;
     const autoScrollEnabled = ref(true);
     const lastScrollTop = ref(0);
     const codeFontMin = 10;
@@ -8388,7 +8994,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return luminance < 140;
     }
     function syncRenderedCssVars() {
-      var _a3;
+      var _a2;
       if (typeof window === "undefined" || typeof window.getComputedStyle !== "function")
         return;
       const rootEl = container.value;
@@ -8407,7 +9013,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         rootEl.style.setProperty("--vscode-editor-background", bg);
       const darkBg = bg ? isDarkBackgroundColor(bg) : props.isDark;
       const fallbackFg = darkBg ? "rgb(229, 231, 235)" : "rgb(17, 24, 39)";
-      const resolvedFg = bg && detectedFg && ((_a3 = getContrastRatio(detectedFg, bg)) != null ? _a3 : 0) >= 3 ? detectedFg : fallbackFg;
+      const resolvedFg = bg && detectedFg && ((_a2 = getContrastRatio(detectedFg, bg)) != null ? _a2 : 0) >= 3 ? detectedFg : fallbackFg;
       rootEl.style.setProperty("--vscode-editor-foreground", resolvedFg);
       rootEl.style.setProperty("--markstream-code-fallback-selection-bg", darkBg ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.06)");
       rootEl.style.setProperty("--vscode-editor-selectionBackground", `var(--markstream-code-fallback-selection-bg)`);
@@ -8416,145 +9022,404 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
     }
     function renderFallback(code, force = false) {
-      renderObserver == null ? void 0 : renderObserver.disconnect();
-      renderObserver = void 0;
-      if (!force && hasStableRender.value) {
-        fallbackHtml.value = "";
-        rendererReady.value = true;
-        return;
-      }
+      var _a2;
+      pendingRenderSignature = null;
+      disconnectReadyObserver();
+      const fallbackEl = (_a2 = codeBlockContent.value) == null ? void 0 : _a2.querySelector(".code-fallback-plain");
+      fallbackEl == null ? void 0 : fallbackEl.style.removeProperty("display");
       if (!code) {
+        clearRendererTarget();
         fallbackHtml.value = "";
         rendererReady.value = false;
         hasStableRender.value = false;
+        lastCommittedRenderSignature = "";
+        return;
+      }
+      if (!force && hasStableRender.value) {
+        fallbackHtml.value = "";
+        rendererReady.value = true;
         return;
       }
       fallbackHtml.value = `<pre class="shiki shiki-fallback"><code>${escapeHtml2(code)}</code></pre>`;
       rendererReady.value = false;
     }
     function clearFallback() {
+      var _a2;
       fallbackHtml.value = "";
       rendererReady.value = true;
       hasStableRender.value = true;
-      void nextTick().then(() => {
+      const fallbackEl = (_a2 = codeBlockContent.value) == null ? void 0 : _a2.querySelector(".code-fallback-plain");
+      if (fallbackEl)
+        fallbackEl.style.display = "none";
+      void nextTick().then(() => __async(this, null, function* () {
+        yield nextTick();
+        if (!fallbackHtml.value && rendererReady.value) {
+          rendererReady.value = false;
+          rendererReady.value = true;
+        }
         syncRenderedCssVars();
-      });
+      }));
     }
     function keepLastSuccessfulRender() {
-      renderObserver == null ? void 0 : renderObserver.disconnect();
-      renderObserver = void 0;
+      pendingRenderSignature = null;
+      disconnectReadyObserver();
       if (!hasStableRender.value)
         return;
       fallbackHtml.value = "";
       rendererReady.value = true;
     }
+    function clearRendererTarget() {
+      if (rendererTarget.value)
+        rendererTarget.value.innerHTML = "";
+    }
     function hasRendererContent() {
-      var _a3;
+      var _a2;
       const target = rendererTarget.value;
       if (!target)
         return false;
       if (target.childNodes.length > 0)
         return true;
-      return Boolean((_a3 = target.textContent) == null ? void 0 : _a3.trim().length);
+      return Boolean((_a2 = target.textContent) == null ? void 0 : _a2.trim().length);
+    }
+    function getRenderSignature(configKey, lang, code) {
+      return `${configKey != null ? configKey : ""}\0${lang}\0${code}`;
+    }
+    function markRendererCommitted(renderSignature) {
+      lastCommittedRenderSignature = renderSignature;
+      clearFallback();
+    }
+    function disconnectReadyObserver(observer) {
+      observer == null ? void 0 : observer.disconnect();
+      if (!observer || renderObserver === observer)
+        renderObserver = void 0;
+    }
+    function startRendererReadyObserver(epoch, previousVersion) {
+      disconnectReadyObserver();
+      const target = rendererTarget.value;
+      if (!target || typeof MutationObserver === "undefined")
+        return;
+      pendingRenderSignature = null;
+      const observer = new MutationObserver(() => {
+        rendererMutationVersion += 1;
+        const signature = pendingRenderSignature;
+        if (!signature)
+          return;
+        if (!isCurrentRenderEpoch(epoch)) {
+          pendingRenderSignature = null;
+          disconnectReadyObserver(observer);
+          return;
+        }
+        if (rendererMutationVersion === previousVersion || !hasRendererContent())
+          return;
+        pendingRenderSignature = null;
+        disconnectReadyObserver(observer);
+        markRendererCommitted(signature);
+      });
+      renderObserver = observer;
+      observer.observe(target, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributes: true
+      });
     }
-    function clearFallbackWhenRendererReady() {
+    function clearFallbackWhenRendererReady(epoch, previousVersion, renderSignature, previousRendererHtml) {
       return __async(this, null, function* () {
+        var _a2;
+        pendingRenderSignature = renderSignature;
         yield nextTick();
-        if (hasRendererContent()) {
-          clearFallback();
+        if (!isCurrentRenderEpoch(epoch))
           return;
+        const rendererHasContent = hasRendererContent();
+        const hasObservedMutation = rendererMutationVersion !== previousVersion;
+        const hasDomSnapshotChange = previousRendererHtml !== void 0 && ((_a2 = rendererTarget.value) == null ? void 0 : _a2.innerHTML) !== previousRendererHtml;
+        if (rendererHasContent && (!lastCommittedRenderSignature || hasObservedMutation || hasDomSnapshotChange || lastCommittedRenderSignature === renderSignature)) {
+          pendingRenderSignature = null;
+          disconnectReadyObserver();
+          markRendererCommitted(renderSignature);
         }
-        const target = rendererTarget.value;
-        if (!target)
-          return;
-        renderObserver == null ? void 0 : renderObserver.disconnect();
-        renderObserver = new MutationObserver(() => {
-          if (!hasRendererContent())
-            return;
-          clearFallback();
-          renderObserver == null ? void 0 : renderObserver.disconnect();
-          renderObserver = void 0;
-        });
-        renderObserver.observe(target, { childList: true, subtree: true });
       });
     }
     let renderer;
+    let rendererConfigKey = null;
+    let rendererTheme;
+    let rendererThemeSyncQueued = false;
+    let rendererThemeObserver;
     let createShikiRenderer;
     let registerHighlight;
-    let registeredHighlightLanguages;
-    const warnedMissingLanguages = /* @__PURE__ */ new Set();
+    let registeredHighlightKey = null;
+    let latestHighlightRegistrationKey = "";
+    let highlightRegistrationSeq = 0;
+    let renderEpoch = 0;
+    let disposed = false;
     const warnedRendererErrors = /* @__PURE__ */ new Set();
-    const isDevEnv2 = typeof import.meta !== "undefined" && Boolean((_b = { "BASE_URL": "/", "MODE": "npm", "DEV": false, "PROD": true, "SSR": false }) == null ? void 0 : _b.DEV);
-    function normalizeRendererLanguage(rawLang, hasContent = false) {
-      const normalized = normalizeLanguageIdentifier(String(rawLang != null ? rawLang : ""));
-      if (!normalized)
-        return "plaintext";
-      if (!registeredHighlightLanguages || registeredHighlightLanguages.has(normalized))
-        return normalized;
-      if (hasContent && isDevEnv2 && !warnedMissingLanguages.has(normalized)) {
-        warnedMissingLanguages.add(normalized);
-        console.warn(`[MarkdownCodeBlockNode] Language "${normalized}" not preloaded in stream-markdown; falling back to plaintext.`);
+    const failedRendererLanguages = /* @__PURE__ */ new Set();
+    const failedHighlightRegistrationKeys = /* @__PURE__ */ new Set();
+    const isDevEnv2 = isDevEnvironment();
+    let warnedMissingRegisterHighlightForLangs = false;
+    let streamMarkdownLoadPromise = null;
+    let streamMarkdownLoadFailed = false;
+    let warnedStreamMarkdownUnavailable = false;
+    function nextRenderEpoch() {
+      renderEpoch += 1;
+      return renderEpoch;
+    }
+    function isCurrentRenderEpoch(epoch = renderEpoch) {
+      return !disposed && epoch === renderEpoch;
+    }
+    function disposeCurrentRenderer(options = {}) {
+      const current = renderer;
+      renderer = void 0;
+      rendererConfigKey = null;
+      rendererTheme = void 0;
+      lastCommittedRenderSignature = "";
+      pendingRenderSignature = null;
+      failedRendererLanguages.clear();
+      try {
+        current == null ? void 0 : current.dispose();
+      } catch (err) {
+        if (isDevEnv2)
+          console.warn("[MarkdownCodeBlockNode] Failed to dispose Shiki renderer.", err);
+      } finally {
+        clearRendererTarget();
+        rendererReady.value = false;
+        if (options.resetStableRender)
+          hasStableRender.value = false;
       }
-      return "plaintext";
     }
-    function updateRendererWithFallback(code, rawLang) {
+    function syncRendererTheme() {
       return __async(this, null, function* () {
         if (!renderer)
-          return false;
-        const normalized = normalizeRendererLanguage(rawLang, Boolean(code && code.length));
-        try {
-          yield renderer.updateCode(code, normalized);
-          return true;
-        } catch (err) {
+          return;
+        const theme = getRenderedColorScheme();
+        if (rendererTheme === theme)
+          return;
+        yield renderer.setTheme(theme);
+        rendererTheme = theme;
+      });
+    }
+    function queueRendererThemeChange() {
+      const theme = getRenderedColorScheme();
+      if (!renderer || theme === rendererTheme || rendererThemeSyncQueued)
+        return;
+      rendererThemeSyncQueued = true;
+      void nextTick(() => {
+        rendererThemeSyncQueued = false;
+        void handleRendererThemeChange();
+      });
+    }
+    function startRendererThemeObserver() {
+      if (rendererThemeObserver || typeof MutationObserver === "undefined")
+        return;
+      const rootEl = container.value;
+      if (!rootEl)
+        return;
+      rendererThemeObserver = new MutationObserver(() => {
+        queueRendererThemeChange();
+      });
+      rendererThemeObserver.observe(rootEl, {
+        attributes: true,
+        attributeFilter: ["data-markstream-code-theme"]
+      });
+    }
+    function disconnectRendererThemeObserver() {
+      rendererThemeObserver == null ? void 0 : rendererThemeObserver.disconnect();
+      rendererThemeObserver = void 0;
+    }
+    function getRenderedColorScheme() {
+      var _a2;
+      return ((_a2 = container.value) == null ? void 0 : _a2.getAttribute("data-markstream-code-theme")) || getPreferredColorScheme();
+    }
+    const highlightRegistrationKey = computed(
+      () => getHighlightRegistrationKey(getResolvedThemes(), props.langs)
+    );
+    function getShikiRuntimeCapabilities() {
+      return {
+        hasRegisterHighlight: Boolean(registerHighlight),
+        hasCreateRenderer: Boolean(createShikiRenderer)
+      };
+    }
+    function getRuntimeConfigWithFailedLangsFallback(themes, langs) {
+      var _a2;
+      const capabilities = getShikiRuntimeCapabilities();
+      const runtimeConfig = getRuntimeShikiRegistrationConfig(themes, langs, capabilities);
+      if (((_a2 = runtimeConfig.rendererOptions.langs) == null ? void 0 : _a2.length) && failedHighlightRegistrationKeys.has(runtimeConfig.key)) {
+        return getRuntimeShikiRegistrationConfig(themes, void 0, capabilities);
+      }
+      return runtimeConfig;
+    }
+    function rendererNeedsReconfigure() {
+      const runtimeConfig = getRuntimeConfigWithFailedLangsFallback(getResolvedThemes(), props.langs);
+      return Boolean(renderer && rendererConfigKey !== runtimeConfig.key);
+    }
+    function normalizeRendererLanguage(rawLang) {
+      const normalized = normalizeShikiLanguage(rawLang);
+      return normalized || "plaintext";
+    }
+    function updateRendererWithFallback(_0, _1) {
+      return __async(this, arguments, function* (code, rawLang, epoch = renderEpoch) {
+        if (!renderer || !isCurrentRenderEpoch(epoch))
+          return void 0;
+        const normalized = normalizeRendererLanguage(rawLang);
+        const renderPlaintext = (originalError) => __async(this, null, function* () {
+          if (!renderer || !isCurrentRenderEpoch(epoch))
+            return void 0;
           if (normalized !== "plaintext") {
-            if (isDevEnv2 && !warnedRendererErrors.has(normalized)) {
+            if (originalError)
+              failedRendererLanguages.add(normalized);
+            if (originalError && isDevEnv2 && !warnedRendererErrors.has(normalized)) {
               warnedRendererErrors.add(normalized);
-              console.warn(`[MarkdownCodeBlockNode] Failed to render language "${normalized}", retrying as plaintext.`, err);
+              console.warn(`[MarkdownCodeBlockNode] Failed to render language "${normalized}", retrying as plaintext.`, originalError);
             }
-            try {
-              yield renderer.updateCode(code, "plaintext");
-              return true;
-            } catch (plainErr) {
-              if (isDevEnv2)
-                console.warn("[MarkdownCodeBlockNode] Failed to render code block even as plaintext.", plainErr);
-              return false;
-            }
-          } else if (isDevEnv2) {
-            console.warn("[MarkdownCodeBlockNode] Failed to render code block even as plaintext.", err);
           }
-          return false;
+          try {
+            yield renderer.updateCode(code, "plaintext");
+            return isCurrentRenderEpoch(epoch) ? "plaintext" : void 0;
+          } catch (plainErr) {
+            if (!isCurrentRenderEpoch(epoch))
+              return void 0;
+            if (isDevEnv2)
+              console.warn("[MarkdownCodeBlockNode] Failed to render code block even as plaintext.", plainErr);
+            return void 0;
+          }
+        });
+        if (normalized !== "plaintext" && failedRendererLanguages.has(normalized))
+          return renderPlaintext();
+        try {
+          yield renderer.updateCode(code, normalized);
+          return isCurrentRenderEpoch(epoch) ? normalized : void 0;
+        } catch (err) {
+          if (!isCurrentRenderEpoch(epoch))
+            return void 0;
+          if (normalized !== "plaintext")
+            return renderPlaintext(err);
+          if (isDevEnv2)
+            console.warn("[MarkdownCodeBlockNode] Failed to render code block even as plaintext.", err);
+          return void 0;
         }
       });
     }
-    function ensureStreamMarkdownLoaded() {
+    function ensureHighlightRegistered(registerOptions, key) {
       return __async(this, null, function* () {
-        if (createShikiRenderer)
-          return;
+        if (!registerHighlight)
+          return "ready";
+        if (latestHighlightRegistrationKey !== key)
+          return "stale";
+        if (registeredHighlightKey === key)
+          return "ready";
+        const seq = ++highlightRegistrationSeq;
         try {
-          const mod2 = yield import("stream-markdown");
-          createShikiRenderer = mod2.createShikiStreamRenderer;
-          registerHighlight = mod2.registerHighlight;
-          const defaultLangs = Array.isArray(mod2.defaultLanguages) ? mod2.defaultLanguages : void 0;
-          registeredHighlightLanguages = defaultLangs ? new Set(defaultLangs.map((l) => l.toLowerCase())) : void 0;
-          registerHighlight == null ? void 0 : registerHighlight({ themes: getResolvedThemes() });
+          yield registerHighlightOnce(registerHighlight, registerOptions, key);
         } catch (e) {
-          console.warn("[MarkdownCodeBlockNode] stream-markdown not available:", e);
-        }
+          if (seq !== highlightRegistrationSeq || latestHighlightRegistrationKey !== key)
+            return "stale";
+          return "failed";
+        }
+        if (seq !== highlightRegistrationSeq || latestHighlightRegistrationKey !== key)
+          return "stale";
+        registeredHighlightKey = key;
+        return "ready";
+      });
+    }
+    function waitForCurrentHighlightRegistration(registerOptions, key) {
+      return __async(this, null, function* () {
+        const status = yield ensureHighlightRegistered(registerOptions, key);
+        if (status !== "failed")
+          return status;
+        if (latestHighlightRegistrationKey !== key)
+          return "stale";
+        return ensureHighlightRegistered(registerOptions, key);
+      });
+    }
+    function ensureStreamMarkdownLoaded() {
+      return __async(this, null, function* () {
+        if (createShikiRenderer || streamMarkdownLoadFailed)
+          return;
+        if (streamMarkdownLoadPromise)
+          return streamMarkdownLoadPromise;
+        streamMarkdownLoadPromise = (() => __async(this, null, function* () {
+          try {
+            const mod2 = yield import("stream-markdown");
+            const nextCreateRenderer = mod2.createShikiStreamRenderer;
+            if (typeof nextCreateRenderer !== "function")
+              throw new TypeError("stream-markdown.createShikiStreamRenderer is not available");
+            createShikiRenderer = nextCreateRenderer;
+            const nextRegisterHighlight = mod2.registerHighlight;
+            registerHighlight = typeof nextRegisterHighlight === "function" ? nextRegisterHighlight : void 0;
+            streamMarkdownLoadFailed = false;
+            warnedStreamMarkdownUnavailable = false;
+          } catch (e) {
+            streamMarkdownLoadFailed = true;
+            if (isDevEnv2 && !warnedStreamMarkdownUnavailable) {
+              warnedStreamMarkdownUnavailable = true;
+              console.warn("[MarkdownCodeBlockNode] stream-markdown not available:", e);
+            }
+          } finally {
+            streamMarkdownLoadPromise = null;
+          }
+        }))();
+        return streamMarkdownLoadPromise;
       });
     }
-    function initRenderer() {
+    function initRenderer(epoch) {
       return __async(this, null, function* () {
+        var _a2, _b;
+        if (!isCurrentRenderEpoch(epoch))
+          return;
         yield ensureStreamMarkdownLoaded();
+        if (!isCurrentRenderEpoch(epoch))
+          return;
         if (!codeBlockContent.value || !rendererTarget.value) {
           renderFallback(props.node.code, true);
           return;
         }
-        registerHighlight == null ? void 0 : registerHighlight({ themes: getResolvedThemes() });
+        let runtimeConfig = getRuntimeConfigWithFailedLangsFallback(getResolvedThemes(), props.langs);
+        if (runtimeConfig.ignoredLangs && isDevEnv2 && !warnedMissingRegisterHighlightForLangs) {
+          warnedMissingRegisterHighlightForLangs = true;
+          console.warn(
+            "[MarkdownCodeBlockNode] `langs` requires stream-markdown >=0.0.15 with registerHighlight(); ignoring `langs` and using stream-markdown default language preload."
+          );
+        }
+        let rendererOptions = runtimeConfig.rendererOptions;
+        let nextRendererConfigKey = runtimeConfig.key;
+        latestHighlightRegistrationKey = nextRendererConfigKey;
+        let needsRendererReconfigure = Boolean(renderer && rendererConfigKey !== nextRendererConfigKey);
+        if (needsRendererReconfigure)
+          renderFallback(props.node.code, !hasStableRender.value);
+        let highlightStatus = yield waitForCurrentHighlightRegistration(runtimeConfig.registerOptions, nextRendererConfigKey);
+        if (highlightStatus === "failed" && ((_a2 = rendererOptions.langs) == null ? void 0 : _a2.length)) {
+          failedHighlightRegistrationKeys.add(nextRendererConfigKey);
+          if (isDevEnv2) {
+            console.warn(
+              "[MarkdownCodeBlockNode] Failed to register configured Shiki languages; retrying without `langs`.",
+              { langs: rendererOptions.langs }
+            );
+          }
+          runtimeConfig = getRuntimeShikiRegistrationConfig(getResolvedThemes(), void 0, getShikiRuntimeCapabilities());
+          rendererOptions = runtimeConfig.rendererOptions;
+          nextRendererConfigKey = runtimeConfig.key;
+          latestHighlightRegistrationKey = nextRendererConfigKey;
+          highlightStatus = yield waitForCurrentHighlightRegistration(runtimeConfig.registerOptions, nextRendererConfigKey);
+        }
+        if (!isCurrentRenderEpoch(epoch) || highlightStatus === "stale")
+          return;
+        needsRendererReconfigure = Boolean(renderer && rendererConfigKey !== nextRendererConfigKey);
+        if (highlightStatus === "failed") {
+          if (needsRendererReconfigure && renderer && hasRendererContent())
+            clearFallback();
+          else
+            renderFallback(props.node.code, true);
+          return;
+        }
+        if (needsRendererReconfigure)
+          disposeCurrentRenderer({ resetStableRender: true });
         if (!renderer && createShikiRenderer) {
-          renderer = createShikiRenderer(rendererTarget.value, {
-            theme: getPreferredColorScheme(),
-            themes: getResolvedThemes()
-          });
+          const theme = getRenderedColorScheme();
+          renderer = createShikiRenderer(rendererTarget.value, __spreadValues({
+            theme
+          }, rendererOptions));
+          rendererTheme = theme;
+          rendererConfigKey = nextRendererConfigKey;
           rendererReady.value = true;
         }
         if (!renderer) {
@@ -8566,40 +9431,91 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           return;
         }
         renderFallback(props.node.code, !hasStableRender.value);
-        const updated = yield updateRendererWithFallback(props.node.code, codeLanguage.value);
-        if (!updated) {
+        const previousMutationVersion = rendererMutationVersion;
+        const previousRendererHtml = (_b = rendererTarget.value) == null ? void 0 : _b.innerHTML;
+        startRendererReadyObserver(epoch, previousMutationVersion);
+        const renderedLang = yield updateRendererWithFallback(props.node.code, props.node.language, epoch);
+        if (!isCurrentRenderEpoch(epoch))
+          return;
+        if (!renderedLang) {
+          pendingRenderSignature = null;
+          disconnectReadyObserver();
           keepLastSuccessfulRender();
           return;
         }
-        if (hasStableRender.value)
+        if (hasStableRender.value) {
           keepLastSuccessfulRender();
-        else
-          yield clearFallbackWhenRendererReady();
+        } else {
+          yield clearFallbackWhenRendererReady(
+            epoch,
+            previousMutationVersion,
+            getRenderSignature(nextRendererConfigKey, renderedLang, props.node.code),
+            previousRendererHtml
+          );
+        }
       });
     }
-    initRenderer();
-    onMounted(() => {
-      initRenderer();
-    });
-    onBeforeUnmount(() => {
+    function safeInitRenderer() {
+      return __async(this, arguments, function* (epoch = nextRenderEpoch()) {
+        try {
+          yield initRenderer(epoch);
+        } catch (err) {
+          if (!isCurrentRenderEpoch(epoch))
+            return;
+          if (isDevEnv2)
+            console.warn("[MarkdownCodeBlockNode] Failed to initialize Shiki renderer.", err);
+          renderFallback(props.node.code, !hasStableRender.value);
+        }
+      });
+    }
+    function cleanupRenderer() {
+      disposed = true;
+      renderEpoch += 1;
       renderObserver == null ? void 0 : renderObserver.disconnect();
       renderObserver = void 0;
-    });
-    watch(() => props.themes, () => __async(this, null, function* () {
-      if (registerHighlight)
-        registerHighlight({ themes: getResolvedThemes() });
+      disconnectRendererThemeObserver();
+      pendingRenderSignature = null;
+      disposeCurrentRenderer({ resetStableRender: true });
+    }
+    renderFallback(props.node.code, true);
+    if (getCurrentInstance()) {
+      onMounted(() => {
+        startRendererThemeObserver();
+        void safeInitRenderer();
+      });
+      onBeforeUnmount(cleanupRenderer);
+    } else {
+      void nextTick(() => __async(this, null, function* () {
+        yield nextTick();
+        startRendererThemeObserver();
+        yield safeInitRenderer();
+        if (!lastCommittedRenderSignature && hasRendererContent()) {
+          markRendererCommitted(
+            getRenderSignature(
+              rendererConfigKey != null ? rendererConfigKey : highlightRegistrationKey.value,
+              normalizeRendererLanguage(props.node.language),
+              props.node.code
+            )
+          );
+        }
+      }));
+    }
+    watch(highlightRegistrationKey, () => __async(this, null, function* () {
+      yield safeInitRenderer();
     }));
     watch(() => props.loading, (loading) => {
       if (loading)
         return;
-      initRenderer();
+      void safeInitRenderer();
     });
     watch(tooltipsEnabled, (enabled) => {
       if (!enabled)
         hideTooltip();
     });
     watch(() => [props.node.code, props.node.language], (_0) => __async(this, [_0], function* ([code, lang]) {
-      const normalizedLang = normalizeLanguageIdentifier(String(lang != null ? lang : ""));
+      var _a2;
+      const epoch = nextRenderEpoch();
+      const normalizedLang = normalizeLanguageIdentifier(lang);
       if (normalizedLang !== codeLanguage.value)
         codeLanguage.value = normalizedLang;
       if (!codeBlockContent.value || !rendererTarget.value) {
@@ -8607,44 +9523,54 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         return;
       }
       if (!code) {
-        renderObserver == null ? void 0 : renderObserver.disconnect();
-        renderObserver = void 0;
-        rendererTarget.value.innerHTML = "";
-        fallbackHtml.value = "";
-        rendererReady.value = false;
-        hasStableRender.value = false;
+        renderFallback("");
         return;
       }
-      if (!renderer) {
+      if (!renderer || rendererNeedsReconfigure()) {
         renderFallback(code, !hasStableRender.value);
-        yield initRenderer();
+        yield safeInitRenderer(epoch);
+        return;
       }
-      if (!renderer || !code)
+      if (!isCurrentRenderEpoch(epoch))
+        return;
+      if (!renderer)
         return;
       if (props.stream === false && props.loading)
         return;
       renderFallback(code, !hasStableRender.value);
-      const updated = yield updateRendererWithFallback(code, normalizedLang);
-      if (!updated) {
+      const previousMutationVersion = rendererMutationVersion;
+      const previousRendererHtml = (_a2 = rendererTarget.value) == null ? void 0 : _a2.innerHTML;
+      startRendererReadyObserver(epoch, previousMutationVersion);
+      const renderedLang = yield updateRendererWithFallback(code, lang, epoch);
+      if (!isCurrentRenderEpoch(epoch))
+        return;
+      if (!renderedLang) {
+        pendingRenderSignature = null;
+        disconnectReadyObserver();
         keepLastSuccessfulRender();
         return;
       }
-      if (hasStableRender.value)
+      if (hasStableRender.value) {
         keepLastSuccessfulRender();
-      else
-        yield clearFallbackWhenRendererReady();
+      } else {
+        yield clearFallbackWhenRendererReady(
+          epoch,
+          previousMutationVersion,
+          getRenderSignature(rendererConfigKey != null ? rendererConfigKey : highlightRegistrationKey.value, renderedLang, code),
+          previousRendererHtml
+        );
+      }
     }));
-    watch(
-      () => [props.darkTheme, props.lightTheme],
-      () => __async(this, null, function* () {
+    function handleRendererThemeChange() {
+      return __async(this, null, function* () {
         if (!codeBlockContent.value || !rendererTarget.value)
           return;
         if (!renderer)
-          yield initRenderer();
-        yield renderer == null ? void 0 : renderer.setTheme(getPreferredColorScheme());
+          yield safeInitRenderer();
+        yield syncRendererTheme();
         syncRenderedCssVars();
-      })
-    );
+      });
+    }
     watch(() => props.node.code, () => __async(this, null, function* () {
       if (isExpanded.value || !autoScrollEnabled.value)
         return;
@@ -8763,7 +9689,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function previewCode() {
       if (!isPreviewable.value)
         return;
-      const lowerLang = normalizeLanguageIdentifier(String(codeLanguage.value || props.node.language)).toLowerCase();
+      const lowerLang = normalizeLanguageIdentifier(codeLanguage.value || props.node.language).toLowerCase();
       const artifactType = lowerLang === "html" ? "text/html" : "image/svg+xml";
       const artifactTitle = lowerLang === "html" ? "HTML Preview" : "SVG Preview";
       emits("previewCode", {
@@ -8772,16 +9698,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         title: artifactTitle
       });
     }
-    return { __sfc: true, props, emits, t, codeLanguage, copyText, isExpanded, isCollapsed, container, codeBlockContent, rendererTarget, fallbackHtml, rendererReady, hasStableRender, renderObserver, autoScrollEnabled, lastScrollTop, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, displayLanguage, languageIcon, isPreviewable, containerStyle, contentStyle, tooltipsEnabled, getPreferredColorScheme, getResolvedThemes, getColorChannels, getRelativeLuminance, getContrastRatio, isDarkBackgroundColor, syncRenderedCssVars, escapeHtml: escapeHtml2, renderFallback, clearFallback, keepLastSuccessfulRender, hasRendererContent, clearFallbackWhenRendererReady, renderer, createShikiRenderer, registerHighlight, registeredHighlightLanguages, warnedMissingLanguages, warnedRendererErrors, isDevEnv: isDevEnv2, normalizeRendererLanguage, updateRendererWithFallback, ensureStreamMarkdownLoaded, initRenderer, isAtBottom, handleScroll, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, increaseCodeFont, decreaseCodeFont, resetCodeFont, previewCode };
+    return { __sfc: true, props, emits, t, codeLanguage, copyText, isExpanded, isCollapsed, container, codeBlockContent, rendererTarget, fallbackHtml, rendererReady, hasStableRender, renderObserver, lastCommittedRenderSignature, rendererMutationVersion, pendingRenderSignature, autoScrollEnabled, lastScrollTop, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, displayLanguage, languageIcon, isPreviewable, containerStyle, contentStyle, tooltipsEnabled, getPreferredColorScheme, getResolvedThemes, getColorChannels, getRelativeLuminance, getContrastRatio, isDarkBackgroundColor, syncRenderedCssVars, escapeHtml: escapeHtml2, renderFallback, clearFallback, keepLastSuccessfulRender, clearRendererTarget, hasRendererContent, getRenderSignature, markRendererCommitted, disconnectReadyObserver, startRendererReadyObserver, clearFallbackWhenRendererReady, renderer, rendererConfigKey, rendererTheme, rendererThemeSyncQueued, rendererThemeObserver, createShikiRenderer, registerHighlight, registeredHighlightKey, latestHighlightRegistrationKey, highlightRegistrationSeq, renderEpoch, disposed, warnedRendererErrors, failedRendererLanguages, failedHighlightRegistrationKeys, isDevEnv: isDevEnv2, warnedMissingRegisterHighlightForLangs, streamMarkdownLoadPromise, streamMarkdownLoadFailed, warnedStreamMarkdownUnavailable, nextRenderEpoch, isCurrentRenderEpoch, disposeCurrentRenderer, syncRendererTheme, queueRendererThemeChange, startRendererThemeObserver, disconnectRendererThemeObserver, getRenderedColorScheme, highlightRegistrationKey, getShikiRuntimeCapabilities, getRuntimeConfigWithFailedLangsFallback, rendererNeedsReconfigure, normalizeRendererLanguage, updateRendererWithFallback, ensureHighlightRegistered, waitForCurrentHighlightRegistration, ensureStreamMarkdownLoaded, initRenderer, safeInitRenderer, cleanupRenderer, handleRendererThemeChange, isAtBottom, handleScroll, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, increaseCodeFont, decreaseCodeFont, resetCodeFont, previewCode };
   }
 });
-const MarkdownCodeBlockNode_vue_vue_type_style_index_0_scoped_67f44524_lang = "";
+const MarkdownCodeBlockNode_vue_vue_type_style_index_0_scoped_fbed7233_lang = "";
 var _sfc_render$6 = function render40() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [_setup.props.isDark ? "border-gray-700/30 bg-gray-900" : "border-gray-200 bg-white", _setup.props.isDark ? "is-dark" : ""], style: __spreadProps(__spreadValues({}, _setup.containerStyle), {
     backgroundColor: "var(--vscode-editor-background, var(--markstream-code-fallback-bg))",
     color: "var(--vscode-editor-foreground, var(--markstream-code-fallback-fg))"
-  }) }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5", staticStyle: { "color": "var(--vscode-editor-foreground, var(--markstream-code-fallback-fg))", "background-color": "var(--vscode-editor-background, var(--markstream-code-fallback-bg))" } }, [_vm._t("header-left", function() {
+  }), attrs: { "data-markstream-code-theme": _setup.props.isDark ? _setup.props.darkTheme : _setup.props.lightTheme } }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5", staticStyle: { "color": "var(--vscode-editor-foreground, var(--markstream-code-fallback-fg))", "background-color": "var(--vscode-editor-background, var(--markstream-code-fallback-bg))" } }, [_vm._t("header-left", function() {
     return [_c("div", { staticClass: "flex items-center space-x-2 flex-1 overflow-hidden" }, [_c("span", { staticClass: "icon-slot h-4 w-4 flex-shrink-0", domProps: { "innerHTML": _vm._s(_setup.languageIcon) } }), _c("span", { staticClass: "text-sm font-medium font-mono truncate" }, [_vm._v(_vm._s(_setup.displayLanguage))])])];
   }), _vm._t("header-right", function() {
     return [_c("div", { staticClass: "flex items-center space-x-2" }, [_setup.props.showCollapseButton ? _c("button", { staticClass: "code-action-btn p-2 text-xs rounded-md transition-colors hover:bg-[var(--vscode-editor-selectionBackground)]", attrs: { "type": "button", "aria-pressed": _setup.isCollapsed }, on: { "click": _setup.toggleHeaderCollapse, "mouseenter": function($event) {
@@ -8821,7 +9747,7 @@ var _sfc_render$6 = function render40() {
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
     }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "w-3 h-3", attrs: { "data-v-3d59cc65": "", "xmlns": "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", "role": "img", "width": "1em", "height": "1em", "viewBox": "0 0 24 24" } }, [_c("g", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" } }, [_c("path", { attrs: { "d": "M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0" } }), _c("circle", { attrs: { "cx": "12", "cy": "12", "r": "3" } })])])]) : _vm._e()], 2)];
-  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], ref: "codeBlockContent", staticClass: "code-block-content", style: _setup.contentStyle, on: { "scroll": _setup.handleScroll } }, [_c("div", { ref: "rendererTarget", staticClass: "code-block-render" }), !_setup.rendererReady ? _c("div", { staticClass: "code-fallback-plain", domProps: { "innerHTML": _vm._s(_setup.fallbackHtml) } }) : _vm._e()]), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
+  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], ref: "codeBlockContent", staticClass: "code-block-content", style: _setup.contentStyle, on: { "scroll": _setup.handleScroll } }, [_c("div", { ref: "rendererTarget", staticClass: "code-block-render" }), !_setup.rendererReady && _setup.fallbackHtml ? _c("div", { staticClass: "code-fallback-plain", domProps: { "innerHTML": _vm._s(_setup.fallbackHtml) } }) : _vm._e()]), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
     return [_vm._m(0)];
   }, { "loading": _vm.loading, "stream": _vm.stream })], 2)]);
 };
@@ -8836,7 +9762,7 @@ var __component__$6 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$6,
   false,
   null,
-  "67f44524",
+  "fbed7233",
   null,
   null
 );
@@ -8869,10 +9795,15 @@ const _sfc_main$5 = defineComponent({
     codeBlockProps: Object,
     showTooltips: Boolean,
     themes: Array,
+    langs: Array,
     isDark: Boolean,
     customId: [String, Number],
     indexKey: [String, Number],
     typewriter: Boolean,
+    fade: {
+      type: Boolean,
+      default: true
+    },
     batchRendering: Boolean,
     initialRenderBatchSize: Number,
     renderBatchSize: Number,
@@ -8936,10 +9867,12 @@ const _sfc_main$5 = defineComponent({
         codeBlockProps: this.codeBlockProps,
         showTooltips: this.showTooltips,
         themes: this.themes,
+        langs: this.langs,
         isDark: this.isDark,
         customId: this.customId,
         indexKey: this.indexKey,
         typewriter: this.typewriter,
+        fade: this.fade,
         batchRendering: this.batchRendering,
         initialRenderBatchSize: this.initialRenderBatchSize,
         renderBatchSize: this.renderBatchSize,
@@ -8961,6 +9894,7 @@ const _sfc_main$5 = defineComponent({
           customId: this.customId,
           indexKey: this.indexKey,
           typewriter: this.typewriter,
+          fade: this.fade,
           showTooltips: this.showTooltips,
           codeBlockStream: this.codeBlockStream,
           codeBlockDarkTheme: this.codeBlockDarkTheme,
@@ -8971,6 +9905,7 @@ const _sfc_main$5 = defineComponent({
           codeBlockMaxWidth: this.codeBlockMaxWidth,
           codeBlockProps: this.codeBlockProps,
           themes: this.themes,
+          langs: this.langs,
           isDark: this.isDark
         }
       }, Object.keys(listeners).length > 0 ? { on: listeners } : {}));
@@ -9978,6 +10913,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     showZoomControls: { type: Boolean, default: true },
     enableWheelZoom: { type: Boolean, default: false },
     isStrict: { type: Boolean, default: true },
+    enableMermaidInteractions: { type: Boolean, default: false },
     onRenderError: null
   },
   emits: ["copy", "export", "openModal", "toggleMode"],
@@ -10000,81 +10936,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       dompurifyConfig: mermaidSecurityLevel.value === "strict" ? DOMPURIFY_CONFIG : void 0,
       flowchart: mermaidSecurityLevel.value === "strict" ? { htmlLabels: false } : void 0
     }));
-    function neutralizeScriptProtocols(raw) {
-      return raw.replace(/["']\s*javascript:/gi, "#").replace(/\bjavascript:/gi, "#").replace(/["']\s*vbscript:/gi, "#").replace(/\bvbscript:/gi, "#").replace(/\bdata:text\/html/gi, "#");
-    }
-    const DISALLOWED_STYLE_PATTERNS = [/javascript:/i, /expression\s*\(/i, /url\s*\(\s*javascript:/i, /@import/i];
-    const SAFE_URL_PROTOCOLS = /^(?:https?:|mailto:|tel:|#|\/|data:image\/(?:png|gif|jpe?g|webp);)/i;
-    function sanitizeUrl(value) {
-      if (!value)
-        return "";
-      const trimmed = value.trim();
-      if (SAFE_URL_PROTOCOLS.test(trimmed))
-        return trimmed;
-      return "";
-    }
-    function scrubSvgElement(svgEl) {
-      const forbiddenTags = /* @__PURE__ */ new Set(["script"]);
-      const nodes = [svgEl, ...Array.from(svgEl.querySelectorAll("*"))];
-      for (const node of nodes) {
-        if (forbiddenTags.has(node.tagName.toLowerCase())) {
-          node.remove();
-          continue;
-        }
-        const attrs = Array.from(node.attributes);
-        for (const attr of attrs) {
-          const name = attr.name;
-          if (/^on/i.test(name)) {
-            node.removeAttribute(name);
-            continue;
-          }
-          if (name === "style" && attr.value) {
-            const val = attr.value;
-            if (DISALLOWED_STYLE_PATTERNS.some((re) => re.test(val))) {
-              node.removeAttribute(name);
-              continue;
-            }
-          }
-          if ((name === "href" || name === "xlink:href") && attr.value) {
-            const safe = sanitizeUrl(attr.value);
-            if (!safe) {
-              node.removeAttribute(name);
-              continue;
-            }
-            if (safe !== attr.value)
-              node.setAttribute(name, safe);
-          }
-        }
-      }
-    }
-    function toSafeSvgElement(svg) {
-      if (typeof window === "undefined" || typeof DOMParser === "undefined")
-        return null;
-      if (!svg)
-        return null;
-      const neutralized = neutralizeScriptProtocols(svg);
-      const parsed = new DOMParser().parseFromString(neutralized, "image/svg+xml");
-      const svgEl = parsed.documentElement;
-      if (!svgEl || svgEl.nodeName.toLowerCase() !== "svg")
-        return null;
-      const svgElement = svgEl;
-      scrubSvgElement(svgElement);
-      return svgElement;
-    }
     function setSafeSvg(target, svg) {
       if (!target)
-        return "";
-      try {
-        target.replaceChildren();
-      } catch (e) {
-        target.innerHTML = "";
-      }
+        return null;
       const safeElement = toSafeSvgElement(svg);
       if (safeElement) {
+        clearElement(target);
         target.appendChild(safeElement);
-        return target.innerHTML;
+        return {
+          svg: target.innerHTML,
+          bindTarget: target
+        };
       }
-      return "";
+      return null;
     }
     function clearElement(target) {
       if (!target)
@@ -10085,53 +10959,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         target.innerHTML = "";
       }
     }
-    function renderSvgToTarget(target, svg) {
+    function renderSvgToTarget(target, svg, options = {}) {
       if (!target)
-        return "";
-      if (mermaidSecurityLevel.value === "strict") {
-        return setSafeSvg(target, svg);
-      }
+        return null;
+      const rendered = setSafeSvg(target, svg);
+      if (!rendered && !options.keepPreviousOnFailure)
+        clearElement(target);
+      return rendered;
+    }
+    let lastMermaidBindFunctions = null;
+    function bindMermaidInteractions(element) {
+      if (!props.enableMermaidInteractions || !(element == null ? void 0 : element.querySelector("svg")))
+        return;
       try {
-        target.replaceChildren();
+        lastMermaidBindFunctions == null ? void 0 : lastMermaidBindFunctions(element);
       } catch (e) {
-        target.innerHTML = "";
-      }
-      if (svg) {
-        try {
-          target.insertAdjacentHTML("afterbegin", svg);
-        } catch (e) {
-          target.innerHTML = svg;
-        }
-      }
-      return target.innerHTML;
-    }
-    function isBrokenMermaidSvg(svg) {
-      if (!svg || typeof DOMParser === "undefined")
-        return !svg;
-      const parsed = new DOMParser().parseFromString(svg, "image/svg+xml");
-      const svgEl = parsed.documentElement;
-      if (!svgEl || svgEl.nodeName.toLowerCase() !== "svg")
-        return true;
-      const viewBox = svgEl.getAttribute("viewBox");
-      if (viewBox) {
-        const parts = viewBox.trim().split(/[\s,]+/);
-        if (parts.length === 4) {
-          const width = Number.parseFloat(parts[2] || "");
-          const height = Number.parseFloat(parts[3] || "");
-          if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0)
-            return true;
-        }
       }
-      const nodes = [svgEl, ...Array.from(svgEl.querySelectorAll("*"))];
-      for (const node of nodes) {
-        for (const attr of Array.from(node.attributes)) {
-          if (/\bNaN\b/i.test(attr.value))
-            return true;
-          if (attr.name === "style" && /max-width:\s*0(?:px)?/i.test(attr.value))
-            return true;
-        }
-      }
-      return false;
     }
     const { t } = useSafeI18n();
     function resolveMermaidInstance() {
@@ -10656,6 +11499,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         closeModal();
       }
     }
+    function mountModalClone() {
+      var _a3;
+      if (!mermaidContainer.value || !modalContent.value)
+        return false;
+      if (((_a3 = modalContent.value.firstElementChild) == null ? void 0 : _a3.getAttribute("data-mermaid-modal-clone")) === "1")
+        return true;
+      const clone = mermaidContainer.value.cloneNode(true);
+      clone.dataset.mermaidModalClone = "1";
+      clone.classList.add("fullscreen");
+      clone.style.height = "100%";
+      clone.style.maxHeight = "100%";
+      const wrapper = clone.querySelector(
+        "[data-mermaid-wrapper]"
+      );
+      if (wrapper) {
+        modalCloneWrapper.value = wrapper;
+        wrapper.style.transform = transformStyle.value.transform;
+      }
+      clearElement(modalContent.value);
+      modalContent.value.appendChild(clone);
+      bindMermaidInteractions(clone);
+      return true;
+    }
     function openModal() {
       isModalOpen.value = true;
       if (typeof document !== "undefined") {
@@ -10671,21 +11537,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
       }
       nextTick(() => {
-        if (mermaidContainer.value && modalContent.value) {
-          const clone = mermaidContainer.value.cloneNode(true);
-          clone.classList.add("fullscreen");
-          clone.style.height = "100%";
-          clone.style.maxHeight = "100%";
-          const wrapper = clone.querySelector(
-            "[data-mermaid-wrapper]"
-          );
-          if (wrapper) {
-            modalCloneWrapper.value = wrapper;
-            wrapper.style.transform = transformStyle.value.transform;
-          }
-          clearElement(modalContent.value);
-          modalContent.value.appendChild(clone);
-        }
+        if (!mountModalClone())
+          nextTick(mountModalClone);
       });
     }
     function closeModal() {
@@ -10707,6 +11560,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    watch(modalContent, (element) => {
+      if (isModalOpen.value && element)
+        mountModalClone();
+    });
     function checkContentStability() {
       if (!showSource.value) {
         return;
@@ -10948,7 +11805,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
         isRendering.value = true;
         renderQueue.value = (() => __async(this, null, function* () {
-          var _a3, _b2;
+          var _a3, _b2, _c;
           try {
             const mermaidInstance = yield resolveMermaidInstance();
             if (!mermaidInstance)
@@ -10969,10 +11826,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               { timeoutMs: timeouts.value.fullRender }
             );
             const svg = res == null ? void 0 : res.svg;
-            if (isBrokenMermaidSvg(svg))
-              throw new Error("Mermaid produced invalid SVG during preview");
             if (mermaidContent.value) {
               const rendered = renderSvgToTarget(mermaidContent.value, svg);
+              if (!rendered) {
+                if (isThemeRendering.value)
+                  isThemeRendering.value = false;
+                return false;
+              }
+              const bindFunctions = (_b2 = res == null ? void 0 : res.bindFunctions) != null ? _b2 : null;
+              lastMermaidBindFunctions = bindFunctions;
+              bindMermaidInteractions(rendered.bindTarget);
               if (!hasRenderedOnce.value && !isThemeRendering.value) {
                 updateContainerHeight();
                 hasRenderedOnce.value = true;
@@ -10985,7 +11848,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }
               const currentTheme2 = props.isDark ? "dark" : "light";
               if (rendered)
-                svgCache.value[currentTheme2] = rendered;
+                svgCache.value[currentTheme2] = { svg: rendered.svg, bindFunctions };
               if (isThemeRendering.value) {
                 isThemeRendering.value = false;
               }
@@ -11001,7 +11864,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               consecutiveRenderTimeouts = nextAttempt;
               const backoff = Math.min(1200, 600 * nextAttempt);
               scheduleRenderRetry(backoff);
-              if (typeof import.meta !== "undefined" && ((_b2 = { "BASE_URL": "/", "MODE": "npm", "DEV": false, "PROD": true, "SSR": false }) == null ? void 0 : _b2.DEV))
+              if (typeof import.meta !== "undefined" && ((_c = { "BASE_URL": "/", "MODE": "npm", "DEV": false, "PROD": true, "SSR": false }) == null ? void 0 : _c.DEV))
                 console.warn("[markstream-vue2] Mermaid render timed out, retry scheduled:", nextAttempt);
             } else {
               consecutiveRenderTimeouts = 0;
@@ -11022,6 +11885,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     function renderPartial(code) {
       return __async(this, null, function* () {
+        var _a3;
         if (!canApplyPartialPreview())
           return;
         if (!mermaidContent.value) {
@@ -11046,9 +11910,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             { timeoutMs: timeouts.value.render }
           );
           const svg = res == null ? void 0 : res.svg;
-          if (mermaidContent.value && svg && !isBrokenMermaidSvg(svg)) {
-            renderSvgToTarget(mermaidContent.value, svg);
-            updateContainerHeight();
+          if (mermaidContent.value && svg) {
+            const rendered = renderSvgToTarget(mermaidContent.value, svg, { keepPreviousOnFailure: true });
+            if (rendered) {
+              lastMermaidBindFunctions = (_a3 = res == null ? void 0 : res.bindFunctions) != null ? _a3 : null;
+              bindMermaidInteractions(rendered.bindTarget);
+              updateContainerHeight();
+            }
           }
         } catch (e) {
         } finally {
@@ -11058,7 +11926,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     function progressiveRender() {
       return __async(this, null, function* () {
-        var _a3, _b2;
+        var _a3, _b2, _c;
         const scheduledAt = Date.now();
         const token = ++renderToken.value;
         if (currentWorkController) {
@@ -11108,7 +11976,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           return;
         const cached = svgCache.value[theme];
         if (cached && mermaidContent.value) {
-          renderSvgToTarget(mermaidContent.value, cached);
+          const rendered = renderSvgToTarget(mermaidContent.value, cached.svg);
+          if (rendered) {
+            lastMermaidBindFunctions = (_c = cached.bindFunctions) != null ? _c : null;
+            bindMermaidInteractions(rendered.bindTarget);
+          }
         }
       });
     }
@@ -11244,6 +12116,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     );
     watch(() => props.isDark, () => __async(this, null, function* () {
+      var _a3;
       if (!hasRenderedOnce.value) {
         return;
       }
@@ -11254,7 +12127,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const cachedForTheme = svgCache.value[targetTheme];
       if (cachedForTheme) {
         if (mermaidContent.value) {
-          renderSvgToTarget(mermaidContent.value, cachedForTheme);
+          const rendered2 = renderSvgToTarget(mermaidContent.value, cachedForTheme.svg);
+          if (rendered2) {
+            lastMermaidBindFunctions = (_a3 = cachedForTheme.bindFunctions) != null ? _a3 : null;
+            bindMermaidInteractions(rendered2.bindTarget);
+          }
         }
         return;
       }
@@ -11287,6 +12164,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch(
       () => showSource.value,
       (newValue) => __async(this, null, function* () {
+        var _a3;
         if (!newValue) {
           if (hasRenderError.value) {
             return;
@@ -11295,7 +12173,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           if (hasRenderedOnce.value && svgCache.value[currentTheme]) {
             yield nextTick();
             if (mermaidContent.value) {
-              renderSvgToTarget(mermaidContent.value, svgCache.value[currentTheme]);
+              const cached = svgCache.value[currentTheme];
+              const rendered = renderSvgToTarget(mermaidContent.value, cached.svg);
+              if (rendered) {
+                lastMermaidBindFunctions = (_a3 = cached.bindFunctions) != null ? _a3 : null;
+                bindMermaidInteractions(rendered.bindTarget);
+              }
             }
             zoom.value = savedTransformState.value.zoom;
             translateX.value = savedTransformState.value.translateX;
@@ -11324,6 +12207,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch(
       () => props.loading,
       (loaded, prev) => __async(this, null, function* () {
+        var _a3;
         if (prev === true && loaded === false) {
           const base = baseFixedCode.value.trim();
           if (!base)
@@ -11333,7 +12217,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           if (hasRenderedOnce.value && normalizedBase === lastRenderedCode.value) {
             yield nextTick();
             if (mermaidContent.value && !mermaidContent.value.querySelector("svg") && svgCache.value[theme]) {
-              renderSvgToTarget(mermaidContent.value, svgCache.value[theme]);
+              const cached = svgCache.value[theme];
+              const rendered = renderSvgToTarget(mermaidContent.value, cached.svg);
+              if (rendered) {
+                lastMermaidBindFunctions = (_a3 = cached.bindFunctions) != null ? _a3 : null;
+                bindMermaidInteractions(rendered.bindTarget);
+              }
             }
             cleanupAfterLoadingSettled();
             return;
@@ -11452,10 +12341,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const computedButtonStyle = computed(() => {
       return props.isDark ? "mermaid-action-btn p-2 text-xs rounded text-gray-400 hover:bg-gray-700 hover:text-gray-200" : "mermaid-action-btn p-2 text-xs rounded text-gray-600 hover:bg-gray-200 hover:text-gray-700";
     });
-    return { __sfc: true, props, emits, DOMPURIFY_CONFIG, mermaidAvailable, mermaidSecurityLevel, mermaidInitConfig, neutralizeScriptProtocols, DISALLOWED_STYLE_PATTERNS, SAFE_URL_PROTOCOLS, sanitizeUrl, scrubSvgElement, toSafeSvgElement, setSafeSvg, clearElement, renderSvgToTarget, isBrokenMermaidSvg, t, resolveMermaidInstance, copyText, isCollapsed, mermaidContainer, mermaidContent, modalContent, modalCloneWrapper, registerViewport, viewportHandle, viewportReady, modeContainerRef, baseFixedCode, maxPreviewHeight, estimatedPreviewHeight, getCodeWithTheme, getMermaidDiagramKind: getMermaidDiagramKind2, zoom, translateX, translateY, isDragging, dragStart, showSource, userToggledShowSource, isRendering, renderQueue, lastContentLength, isContentGenerating, renderDebounceDelay, contentStableDelay, previewPollInitialDelay, previewPollMaxDelay, previewPollMaxAttempts, contentStableTimer, renderRetryTimer, progressiveRenderDebounceTimer, consecutiveRenderTimeouts, MAX_RENDER_TIMEOUT_RETRIES, requestIdle, canScheduleViewportWork, clearProgressiveRenderDebounceTimer, debouncedProgressiveRender, clearRenderRetryTimer, scheduleRenderRetry, containerHeight, resizeObserver, hasRenderedOnce, isThemeRendering, svgCache, lastSvgSnapshot, lastRenderedCode, renderToken, currentWorkController, hasRenderError, savedTransformState, wheelListeners, timeouts, cancelIdle, previewPollTimeoutId, previewPollIdleId, isPreviewPolling, previewPollDelay, previewPollController, lastPreviewStopAt, allowPartialPreview, previewPollAttempts, withTimeoutSignal, renderErrorToContainer, isTimeoutError, shouldSkipEventTarget, onBtnHover, onBtnLeave, onCopyHover, applyThemeTo, canApplyPartialPreview, isGanttTaskLine, getSafeGanttPreviewCandidate, getSafePrefixCandidate, canParseOnMain, canParseOffthread: canParseOffthread$1, canParseOrPrefix, isFullscreenDisabled, resolveMaxContainerHeight, updateContainerHeight, isModalOpen, transformStyle, handleKeydown, openModal, closeModal, checkContentStability, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel, copy, exportSvg, handleExportClick, handleOpenModalClick, handleSwitchMode, switchMode, initMermaid, renderPartial, progressiveRender, stopPreviewPolling, cleanupAfterLoadingSettled, scheduleNextPreviewPoll, startPreviewPolling, computedButtonStyle, mermaidIconUrl, Portal };
+    return { __sfc: true, props, emits, DOMPURIFY_CONFIG, mermaidAvailable, mermaidSecurityLevel, mermaidInitConfig, setSafeSvg, clearElement, renderSvgToTarget, lastMermaidBindFunctions, bindMermaidInteractions, t, resolveMermaidInstance, copyText, isCollapsed, mermaidContainer, mermaidContent, modalContent, modalCloneWrapper, registerViewport, viewportHandle, viewportReady, modeContainerRef, baseFixedCode, maxPreviewHeight, estimatedPreviewHeight, getCodeWithTheme, getMermaidDiagramKind: getMermaidDiagramKind2, zoom, translateX, translateY, isDragging, dragStart, showSource, userToggledShowSource, isRendering, renderQueue, lastContentLength, isContentGenerating, renderDebounceDelay, contentStableDelay, previewPollInitialDelay, previewPollMaxDelay, previewPollMaxAttempts, contentStableTimer, renderRetryTimer, progressiveRenderDebounceTimer, consecutiveRenderTimeouts, MAX_RENDER_TIMEOUT_RETRIES, requestIdle, canScheduleViewportWork, clearProgressiveRenderDebounceTimer, debouncedProgressiveRender, clearRenderRetryTimer, scheduleRenderRetry, containerHeight, resizeObserver, hasRenderedOnce, isThemeRendering, svgCache, lastSvgSnapshot, lastRenderedCode, renderToken, currentWorkController, hasRenderError, savedTransformState, wheelListeners, timeouts, cancelIdle, previewPollTimeoutId, previewPollIdleId, isPreviewPolling, previewPollDelay, previewPollController, lastPreviewStopAt, allowPartialPreview, previewPollAttempts, withTimeoutSignal, renderErrorToContainer, isTimeoutError, shouldSkipEventTarget, onBtnHover, onBtnLeave, onCopyHover, applyThemeTo, canApplyPartialPreview, isGanttTaskLine, getSafeGanttPreviewCandidate, getSafePrefixCandidate, canParseOnMain, canParseOffthread: canParseOffthread$1, canParseOrPrefix, isFullscreenDisabled, resolveMaxContainerHeight, updateContainerHeight, isModalOpen, transformStyle, handleKeydown, mountModalClone, openModal, closeModal, checkContentStability, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel, copy, exportSvg, handleExportClick, handleOpenModalClick, handleSwitchMode, switchMode, initMermaid, renderPartial, progressiveRender, stopPreviewPolling, cleanupAfterLoadingSettled, scheduleNextPreviewPoll, startPreviewPolling, computedButtonStyle, mermaidIconUrl, Portal };
   }
 });
-const MermaidBlockNode_vue_vue_type_style_index_0_scoped_44df5452_lang = "";
+const MermaidBlockNode_vue_vue_type_style_index_0_scoped_5b401883_lang = "";
 var _sfc_render$2 = function render43() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "my-4 rounded-lg border overflow-hidden shadow-sm", class: [
@@ -11528,7 +12417,7 @@ var __component__$2 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$2,
   false,
   null,
-  "44df5452",
+  "5b401883",
   null,
   null
 );
@@ -12382,5 +13271,6 @@ export {
   setMermaidWorkerClientDebug,
   setMermaidWorkerMaxConcurrency,
   terminateWorker,
+  useSmoothMarkdownStream,
   waitForKaTeXWorkerSlot
 };