markstream-vue2 0.0.26 → 0.0.28

package/dist/index.js

@@ -55,7 +55,7 @@ import { getMarkdown, parseMarkdownToStructure, setDefaultMathOptions } from "st
 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, ref, onMounted, watch, onBeforeUnmount, provide, inject, readonly, useAttrs, nextTick, onUpdated, markRaw, reactive, onUnmounted } from "vue-demi";
+import { defineComponent, getCurrentInstance, computed, shallowRef, h, ref, onMounted, watch, onBeforeUnmount, inject, provide, readonly, useAttrs, nextTick, onUpdated, markRaw, reactive, onUnmounted } from "vue-demi";
 import { autoUpdate, offset, flip, shift, computePosition } from "@floating-ui/dom";
 function getVue2MinorVersion$1(version) {
   const raw = typeof version === "string" ? version : "";
@@ -962,19 +962,128 @@ 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: {
     node: null
   },
   setup(__props) {
-    return { __sfc: true };
+    const props = __props;
+    const instance = getCurrentInstance();
+    const attrs = computed(() => {
+      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 inheritedTextStreamState = inject("markstreamTextStreamState", void 0);
+    const explicitTypewriter = computed(() => {
+      const raw = attrs.value.typewriter;
+      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;
+      return true;
+    });
+    const streamStateKey = computed(() => {
+      var _a2;
+      const raw = (_a2 = attrs.value["index-key"]) != null ? _a2 : attrs.value.indexKey;
+      if (raw == null || raw === "")
+        return "";
+      return String(raw);
+    });
+    const settledCode = ref(props.node.code);
+    const streamedDelta = ref("");
+    const streamFadeVersion = ref(0);
+    function getRenderedContent() {
+      return settledCode.value + streamedDelta.value;
+    }
+    function setFullContent(next) {
+      settledCode.value = next;
+      streamedDelta.value = "";
+    }
+    function settleStreamedDelta() {
+      if (!streamedDelta.value)
+        return;
+      settledCode.value = getRenderedContent();
+      streamedDelta.value = "";
+    }
+    watch(
+      [() => props.node.code, streamStateKey, typewriterEnabled],
+      ([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;
+        const nextState = resolveStreamingTextState({
+          nextContent: normalized,
+          previousContent,
+          typewriterEnabled: typewriterEnabled.value
+        });
+        settledCode.value = nextState.settledContent;
+        streamedDelta.value = nextState.streamedDelta;
+        if (nextState.appended)
+          streamFadeVersion.value += 1;
+        if (key)
+          inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
+      },
+      { immediate: true }
+    );
+    watch(
+      typewriterEnabled,
+      (enabled) => {
+        if (enabled)
+          return;
+        setFullContent(getRenderedContent());
+      }
+    );
+    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 };
   }
 });
+const InlineCodeNode_vue_vue_type_style_index_0_scoped_38cc3b9f_lang = "";
 var _sfc_render$E = function render6() {
-  var _vm = this, _c = _vm._self._c;
-  _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-['']" }, [_vm._v(_vm._s(_vm.node.code))]);
+  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()]);
 };
 var _sfc_staticRenderFns$E = [];
 var __component__$E = /* @__PURE__ */ normalizeComponent(
@@ -983,7 +1092,7 @@ var __component__$E = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$E,
   false,
   null,
-  null,
+  "38cc3b9f",
   null,
   null
 );
@@ -1522,14 +1631,107 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   },
   emits: ["copy"],
   setup(__props) {
+    const props = __props;
     const katexReady = useKatexReady();
-    return { __sfc: true, katexReady };
+    const instance = getCurrentInstance();
+    const attrs = computed(() => {
+      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 inheritedTextStreamState = inject("markstreamTextStreamState", void 0);
+    const inheritedStreamVersion = inject("markstreamStreamVersion", void 0);
+    const explicitTypewriter = computed(() => {
+      const raw = attrs.value.typewriter;
+      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;
+      return true;
+    });
+    const streamStateKey = computed(() => {
+      var _a2;
+      const raw = (_a2 = attrs.value["index-key"]) != null ? _a2 : attrs.value.indexKey;
+      if (raw == null || raw === "")
+        return "";
+      return String(raw);
+    });
+    const settledContent = ref(props.node.content);
+    const streamedDelta = ref("");
+    const streamFadeVersion = ref(0);
+    function getRenderedContent() {
+      return settledContent.value + streamedDelta.value;
+    }
+    function setFullContent(next) {
+      settledContent.value = next;
+      streamedDelta.value = "";
+    }
+    function settleStreamedDelta() {
+      if (!streamedDelta.value)
+        return;
+      settledContent.value = getRenderedContent();
+      streamedDelta.value = "";
+    }
+    watch(
+      [() => props.node.content, streamStateKey, typewriterEnabled, () => 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) {
+          setFullContent(normalized);
+          if (key)
+            inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
+          return;
+        }
+        if (normalized === previousContent) {
+          if (streamedDelta.value)
+            settleStreamedDelta();
+          else if (rendered !== normalized)
+            setFullContent(normalized);
+          if (key)
+            inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
+          return;
+        }
+        const nextState = resolveStreamingTextState({
+          nextContent: normalized,
+          previousContent,
+          typewriterEnabled: typewriterEnabled.value
+        });
+        settledContent.value = nextState.settledContent;
+        streamedDelta.value = nextState.streamedDelta;
+        if (nextState.appended)
+          streamFadeVersion.value += 1;
+        if (key)
+          inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
+      },
+      { immediate: true }
+    );
+    watch(
+      typewriterEnabled,
+      (enabled) => {
+        if (enabled)
+          return;
+        setFullContent(getRenderedContent());
+      }
+    );
+    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 };
   }
 });
-const TextNode_vue_vue_type_style_index_0_scoped_56f30838_lang = "";
+const TextNode_vue_vue_type_style_index_0_scoped_356c331b_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" : ""] }, [_vm._v(" " + _vm._s(_vm.node.content) + " ")]);
+  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()]);
 };
 var _sfc_staticRenderFns$C = [];
 var __component__$C = /* @__PURE__ */ normalizeComponent(
@@ -1538,7 +1740,7 @@ var __component__$C = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$C,
   false,
   null,
-  "56f30838",
+  "356c331b",
   null,
   null
 );
@@ -1875,13 +2077,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const cssVars = computed(() => {
       var _a2, _b, _c, _d, _e, _f;
       const bottom = props.underlineBottom !== void 0 ? typeof props.underlineBottom === "number" ? `${props.underlineBottom}px` : String(props.underlineBottom) : "-3px";
+      const activeOpacity = (_a2 = props.animationOpacity) != null ? _a2 : 0.35;
+      const restingOpacity = Math.max(0.12, Math.min(activeOpacity * 0.5, activeOpacity));
       return {
-        "--link-color": (_a2 = props.color) != null ? _a2 : "#0366d6",
-        "--underline-height": `${(_b = props.underlineHeight) != null ? _b : 2}px`,
+        "--link-color": (_b = props.color) != null ? _b : "#0366d6",
+        "--underline-height": `${(_c = props.underlineHeight) != null ? _c : 2}px`,
         "--underline-bottom": bottom,
-        "--underline-opacity": String((_c = props.animationOpacity) != null ? _c : 0.9),
-        "--underline-duration": `${(_d = props.animationDuration) != null ? _d : 0.8}s`,
-        "--underline-timing": (_e = props.animationTiming) != null ? _e : "linear",
+        "--underline-opacity": String(activeOpacity),
+        "--underline-rest-opacity": String(restingOpacity),
+        "--underline-duration": `${(_d = props.animationDuration) != null ? _d : 1.6}s`,
+        "--underline-timing": (_e = props.animationTiming) != null ? _e : "ease-in-out",
         "--underline-iteration": typeof props.animationIteration === "number" ? String(props.animationIteration) : (_f = props.animationIteration) != null ? _f : "infinite"
       };
     });
@@ -1965,15 +2170,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       isHovering.value = false;
       hideTooltip(true);
     });
-    return { __sfc: true, props, lastPointerPosition, pointerTrackerRefCount, pointerTrackerCleanup, ensurePointerTracker, retainPointerTracker, releasePointerTracker, cssVars, nodeComponents, attrs, anchorEl: anchorEl2, isHovering, anchorAttrs, getTooltipText, isPointerInsideAnchor, syncTooltipForHoveredAnchor, onAnchorEnter, onAnchorLeave, title };
+    return { __sfc: true, props, lastPointerPosition, pointerTrackerRefCount, pointerTrackerCleanup, ensurePointerTracker, retainPointerTracker, releasePointerTracker, cssVars, nodeComponents, attrs, anchorEl: anchorEl2, isHovering, anchorAttrs, getTooltipText, isPointerInsideAnchor, syncTooltipForHoveredAnchor, onAnchorEnter, onAnchorLeave, title, TextNode };
   }
 });
-const LinkNode_vue_vue_type_style_index_0_scoped_899c00e4_lang = "";
+const LinkNode_vue_vue_type_style_index_0_scoped_535a598a_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": _vm.node.href, "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 _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("span", { staticClass: "leading-[normal] link-text" }, [_vm._v(_vm._s(_vm.node.text))])]), _c("span", { staticClass: "underline-anim", attrs: { "aria-hidden": "true" } })])]);
+  }), 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" } })])]);
 };
 var _sfc_staticRenderFns$w = [];
 var __component__$w = /* @__PURE__ */ normalizeComponent(
@@ -1982,7 +2188,7 @@ var __component__$w = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$w,
   false,
   null,
-  "899c00e4",
+  "535a598a",
   null,
   null
 );
@@ -2526,19 +2732,19 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       checkbox_input: CheckboxNode,
       reference: ReferenceNode,
       footnote_anchor: FootnoteAnchorNode,
-      footnote_reference: FootnoteReferenceNode
+      footnote_reference: FootnoteReferenceNode,
+      text: TextNode
     }, overrides);
-    const katexReady = useKatexReady();
-    return { __sfc: true, props, overrides, nodeComponents, katexReady };
+    return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const ParagraphNode_vue_vue_type_style_index_0_scoped_3b03e3af_lang = "";
+const ParagraphNode_vue_vue_type_style_index_0_scoped_0d09b107_lang = "";
 var _sfc_render$l = function render25() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("p", { staticClass: "paragraph-node", attrs: { "dir": "auto" } }, _vm._l(_vm.node.children, function(child, index2) {
     var _a2;
-    return _c("span", { key: `${_vm.indexKey || "paragraph"}-${index2}`, staticClass: "paragraph-child" }, [child.type !== "text" && _setup.nodeComponents[child.type] ? _c(_setup.nodeComponents[child.type], { tag: "component", attrs: { "node": child, "index-key": `${(_a2 = _vm.indexKey) != null ? _a2 : "paragraph"}-${index2}`, "custom-id": _setup.props.customId } }) : _c("span", { staticClass: "whitespace-pre-wrap break-words text-node", class: [_setup.katexReady && child.center ? "text-node-center" : ""] }, [_vm._v(" " + _vm._s(child.content || child.raw || "") + " ")])], 1);
-  }), 0);
+    return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "paragraph"}-${index2}`, tag: "component", attrs: { "node": child, "index-key": `${(_a2 = _vm.indexKey) != null ? _a2 : "paragraph"}-${index2}`, "custom-id": _setup.props.customId } });
+  }), 1);
 };
 var _sfc_staticRenderFns$l = [];
 var __component__$l = /* @__PURE__ */ normalizeComponent(
@@ -2547,7 +2753,7 @@ var __component__$l = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$l,
   false,
   null,
-  "3b03e3af",
+  "0d09b107",
   null,
   null
 );
@@ -2781,7 +2987,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     codeBlockProps: null,
     renderCodeBlocksAsPre: { type: Boolean },
     themes: null,
-    isDark: { type: Boolean }
+    isDark: { type: Boolean },
+    customHtmlTags: null
   },
   emits: ["copy", "handleArtifactClick"],
   setup(__props, { emit }) {
@@ -2839,25 +3046,63 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const nonCodeBindings = computed(() => ({ typewriter: props.typewriter }));
     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(() => {
+      var _a2;
+      const tags = (_a2 = props.customHtmlTags) != null ? _a2 : [];
+      return new Set(
+        tags.map((t) => String(t).trim().toLowerCase()).filter(Boolean)
+      );
+    });
     const renderedItems = computed(() => {
       const nodes = Array.isArray(props.nodes) ? props.nodes : [];
       return nodes.map((rawNode, index2) => {
-        const node = rawNode;
+        var _a2;
+        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 && 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)
+              });
+            }
+          }
+        }
         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((node == null ? void 0 : node.raw) || "").length}`,
+          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: getNodeComponent(node, language),
+          component,
           bindings: getBindingsFor(node, language)
         };
       });
     });
+    function getHtmlTagFromContent(html) {
+      const raw = String(html != null ? html : "");
+      const match = raw.match(/^\s*<\s*([A-Z][\w:-]*)/i);
+      return match ? match[1].toLowerCase() : "";
+    }
+    function stripCustomHtmlWrapper(html, tag) {
+      const raw = String(html != null ? html : "");
+      if (!tag)
+        return raw;
+      const escaped = tag.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const openRe = new RegExp(String.raw`^\s*<\s*${escaped}(?:\s[^>]*)?>\s*`, "i");
+      const closeRe = new RegExp(String.raw`\s*<\s*\/\s*${escaped}\s*>\s*$`, "i");
+      return raw.replace(openRe, "").replace(closeRe, "");
+    }
     function getCodeBlockLanguage(node) {
       var _a2;
       return (node == null ? void 0 : node.type) === "code_block" ? String((_a2 = node.language) != null ? _a2 : "").trim().toLowerCase() : "";
@@ -2903,7 +3148,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleClick(event) {
       emit("handleArtifactClick", event);
     }
-    return { __sfc: true, props, emit, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, nonCodeBindings, linkBindings, listBindings, renderedItems, getCodeBlockLanguage, getNodeComponent, getBindingsFor, handleClick };
+    return { __sfc: true, props, emit, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, nonCodeBindings, linkBindings, listBindings, effectiveCustomHtmlTagsSet, renderedItems, getHtmlTagFromContent, stripCustomHtmlWrapper, getCodeBlockLanguage, getNodeComponent, getBindingsFor, handleClick };
   }
 });
 var _sfc_render$f = function render31() {
@@ -3016,6 +3261,34 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     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 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;
+    });
+    provide("markstreamShowTooltips", resolvedShowTooltips);
+    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;
@@ -3110,6 +3383,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return base;
       return __spreadValues(__spreadValues(__spreadValues({}, base), hasFinal ? { final: resolvedFinal } : {}), hasCustom ? { customHtmlTags: Array.from(new Set(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))
@@ -4315,15 +4593,33 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const listBindings = computed(() => __spreadValues(__spreadValues({}, nonCodeBindings.value), typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}));
     const legacyRenderedItems = computed(() => {
       return legacyNodeItems.value.map((node, index2) => {
+        var _a3;
         const language = getCodeBlockLanguage(node);
+        let resolvedNode = node;
+        let component = getNodeComponent(node, language);
+        if ((node.type === "html_block" || node.type === "html_inline") && component === nodeComponents[node.type]) {
+          const tag = String((_a3 = node.tag) != null ? _a3 : "").trim().toLowerCase() || getHtmlTagFromContent(node.content);
+          if (tag && effectiveCustomHtmlTagsSet.value.has(tag)) {
+            const customComponents = customComponentsMap.value;
+            const customForTag = customComponents[tag];
+            if (customForTag) {
+              component = customForTag;
+              resolvedNode = __spreadProps(__spreadValues({}, node), {
+                type: tag,
+                tag,
+                content: stripCustomHtmlWrapper(node.content, tag)
+              });
+            }
+          }
+        }
         return {
-          node,
-          component: getNodeComponent(node, language),
-          bindings: getBindingsFor(node, language),
-          isCodeBlock: node.type === "code_block",
+          node: resolvedNode,
+          component,
+          bindings: getBindingsFor(resolvedNode, language),
+          isCodeBlock: resolvedNode.type === "code_block",
           index: index2,
           indexKey: `${indexPrefix.value}-${index2}`,
-          renderKey: getRenderKey(node, index2)
+          renderKey: getRenderKey(resolvedNode, index2)
         };
       });
     });
@@ -4334,11 +4630,28 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     const renderedItems = computed(() => {
       return visibleNodes.value.map((item) => {
-        const node = getCodeBlockRenderNode(item.node);
+        var _a3;
+        let node = getCodeBlockRenderNode(item.node);
         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((_a3 = node.tag) != null ? _a3 : "").trim().toLowerCase() || getHtmlTagFromContent(node.content);
+          if (tag && 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)
+              });
+            }
+          }
+        }
         return __spreadProps(__spreadValues({}, item), {
           node,
-          component: getNodeComponent(node, language),
+          component,
           bindings: getBindingsFor(node, language),
           isCodeBlock: node.type === "code_block",
           indexKey: `${indexPrefix.value}-${item.index}`,
@@ -4367,6 +4680,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       codeBlockRenderCache.set(codeBlockNode, { signature, node: cloned });
       return cloned;
     }
+    function getHtmlTagFromContent(html) {
+      const raw = String(html != null ? html : "");
+      const match = raw.match(/^\s*<\s*([A-Z][\w:-]*)/i);
+      return match ? match[1].toLowerCase() : "";
+    }
+    function stripCustomHtmlWrapper(html, tag) {
+      const raw = String(html != null ? html : "");
+      if (!tag)
+        return raw;
+      const escaped = tag.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const openRe = new RegExp(String.raw`^\s*<\s*${escaped}(?:\s[^>]*)?>\s*`, "i");
+      const closeRe = new RegExp(String.raw`\s*<\s*\/\s*${escaped}\s*>\s*$`, "i");
+      return raw.replace(openRe, "").replace(closeRe, "");
+    }
     function getCodeBlockLanguage(node) {
       var _a3;
       return (node == null ? void 0 : node.type) === "code_block" ? String((_a3 = node.language) != null ? _a3 : "").trim().toLowerCase() : "";
@@ -4393,6 +4720,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (!node)
         return base;
       const type = String(node.type || "unknown");
+      if (type === "code_block")
+        return base;
       const loading = node.loading === true;
       const raw = typeof node.raw === "string" ? node.raw.length : 0;
       const content2 = typeof node.content === "string" ? node.content.length : 0;
@@ -4467,10 +4796,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         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, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, mdBase, mdInstance, normalizeCustomTag: normalizeCustomTag2, resolveCustomHtmlTags: resolveCustomHtmlTags2, cloneNodeValue, cloneParsedNodeList, mergedParseOptions, 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, MermaidBlockNodeAsync, InfographicBlockNodeAsync, D2BlockNodeAsync, codeBlockComponent, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getCodeBlockLanguage, isLegacyStructuredNode, getRenderKey, getNodeComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, LegacyNodesRenderer };
+    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, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, mdBase, mdInstance, normalizeCustomTag: normalizeCustomTag2, resolveCustomHtmlTags: resolveCustomHtmlTags2, 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, MermaidBlockNodeAsync, InfographicBlockNodeAsync, D2BlockNodeAsync, codeBlockComponent, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getHtmlTagFromContent, stripCustomHtmlWrapper, getCodeBlockLanguage, isLegacyStructuredNode, getRenderKey, getNodeComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, LegacyNodesRenderer };
   }
 });
-const NodeRenderer_vue_vue_type_style_index_0_scoped_231833c7_lang = "";
+const NodeRenderer_vue_vue_type_style_index_0_scoped_e98920fd_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;
@@ -4484,7 +4813,7 @@ var _sfc_render$d = function render33() {
     }, "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 }, on: { "copy": function($event) {
+  }) : _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.props.customHtmlTags }, on: { "copy": function($event) {
     return _setup.emit("copy", $event);
   }, "handle-artifact-click": function($event) {
     return _setup.emit("handleArtifactClick", $event);
@@ -4508,7 +4837,7 @@ var __component__$d = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$d,
   false,
   null,
-  "231833c7",
+  "e98920fd",
   null,
   null
 );
@@ -5586,6 +5915,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const copyText = ref(false);
     const codeLanguage = ref(normalizeLanguageIdentifier(props.node.language));
     const monacoLanguage = computed(() => resolveMonacoLanguageId(codeLanguage.value));
+    const isPlainTextLanguage = computed(() => monacoLanguage.value === "plaintext");
     const isExpanded = ref(false);
     const isCollapsed = ref(false);
     const editorCreated = ref(false);
@@ -5911,6 +6241,23 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         return null;
       }
     }
+    function getColorLuminance(color) {
+      const channels = String(color != null ? color : "").match(/\d+(?:\.\d+)?/g);
+      if (!channels || channels.length < 3)
+        return null;
+      const [r, g, b] = channels.slice(0, 3).map(Number);
+      return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+    }
+    function shouldPreferPlainTextFallbackSurface(bg, fg, expectDark) {
+      if (!isPlainTextLanguage.value)
+        return false;
+      const bgLuminance = getColorLuminance(bg);
+      const fgLuminance = getColorLuminance(fg);
+      if (expectDark) {
+        return bgLuminance != null && bgLuminance > 170 || fgLuminance != null && fgLuminance < 110;
+      }
+      return bgLuminance != null && bgLuminance < 85 || fgLuminance != null && fgLuminance > 190;
+    }
     function syncEditorCssVars() {
       var _a3, _b2, _c, _d, _e, _f, _g, _h;
       const editorEl = codeEditor.value;
@@ -5947,6 +6294,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       ).trim();
       const fg = fgVar || String((_f = (_e = fgStyles == null ? void 0 : fgStyles.color) != null ? _e : rootStyles == null ? void 0 : rootStyles.color) != null ? _f : "").trim();
       const bg = bgVar || String((_h = (_g = bgStyles == null ? void 0 : bgStyles.backgroundColor) != null ? _g : rootStyles == null ? void 0 : rootStyles.backgroundColor) != null ? _h : "").trim();
+      if (shouldPreferPlainTextFallbackSurface(bg, fg, rootEl.classList.contains("is-dark"))) {
+        rootEl.style.removeProperty("--vscode-editor-foreground");
+        rootEl.style.removeProperty("--vscode-editor-background");
+        rootEl.style.removeProperty("--vscode-editor-selectionBackground");
+        return;
+      }
       if (fg)
         rootEl.style.setProperty("--vscode-editor-foreground", fg);
       if (bg)
@@ -6091,6 +6444,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       deferredEditorVisualSyncRafId = safeRaf(() => {
         deferredEditorVisualSyncRafId = null;
         safeRaf(() => {
+          syncDiffRevealButtons();
           syncInlineFoldProxies();
           if (isCollapsed.value)
             return;
@@ -6098,9 +6452,31 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             updateExpandedHeight();
           else
             updateCollapsedHeight();
+          safeRaf(() => {
+            syncDiffRevealButtons();
+            syncInlineFoldProxies();
+          });
         });
       });
     }
+    function syncDiffRevealButtons() {
+      if (!isDiff.value)
+        return;
+      const root = codeEditor.value;
+      if (!root)
+        return;
+      const revealButtons = Array.from(
+        root.querySelectorAll(".stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal")
+      );
+      for (const button of revealButtons) {
+        if (!(button instanceof HTMLButtonElement))
+          continue;
+        const direction = button.dataset.direction === "up" ? "up" : "down";
+        const icon = document.createElement("span");
+        icon.className = `codicon codicon-chevron-${direction}`;
+        button.replaceChildren(icon);
+      }
+    }
     function applyCollapsedContainerHeight(container2, contentHeight, maxHeight) {
       const cappedHeight = Math.min(contentHeight, maxHeight);
       const shouldScroll = contentHeight > maxHeight + PIXEL_EPSILON;
@@ -6302,8 +6678,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const origin = (ev == null ? void 0 : ev.clientX) != null && (ev == null ? void 0 : ev.clientY) != null ? { x: ev.clientX, y: ev.clientY } : void 0;
       showTooltipForAnchor(target, txt, "top", false, origin, props.isDark);
     }
-    function toggleExpand() {
+    function toggleExpand(e) {
       isExpanded.value = !isExpanded.value;
+      if (e && tooltipsEnabled.value) {
+        const target = resolveTooltipTarget(e);
+        if (target) {
+          const txt = isExpanded.value ? t("common.collapse") || "Collapse" : t("common.expand") || "Expand";
+          showTooltipForAnchor(target, txt, "top", false, void 0, props.isDark);
+        }
+      }
       const editor = isDiff.value ? getDiffEditorView() : getEditorView();
       const container2 = codeEditor.value;
       if (!editor || !container2)
@@ -6711,15 +7094,15 @@ 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, 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, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, 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, 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 };
   }
 });
-const CodeBlockNode_vue_vue_type_style_index_0_scoped_1aff079d_lang = "";
+const CodeBlockNode_vue_vue_type_style_index_0_scoped_22412502_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: [
     _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-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() {
     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() {
@@ -6749,11 +7132,13 @@ var _sfc_render$9 = function render37() {
       return _setup.onCopyHover($event);
     }, "focus": function($event) {
       return _setup.onCopyHover($event);
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [!_setup.copyText ? _c("svg", { staticClass: "w-3 h-3", attrs: { "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("rect", { attrs: { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" } }), _c("path", { attrs: { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } })])]) : _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M20 6L9 17l-5-5" } })])]) : _vm._e(), _setup.props.showExpandButton ? _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.isExpanded }, on: { "click": _setup.toggleExpand, "mouseenter": function($event) {
+    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [!_setup.copyText ? _c("svg", { staticClass: "w-3 h-3", attrs: { "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("rect", { attrs: { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" } }), _c("path", { attrs: { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } })])]) : _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M20 6L9 17l-5-5" } })])]) : _vm._e(), _setup.props.showExpandButton ? _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.isExpanded }, on: { "click": function($event) {
+      return _setup.toggleExpand($event);
+    }, "mouseenter": function($event) {
       _setup.onBtnHover($event, _setup.isExpanded ? _setup.t("common.collapse") || "Collapse" : _setup.t("common.expand") || "Expand");
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.isExpanded ? _setup.t("common.collapse") || "Collapse" : _setup.t("common.expand") || "Expand");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_setup.isExpanded ? _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" } })]) : _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" } })])]) : _vm._e(), _setup.isPreviewable && _setup.props.showPreviewButton ? _c("button", { staticClass: "code-action-btn p-2 text-xs rounded-md transition-colors hover:bg-[var(--vscode-editor-selectionBackground)]", attrs: { "type": "button", "aria-label": _setup.t("common.preview") || "Preview" }, on: { "click": _setup.previewCode, "mouseenter": function($event) {
+    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_setup.isExpanded ? _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" } })]) : _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" } })])]) : _vm._e(), _setup.isPreviewable && _setup.props.showPreviewButton ? _c("button", { staticClass: "code-action-btn p-2 text-xs rounded-md transition-colors hover:bg-[var(--vscode-editor-selectionBackground)]", attrs: { "type": "button", "aria-label": _setup.t("common.preview") || "Preview" }, on: { "click": _setup.previewCode, "mouseenter": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
@@ -6769,7 +7154,7 @@ var __component__$9 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$9,
   false,
   null,
-  "1aff079d",
+  "22412502",
   null,
   null
 );
@@ -6869,7 +7254,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     const hasPreview = computed(() => !!svgMarkup.value);
     const bodyStyle = computed(() => {
-      if (!bodyMinHeight.value)
+      if (!showSourceFallback.value || !bodyMinHeight.value)
         return void 0;
       return { minHeight: `${bodyMinHeight.value}px` };
     });
@@ -7010,6 +7395,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         return "";
       const svgElement = svgEl;
       scrubSvgElement(svgElement);
+      svgElement.classList.add("markstream-d2-root-svg");
       return svgElement.outerHTML;
     }
     function setSvg(svg) {
@@ -7241,7 +7627,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, t, copyText, isCollapsed, showSource, d2Available, renderError, isRendering, svgMarkup, renderToken, bodyRef, bodyMinHeight, baseCode, showSourceFallback, hasPreview, bodyStyle, renderStyle, isClient, d2Instance, scheduled, unmounted, lastRenderAt, throttleTimer, pendingRender, bodyObserver, DARK_THEME_OVERRIDES, shouldSkipEventTarget, onBtnHover, onBtnLeave, onCopyHover, copy, toggleCollapse, handleSwitchMode, DISALLOWED_STYLE_PATTERNS, SAFE_URL_PROTOCOLS, neutralizeScriptProtocols, sanitizeUrl, scrubSvgElement, toSafeSvgMarkup, setSvg, clearSvg, extractSvg, ensureD2Instance, renderDiagram, scheduleRender, exportSvg, updateBodyMinHeight };
   }
 });
-const D2BlockNode_vue_vue_type_style_index_0_scoped_bc9f707f_lang = "";
+const D2BlockNode_vue_vue_type_style_index_0_scoped_fdf24c90_lang = "";
 var _sfc_render$8 = function render38() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "d2-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: _setup.props.isDark ? "border-gray-700/30 bg-gray-900 text-gray-100" : "border-gray-200 bg-white text-gray-900" }, [_setup.props.showHeader ? _c("div", { staticClass: "d2-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5", staticStyle: { "color": "var(--vscode-editor-foreground)", "background-color": "var(--vscode-editor-background)" } }, [_vm._m(0), _c("div", { staticClass: "flex items-center gap-x-2" }, [_setup.props.showModeToggle ? _c("div", { staticClass: "flex items-center gap-x-1 rounded-md p-0.5", class: _setup.props.isDark ? "bg-gray-700" : "bg-gray-100" }, [_c("button", { staticClass: "mode-btn px-2 py-1 text-xs rounded", class: !_setup.showSource ? "is-active" : "", attrs: { "type": "button" }, on: { "click": function($event) {
@@ -7281,7 +7667,7 @@ var __component__$8 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$8,
   false,
   null,
-  "bc9f707f",
+  "fdf24c90",
   null,
   null
 );
@@ -7348,6 +7734,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const isModalOpen = ref(false);
     const modalContent = ref();
     const modalCloneWrapper = ref(null);
+    function resolveContainerHeight(actualHeight) {
+      if (!props.maxHeight || props.maxHeight === "none")
+        return `${actualHeight}px`;
+      const maxHeight = Number.parseFloat(String(props.maxHeight));
+      if (!Number.isFinite(maxHeight))
+        return `${actualHeight}px`;
+      return `${Math.min(actualHeight, maxHeight)}px`;
+    }
+    function updateContainerHeight() {
+      if (!infographicContainer.value)
+        return;
+      const actualHeight = infographicContainer.value.scrollHeight;
+      if (actualHeight > 0)
+        containerHeight.value = resolveContainerHeight(actualHeight);
+    }
     const zoom = ref(1);
     const translateX = ref(0);
     const translateY = ref(0);
@@ -7560,12 +7961,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           });
           infographicInstance2.render(baseCode.value);
           nextTick(() => {
-            if (infographicContainer.value) {
-              const actualHeight = infographicContainer.value.scrollHeight;
-              if (actualHeight > 0) {
-                containerHeight.value = `${Math.min(actualHeight, 800)}px`;
-              }
-            }
+            updateContainerHeight();
           });
         } catch (error) {
           console.error("Failed to render infographic:", error);
@@ -7605,6 +8001,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
       }
     );
+    watch(
+      () => props.maxHeight,
+      () => {
+        if (!showSource.value && !isCollapsed.value) {
+          nextTick(() => {
+            renderInfographic();
+          });
+        }
+      }
+    );
     onMounted(() => {
       if (!showSource.value && !isCollapsed.value) {
         nextTick(() => {
@@ -7640,10 +8046,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
       }
     );
-    return { __sfc: true, props, _emits, t, copyText, isCollapsed, infographicContainer, showSource, containerHeight, isModalOpen, modalContent, modalCloneWrapper, zoom, translateX, translateY, isDragging, dragStart, baseCode, shouldSkipEventTarget, onBtnHover, onBtnLeave, onCopyHover, copy, handleSwitchMode, handleExportClick, exportSvg, handleKeydown, openModal, closeModal, handleOpenModalClick, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, infographicInstance: infographicInstance2, renderInfographic, computedButtonStyle, isFullscreenDisabled, transformStyle, infographicIconUrl, Portal };
+    return { __sfc: true, props, _emits, t, copyText, isCollapsed, infographicContainer, showSource, containerHeight, isModalOpen, modalContent, modalCloneWrapper, resolveContainerHeight, updateContainerHeight, zoom, translateX, translateY, isDragging, dragStart, baseCode, shouldSkipEventTarget, onBtnHover, onBtnLeave, onCopyHover, copy, handleSwitchMode, handleExportClick, exportSvg, handleKeydown, openModal, closeModal, handleOpenModalClick, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, infographicInstance: infographicInstance2, renderInfographic, computedButtonStyle, isFullscreenDisabled, transformStyle, infographicIconUrl, Portal };
   }
 });
-const InfographicBlockNode_vue_vue_type_style_index_0_scoped_1589dd71_lang = "";
+const InfographicBlockNode_vue_vue_type_style_index_0_scoped_f09aa514_lang = "";
 var _sfc_render$7 = function render39() {
   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: [
@@ -7716,7 +8122,7 @@ var __component__$7 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$7,
   false,
   null,
-  "1589dd71",
+  "f09aa514",
   null,
   null
 );
@@ -8178,8 +8584,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       const origin = (ev == null ? void 0 : ev.clientX) != null && (ev == null ? void 0 : ev.clientY) != null ? { x: ev.clientX, y: ev.clientY } : void 0;
       showTooltipForAnchor(target, txt, "top", false, origin, props.isDark);
     }
-    function toggleExpand() {
+    function toggleExpand(e) {
       isExpanded.value = !isExpanded.value;
+      if (e && tooltipsEnabled.value) {
+        const target = resolveTooltipTarget(e);
+        if (target) {
+          const txt = isExpanded.value ? t("common.collapse") || "Collapse" : t("common.expand") || "Expand";
+          showTooltipForAnchor(target, txt, "top", false, void 0, props.isDark);
+        }
+      }
       const content2 = codeBlockContent.value;
       if (!content2)
         return;
@@ -8227,7 +8640,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     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 };
   }
 });
-const MarkdownCodeBlockNode_vue_vue_type_style_index_0_scoped_185fd902_lang = "";
+const MarkdownCodeBlockNode_vue_vue_type_style_index_0_scoped_dfe9b17a_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), {
@@ -8262,11 +8675,13 @@ var _sfc_render$6 = function render40() {
       return _setup.onCopyHover($event);
     }, "focus": function($event) {
       return _setup.onCopyHover($event);
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [!_setup.copyText ? _c("svg", { staticClass: "w-3 h-3", attrs: { "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("rect", { attrs: { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" } }), _c("path", { attrs: { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } })])]) : _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M20 6L9 17l-5-5" } })])]) : _vm._e(), _setup.props.showExpandButton ? _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.isExpanded }, on: { "click": _setup.toggleExpand, "mouseenter": function($event) {
+    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [!_setup.copyText ? _c("svg", { staticClass: "w-3 h-3", attrs: { "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("rect", { attrs: { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" } }), _c("path", { attrs: { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } })])]) : _c("svg", { staticClass: "w-3 h-3", attrs: { "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("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M20 6L9 17l-5-5" } })])]) : _vm._e(), _setup.props.showExpandButton ? _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.isExpanded }, on: { "click": function($event) {
+      return _setup.toggleExpand($event);
+    }, "mouseenter": function($event) {
       _setup.onBtnHover($event, _setup.isExpanded ? _setup.t("common.collapse") || "Collapse" : _setup.t("common.expand") || "Expand");
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.isExpanded ? _setup.t("common.collapse") || "Collapse" : _setup.t("common.expand") || "Expand");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_setup.isExpanded ? _c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", "role": "img", "width": "0.75rem", "height": "0.75rem", "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" } })]) : _c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", "role": "img", "width": "0.75rem", "height": "0.75rem", "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" } })])]) : _vm._e(), _setup.isPreviewable && _setup.props.showPreviewButton ? _c("button", { staticClass: "code-action-btn p-2 text-xs rounded-md transition-colors hover:bg-[var(--vscode-editor-selectionBackground)]", attrs: { "type": "button", "aria-label": _setup.t("common.preview") || "Preview" }, on: { "click": _setup.previewCode, "mouseenter": function($event) {
+    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_setup.isExpanded ? _c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", "role": "img", "width": "0.75rem", "height": "0.75rem", "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" } })]) : _c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", "role": "img", "width": "0.75rem", "height": "0.75rem", "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": "none", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", "d": "M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" } })])]) : _vm._e(), _setup.isPreviewable && _setup.props.showPreviewButton ? _c("button", { staticClass: "code-action-btn p-2 text-xs rounded-md transition-colors hover:bg-[var(--vscode-editor-selectionBackground)]", attrs: { "type": "button", "aria-label": _setup.t("common.preview") || "Preview" }, on: { "click": _setup.previewCode, "mouseenter": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
@@ -8286,7 +8701,7 @@ var __component__$6 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$6,
   false,
   null,
-  "185fd902",
+  "dfe9b17a",
   null,
   null
 );
@@ -9443,7 +9858,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     showCollapseButton: { type: Boolean, default: true },
     showZoomControls: { type: Boolean, default: true },
     enableWheelZoom: { type: Boolean, default: false },
-    isStrict: { type: Boolean, default: false }
+    isStrict: { type: Boolean, default: false },
+    onRenderError: null
   },
   emits: ["copy", "export", "openModal", "toggleMode"],
   setup(__props, { emit: emits }) {
@@ -9816,6 +10232,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         return;
       if (!mermaidContent.value)
         return;
+      if (typeof props.onRenderError === "function") {
+        const handled = props.onRenderError(error, baseFixedCode.value, mermaidContent.value);
+        if (handled === true) {
+          hasRenderError.value = true;
+          stopPreviewPolling();
+          return;
+        }
+      }
       const errorDiv = document.createElement("div");
       errorDiv.className = "text-red-500 p-4";
       errorDiv.textContent = "Failed to render diagram: ";
@@ -9949,6 +10373,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       });
     }
     const isFullscreenDisabled = computed(() => showSource.value || isRendering.value || isCollapsed.value);
+    function resolveMaxContainerHeight() {
+      if (!props.maxHeight || props.maxHeight === "none")
+        return null;
+      const maxHeight = Number.parseFloat(String(props.maxHeight));
+      return Number.isFinite(maxHeight) ? maxHeight : null;
+    }
     function updateContainerHeight(newContainerWidth) {
       if (!mermaidContainer.value || !mermaidContent.value)
         return;
@@ -9988,10 +10418,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (intrinsicWidth > 0 && intrinsicHeight > 0) {
         const aspectRatio = intrinsicHeight / intrinsicWidth;
         const containerWidth = newContainerWidth != null ? newContainerWidth : mermaidContainer.value.clientWidth;
-        let newHeight = containerWidth * aspectRatio;
-        if (newHeight > intrinsicHeight)
-          newHeight = intrinsicHeight;
-        containerHeight.value = `${newHeight}px`;
+        const maxHeight = resolveMaxContainerHeight();
+        const newHeight = containerWidth * aspectRatio;
+        const resolvedHeight = maxHeight == null ? newHeight : Math.min(newHeight, maxHeight);
+        containerHeight.value = `${resolvedHeight}px`;
       }
     }
     const isModalOpen = ref(false);
@@ -10021,6 +10451,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         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]"
           );
@@ -10637,8 +11069,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           yield nextTick();
           if (!mermaidAvailable.value || !canScheduleViewportWork())
             return;
-          yield progressiveRender();
           startPreviewPolling();
+          yield progressiveRender();
         } else {
           stopPreviewPolling();
           if (hasRenderedOnce.value) {
@@ -10736,6 +11168,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       },
       { immediate: false }
     );
+    watch(
+      () => props.maxHeight,
+      () => {
+        nextTick(() => {
+          updateContainerHeight();
+        });
+      }
+    );
     onUnmounted(() => {
       if (contentStableTimer) {
         clearTimeout(contentStableTimer);
@@ -10773,10 +11213,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, t, resolveMermaidInstance, copyText, isCollapsed, mermaidContainer, mermaidContent, modalContent, modalCloneWrapper, registerViewport, viewportHandle, viewportReady, modeContainerRef, baseFixedCode, getCodeWithTheme, 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, getSafePrefixCandidate, canParseOnMain, canParseOffthread: canParseOffthread$1, canParseOrPrefix, isFullscreenDisabled, 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, neutralizeScriptProtocols, DISALLOWED_STYLE_PATTERNS, SAFE_URL_PROTOCOLS, sanitizeUrl, scrubSvgElement, toSafeSvgElement, setSafeSvg, clearElement, renderSvgToTarget, t, resolveMermaidInstance, copyText, isCollapsed, mermaidContainer, mermaidContent, modalContent, modalCloneWrapper, registerViewport, viewportHandle, viewportReady, modeContainerRef, baseFixedCode, getCodeWithTheme, 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, 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 };
   }
 });
-const MermaidBlockNode_vue_vue_type_style_index_0_scoped_483653b0_lang = "";
+const MermaidBlockNode_vue_vue_type_style_index_0_scoped_80cb1008_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: [
@@ -10849,7 +11289,7 @@ var __component__$2 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$2,
   false,
   null,
-  "483653b0",
+  "80cb1008",
   null,
   null
 );