markstream-vue2 0.0.53 → 0.1.0-beta.2

package/dist/index.js

@@ -4,7 +4,6 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __pow = Math.pow;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -56,7 +55,7 @@ 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, onUnmounted, getCurrentScope, onScopeDispose, markRaw, reactive } from "vue-demi";
-import { normalizeShikiLanguage, createSmoothMarkdownStream, getHighlightRegistrationKey, getRuntimeShikiRegistrationConfig, registerHighlightOnce } from "markstream-core";
+import { normalizeShikiLanguage, createSmoothMarkdownStream } from "markstream-core";
 import { autoUpdate, offset, flip, shift, computePosition } from "@floating-ui/dom";
 function getVue2MinorVersion$1(version) {
   const raw = typeof version === "string" ? version : "";
@@ -130,7 +129,7 @@ function resolveVueListeners(input) {
   }
   return listeners;
 }
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "CheckboxNode",
   props: {
     node: null
@@ -140,10 +139,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckboxNode_vue_vue_type_style_index_0_scoped_8dc6c46f_lang = "";
-function normalizeComponent(scriptExports, render46, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+function normalizeComponent(scriptExports, render45, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render46) {
-    options.render = render46;
+  if (render45) {
+    options.render = render45;
     options.staticRenderFns = staticRenderFns;
     options._compiled = true;
   }
@@ -196,24 +195,24 @@ function normalizeComponent(scriptExports, render46, staticRenderFns, functional
     options
   };
 }
-var _sfc_render$J = function render() {
+var _sfc_render$I = function render() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("span", { staticClass: "checkbox-node" }, [_c("input", { staticClass: "checkbox-input", attrs: { "type": "checkbox", "disabled": "" }, domProps: { "checked": _vm.node.checked } })]);
 };
-var _sfc_staticRenderFns$J = [];
-var __component__$J = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$J,
-  _sfc_render$J,
-  _sfc_staticRenderFns$J,
+var _sfc_staticRenderFns$I = [];
+var __component__$I = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$I,
+  _sfc_render$I,
+  _sfc_staticRenderFns$I,
   false,
   null,
   "8dc6c46f",
   null,
   null
 );
-const CheckboxNode = __component__$J.exports;
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const CheckboxNode = __component__$I.exports;
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "DefinitionListNode",
   props: {
     node: null,
@@ -249,7 +248,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 const DefinitionListNode_vue_vue_type_style_index_0_scoped_b089ea12_lang = "";
-var _sfc_render$I = function render2() {
+var _sfc_render$H = function render2() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("dl", { staticClass: "definition-list" }, _vm._l(_setup.definitionEntries, function(entry) {
     return _c(entry.tag, { key: entry.key, tag: "component", class: entry.className }, [_c(_setup.nestedRenderer, { tag: "component", attrs: { "index-key": entry.key, "nodes": entry.nodes, "custom-id": _setup.props.customId, "typewriter": _setup.props.typewriter }, on: { "copy": function($event) {
@@ -257,19 +256,19 @@ var _sfc_render$I = function render2() {
     } } })], 1);
   }), 1);
 };
-var _sfc_staticRenderFns$I = [];
-var __component__$I = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$I,
-  _sfc_render$I,
-  _sfc_staticRenderFns$I,
+var _sfc_staticRenderFns$H = [];
+var __component__$H = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$H,
+  _sfc_render$H,
+  _sfc_staticRenderFns$H,
   false,
   null,
   "b089ea12",
   null,
   null
 );
-const DefinitionListNode = __component__$I.exports;
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const DefinitionListNode = __component__$H.exports;
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "EmojiNode",
   props: {
     node: null
@@ -279,23 +278,23 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 const EmojiNode_vue_vue_type_style_index_0_scoped_de55dc97_lang = "";
-var _sfc_render$H = function render3() {
+var _sfc_render$G = function render3() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("span", { staticClass: "emoji-node" }, [_vm._v(_vm._s(_vm.node.name))]);
 };
-var _sfc_staticRenderFns$H = [];
-var __component__$H = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$H,
-  _sfc_render$H,
-  _sfc_staticRenderFns$H,
+var _sfc_staticRenderFns$G = [];
+var __component__$G = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$G,
+  _sfc_render$G,
+  _sfc_staticRenderFns$G,
   false,
   null,
   "de55dc97",
   null,
   null
 );
-const EmojiNode = __component__$H.exports;
+const EmojiNode = __component__$G.exports;
 const GLOBAL_KEY = "__global__";
 const STORE_KEY = "__MARKSTREAM_VUE2_CUSTOM_COMPONENTS_STORE__";
 const store = (() => {
@@ -340,7 +339,7 @@ function clearGlobalCustomComponents() {
   delete store.scopedCustomComponents[GLOBAL_KEY];
   customComponentsRevision.value++;
 }
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "FootnoteReferenceNode",
   props: {
     node: null
@@ -363,22 +362,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const FootnoteReferenceNode_vue_vue_type_style_index_0_scoped_4da20e16_lang = "";
-var _sfc_render$G = function render4() {
+var _sfc_render$F = function render4() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("sup", { staticClass: "footnote-reference", attrs: { "id": `fnref-${_vm.node.id}` }, on: { "click": _setup.handleScroll } }, [_c("span", { staticClass: "footnote-link cursor-pointer", attrs: { "href": _setup.href, "title": `查看脚注 ${_vm.node.id}` } }, [_vm._v("[" + _vm._s(_vm.node.id) + "]")])]);
 };
-var _sfc_staticRenderFns$G = [];
-var __component__$G = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$G,
-  _sfc_render$G,
-  _sfc_staticRenderFns$G,
+var _sfc_staticRenderFns$F = [];
+var __component__$F = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$F,
+  _sfc_render$F,
+  _sfc_staticRenderFns$F,
   false,
   null,
   "4da20e16",
   null,
   null
 );
-const FootnoteReferenceNode = __component__$G.exports;
+const FootnoteReferenceNode = __component__$F.exports;
 function getVue2CreateElementFallback() {
   var _a2, _b, _c;
   const anyMod = VueModule;
@@ -539,7 +538,7 @@ function parseHtmlToVNodes(content2, customComponents, createElement, htmlPolicy
     return null;
   }
 }
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "HtmlInlineNode",
   props: {
     node: null,
@@ -593,23 +592,23 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const HtmlInlineNode_vue_vue_type_style_index_0_scoped_e6ed4c9f_lang = "";
-var _sfc_render$F = function render5() {
+var _sfc_render$E = function render5() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _setup.renderMode.mode === "dynamic" ? _c("span", { staticClass: "html-inline-node", class: { "html-inline-node--loading": _setup.props.node.loading } }, [_c(_setup.DynamicRenderer, { attrs: { "content": _setup.renderMode.content, "custom-components": _setup.customComponents, "html-policy": _setup.resolvedHtmlPolicy } })], 1) : _setup.renderMode.mode === "text" ? _c("span", { staticClass: "html-inline-node", class: { "html-inline-node--loading": _setup.props.node.loading } }, [_vm._v(_vm._s(_setup.renderMode.content))]) : _c("span", { staticClass: "html-inline-node", class: { "html-inline-node--loading": _setup.props.node.loading }, domProps: { "innerHTML": _vm._s(_setup.renderMode.content) } });
 };
-var _sfc_staticRenderFns$F = [];
-var __component__$F = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$F,
-  _sfc_render$F,
-  _sfc_staticRenderFns$F,
+var _sfc_staticRenderFns$E = [];
+var __component__$E = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$E,
+  _sfc_render$E,
+  _sfc_staticRenderFns$E,
   false,
   null,
   "e6ed4c9f",
   null,
   null
 );
-const HtmlInlineNode = __component__$F.exports;
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const HtmlInlineNode = __component__$E.exports;
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "InlineCodeNode",
   props: {
     node: null
@@ -728,7 +727,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const InlineCodeNode_vue_vue_type_style_index_0_scoped_6ea4ef26_lang = "";
-var _sfc_render$E = function render6() {
+var _sfc_render$D = 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-['']" }, _vm._l(_setup.segments, function(segment) {
     return _c("span", { key: segment.id, class: segment.fading ? ["inline-code-stream-delta", _setup.streamedDeltaClass(segment)] : void 0, on: { "animationend": function($event) {
@@ -736,18 +735,18 @@ var _sfc_render$E = function render6() {
     } } }, [_vm._v(" " + _vm._s(segment.content) + " ")]);
   }), 0);
 };
-var _sfc_staticRenderFns$E = [];
-var __component__$E = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$E,
-  _sfc_render$E,
-  _sfc_staticRenderFns$E,
+var _sfc_staticRenderFns$D = [];
+var __component__$D = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$D,
+  _sfc_render$D,
+  _sfc_staticRenderFns$D,
   false,
   null,
   "6ea4ef26",
   null,
   null
 );
-const InlineCodeNode = __component__$E.exports;
+const InlineCodeNode = __component__$D.exports;
 function getVueCtor() {
   var _a2, _b, _c, _d;
   const anyMod = VueModule;
@@ -934,7 +933,7 @@ function useSafeI18n() {
   }
   return { t: fallbackT };
 }
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ImageNode",
   props: {
     node: null,
@@ -1008,7 +1007,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const ImageNode_vue_vue_type_style_index_0_scoped_05ffe4c4_lang = "";
-var _sfc_render$D = function render7() {
+var _sfc_render$C = 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" } }, [_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: {
@@ -1021,18 +1020,18 @@ var _sfc_render$D = function render7() {
     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()]);
 };
-var _sfc_staticRenderFns$D = [];
-var __component__$D = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$D,
-  _sfc_render$D,
-  _sfc_staticRenderFns$D,
+var _sfc_staticRenderFns$C = [];
+var __component__$C = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$C,
+  _sfc_render$C,
+  _sfc_staticRenderFns$C,
   false,
   null,
   "05ffe4c4",
   null,
   null
 );
-const ImageNode = __component__$D.exports;
+const ImageNode = __component__$C.exports;
 let katex = null;
 let importAttempted$1 = false;
 let katexLoader = defaultKatexLoader;
@@ -1122,7 +1121,7 @@ function useKatexReady() {
   }
   return readonly(katexReadyState);
 }
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "TextNode",
   props: {
     node: null
@@ -1262,7 +1261,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const TextNode_vue_vue_type_style_index_0_scoped_00951658_lang = "";
-var _sfc_render$C = function render8() {
+var _sfc_render$B = 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._l(_setup.segments, function(segment) {
     return _c("span", { key: segment.id, class: segment.fading ? ["text-node-stream-delta", _setup.streamedDeltaClass(segment)] : void 0, on: { "animationend": function($event) {
@@ -1270,90 +1269,64 @@ var _sfc_render$C = function render8() {
     } } }, [_vm._v(" " + _vm._s(segment.content) + " ")]);
   }), 0);
 };
-var _sfc_staticRenderFns$C = [];
-var __component__$C = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$C,
-  _sfc_render$C,
-  _sfc_staticRenderFns$C,
+var _sfc_staticRenderFns$B = [];
+var __component__$B = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$B,
+  _sfc_render$B,
+  _sfc_staticRenderFns$B,
   false,
   null,
   "00951658",
   null,
   null
 );
-const TextNode = __component__$C.exports;
+const TextNode = __component__$B.exports;
 let isPreload = false;
 function preload(m) {
   return __async(this, null, function* () {
+    var _a2;
     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();
+    return (_a2 = m.preloadStreamDiffs) == null ? void 0 : _a2.call(m);
   });
 }
 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 normalizeStreamDiffsModule(value) {
+  var _a2, _b, _c;
+  const source = typeof (value == null ? void 0 : value.createCodeBlockRuntime) === "function" || typeof (value == null ? void 0 : value.useMonaco) === "function" ? value : value == null ? void 0 : value.default;
+  const factory = (_a2 = source == null ? void 0 : source.createCodeBlockRuntime) != null ? _a2 : source == null ? void 0 : source.useMonaco;
+  if (typeof factory !== "function")
+    return null;
+  return {
+    createCodeBlockRuntime: (options) => factory.call(source, options),
+    detectLanguage: (_b = source == null ? void 0 : source.detectLanguage) == null ? void 0 : _b.bind(source),
+    preloadStreamDiffs: (_c = source == null ? void 0 : source.preloadStreamDiffs) == null ? void 0 : _c.bind(source)
+  };
 }
-function getUseMonaco() {
+function getStreamDiffsRuntime() {
   return __async(this, null, function* () {
-    var _a2, _b;
     if (mod)
       return mod;
     if (importAttempted)
       return null;
     try {
-      const diffs = yield import("./chunks/index-fce73667.js");
-      const resolved = (_a2 = diffs == null ? void 0 : diffs.default) != null ? _a2 : diffs;
-      if (typeof (resolved == null ? void 0 : resolved.useMonaco) === "function") {
-        mod = resolved;
+      const diffs = normalizeStreamDiffsModule(yield import("stream-diffs/markstream"));
+      if (diffs) {
+        mod = diffs;
         yield preload(mod);
-        const ok = yield warmupShikiTokenizer(mod);
-        if (!ok) {
-          mod = null;
-          importAttempted = true;
-          return null;
-        }
         return mod;
       }
     } catch (e) {
     }
-    try {
-      const imported = yield import("stream-monaco/legacy");
-      mod = (_b = imported == null ? void 0 : imported.default) != null ? _b : 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;
-    }
+    importAttempted = true;
+    return null;
+  });
+}
+function preloadCodeBlockRuntime() {
+  return __async(this, null, function* () {
+    return Boolean(yield getStreamDiffsRuntime());
   });
 }
 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';
@@ -1489,17 +1462,19 @@ function normalizeLanguageIdentifier(lang) {
   const token = extractLanguageToken(lang);
   return (_a2 = LANGUAGE_ALIAS_MAP[token]) != null ? _a2 : token;
 }
-function resolveMonacoLanguageId(lang) {
+function resolveLanguageId(lang) {
   const canonical = normalizeLanguageIdentifier(lang);
   if (!canonical)
     return "plaintext";
   switch (canonical) {
     case "plain":
       return "plaintext";
-    case "jsx":
-      return "javascript";
-    case "tsx":
-      return "typescript";
+    case "shell":
+      return "zsh";
+    case "objectivec":
+      return "objective-c";
+    case "objectivecpp":
+      return "objective-cpp";
     default:
       return canonical;
   }
@@ -1980,7 +1955,7 @@ function resolveMarkdownInstance(options) {
 function getNodeList(value) {
   return Array.isArray(value) ? value : [];
 }
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "PreCodeNode",
   props: {
     node: null,
@@ -2051,7 +2026,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       if (props.showLineNumbers !== true || isDiffPreview.value)
         return void 0;
       const maximumLineNumber = codeLineCount.value;
-      const width = `${Math.max(4, String(maximumLineNumber).length)}ch`;
+      const width = `${Math.max(2, String(maximumLineNumber).length)}ch`;
       return {
         "--markstream-pre-line-number-width": width,
         "--markstream-code-padding-left": "calc(var(--markstream-pre-line-number-padding-left, 2ch) + var(--markstream-pre-line-number-width, 2ch) + var(--markstream-pre-line-number-padding-right, 1ch) + var(--markstream-pre-line-number-separator-width, 2px) + var(--markstream-pre-line-number-gap-to-code, 1ch))"
@@ -2288,7 +2263,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const PreCodeNode_vue_vue_type_style_index_0_lang = "";
-var _sfc_render$B = function render9() {
+var _sfc_render$A = function render9() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("pre", { class: [
     _setup.languageClass,
@@ -2303,18 +2278,18 @@ var _sfc_render$B = function render9() {
     }), 0);
   }), 0) : [_setup.props.showLineNumbers ? _c("span", { staticClass: "markstream-pre__line-numbers", attrs: { "aria-hidden": "true" } }, [_c("span", { staticClass: "markstream-pre__line-numbers-text", domProps: { "textContent": _vm._s(_setup.lineNumbersText) } })]) : _vm._e(), _c("code", { staticClass: "markstream-pre__code", attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_setup.displayCode) } })]], 2);
 };
-var _sfc_staticRenderFns$B = [];
-var __component__$B = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$B,
-  _sfc_render$B,
-  _sfc_staticRenderFns$B,
+var _sfc_staticRenderFns$A = [];
+var __component__$A = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$A,
+  _sfc_render$A,
+  _sfc_staticRenderFns$A,
   false,
   null,
   null,
   null,
   null
 );
-const PreCodeNode = __component__$B.exports;
+const PreCodeNode = __component__$A.exports;
 function createMathFallbackNode(wrapper) {
   return (props) => {
     var _a2, _b;
@@ -2365,7 +2340,7 @@ function MathBlockNodeAsync() {
     return createMathFallbackNode((content2) => `$$${content2}$$`);
   });
 }
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "ReferenceNode",
   props: {
     node: null,
@@ -2377,7 +2352,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     return { __sfc: true };
   }
 });
-var _sfc_render$A = function render10() {
+var _sfc_render$z = function render10() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("span", { staticClass: "reference-node cursor-pointer bg-[hsl(var(--muted))] text-xs rounded-md px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))]", attrs: { "role": "button", "tabindex": "0" }, on: { "click": function($event) {
@@ -2388,19 +2363,19 @@ var _sfc_render$A = function render10() {
     return _vm.$emit("mouseLeave", $event, _vm.node.id, _vm.messageId, _vm.threadId);
   } } }, [_vm._v(" " + _vm._s(_vm.node.id) + " ")]);
 };
-var _sfc_staticRenderFns$A = [];
-var __component__$A = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$A,
-  _sfc_render$A,
-  _sfc_staticRenderFns$A,
+var _sfc_staticRenderFns$z = [];
+var __component__$z = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$z,
+  _sfc_render$z,
+  _sfc_staticRenderFns$z,
   false,
   null,
   null,
   null,
   null
 );
-const ReferenceNode = __component__$A.exports;
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const ReferenceNode = __component__$z.exports;
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SuperscriptNode",
   props: {
     node: null,
@@ -2430,25 +2405,25 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 const SuperscriptNode_vue_vue_type_style_index_0_scoped_ef2512b4_lang = "";
-var _sfc_render$z = function render11() {
+var _sfc_render$y = function render11() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("sup", { staticClass: "superscript-node" }, _vm._l(_vm.node.children, function(child, index2) {
     return _c("span", { key: `${_vm.indexKey || "superscript"}-${index2}`, staticClass: "superscript-child" }, [_setup.nodeComponents[child.type] ? _c(_setup.nodeComponents[child.type], { tag: "component", attrs: { "node": child, "custom-id": _setup.props.customId, "index-key": `${_vm.indexKey || "superscript"}-${index2}` } }) : _c("span", [_vm._v(_vm._s(child.content || child.raw || ""))])], 1);
   }), 0);
 };
-var _sfc_staticRenderFns$z = [];
-var __component__$z = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$z,
-  _sfc_render$z,
-  _sfc_staticRenderFns$z,
+var _sfc_staticRenderFns$y = [];
+var __component__$y = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$y,
+  _sfc_render$y,
+  _sfc_staticRenderFns$y,
   false,
   null,
   "ef2512b4",
   null,
   null
 );
-const SuperscriptNode = __component__$z.exports;
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const SuperscriptNode = __component__$y.exports;
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SubscriptNode",
   props: {
     node: null,
@@ -2478,25 +2453,25 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const SubscriptNode_vue_vue_type_style_index_0_scoped_3d49d031_lang = "";
-var _sfc_render$y = function render12() {
+var _sfc_render$x = function render12() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("sub", { staticClass: "subscript-node" }, _vm._l(_vm.node.children, function(child, index2) {
     return _c("span", { key: `${_vm.indexKey || "subscript"}-${index2}`, staticClass: "subscript-child" }, [_setup.nodeComponents[child.type] ? _c(_setup.nodeComponents[child.type], { tag: "component", attrs: { "node": child, "custom-id": _setup.props.customId, "index-key": `${_vm.indexKey || "subscript"}-${index2}` } }) : _c("span", [_vm._v(_vm._s(child.content || child.raw || ""))])], 1);
   }), 0);
 };
-var _sfc_staticRenderFns$y = [];
-var __component__$y = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$y,
-  _sfc_render$y,
-  _sfc_staticRenderFns$y,
+var _sfc_staticRenderFns$x = [];
+var __component__$x = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$x,
+  _sfc_render$x,
+  _sfc_staticRenderFns$x,
   false,
   null,
   "3d49d031",
   null,
   null
 );
-const SubscriptNode = __component__$y.exports;
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const SubscriptNode = __component__$x.exports;
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "StrongNode",
   props: {
     node: null,
@@ -2526,25 +2501,25 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const StrongNode_vue_vue_type_style_index_0_scoped_af3ce037_lang = "";
-var _sfc_render$x = function render13() {
+var _sfc_render$w = function render13() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("strong", { staticClass: "strong-node" }, _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "strong"}-${index2}`, tag: "component", attrs: { "index-key": `${_vm.indexKey || "strong"}-${index2}`, "node": child, "custom-id": _setup.props.customId } });
   }), 1);
 };
-var _sfc_staticRenderFns$x = [];
-var __component__$x = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$x,
-  _sfc_render$x,
-  _sfc_staticRenderFns$x,
+var _sfc_staticRenderFns$w = [];
+var __component__$w = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$w,
+  _sfc_render$w,
+  _sfc_staticRenderFns$w,
   false,
   null,
   "af3ce037",
   null,
   null
 );
-const StrongNode = __component__$x.exports;
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const StrongNode = __component__$w.exports;
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "StrikethroughNode",
   props: {
     node: null,
@@ -2574,25 +2549,25 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const StrikethroughNode_vue_vue_type_style_index_0_scoped_904d5bd1_lang = "";
-var _sfc_render$w = function render14() {
+var _sfc_render$v = function render14() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("del", { staticClass: "strikethrough-node" }, _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "strikethrough"}-${index2}`, tag: "component", attrs: { "node": child, "custom-id": _setup.props.customId, "index-key": `${_vm.indexKey || "strikethrough"}-${index2}` } });
   }), 1);
 };
-var _sfc_staticRenderFns$w = [];
-var __component__$w = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$w,
-  _sfc_render$w,
-  _sfc_staticRenderFns$w,
+var _sfc_staticRenderFns$v = [];
+var __component__$v = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$v,
+  _sfc_render$v,
+  _sfc_staticRenderFns$v,
   false,
   null,
   "904d5bd1",
   null,
   null
 );
-const StrikethroughNode = __component__$w.exports;
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const StrikethroughNode = __component__$v.exports;
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "LinkNode",
   props: {
     node: null,
@@ -2774,26 +2749,26 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const LinkNode_vue_vue_type_style_index_0_scoped_636cac94_lang = "";
-var _sfc_render$v = function render15() {
+var _sfc_render$u = function render15() {
   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": _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" } })])]);
 };
-var _sfc_staticRenderFns$v = [];
-var __component__$v = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$v,
-  _sfc_render$v,
-  _sfc_staticRenderFns$v,
+var _sfc_staticRenderFns$u = [];
+var __component__$u = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$u,
+  _sfc_render$u,
+  _sfc_staticRenderFns$u,
   false,
   null,
   "636cac94",
   null,
   null
 );
-const LinkNode = __component__$v.exports;
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const LinkNode = __component__$u.exports;
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "InsertNode",
   props: {
     node: null,
@@ -2823,25 +2798,25 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 const InsertNode_vue_vue_type_style_index_0_scoped_ab1ec9bc_lang = "";
-var _sfc_render$u = function render16() {
+var _sfc_render$t = function render16() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("ins", { staticClass: "insert-node" }, _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "insert"}-${index2}`, tag: "component", attrs: { "node": child, "custom-id": _setup.props.customId, "index-key": `${_vm.indexKey || "insert"}-${index2}` } });
   }), 1);
 };
-var _sfc_staticRenderFns$u = [];
-var __component__$u = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$u,
-  _sfc_render$u,
-  _sfc_staticRenderFns$u,
+var _sfc_staticRenderFns$t = [];
+var __component__$t = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$t,
+  _sfc_render$t,
+  _sfc_staticRenderFns$t,
   false,
   null,
   "ab1ec9bc",
   null,
   null
 );
-const InsertNode = __component__$u.exports;
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const InsertNode = __component__$t.exports;
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "HighlightNode",
   props: {
     node: null,
@@ -2871,25 +2846,25 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const HighlightNode_vue_vue_type_style_index_0_scoped_38e31bf6_lang = "";
-var _sfc_render$t = function render17() {
+var _sfc_render$s = function render17() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("mark", { staticClass: "highlight-node" }, _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "highlight"}-${index2}`, tag: "component", attrs: { "node": child, "custom-id": _setup.props.customId, "index-key": `${_vm.indexKey || "highlight"}-${index2}` } });
   }), 1);
 };
-var _sfc_staticRenderFns$t = [];
-var __component__$t = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$t,
-  _sfc_render$t,
-  _sfc_staticRenderFns$t,
+var _sfc_staticRenderFns$s = [];
+var __component__$s = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$s,
+  _sfc_render$s,
+  _sfc_staticRenderFns$s,
   false,
   null,
   "38e31bf6",
   null,
   null
 );
-const HighlightNode = __component__$t.exports;
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const HighlightNode = __component__$s.exports;
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "EmphasisNode",
   props: {
     node: null,
@@ -2919,25 +2894,25 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const EmphasisNode_vue_vue_type_style_index_0_scoped_8264674d_lang = "";
-var _sfc_render$s = function render18() {
+var _sfc_render$r = function render18() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("em", { staticClass: "emphasis-node" }, _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 || "emphasis"}-${index2}` } });
   }), 1);
 };
-var _sfc_staticRenderFns$s = [];
-var __component__$s = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$s,
-  _sfc_render$s,
-  _sfc_staticRenderFns$s,
+var _sfc_staticRenderFns$r = [];
+var __component__$r = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$r,
+  _sfc_render$r,
+  _sfc_staticRenderFns$r,
   false,
   null,
   "8264674d",
   null,
   null
 );
-const EmphasisNode = __component__$s.exports;
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const EmphasisNode = __component__$r.exports;
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "FootnoteAnchorNode",
   props: {
     node: null
@@ -2959,23 +2934,23 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 const FootnoteAnchorNode_vue_vue_type_style_index_0_scoped_4a90fe82_lang = "";
-var _sfc_render$r = function render19() {
+var _sfc_render$q = function render19() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("a", { staticClass: "footnote-anchor text-sm hover:underline cursor-pointer", attrs: { "href": `#fnref-${_vm.node.id}`, "title": `返回引用 ${_vm.node.id}` }, on: { "click": _setup.scrollToReference } }, [_vm._v(" ↩︎ ")]);
 };
-var _sfc_staticRenderFns$r = [];
-var __component__$r = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$r,
-  _sfc_render$r,
-  _sfc_staticRenderFns$r,
+var _sfc_staticRenderFns$q = [];
+var __component__$q = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$q,
+  _sfc_render$q,
+  _sfc_staticRenderFns$q,
   false,
   null,
   "4a90fe82",
   null,
   null
 );
-const FootnoteAnchorNode = __component__$r.exports;
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const FootnoteAnchorNode = __component__$q.exports;
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FootnoteNode",
   props: {
     node: null,
@@ -2995,25 +2970,25 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const FootnoteNode_vue_vue_type_style_index_0_lang = "";
-var _sfc_render$q = function render20() {
+var _sfc_render$p = function render20() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "footnote-node flex text-sm leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2", attrs: { "id": `fnref--${_vm.node.id}` } }, [_c("div", { staticClass: "flex-1" }, [_c(_setup.nestedRenderer, { tag: "component", attrs: { "index-key": `footnote-${_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$q = [];
-var __component__$q = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$q,
-  _sfc_render$q,
-  _sfc_staticRenderFns$q,
+var _sfc_staticRenderFns$p = [];
+var __component__$p = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$p,
+  _sfc_render$p,
+  _sfc_staticRenderFns$p,
   false,
   null,
   null,
   null,
   null
 );
-const FootnoteNode = __component__$q.exports;
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const FootnoteNode = __component__$p.exports;
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "HardBreakNode",
   props: {
     node: null
@@ -3023,24 +2998,24 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const HardBreakNode_vue_vue_type_style_index_0_scoped_50c58f70_lang = "";
-var _sfc_render$p = function render21() {
+var _sfc_render$o = function render21() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("br", { staticClass: "hard-break" });
 };
-var _sfc_staticRenderFns$p = [];
-var __component__$p = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$p,
-  _sfc_render$p,
-  _sfc_staticRenderFns$p,
+var _sfc_staticRenderFns$o = [];
+var __component__$o = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$o,
+  _sfc_render$o,
+  _sfc_staticRenderFns$o,
   false,
   null,
   "50c58f70",
   null,
   null
 );
-const HardBreakNode = __component__$p.exports;
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const HardBreakNode = __component__$o.exports;
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "HeadingNode",
   props: {
     node: null,
@@ -3074,25 +3049,25 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const HeadingNode_vue_vue_type_style_index_0_scoped_ffb7cf51_lang = "";
-var _sfc_render$o = function render22() {
+var _sfc_render$n = function render22() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c(`h${_vm.node.level}`, _vm._b({ tag: "component", staticClass: "heading-node", class: [`heading-${_vm.node.level}`], attrs: { "dir": "auto" } }, "component", _vm.node.attrs, false), _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "heading"}-${index2}`, tag: "component", attrs: { "custom-id": _setup.props.customId, "node": child, "index-key": `${_vm.indexKey || "heading"}-${index2}` } });
   }), 1);
 };
-var _sfc_staticRenderFns$o = [];
-var __component__$o = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$o,
-  _sfc_render$o,
-  _sfc_staticRenderFns$o,
+var _sfc_staticRenderFns$n = [];
+var __component__$n = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$n,
+  _sfc_render$n,
+  _sfc_staticRenderFns$n,
   false,
   null,
   "ffb7cf51",
   null,
   null
 );
-const HeadingNode = __component__$o.exports;
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const HeadingNode = __component__$n.exports;
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "ListItemNode",
   props: {
     node: null,
@@ -3119,26 +3094,26 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const ListItemNode_vue_vue_type_style_index_0_scoped_5c58ad56_lang = "";
-var _sfc_render$n = function render23() {
+var _sfc_render$m = function render23() {
   var _a2, _b;
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("li", _vm._b({ staticClass: "list-item pl-1.5 my-2", attrs: { "dir": "auto" } }, "li", _setup.liValueAttr, false), [_c(_setup.nestedRenderer, _vm._b({ tag: "component", attrs: { "index-key": `list-item-${_setup.props.indexKey}`, "nodes": (_b = (_a2 = _setup.itemNode) == null ? void 0 : _a2.children) != null ? _b : [], "custom-id": _setup.props.customId, "typewriter": _setup.props.typewriter, "batch-rendering": false }, on: { "copy": function($event) {
     return _vm.$emit("copy", $event);
   } } }, "component", { showTooltips: _setup.props.showTooltips }, false))], 1);
 };
-var _sfc_staticRenderFns$n = [];
-var __component__$n = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$n,
-  _sfc_render$n,
-  _sfc_staticRenderFns$n,
+var _sfc_staticRenderFns$m = [];
+var __component__$m = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$m,
+  _sfc_render$m,
+  _sfc_staticRenderFns$m,
   false,
   null,
   "5c58ad56",
   null,
   null
 );
-const ListItemNode = __component__$n.exports;
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const ListItemNode = __component__$m.exports;
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "ListNode",
   props: {
     node: null,
@@ -3159,7 +3134,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const ListNode_vue_vue_type_style_index_0_scoped_91e6dafc_lang = "";
-var _sfc_render$m = function render24() {
+var _sfc_render$l = function render24() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c(_vm.node.ordered ? "ol" : "ul", { tag: "component", staticClass: "list-node", class: { "list-decimal": _vm.node.ordered, "list-disc": !_vm.node.ordered } }, _vm._l(_vm.node.items, function(item, index2) {
     var _a2;
@@ -3168,18 +3143,18 @@ var _sfc_render$m = function render24() {
     } } }, "component", { showTooltips: _vm.showTooltips }, false));
   }), 1);
 };
-var _sfc_staticRenderFns$m = [];
-var __component__$m = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$m,
-  _sfc_render$m,
-  _sfc_staticRenderFns$m,
+var _sfc_staticRenderFns$l = [];
+var __component__$l = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$l,
+  _sfc_render$l,
+  _sfc_staticRenderFns$l,
   false,
   null,
   "91e6dafc",
   null,
   null
 );
-const ListNode = __component__$m.exports;
+const ListNode = __component__$l.exports;
 const ViewportPriorityKey = Symbol("ViewportPriority");
 function provideViewportPriority(getRootEl, enabled) {
   var _a2, _b;
@@ -3433,7 +3408,7 @@ function useViewportPriority() {
   };
   return register;
 }
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "HtmlBlockNode",
   props: {
     node: null,
@@ -3560,7 +3535,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const HtmlBlockNode_vue_vue_type_style_index_0_scoped_83cd7b66_lang = "";
-var _sfc_render$l = function render25() {
+var _sfc_render$k = function render25() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _setup.renderMode.mode === "structured" && _setup.shouldRender ? _c(_setup.structuredTag, _vm._b({ ref: "htmlRef", tag: "component", staticClass: "html-block-node", domProps: { "innerHTML": _vm._s(_setup.structuredHtml) } }, "component", _setup.structuredBoundAttrs, false)) : _setup.renderMode.mode === "structured" ? _c(_setup.structuredTag, _vm._b({ ref: "htmlRef", tag: "component", staticClass: "html-block-node" }, "component", _setup.structuredBoundAttrs, false), [_c("div", { staticClass: "html-block-node__placeholder" }, [_vm._t("placeholder", function() {
     return [_c("span", { staticClass: "html-block-node__placeholder-bar" }), _c("span", { staticClass: "html-block-node__placeholder-bar w-4/5" }), _c("span", { staticClass: "html-block-node__placeholder-bar w-2/3" })];
@@ -3568,19 +3543,19 @@ var _sfc_render$l = function render25() {
     return [_c("span", { staticClass: "html-block-node__placeholder-bar" }), _c("span", { staticClass: "html-block-node__placeholder-bar w-4/5" }), _c("span", { staticClass: "html-block-node__placeholder-bar w-2/3" })];
   }, { "node": _vm.node })], 2)], 2);
 };
-var _sfc_staticRenderFns$l = [];
-var __component__$l = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$l,
-  _sfc_render$l,
-  _sfc_staticRenderFns$l,
+var _sfc_staticRenderFns$k = [];
+var __component__$k = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$k,
+  _sfc_render$k,
+  _sfc_staticRenderFns$k,
   false,
   null,
   "83cd7b66",
   null,
   null
 );
-const HtmlBlockNode = __component__$l.exports;
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const HtmlBlockNode = __component__$k.exports;
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ParagraphNode",
   props: {
     node: null,
@@ -3689,25 +3664,25 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const ParagraphNode_vue_vue_type_style_index_0_scoped_3275cbf4_lang = "";
-var _sfc_render$k = function render26() {
+var _sfc_render$j = function render26() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("p", { staticClass: "paragraph-node", attrs: { "dir": "auto" } }, [_vm._l(_setup.renderedChildren, function(child, index2) {
     return [_setup.isMediaOnlyParagraph && _setup.isWhitespaceText(child) ? [_vm._v(" " + _vm._s(_setup.getTextContent(child)) + " ")] : _c(_setup.processChild(child).component, _vm._b({ key: `${_vm.indexKey || "paragraph"}-${index2}`, tag: "component" }, "component", _setup.getChildProps(_setup.processChild(child).child, index2), false))];
   })], 2);
 };
-var _sfc_staticRenderFns$k = [];
-var __component__$k = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$k,
-  _sfc_render$k,
-  _sfc_staticRenderFns$k,
+var _sfc_staticRenderFns$j = [];
+var __component__$j = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$j,
+  _sfc_render$j,
+  _sfc_staticRenderFns$j,
   false,
   null,
   "3275cbf4",
   null,
   null
 );
-const ParagraphNode = __component__$k.exports;
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const ParagraphNode = __component__$j.exports;
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "TableNode",
   props: {
     node: null,
@@ -3801,7 +3776,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const TableNode_vue_vue_type_style_index_0_scoped_11208a21_lang = "";
-var _sfc_render$j = function render27() {
+var _sfc_render$i = function render27() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "table-node-wrapper" }, [_c("table", { ref: "tableRef", staticClass: "my-8 text-sm table-node", class: { "table-node--loading": _setup.isLoading }, attrs: { "aria-busy": _setup.isLoading } }, [_setup.hasColumnWidths ? _c("colgroup", _vm._l(_vm.node.header.cells, function(_, index2) {
     return _c("col", { key: `col-${index2}`, style: _setup.columnStyles[index2] });
@@ -3825,43 +3800,43 @@ var _sfc_render$j = function render27() {
     return [_c("span", { staticClass: "table-node__spinner animate-spin", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "sr-only" }, [_vm._v("Loading")])];
   }, { "isLoading": _setup.isLoading })], 2) : _vm._e()])], 1);
 };
-var _sfc_staticRenderFns$j = [];
-var __component__$j = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$j,
-  _sfc_render$j,
-  _sfc_staticRenderFns$j,
+var _sfc_staticRenderFns$i = [];
+var __component__$i = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$i,
+  _sfc_render$i,
+  _sfc_staticRenderFns$i,
   false,
   null,
   "11208a21",
   null,
   null
 );
-const TableNode = __component__$j.exports;
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const TableNode = __component__$i.exports;
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ThematicBreakNode",
   setup(__props) {
     return { __sfc: true };
   }
 });
 const ThematicBreakNode_vue_vue_type_style_index_0_scoped_639cbad9_lang = "";
-var _sfc_render$i = function render28() {
+var _sfc_render$h = function render28() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("hr", { staticClass: "hr-node" });
 };
-var _sfc_staticRenderFns$i = [];
-var __component__$i = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$i,
-  _sfc_render$i,
-  _sfc_staticRenderFns$i,
+var _sfc_staticRenderFns$h = [];
+var __component__$h = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$h,
+  _sfc_render$h,
+  _sfc_staticRenderFns$h,
   false,
   null,
   "639cbad9",
   null,
   null
 );
-const ThematicBreakNode = __component__$i.exports;
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const ThematicBreakNode = __component__$h.exports;
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FallbackComponent",
   props: {
     node: null
@@ -3871,24 +3846,24 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const FallbackComponent_vue_vue_type_style_index_0_scoped_89aff01f_lang = "";
-var _sfc_render$h = function render29() {
+var _sfc_render$g = function render29() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("div", { staticClass: "unknown-node" }, [_vm._v(" " + _vm._s(_vm.node.raw) + " ")]);
 };
-var _sfc_staticRenderFns$h = [];
-var __component__$h = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$h,
-  _sfc_render$h,
-  _sfc_staticRenderFns$h,
+var _sfc_staticRenderFns$g = [];
+var __component__$g = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$g,
+  _sfc_render$g,
+  _sfc_staticRenderFns$g,
   false,
   null,
   "89aff01f",
   null,
   null
 );
-const FallbackComponent = __component__$h.exports;
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const FallbackComponent = __component__$g.exports;
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "VmrContainerNode",
   props: {
     node: null,
@@ -3931,24 +3906,24 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const VmrContainerNode_vue_vue_type_style_index_0_scoped_3cd2aff2_lang = "";
-var _sfc_render$g = function render30() {
+var _sfc_render$f = function render30() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", _vm._b({ class: _setup.containerClass }, "div", _vm.node.attrs, false), _vm._l(_vm.node.children, function(child, index2) {
     return _c(_setup.getNodeComponent(child.type), { key: `${_vm.indexKey || "vmr-container"}-${index2}`, tag: "component", attrs: { "custom-id": _setup.props.customId, "node": child, "index-key": `${_vm.indexKey || "vmr-container"}-${index2}` } });
   }), 1);
 };
-var _sfc_staticRenderFns$g = [];
-var __component__$g = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$g,
-  _sfc_render$g,
-  _sfc_staticRenderFns$g,
+var _sfc_staticRenderFns$f = [];
+var __component__$f = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$f,
+  _sfc_render$f,
+  _sfc_staticRenderFns$f,
   false,
   null,
   "3cd2aff2",
   null,
   null
 );
-const VmrContainerNode = __component__$g.exports;
+const VmrContainerNode = __component__$f.exports;
 const RESERVED_CODE_BLOCK_EXTRA_PROPS = /* @__PURE__ */ new Set([
   "node",
   "key",
@@ -3976,7 +3951,7 @@ function getCodeBlockExtraProps(source, options = {}) {
   }
   return extraProps;
 }
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "LegacyNodesRenderer",
   props: {
     nodes: null,
@@ -3988,13 +3963,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     codeBlockStream: { type: Boolean, default: true },
     codeBlockDarkTheme: null,
     codeBlockLightTheme: null,
-    codeBlockMonacoOptions: null,
     codeBlockMinWidth: null,
     codeBlockMaxWidth: null,
+    codeBlockOptions: null,
     codeBlockProps: null,
     renderCodeBlocksAsPre: { type: Boolean },
     themes: null,
-    langs: null,
     isDark: { type: Boolean },
     customHtmlTags: null,
     htmlPolicy: null
@@ -4062,21 +4036,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     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 builtinCodeBlockExtraProps = computed(() => getCodeBlockExtraProps(props.codeBlockProps));
+    const codeBlockBindings = computed(() => {
+      var _a2, _b;
+      return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+        stream: props.codeBlockStream,
+        darkTheme: props.codeBlockDarkTheme,
+        lightTheme: props.codeBlockLightTheme,
+        themes: props.themes,
+        minWidth: props.codeBlockMinWidth,
+        maxWidth: props.codeBlockMaxWidth
+      }, builtinCodeBlockExtraProps.value), {
+        showLineNumbers: typeof builtinCodeBlockExtraProps.value.showLineNumbers === "boolean" ? builtinCodeBlockExtraProps.value.showLineNumbers : typeof ((_a2 = props.codeBlockOptions) == null ? void 0 : _a2.disableLineNumbers) === "boolean" ? !props.codeBlockOptions.disableLineNumbers : false
+      }), ((_b = props.codeBlockOptions) == null ? void 0 : _b.overflow) ? { style: { whiteSpace: props.codeBlockOptions.overflow === "scroll" ? "pre" : "pre-wrap" } } : {}), {
+        codeBlockOptions: props.codeBlockOptions
+      });
+    });
+    const customCodeBlockBindings = computed(() => __spreadProps(__spreadValues(__spreadValues({}, codeBlockBindings.value), codeBlockExtraProps.value), {
+      codeBlockOptions: props.codeBlockOptions
+    }));
     const nonCodeBindings = computed(() => {
       var _a2;
       return { typewriter: props.typewriter, fade: props.fade, htmlPolicy: (_a2 = props.htmlPolicy) != null ? _a2 : "safe" };
@@ -4131,7 +4109,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         return {
           index: index2,
           indexKey: `${indexPrefix.value}-${index2}`,
-          // Keep code blocks mounted during streaming so Shiki/Monaco renderers can
+          // Keep code blocks mounted during streaming so Shiki/stream-diffs 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,
@@ -4217,25 +4195,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, emit, isNativeDomEvent, 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 _sfc_render$e = 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,
+var _sfc_staticRenderFns$e = [];
+var __component__$e = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$e,
+  _sfc_render$e,
+  _sfc_staticRenderFns$e,
   false,
   null,
   null,
   null,
   null
 );
-const LegacyNodesRenderer = __component__$f.exports;
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const LegacyNodesRenderer = __component__$e.exports;
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "BlockquoteNode",
   props: {
     node: null,
@@ -4254,24 +4232,24 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const BlockquoteNode_vue_vue_type_style_index_0_scoped_0bfb818f_lang = "";
-var _sfc_render$e = function render32() {
+var _sfc_render$d = 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,
+var _sfc_staticRenderFns$d = [];
+var __component__$d = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$d,
+  _sfc_render$d,
+  _sfc_staticRenderFns$d,
   false,
   null,
   "0bfb818f",
   null,
   null
 );
-const BlockquoteNode = __component__$e.exports;
+const BlockquoteNode = __component__$d.exports;
 function safeRaf(cb) {
   try {
     if (typeof globalThis !== "undefined" && typeof globalThis.requestAnimationFrame === "function")
@@ -4296,7 +4274,7 @@ function safeCancelRaf(id) {
   } catch (e) {
   }
 }
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Portal",
   props: {
     to: null
@@ -4334,24 +4312,24 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const Portal_vue_vue_type_style_index_0_scoped_5b7455c5_lang = "";
-var _sfc_render$d = function render33() {
+var _sfc_render$c = function render33() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("div", { ref: "rootRef", staticClass: "portal-root" }, [_vm._t("default")], 2);
 };
-var _sfc_staticRenderFns$d = [];
-var __component__$d = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$d,
-  _sfc_render$d,
-  _sfc_staticRenderFns$d,
+var _sfc_staticRenderFns$c = [];
+var __component__$c = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$c,
+  _sfc_render$c,
+  _sfc_staticRenderFns$c,
   false,
   null,
   "5b7455c5",
   null,
   null
 );
-const Portal = __component__$d.exports;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const Portal = __component__$c.exports;
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "HtmlPreviewFrame",
   props: {
     code: null,
@@ -4440,7 +4418,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const HtmlPreviewFrame_vue_vue_type_style_index_0_scoped_56f5a269_lang = "";
-var _sfc_render$c = function render34() {
+var _sfc_render$b = function render34() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c(_setup.Portal, { attrs: { "to": "body" } }, [_c("div", { staticClass: "markstream-vue2" }, [_c("div", { staticClass: "html-preview-frame__backdrop", class: { "html-preview-frame__backdrop--dark": _setup.props.isDark }, on: { "click": function($event) {
     var _a2, _b;
@@ -4452,91 +4430,31 @@ var _sfc_render$c = function render34() {
     (_b = (_a2 = _setup.props).onClose) == null ? void 0 : _b.call(_a2);
   } } }, [_vm._v(" × ")])]), _c("iframe", { staticClass: "html-preview-frame__iframe", attrs: { "sandbox": _setup.sandboxValue, "referrerpolicy": "no-referrer", "srcdoc": _setup.srcdoc } })])])])]);
 };
-var _sfc_staticRenderFns$c = [];
-var __component__$c = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$c,
-  _sfc_render$c,
-  _sfc_staticRenderFns$c,
+var _sfc_staticRenderFns$b = [];
+var __component__$b = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$b,
+  _sfc_render$b,
+  _sfc_staticRenderFns$b,
   false,
   null,
   "56f5a269",
   null,
   null
 );
-const HtmlPreviewFrame = __component__$c.exports;
-let applyPromise = null;
-let pendingTheme = null;
-let pendingKey = null;
-let lastAppliedKey = null;
-let currentSetTheme = null;
-const themeKeyCache = /* @__PURE__ */ new WeakMap();
-let themeKeySeq = 0;
-function getThemeKey(theme) {
-  if (theme == null)
-    return null;
-  if (typeof theme === "string")
-    return theme;
-  if (typeof theme === "object" && theme && "name" in theme)
-    return String(theme.name);
-  if (typeof theme === "object") {
-    const cached = themeKeyCache.get(theme);
-    if (cached)
-      return cached;
-    try {
-      const str = JSON.stringify(theme);
-      if (str) {
-        themeKeyCache.set(theme, str);
-        return str;
-      }
-    } catch (e) {
-    }
-    const id = `__theme_${++themeKeySeq}`;
-    themeKeyCache.set(theme, id);
-    return id;
-  }
-  return String(theme);
-}
-function scheduleGlobalMonacoTheme(setTheme, theme) {
-  const key = getThemeKey(theme);
-  if (!key)
-    return Promise.resolve();
-  currentSetTheme = setTheme;
-  if (!applyPromise && lastAppliedKey === key)
-    return Promise.resolve();
-  pendingTheme = theme;
-  pendingKey = key;
-  if (applyPromise)
-    return applyPromise;
-  applyPromise = (() => __async(this, null, function* () {
-    while (pendingKey && pendingTheme != null) {
-      const nextTheme = pendingTheme;
-      const nextKey = pendingKey;
-      pendingTheme = null;
-      pendingKey = null;
-      if (lastAppliedKey === nextKey)
-        continue;
-      try {
-        yield (currentSetTheme != null ? currentSetTheme : setTheme)(nextTheme);
-        lastAppliedKey = nextKey;
-      } catch (e) {
-      }
-    }
-  }))().finally(() => {
-    applyPromise = null;
-  });
-  return applyPromise;
-}
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const HtmlPreviewFrame = __component__$b.exports;
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockNode",
   props: {
     node: { type: Object, required: true },
     isDark: { type: Boolean, default: false },
     loading: { type: Boolean, default: true },
     stream: { type: Boolean, default: true },
-    darkTheme: { type: [Object, String], default: void 0 },
-    lightTheme: { type: [Object, String], default: void 0 },
+    codeBlockOptions: { type: Object, default: void 0 },
+    showLineNumbers: { type: Boolean, default: void 0 },
+    theme: { type: [Object, String], default: void 0 },
+    darkTheme: { type: String, default: void 0 },
+    lightTheme: { type: String, default: void 0 },
     isShowPreview: { type: Boolean, default: true },
-    monacoOptions: { type: Object, default: void 0 },
     enableFontSizeControl: { type: Boolean, default: true },
     minWidth: { type: [String, Number], default: void 0 },
     maxWidth: { type: [String, Number], default: void 0 },
@@ -4560,52 +4478,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: emits }) {
     var _a2, _b;
     const props = __props;
-    const MONACO_TOUCH_PATCH_FLAG = "__markstreamMonacoPassiveTouch__";
-    if (typeof window !== "undefined")
-      ensureMonacoPassiveTouchListeners();
-    function ensureMonacoPassiveTouchListeners() {
-      var _a3;
-      try {
-        const globalObj = window;
-        if (globalObj[MONACO_TOUCH_PATCH_FLAG])
-          return;
-        const proto = (_a3 = window.Element) == null ? void 0 : _a3.prototype;
-        const nativeAdd = proto == null ? void 0 : proto.addEventListener;
-        if (!proto || !nativeAdd)
-          return;
-        proto.addEventListener = function patchedMonacoTouchStart(type, listener, options) {
-          if (type === "touchstart" && shouldForcePassiveForMonaco(this, options))
-            return nativeAdd.call(this, type, listener, withPassiveOptions(options));
-          return nativeAdd.call(this, type, listener, options);
-        };
-        globalObj[MONACO_TOUCH_PATCH_FLAG] = true;
-      } catch (e) {
-      }
-    }
-    function shouldForcePassiveForMonaco(target, options) {
-      if (!target)
-        return false;
-      const el = target;
-      if (typeof el.closest !== "function")
-        return false;
-      if (!el.closest(".monaco-editor, .monaco-diff-editor"))
-        return false;
-      if (options && typeof options === "object" && "passive" in options)
-        return false;
-      return true;
-    }
-    function withPassiveOptions(options) {
-      if (options == null)
-        return { passive: true };
-      if (typeof options === "boolean")
-        return { capture: options, passive: true };
-      if (typeof options === "object") {
-        if ("passive" in options)
-          return options;
-        return __spreadProps(__spreadValues({}, options), { passive: true });
-      }
-      return { passive: true };
-    }
     const instance = getCurrentInstance();
     const hasPreviewListener = computed(() => {
       var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -4624,13 +4496,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const container = ref(null);
     const copyText = ref(false);
     const codeLanguage = ref(normalizeLanguageIdentifier(props.node.language));
-    const monacoLanguage = computed(() => resolveMonacoLanguageId(codeLanguage.value));
-    const isPlainTextLanguage = computed(() => monacoLanguage.value === "plaintext");
+    const languageId = computed(() => resolveLanguageId(codeLanguage.value));
+    const isPlainTextLanguage = computed(() => languageId.value === "plaintext");
     const isExpanded = ref(false);
     const isCollapsed = ref(false);
     const editorCreated = ref(false);
     const editorReady = ref(false);
-    const monacoReady = ref(false);
+    const runtimeReady = ref(false);
     let expandRafId = null;
     const heightBeforeCollapse = ref(null);
     let resumeGuardFrames = 0;
@@ -4679,6 +4551,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     let refreshDiffPresentation = () => {
     };
     let createEditorPromise = null;
+    let editorCreationGeneration = 0;
     let detectLanguage = () => {
       var _a3;
       return String((_a3 = props.node.language) != null ? _a3 : "plaintext");
@@ -4686,82 +4559,59 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     let setTheme = () => __async(this, null, function* () {
     });
     let whenRuntimeVisualReady = null;
-    let runtimeMonacoOptions = null;
+    let runtimeOptions = null;
+    let createRuntimeHelpersFactory = null;
     let isUnmounted = false;
-    const inlineFoldProxyCleanups = [];
     let deferredEditorVisualSyncRafId = null;
     const isDiff = computed(() => props.node.diff);
-    const defaultDiffHideUnchangedRegions = Object.freeze({
-      enabled: true,
-      contextLineCount: 2,
-      minimumLineCount: 4,
-      revealLineCount: 5
-    });
     const defaultPreFallbackFontFamily = '"SF Mono", Monaco, Consolas, "Ubuntu Mono", "Liberation Mono", "Courier New", monospace';
     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) {
+    function readPadding(value) {
       var _a3;
-      if (typeof value === "boolean")
-        return value;
-      if (value && typeof value === "object") {
-        const raw = value;
-        return __spreadProps(__spreadValues(__spreadValues({}, defaultDiffHideUnchangedRegions), raw), {
-          enabled: (_a3 = raw.enabled) != null ? _a3 : true
-        });
-      }
-      return __spreadValues({}, defaultDiffHideUnchangedRegions);
+      const padding = (_a3 = readPositiveNumber(value)) != null ? _a3 : 0;
+      return { top: padding, bottom: padding };
     }
-    const resolvedMonacoOptions = computed(() => {
-      var _a3, _b2;
-      const raw = props.monacoOptions ? __spreadValues({}, props.monacoOptions) : {};
+    const resolvedCodeBlockOptions = computed(() => {
+      var _a3;
+      return (_a3 = props.codeBlockOptions) != null ? _a3 : {};
+    });
+    const effectiveShowLineNumbers = computed(() => {
+      var _a3;
+      return (_a3 = props.showLineNumbers) != null ? _a3 : resolvedCodeBlockOptions.value.disableLineNumbers !== true;
+    });
+    const resolvedRuntimeOptions = computed(() => {
+      const raw = __spreadValues({}, resolvedCodeBlockOptions.value);
+      for (const key of [
+        "maxHeight",
+        "padding",
+        "tabSize",
+        "theme",
+        "themes",
+        "themeType",
+        "language",
+        "languages",
+        "stream",
+        "disableFileHeader",
+        "onThemeChange",
+        "renderCustomHeader",
+        "renderHeaderMetadata",
+        "renderHeaderPrefix"
+      ])
+        delete raw[key];
       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 diffDefaults = {
-        maxComputationTime: 0,
-        diffAlgorithm: "legacy",
-        ignoreTrimWhitespace: false,
-        renderIndicators: true,
-        diffUpdateThrottleMs: 120,
-        renderLineHighlight: "none",
-        renderLineHighlightOnlyWhenFocus: true,
-        selectionHighlight: false,
-        occurrencesHighlight: "off",
-        matchBrackets: "never",
-        lineDecorationsWidth: 4,
-        lineNumbersMinChars: 2,
-        glyphMargin: false,
-        minimap: { enabled: false },
-        renderOverviewRuler: false,
-        overviewRulerBorder: false,
-        hideCursorInOverviewRuler: true,
-        scrollBeyondLastLine: false,
-        diffHideUnchangedRegions,
-        useInlineViewWhenSpaceIsLimited: (_b2 = raw.useInlineViewWhenSpaceIsLimited) != null ? _b2 : false,
-        diffLineStyle: "background",
-        diffAppearance: "auto",
-        diffUnchangedRegionStyle,
-        diffHunkActionsOnHover: false,
-        diffHunkHoverHideDelayMs: 160
-      };
-      return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, diffDefaults), raw), hideUnchangedRegions === void 0 ? {} : { hideUnchangedRegions }), {
-        diffHideUnchangedRegions
+      const parseDiffOptions = raw.parseDiffOptions && typeof raw.parseDiffOptions === "object" ? raw.parseDiffOptions : {};
+      return __spreadProps(__spreadValues({
+        diffStyle: "split",
+        expandUnchanged: false,
+        collapsedContextThreshold: 5,
+        hunkSeparators: "line-info"
+      }, raw), {
+        parseDiffOptions: __spreadValues({ context: 2 }, parseDiffOptions)
       });
     });
     const desiredEditorKind = computed(() => isDiff.value ? "diff" : "single");
@@ -4769,47 +4619,47 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const usePreCodeRender = ref(false);
     const showInlinePreview = ref(false);
     const isDevEnv2 = typeof import.meta !== "undefined" && Boolean((_a2 = { "BASE_URL": "/", "MODE": "npm", "DEV": false, "PROD": true, "SSR": false }) == null ? void 0 : _a2.DEV);
+    function initializeRuntimeHelpers(factory) {
+      createRuntimeHelpersFactory = factory;
+      runtimeOptions = buildRuntimeOptions();
+      const helpers = factory(runtimeOptions);
+      createEditor = helpers.createEditor || createEditor;
+      createDiffEditor = helpers.createDiffEditor || createDiffEditor;
+      updateCode = helpers.updateCode || updateCode;
+      updateDiffCode = helpers.updateDiff || updateDiffCode;
+      getEditor = helpers.getEditor || getEditor;
+      getEditorView = helpers.getEditorView || getEditorView;
+      getDiffEditorView = helpers.getDiffEditorView || getDiffEditorView;
+      cleanupEditor = helpers.cleanupEditor || cleanupEditor;
+      safeClean = helpers.safeClean || helpers.cleanupEditor || safeClean;
+      refreshDiffPresentation = helpers.refreshDiffPresentation || refreshDiffPresentation;
+      setTheme = helpers.setTheme || setTheme;
+      whenRuntimeVisualReady = helpers.whenVisualReady || null;
+      runtimeReady.value = true;
+    }
     if (typeof window !== "undefined") {
       (() => __async(this, null, function* () {
         try {
-          const mod2 = yield getUseMonaco();
+          const mod2 = yield getStreamDiffsRuntime();
           if (!mod2) {
             if (isDevEnv2) {
-              console.warn("[markstream-vue2] stream-monaco is not installed. Code blocks will use basic rendering. Install stream-monaco for enhanced code editor features.");
+              console.warn("[markstream-vue2] stream-diffs is not installed. Code blocks will use basic rendering. Install stream-diffs for enhanced code editor features.");
             }
             usePreCodeRender.value = true;
             return;
           }
-          const useMonaco = mod2.useMonaco;
+          const createRuntimeHelpers = mod2.createCodeBlockRuntime;
           const det = mod2.detectLanguage;
           if (typeof det === "function")
             detectLanguage = det;
-          if (typeof useMonaco === "function") {
-            const theme = resolveRequestedTheme();
-            if (theme && props.themes && Array.isArray(props.themes) && !props.themes.includes(theme)) {
-              throw new Error("Preferred theme not in provided themes array");
-            }
-            runtimeMonacoOptions = buildRuntimeMonacoOptions();
-            const helpers = useMonaco(runtimeMonacoOptions);
-            createEditor = helpers.createEditor || createEditor;
-            createDiffEditor = helpers.createDiffEditor || createDiffEditor;
-            updateCode = helpers.updateCode || updateCode;
-            updateDiffCode = helpers.updateDiff || updateDiffCode;
-            getEditor = helpers.getEditor || getEditor;
-            getEditorView = helpers.getEditorView || getEditorView;
-            getDiffEditorView = helpers.getDiffEditorView || getDiffEditorView;
-            cleanupEditor = helpers.cleanupEditor || cleanupEditor;
-            safeClean = helpers.safeClean || helpers.cleanupEditor || safeClean;
-            refreshDiffPresentation = helpers.refreshDiffPresentation || refreshDiffPresentation;
-            setTheme = helpers.setTheme || setTheme;
-            whenRuntimeVisualReady = helpers.whenVisualReady || null;
-            monacoReady.value = true;
+          if (typeof createRuntimeHelpers === "function") {
+            initializeRuntimeHelpers(createRuntimeHelpers);
             if (codeEditor.value)
               yield ensureEditorCreation(codeEditor.value);
           }
         } catch (err) {
           if (isDevEnv2) {
-            console.warn("[markstream-vue2] Failed to initialize Monaco editor:", err);
+            console.warn("[markstream-vue2] Failed to initialize stream-diffs:", err);
           }
           usePreCodeRender.value = true;
         }
@@ -4819,7 +4669,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const codeFontMax = 36;
     const codeFontStep = 1;
     const defaultCodeFontSize = ref(
-      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : defaultPreFallbackFontSize
+      typeof ((_b = resolvedRuntimeOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedRuntimeOptions.value.fontSize : defaultPreFallbackFontSize
     );
     const codeFontSize = ref(defaultCodeFontSize.value);
     const fontBaselineReady = computed(() => {
@@ -4849,62 +4699,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         rafId = safeRaf(finish);
       });
     }
-    function expectsLanguageTokensForLine(text) {
-      return /['"`{}()[\]:;=<>.,]|\/\/|\/\*|\b(?:async|await|class|const|enum|export|for|function|if|import|interface|let|return|switch|type|var|while)\b/.test(
-        text.replace(/\u00A0/g, " ").trim()
-      );
-    }
-    function hasLanguageHighlightReady(root) {
-      if (isPlainTextLanguage.value)
-        return true;
-      if (!root)
-        return false;
-      const viewLines = Array.from(
-        root.querySelectorAll(
-          ".monaco-diff-editor .view-lines .view-line, .monaco-editor .view-lines .view-line"
-        )
-      ).filter((line) => {
-        var _a3;
-        return Boolean((_a3 = line.textContent) == null ? void 0 : _a3.trim());
-      });
-      if (!viewLines.length)
-        return false;
-      const tokenCandidateLines = viewLines.filter((line) => {
+    function waitForEditorVisualReady() {
+      return __async(this, null, function* () {
         var _a3;
-        return expectsLanguageTokensForLine((_a3 = line.textContent) != null ? _a3 : "");
-      });
-      if (!tokenCandidateLines.length)
-        return true;
-      return tokenCandidateLines.some((line) => {
-        const spans = Array.from(line.querySelectorAll("span")).filter((span) => {
-          var _a3;
-          return (_a3 = span.textContent) == null ? void 0 : _a3.trim();
-        });
-        return spans.some((span) => {
-          const tokenClasses = String(span.className || "").split(/\s+/);
-          return tokenClasses.some((className) => /^mtk\d+$/.test(className) && className !== "mtk1");
-        });
-      });
-    }
-    function hasCurrentEditorContent() {
-      var _a3, _b2, _c, _d, _e, _f, _g;
-      const editor = isDiff.value ? (_c = (_b2 = (_a3 = getDiffEditorView()) == null ? void 0 : _a3.getModifiedEditor) == null ? void 0 : _b2.call(_a3)) != null ? _c : getDiffEditorView() : getEditorView();
-      const model = (_d = editor == null ? void 0 : editor.getModel) == null ? void 0 : _d.call(editor);
-      if (typeof (model == null ? void 0 : model.getValue) !== "function")
-        return true;
-      const expected = isDiff.value ? String((_f = (_e = props.node.updatedCode) != null ? _e : props.node.code) != null ? _f : "") : String((_g = props.node.code) != null ? _g : "");
-      return model.getValue() === expected;
-    }
-    function hasRenderedEditorDom(root = codeEditor.value) {
-      if (!root)
-        return false;
-      if (root.querySelector("diffs-container, .stream-diffs-shell"))
-        return true;
-      return Boolean(root.querySelector(".monaco-diff-editor .view-lines .view-line, .monaco-editor .view-lines .view-line"));
-    }
-    function waitForEditorVisualReady() {
-      return __async(this, null, function* () {
-        var _a3, _b2, _c;
         if (whenRuntimeVisualReady) {
           try {
             const ready = yield whenRuntimeVisualReady();
@@ -4921,14 +4718,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         for (let pass = 0; pass < maxPasses; pass++) {
           if (isUnmounted)
             return false;
-          const code = isDiff.value ? String((_b2 = (_a3 = props.node.updatedCode) != null ? _a3 : props.node.code) != null ? _b2 : "") : String((_c = props.node.code) != null ? _c : "");
-          const domReady = hasRenderedEditorDom();
-          const highlightReady = !code.trim() || isPlainTextLanguage.value || hasLanguageHighlightReady(codeEditor.value);
-          if (hasCurrentEditorContent() && domReady && highlightReady) {
+          if ((_a3 = codeEditor.value) == null ? void 0 : _a3.querySelector("diffs-container, .stream-diffs-shell")) {
             yield nextTick();
             yield waitForAnimationFrame();
-            if (!isUnmounted && hasCurrentEditorContent() && hasRenderedEditorDom())
-              return !code.trim() || isPlainTextLanguage.value || hasLanguageHighlightReady(codeEditor.value);
+            return !isUnmounted;
           }
           yield nextTick();
           yield waitForAnimationFrame();
@@ -4936,21 +4729,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         return false;
       });
     }
-    function measureLineHeightFromDom() {
-      try {
-        const root = codeEditor.value;
-        if (!root)
-          return null;
-        const lineEl = root.querySelector(".view-lines .view-line");
-        if (lineEl) {
-          const h2 = Math.ceil(lineEl.getBoundingClientRect().height);
-          if (h2 > 0)
-            return h2;
-        }
-      } catch (e) {
-      }
-      return null;
-    }
     function readActualFontSizeFromEditor() {
       var _a3, _b2, _c, _d, _e;
       try {
@@ -4965,31 +4743,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
       } catch (e) {
       }
-      try {
-        const root = codeEditor.value;
-        if (root) {
-          const lineEl = root.querySelector(".view-lines .view-line");
-          if (lineEl) {
-            try {
-              if (typeof window !== "undefined" && typeof window.getComputedStyle === "function") {
-                const fs = window.getComputedStyle(lineEl).fontSize;
-                const m = fs && fs.match(/^(\d+(?:\.\d+)?)/);
-                if (m)
-                  return Number.parseFloat(m[1]);
-              }
-            } catch (e) {
-            }
-          }
-        }
-      } catch (e) {
-      }
       return null;
     }
     function getLineHeightSafe(editor) {
       var _a3, _b2;
       try {
-        const monacoEditor = getEditor();
-        const key = (_a3 = monacoEditor == null ? void 0 : monacoEditor.EditorOption) == null ? void 0 : _a3.lineHeight;
+        const editorModule = getEditor();
+        const key = (_a3 = editorModule == null ? void 0 : editorModule.EditorOption) == null ? void 0 : _a3.lineHeight;
         if (key != null) {
           const v = (_b2 = editor == null ? void 0 : editor.getOption) == null ? void 0 : _b2.call(editor, key);
           if (typeof v === "number" && v > 0)
@@ -4997,9 +4757,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
       } catch (e) {
       }
-      const domH = measureLineHeightFromDom();
-      if (domH && domH > 0)
-        return domH;
       const fs = Number.isFinite(codeFontSize.value) && codeFontSize.value > 0 ? codeFontSize.value : 12;
       return Math.max(12, Math.round(fs * 1.35));
     }
@@ -5008,9 +4765,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       if (Number.isFinite(codeFontSize.value) && codeFontSize.value > 0 && Number.isFinite(defaultCodeFontSize.value))
         return codeFontSize.value;
       const actual = readActualFontSizeFromEditor();
-      if (typeof ((_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.fontSize) === "number") {
-        defaultCodeFontSize.value = resolvedMonacoOptions.value.fontSize;
-        codeFontSize.value = resolvedMonacoOptions.value.fontSize;
+      if (typeof ((_a3 = resolvedRuntimeOptions.value) == null ? void 0 : _a3.fontSize) === "number") {
+        defaultCodeFontSize.value = resolvedRuntimeOptions.value.fontSize;
+        codeFontSize.value = resolvedRuntimeOptions.value.fontSize;
         return codeFontSize.value;
       }
       if (actual && actual > 0) {
@@ -5089,85 +4846,22 @@ const _sfc_main$b = /* @__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, _i, _j;
+      var _a3;
       const editorEl = codeEditor.value;
       const rootEl = container.value;
       if (!editorEl || !rootEl)
         return;
-      rootEl.style.removeProperty("--vscode-editor-foreground");
-      rootEl.style.removeProperty("--vscode-editor-background");
-      rootEl.style.removeProperty("--vscode-editor-selectionBackground");
       const targetEl = editorEl;
-      const runtimeMetrics = resolvedMonacoOptions.value;
-      const tabSize = (_a3 = readPositiveNumber(runtimeMetrics == null ? void 0 : runtimeMetrics.tabSize)) != null ? _a3 : 4;
+      const codeOptions = resolvedCodeBlockOptions.value;
+      const tabSize = (_a3 = readPositiveNumber(codeOptions.tabSize)) != null ? _a3 : 4;
       targetEl.style.setProperty("--diffs-tab-size", String(tabSize));
-      const configuredPadding = runtimeMetrics == null ? void 0 : runtimeMetrics.padding;
-      if (configuredPadding && typeof configuredPadding === "object") {
-        const paddingTop = (_b2 = readPositiveNumber(configuredPadding.top)) != null ? _b2 : 0;
-        targetEl.style.setProperty("--diffs-gap-block", `${paddingTop}px`);
+      const configuredPadding = codeOptions.padding;
+      if (typeof configuredPadding === "number") {
+        targetEl.style.setProperty("--diffs-gap-block", `${configuredPadding}px`);
       } else {
         targetEl.style.removeProperty("--diffs-gap-block");
       }
-      if (isDiff.value) {
-        targetEl.style.removeProperty("--vscode-editor-foreground");
-        targetEl.style.removeProperty("--vscode-editor-background");
-        targetEl.style.removeProperty("--vscode-editor-selectionBackground");
-        return;
-      }
-      const editorRoot = editorEl.querySelector(".monaco-editor") || editorEl;
-      const bgEl = editorRoot.querySelector(".monaco-editor-background") || editorRoot;
-      const fgEl = editorRoot.querySelector(".view-lines") || editorRoot;
-      let rootStyles = null;
-      let bgStyles = null;
-      let fgStyles = null;
-      try {
-        if (typeof window !== "undefined" && typeof window.getComputedStyle === "function") {
-          rootStyles = window.getComputedStyle(editorRoot);
-          bgStyles = bgEl === editorRoot ? rootStyles : window.getComputedStyle(bgEl);
-          fgStyles = fgEl === editorRoot ? rootStyles : window.getComputedStyle(fgEl);
-        }
-      } catch (e) {
-        rootStyles = null;
-        bgStyles = null;
-        fgStyles = null;
-      }
-      const fgVar = String((_c = rootStyles == null ? void 0 : rootStyles.getPropertyValue("--vscode-editor-foreground")) != null ? _c : "").trim();
-      const bgVar = String((_d = rootStyles == null ? void 0 : rootStyles.getPropertyValue("--vscode-editor-background")) != null ? _d : "").trim();
-      const selVar = String(
-        (_f = (_e = rootStyles == null ? void 0 : rootStyles.getPropertyValue("--vscode-editor-selectionBackground")) != null ? _e : rootStyles == null ? void 0 : rootStyles.getPropertyValue("--vscode-editor-hoverHighlightBackground")) != null ? _f : ""
-      ).trim();
-      const fg = fgVar || String((_h = (_g = fgStyles == null ? void 0 : fgStyles.color) != null ? _g : rootStyles == null ? void 0 : rootStyles.color) != null ? _h : "").trim();
-      const bg = bgVar || String((_j = (_i = bgStyles == null ? void 0 : bgStyles.backgroundColor) != null ? _i : rootStyles == null ? void 0 : rootStyles.backgroundColor) != null ? _j : "").trim();
-      if (shouldPreferPlainTextFallbackSurface(bg, fg, rootEl.classList.contains("is-dark"))) {
-        targetEl.style.removeProperty("--vscode-editor-foreground");
-        targetEl.style.removeProperty("--vscode-editor-background");
-        targetEl.style.removeProperty("--vscode-editor-selectionBackground");
-        return;
-      }
-      if (fg)
-        targetEl.style.setProperty("--vscode-editor-foreground", fg);
-      if (bg)
-        targetEl.style.setProperty("--vscode-editor-background", bg);
-      if (selVar)
-        targetEl.style.setProperty("--vscode-editor-selectionBackground", selVar);
     }
     let resizeSyncHandler = null;
     const SCROLL_PARENT_OVERFLOW_RE = /auto|scroll|overlay/i;
@@ -5232,113 +4926,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       } catch (e) {
       }
     }
-    function clearInlineFoldProxies() {
-      var _a3;
-      while (inlineFoldProxyCleanups.length > 0) {
-        try {
-          (_a3 = inlineFoldProxyCleanups.pop()) == null ? void 0 : _a3();
-        } catch (e) {
-        }
-      }
-    }
-    function syncInlineFoldProxies() {
-      clearInlineFoldProxies();
-      if (!isDiff.value)
-        return;
-      const root = codeEditor.value;
-      if (!root)
-        return;
-      const diffRoot = root.querySelector(".monaco-diff-editor");
-      if (!diffRoot || diffRoot.classList.contains("side-by-side"))
-        return;
-      const originalWidgets = Array.from(diffRoot.querySelectorAll(".editor.original .diff-hidden-lines"));
-      const modifiedWidgets = Array.from(diffRoot.querySelectorAll(".editor.modified .diff-hidden-lines"));
-      const pairCount = Math.min(originalWidgets.length, modifiedWidgets.length);
-      for (let i = 0; i < pairCount; i++) {
-        const originalWidget = originalWidgets[i];
-        const modifiedWidget = modifiedWidgets[i];
-        const modifiedTrigger = modifiedWidget.querySelector("a");
-        const originalSlot = originalWidget.querySelector(".center > div:first-child");
-        if (!modifiedTrigger || !originalSlot)
-          continue;
-        const proxyButton = document.createElement("button");
-        proxyButton.type = "button";
-        proxyButton.className = "markstream-inline-fold-proxy";
-        const label = modifiedTrigger.getAttribute("title") || "Show Unchanged Region";
-        proxyButton.title = label;
-        proxyButton.setAttribute("aria-label", label);
-        const sourceIcon = modifiedTrigger.querySelector(".codicon");
-        const icon = document.createElement("span");
-        icon.className = (sourceIcon == null ? void 0 : sourceIcon.className) || "codicon codicon-unfold";
-        proxyButton.append(icon);
-        const handlePointerDown = (event) => {
-          event.preventDefault();
-          event.stopPropagation();
-        };
-        const handleClick = (event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          modifiedTrigger.click();
-        };
-        const handleKeyDown = (event) => {
-          if (event.key !== "Enter" && event.key !== " ")
-            return;
-          event.preventDefault();
-          event.stopPropagation();
-          modifiedTrigger.click();
-        };
-        proxyButton.addEventListener("mousedown", handlePointerDown);
-        proxyButton.addEventListener("click", handleClick);
-        proxyButton.addEventListener("keydown", handleKeyDown);
-        originalSlot.replaceChildren(proxyButton);
-        inlineFoldProxyCleanups.push(() => {
-          proxyButton.removeEventListener("mousedown", handlePointerDown);
-          proxyButton.removeEventListener("click", handleClick);
-          proxyButton.removeEventListener("keydown", handleKeyDown);
-          if (originalSlot.contains(proxyButton))
-            originalSlot.replaceChildren();
-        });
-      }
-    }
     function scheduleEditorVisualSync() {
       if (deferredEditorVisualSyncRafId != null)
         return;
       deferredEditorVisualSyncRafId = safeRaf(() => {
         deferredEditorVisualSyncRafId = null;
         safeRaf(() => {
-          syncDiffRevealButtons();
-          syncInlineFoldProxies();
           if (isCollapsed.value)
             return;
           if (isExpanded.value)
             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;
@@ -5393,12 +4995,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     }
     function getMaxHeightValue() {
-      var _a3, _b2;
-      const maxH = (_b2 = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.MAX_HEIGHT) != null ? _b2 : 500;
-      if (typeof maxH === "number")
-        return maxH;
-      const m = String(maxH).match(/^(\d+(?:\.\d+)?)/);
-      return m ? Number.parseFloat(m[1]) : 500;
+      var _a3;
+      return (_a3 = resolvedCodeBlockOptions.value.maxHeight) != null ? _a3 : 500;
     }
     const isPreviewable = computed(() => props.isShowPreview && (codeLanguage.value === "html" || codeLanguage.value === "svg"));
     watch(
@@ -5408,7 +5006,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     );
     watch(
-      () => [props.node.originalCode, props.node.updatedCode, monacoLanguage.value, isDiff.value],
+      () => [props.node.originalCode, props.node.updatedCode, languageId.value, isDiff.value],
       (_0) => __async(this, [_0], function* ([originalCode, updatedCode, _language, diff]) {
         if (props.stream === false || !diff)
           return;
@@ -5421,7 +5019,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         updateDiffCode(
           String(originalCode != null ? originalCode : ""),
           String(updatedCode != null ? updatedCode : ""),
-          monacoLanguage.value
+          languageId.value
         );
         scheduleEditorVisualSync();
       })
@@ -5441,7 +5039,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           } catch (e) {
           }
         }
-        updateCode(newCode, monacoLanguage.value);
+        updateCode(newCode, languageId.value);
         if (isExpanded.value)
           scheduleEditorVisualSync();
       })
@@ -5531,12 +5129,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       if (!editor || !container2)
         return;
       if (isExpanded.value) {
-        setAutomaticLayout(true);
         container2.style.maxHeight = "none";
         container2.style.overflow = "visible";
         updateExpandedHeight();
       } else {
-        setAutomaticLayout(false);
         container2.style.overflow = "auto";
         updateCollapsedHeight();
       }
@@ -5550,10 +5146,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           if (rectH > 0)
             heightBeforeCollapse.value = rectH;
         }
-        setAutomaticLayout(false);
       } else {
-        if (isExpanded.value)
-          setAutomaticLayout(true);
         if (codeEditor.value && heightBeforeCollapse.value != null) {
           codeEditor.value.style.height = `${heightBeforeCollapse.value}px`;
         }
@@ -5598,39 +5191,28 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       if (lowerLang === "html")
         showInlinePreview.value = !showInlinePreview.value;
     }
-    function setAutomaticLayout(expanded) {
-      var _a3, _b2;
-      try {
-        if (isDiff.value) {
-          const diff = getDiffEditorView();
-          (_a3 = diff == null ? void 0 : diff.updateOptions) == null ? void 0 : _a3.call(diff, { automaticLayout: expanded });
-        } else {
-          const ed = getEditorView();
-          (_b2 = ed == null ? void 0 : ed.updateOptions) == null ? void 0 : _b2.call(ed, { automaticLayout: expanded });
-        }
-      } catch (e) {
-      }
-    }
-    function runEditorCreation(el) {
+    function runEditorCreation(el, generation) {
       return __async(this, null, function* () {
         var _a3, _b2, _c;
-        if (!createEditor)
+        if (!createEditor || isUnmounted || generation !== editorCreationGeneration)
           return;
-        syncRuntimeMonacoOptions();
+        syncRuntimeOptions();
         if (isDiff.value) {
           safeClean();
           if (createDiffEditor)
-            yield createDiffEditor(el, String((_a3 = props.node.originalCode) != null ? _a3 : ""), String((_b2 = props.node.updatedCode) != null ? _b2 : ""), monacoLanguage.value);
+            yield createDiffEditor(el, String((_a3 = props.node.originalCode) != null ? _a3 : ""), String((_b2 = props.node.updatedCode) != null ? _b2 : ""), languageId.value);
           else
-            yield createEditor(el, props.node.code, monacoLanguage.value);
+            yield createEditor(el, props.node.code, languageId.value);
         } else {
-          yield createEditor(el, props.node.code, monacoLanguage.value);
+          yield createEditor(el, props.node.code, languageId.value);
         }
+        if (isUnmounted || generation !== editorCreationGeneration)
+          return;
         const editor = isDiff.value ? getDiffEditorView() : getEditorView();
-        if (typeof ((_c = resolvedMonacoOptions.value) == null ? void 0 : _c.fontSize) === "number") {
-          editor == null ? void 0 : editor.updateOptions({ fontSize: resolvedMonacoOptions.value.fontSize, automaticLayout: false });
-          defaultCodeFontSize.value = resolvedMonacoOptions.value.fontSize;
-          codeFontSize.value = resolvedMonacoOptions.value.fontSize;
+        if (typeof ((_c = resolvedRuntimeOptions.value) == null ? void 0 : _c.fontSize) === "number") {
+          editor == null ? void 0 : editor.updateOptions({ fontSize: resolvedRuntimeOptions.value.fontSize });
+          defaultCodeFontSize.value = resolvedRuntimeOptions.value.fontSize;
+          codeFontSize.value = resolvedRuntimeOptions.value.fontSize;
         } else {
           const actual = readActualFontSizeFromEditor();
           if (actual && actual > 0) {
@@ -5645,11 +5227,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           scheduleEditorVisualSync();
         if (props.loading === false) {
           yield nextTick();
+          if (isUnmounted || generation !== editorCreationGeneration)
+            return;
           safeRaf(() => {
+            if (isUnmounted || generation !== editorCreationGeneration)
+              return;
             scheduleEditorVisualSync();
           });
         }
         const visuallyReady = yield waitForEditorVisualReady();
+        if (isUnmounted || generation !== editorCreationGeneration)
+          return;
         if (visuallyReady && !isCollapsed.value && !isExpanded.value) {
           updateCollapsedHeight();
         }
@@ -5663,17 +5251,20 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         return createEditorPromise;
       editorCreated.value = true;
       editorReady.value = false;
+      const generation = editorCreationGeneration;
       const pending2 = (() => __async(this, null, function* () {
-        yield runEditorCreation(el);
+        yield runEditorCreation(el, generation);
       }))();
-      createEditorPromise = pending2.finally(() => {
-        createEditorPromise = null;
+      const tracked = pending2.finally(() => {
+        if (createEditorPromise === tracked)
+          createEditorPromise = null;
       });
-      return createEditorPromise;
+      createEditorPromise = tracked;
+      return tracked;
     }
     const stopCreateEditorWatch = watch(
-      () => [codeEditor.value, isDiff.value, props.stream, props.loading, monacoReady.value, viewportReady.value],
-      (_0) => __async(this, [_0], function* ([el, _isDiff, stream, loading, _monacoReady, visible2]) {
+      () => [codeEditor.value, isDiff.value, props.stream, props.loading, runtimeReady.value, viewportReady.value],
+      (_0) => __async(this, [_0], function* ([el, _isDiff, stream, loading, _runtimeReady, visible2]) {
         if (!el || !createEditor)
           return;
         if (!visible2)
@@ -5683,7 +5274,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         const creation = ensureEditorCreation(el);
         if (!creation)
           return;
-        yield creation;
+        const generation = editorCreationGeneration;
+        try {
+          yield creation;
+        } catch (error) {
+          if (!isUnmounted && generation === editorCreationGeneration)
+            throw error;
+          return;
+        }
+        if (isUnmounted || generation !== editorCreationGeneration)
+          return;
         stopCreateEditorWatch();
       })
     );
@@ -5703,8 +5303,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           return;
         try {
           editorCreated.value = false;
+          editorCreationGeneration += 1;
           createEditorPromise = null;
-          clearInlineFoldProxies();
           safeClean();
           yield nextTick();
           yield ensureEditorCreation(codeEditor.value);
@@ -5714,70 +5314,27 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       })
     );
     function getPreferredColorScheme() {
+      if (typeof props.theme === "string")
+        return props.theme;
+      if (props.theme && typeof props.theme === "object")
+        return props.isDark ? props.theme.dark : props.theme.light;
       return props.isDark ? props.darkTheme : props.lightTheme;
     }
     function getThemeName(theme) {
-      if (typeof theme === "string")
-        return theme;
-      if (theme && typeof theme === "object" && "name" in theme)
-        return String(theme.name);
-      return null;
-    }
-    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);
-      }
+      return typeof theme === "string" ? theme : null;
     }
-    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;
+    const runtimeThemes = computed(() => {
+      var _a3, _b2;
+      if (Array.isArray(props.themes) && typeof props.themes[0] === "string" && typeof props.themes[1] === "string")
+        return [props.themes[0], props.themes[1]];
+      return [(_a3 = props.darkTheme) != null ? _a3 : "vitesse-dark", (_b2 = props.lightTheme) != null ? _b2 : "vitesse-light"];
     });
     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 = (_b2 = runtimeMonacoThemes.value) != null ? _b2 : [];
-      if (!availableThemes.length || requested == null)
-        return requested;
-      const requestedName = getThemeName(requested);
-      const availableNames = availableThemes.map((theme) => getThemeName(theme)).filter((name) => !!name);
-      if (!requestedName || availableNames.includes(requestedName))
-        return requested;
-      const explicitName = getThemeName(explicit);
-      if (explicit != null && explicitName && availableNames.includes(explicitName))
-        return explicit;
-      return availableThemes[0];
+      var _a3;
+      return (_a3 = getPreferredColorScheme()) != null ? _a3 : props.isDark ? runtimeThemes.value[0] : runtimeThemes.value[1];
     }
     function themeUpdate() {
-      syncRuntimeMonacoOptions();
+      syncRuntimeOptions();
       const themeToSet = resolveRequestedTheme();
       const syncPresentation = () => {
         if (isDiff.value)
@@ -5791,7 +5348,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         syncPresentation();
         return;
       }
-      void scheduleGlobalMonacoTheme(setTheme, themeToSet).then(syncPresentation).catch(() => {
+      void Promise.resolve(setTheme(themeToSet)).then(syncPresentation).catch(() => {
       });
     }
     function themeLooksDark(theme) {
@@ -5829,27 +5386,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     }
     const resolvedChromeIsDark = computed(() => themeLooksDark(resolveRequestedTheme()));
     const effectiveDiffAppearance = computed(() => {
-      var _a3;
-      if (!isDiff.value)
-        return resolvedChromeIsDark.value ? "dark" : "light";
-      const explicit = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.diffAppearance;
-      if (explicit === "light" || explicit === "dark")
-        return explicit;
-      return props.isDark ? "dark" : "light";
+      return resolvedChromeIsDark.value ? "dark" : "light";
     });
     const resolvedSurfaceIsDark = computed(
       () => isDiff.value ? effectiveDiffAppearance.value === "dark" : resolvedChromeIsDark.value
     );
     const preFallbackMetrics = computed(() => {
       var _a3, _b2, _c;
-      const raw = resolvedMonacoOptions.value;
+      const raw = resolvedCodeBlockOptions.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() : defaultPreFallbackFontFamily;
-      const padding = readMonacoPadding(raw == null ? void 0 : raw.padding);
+      const padding = readPadding(raw == null ? void 0 : raw.padding);
       const defaultPadding = isDiff.value ? 0 : 8;
-      const hasConfiguredPadding = Boolean((raw == null ? void 0 : raw.padding) && typeof raw.padding === "object");
+      const hasConfiguredPadding = typeof raw.padding === "number";
       const tabSize = (_c = readPositiveNumber(raw == null ? void 0 : raw.tabSize)) != null ? _c : 4;
       return {
         fontFamily,
@@ -5866,7 +5417,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         return false;
       if (typeof props.estimatedDiffInline === "boolean")
         return props.estimatedDiffInline;
-      return ((_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.renderSideBySide) === false;
+      return ((_a3 = resolvedRuntimeOptions.value) == null ? void 0 : _a3.diffStyle) === "unified";
     });
     const preFallbackStyle = computed(() => {
       const metrics = preFallbackMetrics.value;
@@ -5876,7 +5427,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         "lineHeight": `${metrics.lineHeight}px`,
         "paddingBottom": `${metrics.paddingBottom}px`,
         "paddingTop": `${metrics.paddingTop}px`,
-        "tabSize": metrics.tabSize
+        "tabSize": metrics.tabSize,
+        "maxHeight": `${getMaxHeightValue()}px`,
+        "overflow": "auto",
+        "whiteSpace": resolvedCodeBlockOptions.value.overflow === "scroll" ? "pre" : "pre-wrap"
       };
       if (isDiff.value) {
         style["--markstream-code-padding-left"] = "62px";
@@ -5934,104 +5488,102 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       const estimatedContentHeight = readPositiveNumber(props.estimatedContentHeightPx);
       return estimatedContentHeight == null ? void 0 : { minHeight: `${Math.ceil(Math.min(estimatedContentHeight, getMaxHeightValue()))}px` };
     });
-    function buildRuntimeMonacoOptions() {
+    function buildRuntimeOptions() {
+      var _a3;
       const metrics = preFallbackMetrics.value;
-      const nextOptions = __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues({
-        wordWrap: "on",
-        wrappingIndent: "same"
-      }, resolvedMonacoOptions.value || {}), {
-        themes: runtimeMonacoThemes.value,
-        languages: runtimeMonacoLanguages.value,
-        // CodeBlockNode owns both the header and streamed content. Keep the runtime
-        // surface final and headerless, and lock it to the visible pre's metrics so
-        // the handoff cannot introduce an intermediate font/layout state.
+      const nextOptions = __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+        overflow: "wrap"
+      }, resolvedRuntimeOptions.value || {}), {
+        themes: [...runtimeThemes.value],
         stream: false,
         disableFileHeader: true,
+        MAX_HEIGHT: (_a3 = resolvedCodeBlockOptions.value.maxHeight) != null ? _a3 : 500,
         fontSize: metrics.fontSize,
-        lineHeight: metrics.lineHeight,
-        padding: { top: metrics.paddingTop, bottom: metrics.paddingBottom },
-        tabSize: metrics.tabSize
+        lineHeight: metrics.lineHeight
       }), metrics.fontFamily ? { fontFamily: metrics.fontFamily } : {}), {
-        theme: resolveRequestedTheme()
-      }), isDiff.value ? { diffAppearance: effectiveDiffAppearance.value } : {}), {
+        disableLineNumbers: !effectiveShowLineNumbers.value,
+        theme: resolveRequestedTheme(),
+        themeType: props.isDark ? "dark" : "light",
         onThemeChange() {
           syncEditorCssVars();
         }
       });
       const configuredUnsafeCSS = typeof nextOptions.unsafeCSS === "string" ? nextOptions.unsafeCSS : "";
-      nextOptions.unsafeCSS = `[data-file], [data-diff] { --diffs-min-number-column-width-default: 4ch !important; }
+      nextOptions.unsafeCSS = `[data-file], [data-diff] { --diffs-min-number-column-width-default: 2ch !important; }
 ${configuredUnsafeCSS}`.trim();
       return nextOptions;
     }
-    function syncRuntimeMonacoOptions() {
-      const nextOptions = buildRuntimeMonacoOptions();
-      if (!runtimeMonacoOptions) {
-        runtimeMonacoOptions = nextOptions;
-        return runtimeMonacoOptions;
+    function syncRuntimeOptions() {
+      const nextOptions = buildRuntimeOptions();
+      if (!runtimeOptions) {
+        runtimeOptions = nextOptions;
+        return runtimeOptions;
       }
-      for (const key of Object.keys(runtimeMonacoOptions)) {
+      for (const key of Object.keys(runtimeOptions)) {
         if (!(key in nextOptions))
-          delete runtimeMonacoOptions[key];
+          delete runtimeOptions[key];
       }
-      Object.assign(runtimeMonacoOptions, nextOptions);
-      return runtimeMonacoOptions;
+      Object.assign(runtimeOptions, nextOptions);
+      return runtimeOptions;
     }
-    const monacoStructuralSignature = computed(() => {
-      var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-      return JSON.stringify({
-        diffLineStyle: (_b2 = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.diffLineStyle) != null ? _b2 : "background",
-        diffUnchangedRegionStyle: (_d = (_c = resolvedMonacoOptions.value) == null ? void 0 : _c.diffUnchangedRegionStyle) != null ? _d : "line-info",
-        diffHideUnchangedRegions: (_f = (_e = resolvedMonacoOptions.value) == null ? void 0 : _e.diffHideUnchangedRegions) != null ? _f : true,
-        renderSideBySide: (_h = (_g = resolvedMonacoOptions.value) == null ? void 0 : _g.renderSideBySide) != null ? _h : true,
-        enableSplitViewResizing: (_j = (_i = resolvedMonacoOptions.value) == null ? void 0 : _i.enableSplitViewResizing) != null ? _j : true,
-        ignoreTrimWhitespace: (_l = (_k = resolvedMonacoOptions.value) == null ? void 0 : _k.ignoreTrimWhitespace) != null ? _l : true,
-        originalEditable: (_n = (_m = resolvedMonacoOptions.value) == null ? void 0 : _m.originalEditable) != null ? _n : false
-      });
-    });
+    const runtimeOptionsRevision = ref(0);
+    const runtimeStructuralSignature = computed(() => String(runtimeOptionsRevision.value));
+    let deferredRuntimeOptionsRecreation = false;
     watch(
-      () => [props.monacoOptions, viewportReady.value],
+      () => [props.codeBlockOptions, props.showLineNumbers],
       () => {
-        var _a3, _b2;
-        syncRuntimeMonacoOptions();
+        runtimeOptionsRevision.value += 1;
+        if (props.stream === false && props.loading !== false)
+          deferredRuntimeOptionsRecreation = true;
+        const configuredFontSize = resolvedCodeBlockOptions.value.fontSize;
+        if (typeof configuredFontSize === "number") {
+          defaultCodeFontSize.value = configuredFontSize;
+          codeFontSize.value = configuredFontSize;
+        } else {
+          defaultCodeFontSize.value = defaultPreFallbackFontSize;
+          codeFontSize.value = defaultPreFallbackFontSize;
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      () => [viewportReady.value],
+      () => {
+        var _a3;
+        syncRuntimeOptions();
         if (!createEditor || !viewportReady.value)
           return;
         const ed = isDiff.value ? getDiffEditorView() : getEditorView();
-        const applying = typeof ((_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : Number.isFinite(codeFontSize.value) ? codeFontSize.value : void 0;
+        const applying = Number.isFinite(codeFontSize.value) ? codeFontSize.value : void 0;
         if (typeof applying === "number" && Number.isFinite(applying) && applying > 0) {
-          (_b2 = ed == null ? void 0 : ed.updateOptions) == null ? void 0 : _b2.call(ed, { fontSize: applying });
+          (_a3 = ed == null ? void 0 : ed.updateOptions) == null ? void 0 : _a3.call(ed, { fontSize: applying });
         }
         scheduleEditorVisualSync();
       },
       { deep: true }
     );
     watch(
+      () => [
+        props.isDark,
+        props.darkTheme,
+        props.lightTheme,
+        props.themes,
+        props.theme,
+        runtimeReady.value,
+        editorCreated.value,
+        viewportReady.value
+      ],
       () => {
-        var _a3, _b2;
-        return [
-          props.isDark,
-          props.darkTheme,
-          props.lightTheme,
-          props.themes,
-          (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.theme,
-          (_b2 = resolvedMonacoOptions.value) == null ? void 0 : _b2.diffAppearance,
-          monacoReady.value,
-          editorCreated.value,
-          viewportReady.value
-        ];
-      },
-      () => {
-        if (!monacoReady.value)
+        if (!runtimeReady.value)
           return;
         themeUpdate();
       },
       { flush: "post" }
     );
     watch(
-      () => [monacoStructuralSignature.value, monacoReady.value, viewportReady.value],
+      () => [runtimeStructuralSignature.value, runtimeReady.value, viewportReady.value],
       (_0, _1) => __async(this, [_0, _1], function* ([nextSignature, ready, visible2], [prevSignature]) {
-        syncRuntimeMonacoOptions();
-        if (!isDiff.value)
-          return;
+        syncRuntimeOptions();
         if (!ready || !visible2)
           return;
         if (!createEditor || !codeEditor.value)
@@ -6040,13 +5592,43 @@ ${configuredUnsafeCSS}`.trim();
           return;
         if (nextSignature === prevSignature)
           return;
-        if (props.stream === false && props.loading !== false)
+        if (props.stream === false && props.loading !== false) {
+          deferredRuntimeOptionsRecreation = true;
+          return;
+        }
+        deferredRuntimeOptionsRecreation = false;
+        try {
+          editorCreated.value = false;
+          editorCreationGeneration += 1;
+          createEditorPromise = null;
+          safeClean();
+          if (createRuntimeHelpersFactory)
+            initializeRuntimeHelpers(createRuntimeHelpersFactory);
+          yield nextTick();
+          yield ensureEditorCreation(codeEditor.value);
+        } catch (e) {
+          editorCreated.value = false;
+        }
+      }),
+      { flush: "post" }
+    );
+    watch(
+      () => [props.loading, viewportReady.value],
+      (_0) => __async(this, [_0], function* ([loading, visible2]) {
+        if (loading !== false || !visible2 || !deferredRuntimeOptionsRecreation)
+          return;
+        deferredRuntimeOptionsRecreation = false;
+        syncRuntimeOptions();
+        yield nextTick();
+        if (!createEditor || !codeEditor.value || !editorCreated.value)
           return;
         try {
           editorCreated.value = false;
+          editorCreationGeneration += 1;
           createEditorPromise = null;
-          clearInlineFoldProxies();
           safeClean();
+          if (createRuntimeHelpersFactory)
+            initializeRuntimeHelpers(createRuntimeHelpersFactory);
           yield nextTick();
           yield ensureEditorCreation(codeEditor.value);
         } catch (e) {
@@ -6079,20 +5661,21 @@ ${configuredUnsafeCSS}`.trim();
     }
     onUnmounted(() => {
       isUnmounted = true;
-      clearInlineFoldProxies();
+      editorCreationGeneration += 1;
+      createEditorPromise = null;
       if (deferredEditorVisualSyncRafId != null) {
         safeCancelRaf(deferredEditorVisualSyncRafId);
         deferredEditorVisualSyncRafId = null;
       }
       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, editorReady, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, whenRuntimeVisualReady, runtimeMonacoOptions, isUnmounted, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, defaultPreFallbackFontFamily, 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, waitForAnimationFrame, expectsLanguageTokensForLine, hasLanguageHighlightReady, hasCurrentEditorContent, hasRenderedEditorDom, waitForEditorVisualReady, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, measureRenderedStaticSurfaceHeight, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, 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, containerStyle, codeEditorContainerStyle, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
+    return { __sfc: true, props, emits, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, languageId, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, editorReady, runtimeReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, editorCreationGeneration, detectLanguage, setTheme, whenRuntimeVisualReady, runtimeOptions, createRuntimeHelpersFactory, isUnmounted, deferredEditorVisualSyncRafId, isDiff, defaultPreFallbackFontFamily, defaultPreFallbackFontSize, defaultPreFallbackLineHeight, readPositiveNumber, readPadding, resolvedCodeBlockOptions, effectiveShowLineNumbers, resolvedRuntimeOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, initializeRuntimeHelpers, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, waitForAnimationFrame, waitForEditorVisualReady, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, measureRenderedStaticSurfaceHeight, computeContentHeight, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, scheduleEditorVisualSync, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, runtimeThemes, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, preFallbackMetrics, preFallbackDiffInline, preFallbackStyle, containerStyle, codeEditorContainerStyle, buildRuntimeOptions, syncRuntimeOptions, runtimeOptionsRevision, runtimeStructuralSignature, deferredRuntimeOptionsRecreation, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
   }
 });
-const CodeBlockNode_vue_vue_type_style_index_0_scoped_ce162b3f_lang = "";
-var _sfc_render$b = function render35() {
+const CodeBlockNode_vue_vue_type_style_index_0_scoped_3c431ffa_lang = "";
+var _sfc_render$a = function render35() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": true, "diff-inline": _setup.preFallbackDiffInline } }) : _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.effectiveShowLineNumbers, "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, attrs: { "data-markstream-code-block": "1", "data-markstream-enhanced": _setup.editorReady ? "true" : "false", "data-markstream-enhancement-state": _setup.editorReady ? "ready" : "pending" } }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header flex justify-between items-center", style: _setup.headerStyle }, [_vm._t("header-left", function() {
@@ -6135,22 +5718,22 @@ var _sfc_render$b = function render35() {
     }, "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"], style: _setup.codeEditorContainerStyle, attrs: { "data-markstream-host-hidden": !_setup.editorReady ? "true" : void 0, "aria-hidden": _setup.editorReady ? void 0 : "true" } }), !_setup.editorReady ? _c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": true, "diff-inline": _setup.preFallbackDiffInline } }) : _vm._e()], 1), _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: _setup.codeEditorContainerStyle, attrs: { "data-markstream-host-hidden": !_setup.editorReady ? "true" : void 0, "aria-hidden": _setup.editorReady ? void 0 : "true" } }), !_setup.editorReady ? _c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.effectiveShowLineNumbers, "diff-inline": _setup.preFallbackDiffInline } }) : _vm._e()], 1), _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);
 };
-var _sfc_staticRenderFns$b = [];
-var __component__$b = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$b,
-  _sfc_render$b,
-  _sfc_staticRenderFns$b,
+var _sfc_staticRenderFns$a = [];
+var __component__$a = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$a,
+  _sfc_render$a,
+  _sfc_staticRenderFns$a,
   false,
   null,
-  "ce162b3f",
+  "3c431ffa",
   null,
   null
 );
-const CodeBlockNode = __component__$b.exports;
+const CodeBlockNode = __component__$a.exports;
 function useSmoothMarkdownStream(options = {}) {
   const source = ref("");
   const visible2 = ref("");
@@ -6238,7 +5821,7 @@ function clampMermaidPreviewHeight(height, minHeight = MERMAID_PREVIEW_MIN_HEIGH
 function clampInfographicPreviewHeight(height, minHeight = INFOGRAPHIC_PREVIEW_MIN_HEIGHT, maxHeight = INFOGRAPHIC_PREVIEW_MAX_HEIGHT) {
   return clampPreviewHeight(height, minHeight, maxHeight);
 }
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "NodeRenderer",
   props: {
     content: null,
@@ -6253,17 +5836,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     codeBlockStream: { type: Boolean, default: true },
     codeBlockDarkTheme: null,
     codeBlockLightTheme: null,
-    codeBlockMonacoOptions: null,
     renderCodeBlocksAsPre: { type: Boolean },
     codeBlockMinWidth: null,
     codeBlockMaxWidth: null,
+    codeBlockOptions: 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,
@@ -7762,38 +7344,37 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     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({
+    const builtinCodeBlockExtraProps = computed(() => getCodeBlockExtraProps(props.codeBlockProps));
+    const codeBlockBindings = computed(() => __spreadProps(__spreadValues(__spreadValues({
       // streaming behavior control for CodeBlockNode
       stream: props.codeBlockStream,
       darkTheme: props.codeBlockDarkTheme,
       lightTheme: props.codeBlockLightTheme,
-      monacoOptions: props.codeBlockMonacoOptions,
       themes: props.themes,
       minWidth: props.codeBlockMinWidth,
       maxWidth: props.codeBlockMaxWidth
-    }, typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}), builtinCodeBlockExtraProps.value));
-    const customCodeBlockBindings = computed(() => __spreadValues(__spreadProps(__spreadValues({}, codeBlockBindings.value), {
-      langs: props.langs
-    }), codeBlockExtraProps.value));
+    }, typeof props.showTooltips === "boolean" ? { showTooltips: props.showTooltips } : {}), builtinCodeBlockExtraProps.value), {
+      codeBlockOptions: props.codeBlockOptions
+    }));
+    const customCodeBlockBindings = computed(() => __spreadProps(__spreadValues(__spreadValues({}, codeBlockBindings.value), codeBlockExtraProps.value), {
+      codeBlockOptions: props.codeBlockOptions
+    }));
     function countCodeLines(value) {
       const code = String(value != null ? value : "").replace(/(?:\r\n|\n|\r)$/, "");
       return code ? code.split(/\r\n|\n|\r/).length : 1;
     }
     function estimateBuiltinCodeBlockHeight(node) {
-      var _a3, _b2, _c2, _d, _e;
-      const raw = props.codeBlockMonacoOptions || {};
-      const fontSize = (_a3 = parsePositiveNumber(raw.fontSize)) != null ? _a3 : 12;
-      const lineHeight = (_b2 = parsePositiveNumber(raw.lineHeight)) != null ? _b2 : Math.round(fontSize * 1.5);
+      var _a3, _b2, _c2, _d, _e, _f, _g;
+      const lineHeight = (_b2 = (_a3 = props.codeBlockOptions) == null ? void 0 : _a3.lineHeight) != null ? _b2 : 18;
       const isDiff = Boolean(node.diff);
-      const diffInline = isDiff && raw.renderSideBySide === false;
+      const configuredDiffInline = pickBoolean(builtinCodeBlockExtraProps.value.diffInline);
+      const diffInline = isDiff && (configuredDiffInline != null ? configuredDiffInline : ((_c2 = props.codeBlockOptions) == null ? void 0 : _c2.diffStyle) === "unified");
       const lineCount = isDiff ? diffInline ? countCodeLines(node.originalCode) + countCodeLines(node.updatedCode) : Math.max(countCodeLines(node.originalCode), countCodeLines(node.updatedCode)) : countCodeLines(node.code);
       const defaultPadding = isDiff ? 0 : 8;
-      const paddingTop = typeof ((_c2 = raw.padding) == null ? void 0 : _c2.top) === "number" && Number.isFinite(raw.padding.top) ? Math.max(0, raw.padding.top) : defaultPadding;
-      const paddingBottom = typeof ((_d = raw.padding) == null ? void 0 : _d.bottom) === "number" && Number.isFinite(raw.padding.bottom) ? Math.max(0, raw.padding.bottom) : defaultPadding;
-      const maxHeight = (_e = parsePositiveNumber(raw.MAX_HEIGHT)) != null ? _e : 500;
+      const padding = (_e = (_d = props.codeBlockOptions) == null ? void 0 : _d.padding) != null ? _e : defaultPadding;
+      const paddingTop = padding;
+      const paddingBottom = padding;
+      const maxHeight = (_g = (_f = props.codeBlockOptions) == null ? void 0 : _f.maxHeight) != null ? _g : 500;
       const contentHeight = Math.max(1, Math.min(
         maxHeight,
         Math.round(lineCount * lineHeight + paddingTop + paddingBottom)
@@ -7809,11 +7390,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return typeof value === "boolean" ? value : void 0;
     }
     const preCodeBlockBindings = computed(() => {
+      var _a3, _b2;
       const source = props.codeBlockProps || {};
       const bindings = {};
       const showLineNumbers = pickBoolean(source.showLineNumbers);
-      if (showLineNumbers !== void 0)
-        bindings.showLineNumbers = showLineNumbers;
+      const disableLineNumbers = (_a3 = props.codeBlockOptions) == null ? void 0 : _a3.disableLineNumbers;
+      bindings.showLineNumbers = showLineNumbers != null ? showLineNumbers : typeof disableLineNumbers === "boolean" ? !disableLineNumbers : false;
+      if ((_b2 = props.codeBlockOptions) == null ? void 0 : _b2.overflow) {
+        bindings.style = {
+          whiteSpace: props.codeBlockOptions.overflow === "scroll" ? "pre" : "pre-wrap"
+        };
+      }
       const diffInline = pickBoolean(source.diffInline);
       if (diffInline !== void 0)
         bindings.diffInline = diffInline;
@@ -8260,9 +7847,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, emit, isNativeDomEvent, emitCodeCopy, 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, MermaidBlockNodeLoading, mermaidBlockNodeComponent, mermaidBlockNodeImport, loadMermaidBlockNode, resolveMermaidBlockNodeComponent, InfographicBlockNodeLoading, infographicBlockNodeComponent, infographicBlockNodeImport, loadInfographicBlockNode, resolveInfographicBlockNodeComponent, D2BlockNodeAsync, codeBlockComponent, nodeComponents, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, countCodeLines, estimateBuiltinCodeBlockHeight, pickBoolean, preCodeBlockBindings, 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 NodeRenderer_vue_vue_type_style_index_0_scoped_9c63598d_lang = "";
+const NodeRenderer_vue_vue_type_style_index_0_scoped_ebe176a0_lang = "";
 const NodeRenderer_vue_vue_type_style_index_1_lang = "";
-var _sfc_render$a = function render36() {
+var _sfc_render$9 = function render36() {
   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) {
@@ -8274,7 +7861,7 @@ var _sfc_render$a = function render36() {
     }, "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) {
+  }) : _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, "render-code-blocks-as-pre": _setup.props.renderCodeBlocksAsPre, "code-block-min-width": _setup.props.codeBlockMinWidth, "code-block-max-width": _setup.props.codeBlockMaxWidth, "code-block-options": _setup.props.codeBlockOptions, "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.emitCodeCopy($event);
   }, "handle-artifact-click": function($event) {
     return _setup.emit("handleArtifactClick", $event);
@@ -8291,19 +7878,19 @@ var _sfc_render$a = function render36() {
     } } }, "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$a = [];
-var __component__$a = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$a,
-  _sfc_render$a,
-  _sfc_staticRenderFns$a,
+var _sfc_staticRenderFns$9 = [];
+var __component__$9 = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$9,
+  _sfc_render$9,
+  _sfc_staticRenderFns$9,
   false,
   null,
-  "9c63598d",
+  "ebe176a0",
   null,
   null
 );
-const NodeRenderer = __component__$a.exports;
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const NodeRenderer = __component__$9.exports;
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "AdmonitionNode",
   props: {
     node: null,
@@ -8348,24 +7935,24 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const AdmonitionNode_vue_vue_type_style_index_0_scoped_f9c1d6b9_lang = "";
-var _sfc_render$9 = function render37() {
+var _sfc_render$8 = function render37() {
   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$9 = [];
-var __component__$9 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$9,
-  _sfc_render$9,
-  _sfc_staticRenderFns$9,
+var _sfc_staticRenderFns$8 = [];
+var __component__$8 = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$8,
+  _sfc_render$8,
+  _sfc_staticRenderFns$8,
   false,
   null,
   "f9c1d6b9",
   null,
   null
 );
-const AdmonitionNode = __component__$9.exports;
+const AdmonitionNode = __component__$8.exports;
 const defaultD2Loader = () => import("@terrastruct/d2");
 let cachedD2 = null;
 let d2Loader = defaultD2Loader;
@@ -8422,7 +8009,7 @@ function getD2() {
     return cachedD2;
   });
 }
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "D2BlockNode",
   props: {
     node: null,
@@ -8835,7 +8422,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const D2BlockNode_vue_vue_type_style_index_0_scoped_fdf24c90_lang = "";
-var _sfc_render$8 = function render38() {
+var _sfc_render$7 = 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) {
     return _setup.handleSwitchMode("preview");
@@ -8863,22 +8450,22 @@ var _sfc_render$8 = function render38() {
     _setup.onBtnHover($event, _setup.isCollapsed ? _setup.t("common.expand") || "Expand" : _setup.t("common.collapse") || "Collapse");
   }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "w-3 h-3", style: { rotate: _setup.isCollapsed ? "0deg" : "90deg" }, attrs: { "xmlns": "http://www.w3.org/2000/svg", "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": "m9 18l6-6l-6-6" } })])]) : _vm._e()])]) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed, expression: "!isCollapsed" }], ref: "bodyRef", staticClass: "d2-block-body", style: _setup.bodyStyle }, [_setup.props.loading && !_setup.hasPreview ? _c("div", { staticClass: "d2-source px-4 py-4" }, [_c("pre", { staticClass: "d2-code" }, [_c("code", [_vm._v(_vm._s(_setup.baseCode))])]), _setup.renderError ? _c("p", { staticClass: "d2-error mt-2 text-xs" }, [_vm._v(" " + _vm._s(_setup.renderError) + " ")]) : _vm._e()]) : _c("div", [_setup.showSourceFallback ? _c("div", { staticClass: "d2-source px-4 py-4" }, [_c("pre", { staticClass: "d2-code" }, [_c("code", [_vm._v(_vm._s(_setup.baseCode))])]), _setup.renderError ? _c("p", { staticClass: "d2-error mt-2 text-xs" }, [_vm._v(" " + _vm._s(_setup.renderError) + " ")]) : _vm._e()]) : _c("div", { staticClass: "d2-render", style: _setup.renderStyle }, [_c("div", { staticClass: "d2-svg", domProps: { "innerHTML": _vm._s(_setup.svgMarkup) } }), _setup.renderError ? _c("p", { staticClass: "d2-error px-4 pb-3 text-xs" }, [_vm._v(" " + _vm._s(_setup.renderError) + " ")]) : _vm._e()])])])]);
 };
-var _sfc_staticRenderFns$8 = [function() {
+var _sfc_staticRenderFns$7 = [function() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("div", { staticClass: "flex items-center gap-x-2" }, [_c("span", { staticClass: "text-sm font-medium font-mono" }, [_vm._v("D2")])]);
 }];
-var __component__$8 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$8,
-  _sfc_render$8,
-  _sfc_staticRenderFns$8,
+var __component__$7 = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$7,
+  _sfc_render$7,
+  _sfc_staticRenderFns$7,
   false,
   null,
   "fdf24c90",
   null,
   null
 );
-const D2BlockNode = __component__$8.exports;
+const D2BlockNode = __component__$7.exports;
 D2BlockNode.install = (app) => {
   app.component(D2BlockNode.__name, D2BlockNode);
 };
@@ -8914,7 +8501,7 @@ function getInfographic() {
     return infographicPromise;
   });
 }
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "InfographicBlockNode",
   props: {
     node: null,
@@ -9281,7 +8868,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 const InfographicBlockNode_vue_vue_type_style_index_0_scoped_4fbaa9a8_lang = "";
-var _sfc_render$7 = function render39() {
+var _sfc_render$6 = function render39() {
   var _a2;
   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: [
@@ -9347,956 +8934,46 @@ var _sfc_render$7 = function render39() {
     return _setup.stopDrag.apply(null, arguments);
   } } })])]) : _vm._e()])], 1)])], 1);
 };
-var _sfc_staticRenderFns$7 = [];
-var __component__$7 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$7,
-  _sfc_render$7,
-  _sfc_staticRenderFns$7,
+var _sfc_staticRenderFns$6 = [];
+var __component__$6 = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$6,
+  _sfc_render$6,
+  _sfc_staticRenderFns$6,
   false,
   null,
   "4fbaa9a8",
   null,
   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",
+const InfographicBlockNode = __component__$6.exports;
+const _sfc_main$5 = defineComponent({
+  name: "MarkdownRender",
+  components: {
+    LegacyNodesRenderer,
+    NodeRenderer
+  },
   props: {
-    node: {
-      type: Object,
-      required: true
+    content: String,
+    nodes: Array,
+    final: Boolean,
+    parseOptions: Object,
+    customMarkdownIt: Function,
+    debugPerformance: Boolean,
+    customHtmlTags: Array,
+    viewportPriority: Boolean,
+    codeBlockStream: {
+      type: Boolean,
+      default: true
     },
-    loading: { type: Boolean, default: true },
-    stream: { type: Boolean, default: true },
-    darkTheme: { type: String, default: "vitesse-dark" },
-    lightTheme: { type: String, default: "vitesse-light" },
-    isDark: { type: Boolean, default: false },
-    isShowPreview: { type: Boolean, default: true },
-    enableFontSizeControl: { type: Boolean, default: true },
-    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 },
-    showPreviewButton: { type: Boolean, default: true },
-    showCollapseButton: { type: Boolean, default: true },
-    showFontSizeButtons: { type: Boolean, default: true },
-    showTooltips: { type: Boolean, default: void 0 }
-  },
-  emits: ["previewCode", "copy"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const { t } = useSafeI18n();
-    const codeLanguage = ref(normalizeLanguageIdentifier(props.node.language));
-    const copyText = ref(false);
-    const isExpanded = ref(false);
-    const isCollapsed = ref(false);
-    const container = ref(null);
-    const codeBlockContent = ref(null);
-    const rendererTarget = ref(null);
-    const fallbackHtml = ref("");
-    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;
-    const codeFontMax = 36;
-    const codeFontStep = 1;
-    const defaultCodeFontSize = ref(14);
-    const codeFontSize = ref(defaultCodeFontSize.value);
-    const fontBaselineReady = computed(() => {
-      const a = defaultCodeFontSize.value;
-      const b = codeFontSize.value;
-      return typeof a === "number" && Number.isFinite(a) && a > 0 && typeof b === "number" && Number.isFinite(b) && b > 0;
-    });
-    const displayLanguage = computed(() => {
-      const lang = codeLanguage.value.trim().toLowerCase();
-      if (!lang)
-        return languageMap[""] || "Plain Text";
-      return languageMap[lang] || lang.charAt(0).toUpperCase() + lang.slice(1);
-    });
-    const languageIcon = computed(() => {
-      void languageIconsRevision.value;
-      const lang = codeLanguage.value.trim().toLowerCase();
-      return getLanguageIcon(lang.split(":")[0]);
-    });
-    const isPreviewable = computed(() => {
-      const lang = codeLanguage.value.trim().toLowerCase();
-      return props.isShowPreview && (lang === "html" || lang === "svg");
-    });
-    const containerStyle = computed(() => {
-      const s = {};
-      const fmt = (v) => {
-        if (v == null)
-          return void 0;
-        return typeof v === "number" ? `${v}px` : String(v);
-      };
-      const min = fmt(props.minWidth);
-      const max = fmt(props.maxWidth);
-      if (min)
-        s.minWidth = min;
-      if (max)
-        s.maxWidth = max;
-      return s;
-    });
-    const contentStyle = computed(() => {
-      return {
-        fontSize: `${codeFontSize.value}px`
-      };
-    });
-    const tooltipsEnabled = computed(() => props.showTooltips !== false);
-    function getPreferredColorScheme() {
-      return props.isDark ? props.darkTheme : props.lightTheme;
-    }
-    function getResolvedThemes() {
-      return props.themes;
-    }
-    function getColorChannels(color) {
-      const match = color.match(/\d+(\.\d+)?/g);
-      if (!match || match.length < 3)
-        return null;
-      return match.slice(0, 3).map(Number);
-    }
-    function getRelativeLuminance(color) {
-      const channels = getColorChannels(color);
-      if (!channels)
-        return null;
-      const normalized = channels.map((channel) => {
-        const value = channel / 255;
-        return value <= 0.03928 ? value / 12.92 : __pow((value + 0.055) / 1.055, 2.4);
-      });
-      return 0.2126 * normalized[0] + 0.7152 * normalized[1] + 0.0722 * normalized[2];
-    }
-    function getContrastRatio(foreground, background) {
-      const fg = getRelativeLuminance(foreground);
-      const bg = getRelativeLuminance(background);
-      if (fg == null || bg == null)
-        return null;
-      const lighter = Math.max(fg, bg);
-      const darker = Math.min(fg, bg);
-      return (lighter + 0.05) / (darker + 0.05);
-    }
-    function isDarkBackgroundColor(color) {
-      const channels = getColorChannels(color);
-      if (!channels)
-        return props.isDark;
-      const [r, g, b] = channels;
-      const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
-      return luminance < 140;
-    }
-    function syncRenderedCssVars() {
-      var _a2;
-      if (typeof window === "undefined" || typeof window.getComputedStyle !== "function")
-        return;
-      const rootEl = container.value;
-      const target = rendererTarget.value;
-      if (!rootEl || !target)
-        return;
-      const preEl = target.querySelector(".shiki") || target.querySelector("pre");
-      if (!preEl)
-        return;
-      const preStyles = window.getComputedStyle(preEl);
-      const codeEl = preEl.querySelector("code") || preEl;
-      const codeStyles = window.getComputedStyle(codeEl);
-      const bg = String(preStyles.backgroundColor || "").trim();
-      const detectedFg = String(codeStyles.color || preStyles.color || "").trim();
-      if (bg)
-        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 && ((_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)`);
-    }
-    function escapeHtml2(str) {
-      return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-    }
-    function renderFallback(code, force = false) {
-      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;
-      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() {
-      pendingRenderSignature = null;
-      disconnectReadyObserver();
-      if (!hasStableRender.value)
-        return;
-      fallbackHtml.value = "";
-      rendererReady.value = true;
-    }
-    function clearRendererTarget() {
-      if (rendererTarget.value)
-        rendererTarget.value.innerHTML = "";
-    }
-    function hasRendererContent() {
-      var _a2;
-      const target = rendererTarget.value;
-      if (!target)
-        return false;
-      if (target.childNodes.length > 0)
-        return true;
-      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(epoch, previousVersion, renderSignature, previousRendererHtml) {
-      return __async(this, null, function* () {
-        var _a2;
-        pendingRenderSignature = renderSignature;
-        yield nextTick();
-        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);
-        }
-      });
-    }
-    let renderer;
-    let rendererConfigKey = null;
-    let rendererTheme;
-    let rendererThemeSyncQueued = false;
-    let rendererThemeObserver;
-    let createShikiRenderer;
-    let registerHighlight;
-    let registeredHighlightKey = null;
-    let latestHighlightRegistrationKey = "";
-    let highlightRegistrationSeq = 0;
-    let renderEpoch = 0;
-    let disposed = false;
-    const warnedRendererErrors = /* @__PURE__ */ new Set();
-    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;
-      }
-    }
-    function syncRendererTheme() {
-      return __async(this, null, function* () {
-        if (!renderer)
-          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 (originalError)
-              failedRendererLanguages.add(normalized);
-            if (originalError && isDevEnv2 && !warnedRendererErrors.has(normalized)) {
-              warnedRendererErrors.add(normalized);
-              console.warn(`[MarkdownCodeBlockNode] Failed to render language "${normalized}", retrying as plaintext.`, originalError);
-            }
-          }
-          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 ensureHighlightRegistered(registerOptions, key) {
-      return __async(this, null, function* () {
-        if (!registerHighlight)
-          return "ready";
-        if (latestHighlightRegistrationKey !== key)
-          return "stale";
-        if (registeredHighlightKey === key)
-          return "ready";
-        const seq = ++highlightRegistrationSeq;
-        try {
-          yield registerHighlightOnce(registerHighlight, registerOptions, key);
-        } catch (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(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;
-        }
-        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) {
-          const theme = getRenderedColorScheme();
-          renderer = createShikiRenderer(rendererTarget.value, __spreadValues({
-            theme
-          }, rendererOptions));
-          rendererTheme = theme;
-          rendererConfigKey = nextRendererConfigKey;
-          rendererReady.value = true;
-        }
-        if (!renderer) {
-          renderFallback(props.node.code, true);
-          return;
-        }
-        if (props.stream === false && props.loading) {
-          renderFallback(props.node.code, !hasStableRender.value);
-          return;
-        }
-        renderFallback(props.node.code, !hasStableRender.value);
-        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) {
-          keepLastSuccessfulRender();
-        } else {
-          yield clearFallbackWhenRendererReady(
-            epoch,
-            previousMutationVersion,
-            getRenderSignature(nextRendererConfigKey, renderedLang, props.node.code),
-            previousRendererHtml
-          );
-        }
-      });
-    }
-    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;
-      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;
-      void safeInitRenderer();
-    });
-    watch(tooltipsEnabled, (enabled) => {
-      if (!enabled)
-        hideTooltip();
-    });
-    watch(() => [props.node.code, props.node.language], (_0) => __async(this, [_0], function* ([code, lang]) {
-      var _a2;
-      const epoch = nextRenderEpoch();
-      const normalizedLang = normalizeLanguageIdentifier(lang);
-      if (normalizedLang !== codeLanguage.value)
-        codeLanguage.value = normalizedLang;
-      if (!codeBlockContent.value || !rendererTarget.value) {
-        renderFallback(code, true);
-        return;
-      }
-      if (!code) {
-        renderFallback("");
-        return;
-      }
-      if (!renderer || rendererNeedsReconfigure()) {
-        renderFallback(code, !hasStableRender.value);
-        yield safeInitRenderer(epoch);
-        return;
-      }
-      if (!isCurrentRenderEpoch(epoch))
-        return;
-      if (!renderer)
-        return;
-      if (props.stream === false && props.loading)
-        return;
-      renderFallback(code, !hasStableRender.value);
-      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) {
-        keepLastSuccessfulRender();
-      } else {
-        yield clearFallbackWhenRendererReady(
-          epoch,
-          previousMutationVersion,
-          getRenderSignature(rendererConfigKey != null ? rendererConfigKey : highlightRegistrationKey.value, renderedLang, code),
-          previousRendererHtml
-        );
-      }
-    }));
-    function handleRendererThemeChange() {
-      return __async(this, null, function* () {
-        if (!codeBlockContent.value || !rendererTarget.value)
-          return;
-        if (!renderer)
-          yield safeInitRenderer();
-        yield syncRendererTheme();
-        syncRenderedCssVars();
-      });
-    }
-    watch(() => props.node.code, () => __async(this, null, function* () {
-      if (isExpanded.value || !autoScrollEnabled.value)
-        return;
-      yield nextTick();
-      const content2 = codeBlockContent.value;
-      if (!content2)
-        return;
-      if (content2.scrollHeight > content2.clientHeight) {
-        content2.scrollTop = content2.scrollHeight;
-      }
-    }));
-    function isAtBottom(element, threshold = 50) {
-      return element.scrollHeight - element.scrollTop - element.clientHeight <= threshold;
-    }
-    function handleScroll() {
-      const content2 = codeBlockContent.value;
-      if (!content2 || isExpanded.value)
-        return;
-      const currentScrollTop = content2.scrollTop;
-      if (currentScrollTop < lastScrollTop.value) {
-        autoScrollEnabled.value = false;
-      } else if (isAtBottom(content2)) {
-        autoScrollEnabled.value = true;
-      }
-      lastScrollTop.value = currentScrollTop;
-    }
-    function copy() {
-      return __async(this, null, function* () {
-        try {
-          if (typeof navigator !== "undefined" && navigator.clipboard && typeof navigator.clipboard.writeText === "function") {
-            yield navigator.clipboard.writeText(props.node.code);
-          }
-          copyText.value = true;
-          emits("copy", props.node.code);
-          setTimeout(() => {
-            copyText.value = false;
-          }, 1e3);
-        } catch (err) {
-          console.error("Copy failed:", err);
-        }
-      });
-    }
-    function resolveTooltipTarget(e) {
-      const btn = e.currentTarget || e.target;
-      if (!btn || btn.disabled)
-        return null;
-      return btn;
-    }
-    function onBtnHover(e, text, place = "top") {
-      if (!tooltipsEnabled.value)
-        return;
-      const target = resolveTooltipTarget(e);
-      if (!target)
-        return;
-      const ev = e;
-      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, text, place, false, origin, props.isDark);
-    }
-    function onBtnLeave() {
-      if (!tooltipsEnabled.value)
-        return;
-      hideTooltip();
-    }
-    function onCopyHover(e) {
-      if (!tooltipsEnabled.value)
-        return;
-      const target = resolveTooltipTarget(e);
-      if (!target)
-        return;
-      const txt = copyText.value ? t("common.copied") || "Copied" : t("common.copy") || "Copy";
-      const ev = e;
-      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(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;
-      if (isExpanded.value) {
-        content2.style.maxHeight = "none";
-        content2.style["overflow-y"] = "visible";
-        content2.style["overflow-x"] = "auto";
-      } else {
-        content2.style.maxHeight = "500px";
-        content2.style.overflow = "auto";
-        autoScrollEnabled.value = true;
-        nextTick(() => {
-          if (content2.scrollHeight > content2.clientHeight) {
-            content2.scrollTop = content2.scrollHeight;
-          }
-        });
-      }
-    }
-    function toggleHeaderCollapse() {
-      isCollapsed.value = !isCollapsed.value;
-    }
-    function increaseCodeFont() {
-      const after = Math.min(codeFontMax, codeFontSize.value + codeFontStep);
-      codeFontSize.value = after;
-    }
-    function decreaseCodeFont() {
-      const after = Math.max(codeFontMin, codeFontSize.value - codeFontStep);
-      codeFontSize.value = after;
-    }
-    function resetCodeFont() {
-      codeFontSize.value = defaultCodeFontSize.value;
-    }
-    function previewCode() {
-      if (!isPreviewable.value)
-        return;
-      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", {
-        type: artifactType,
-        content: props.node.code,
-        title: artifactTitle
-      });
-    }
-    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_9bd302bf_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))"
-  }), attrs: { "data-markstream-code-theme": _setup.props.isDark ? _setup.props.darkTheme : _setup.props.lightTheme } }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header", staticStyle: { "color": "var(--code-fg, var(--markstream-code-fallback-fg))", "background-color": "var(--code-header-bg, transparent)" } }, [_vm._t("header-left", function() {
-    return [_c("div", { staticClass: "code-header-main" }, [_c("span", { staticClass: "icon-slot h-4 w-4 flex-shrink-0", domProps: { "innerHTML": _vm._s(_setup.languageIcon) } }), _c("div", { staticClass: "code-header-copy" }, [_c("div", { staticClass: "code-header-title" }, [_vm._v(" " + _vm._s(_setup.displayLanguage) + " ")])])])];
-  }), _vm._t("header-right", function() {
-    return [_c("div", { staticClass: "code-header-actions" }, [_setup.props.showCollapseButton ? _c("button", { staticClass: "code-action-btn transition-colors", attrs: { "type": "button", "aria-pressed": _setup.isCollapsed }, on: { "click": _setup.toggleHeaderCollapse, "mouseenter": function($event) {
-      _setup.onBtnHover($event, _setup.isCollapsed ? _setup.t("common.expand") || "Expand" : _setup.t("common.collapse") || "Collapse");
-    }, "focus": function($event) {
-      _setup.onBtnHover($event, _setup.isCollapsed ? _setup.t("common.expand") || "Expand" : _setup.t("common.collapse") || "Collapse");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "action-icon", style: { rotate: _setup.isCollapsed ? "0deg" : "90deg" }, 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": "m9 18l6-6l-6-6" } })])]) : _vm._e(), _setup.props.showFontSizeButtons && _setup.props.enableFontSizeControl ? [_c("button", { staticClass: "code-action-btn transition-colors", attrs: { "type": "button", "disabled": Number.isFinite(_setup.codeFontSize) ? _setup.codeFontSize <= _setup.codeFontMin : false }, on: { "click": function($event) {
-      return _setup.decreaseCodeFont();
-    }, "mouseenter": function($event) {
-      _setup.onBtnHover($event, _setup.t("common.decrease") || "Decrease");
-    }, "focus": function($event) {
-      _setup.onBtnHover($event, _setup.t("common.decrease") || "Decrease");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "action-icon", 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": "M5 12h14" } })])]), _c("button", { staticClass: "code-action-btn transition-colors", attrs: { "type": "button", "disabled": !_setup.fontBaselineReady || _setup.codeFontSize === _setup.defaultCodeFontSize }, on: { "click": function($event) {
-      return _setup.resetCodeFont();
-    }, "mouseenter": function($event) {
-      _setup.onBtnHover($event, _setup.t("common.reset") || "Reset");
-    }, "focus": function($event) {
-      _setup.onBtnHover($event, _setup.t("common.reset") || "Reset");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "action-icon", 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("path", { attrs: { "d": "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" } }), _c("path", { attrs: { "d": "M3 3v5h5" } })])])]), _c("button", { staticClass: "code-action-btn transition-colors", attrs: { "type": "button", "disabled": Number.isFinite(_setup.codeFontSize) ? _setup.codeFontSize >= _setup.codeFontMax : false }, on: { "click": function($event) {
-      return _setup.increaseCodeFont();
-    }, "mouseenter": function($event) {
-      _setup.onBtnHover($event, _setup.t("common.increase") || "Increase");
-    }, "focus": function($event) {
-      _setup.onBtnHover($event, _setup.t("common.increase") || "Increase");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "action-icon", 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": "M5 12h14m-7-7v14" } })])])] : _vm._e(), _setup.props.showCopyButton ? _c("button", { staticClass: "code-action-btn transition-colors", attrs: { "type": "button", "aria-label": _setup.copyText ? _setup.t("common.copied") || "Copied" : _setup.t("common.copy") || "Copy" }, on: { "click": _setup.copy, "mouseenter": function($event) {
-      return _setup.onCopyHover($event);
-    }, "focus": function($event) {
-      return _setup.onCopyHover($event);
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [!_setup.copyText ? _c("svg", { staticClass: "action-icon", 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: "action-icon", 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 transition-colors", 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: "action-icon", 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", { staticClass: "action-icon", 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 transition-colors", 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");
-    }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { staticClass: "action-icon", 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 && _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)]);
-};
-var _sfc_staticRenderFns$6 = [function() {
-  var _vm = this, _c = _vm._self._c;
-  _vm._self._setupProxy;
-  return _c("div", { staticClass: "loading-skeleton" }, [_c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line short" })]);
-}];
-var __component__$6 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$6,
-  _sfc_render$6,
-  _sfc_staticRenderFns$6,
-  false,
-  null,
-  "9bd302bf",
-  null,
-  null
-);
-const MarkdownCodeBlockNode = __component__$6.exports;
-const _sfc_main$5 = defineComponent({
-  name: "MarkdownRender",
-  components: {
-    LegacyNodesRenderer,
-    NodeRenderer
-  },
-  props: {
-    content: String,
-    nodes: Array,
-    final: Boolean,
-    parseOptions: Object,
-    customMarkdownIt: Function,
-    debugPerformance: Boolean,
-    customHtmlTags: Array,
-    viewportPriority: Boolean,
-    codeBlockStream: {
-      type: Boolean,
-      default: true
-    },
-    codeBlockDarkTheme: null,
-    codeBlockLightTheme: null,
-    codeBlockMonacoOptions: Object,
+    codeBlockDarkTheme: String,
+    codeBlockLightTheme: String,
     renderCodeBlocksAsPre: Boolean,
     codeBlockMinWidth: [String, Number],
     codeBlockMaxWidth: [String, Number],
+    codeBlockOptions: Object,
     codeBlockProps: Object,
     showTooltips: Boolean,
     themes: Array,
-    langs: Array,
     isDark: Boolean,
     customId: [String, Number],
     indexKey: [String, Number],
@@ -10361,14 +9038,13 @@ const _sfc_main$5 = defineComponent({
         codeBlockStream: this.codeBlockStream,
         codeBlockDarkTheme: this.codeBlockDarkTheme,
         codeBlockLightTheme: this.codeBlockLightTheme,
-        codeBlockMonacoOptions: this.codeBlockMonacoOptions,
         renderCodeBlocksAsPre: this.renderCodeBlocksAsPre,
         codeBlockMinWidth: this.codeBlockMinWidth,
         codeBlockMaxWidth: this.codeBlockMaxWidth,
+        codeBlockOptions: this.codeBlockOptions,
         codeBlockProps: this.codeBlockProps,
         showTooltips: this.showTooltips,
         themes: this.themes,
-        langs: this.langs,
         isDark: this.isDark,
         customId: this.customId,
         indexKey: this.indexKey,
@@ -10400,13 +9076,12 @@ const _sfc_main$5 = defineComponent({
           codeBlockStream: this.codeBlockStream,
           codeBlockDarkTheme: this.codeBlockDarkTheme,
           codeBlockLightTheme: this.codeBlockLightTheme,
-          codeBlockMonacoOptions: this.codeBlockMonacoOptions,
           renderCodeBlocksAsPre: this.renderCodeBlocksAsPre,
           codeBlockMinWidth: this.codeBlockMinWidth,
           codeBlockMaxWidth: this.codeBlockMaxWidth,
+          codeBlockOptions: this.codeBlockOptions,
           codeBlockProps: this.codeBlockProps,
           themes: this.themes,
-          langs: this.langs,
           isDark: this.isDark
         }
       }, Object.keys(listeners).length > 0 ? { on: listeners } : {}));
@@ -10931,7 +9606,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const MathBlockNode_vue_vue_type_style_index_0_scoped_50fb5666_lang = "";
-var _sfc_render$4 = function render41() {
+var _sfc_render$4 = function render40() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { ref: "containerEl", staticClass: "math-block text-center overflow-x-auto relative min-h-[40px]" }, [_setup.renderedHtml ? _c("div", { staticClass: "math-block__content", domProps: { "innerHTML": _vm._s(_setup.renderedHtml) } }) : _setup.fallbackText ? _c("div", { staticClass: "math-block__fallback" }, [_vm._v(" " + _vm._s(_setup.fallbackText) + " ")]) : _vm._e(), _setup.renderingLoading && !_setup.renderedHtml && !_setup.fallbackText ? _c("div", { staticClass: "math-loading-overlay" }, [_c("div", { staticClass: "math-loading-spinner" })]) : _vm._e()]);
 };
@@ -11087,7 +9762,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const MathInlineNode_vue_vue_type_style_index_0_scoped_6e33b527_lang = "";
-var _sfc_render$3 = function render42() {
+var _sfc_render$3 = function render41() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("span", { ref: "containerEl", staticClass: "math-inline-wrapper" }, [_setup.renderedHtml ? _c("span", { staticClass: "math-inline", domProps: { "innerHTML": _vm._s(_setup.renderedHtml) } }) : _setup.fallbackText ? _c("span", { staticClass: "math-inline math-inline--fallback" }, [_vm._v(_vm._s(_setup.fallbackText))]) : _vm._e(), _setup.renderingLoading && !_setup.renderedHtml && !_setup.fallbackText ? _c("span", { staticClass: "math-inline__loading", attrs: { "role": "status", "aria-live": "polite" } }, [_vm._t("loading", function() {
     return [_c("span", { staticClass: "math-inline__spinner animate-spin", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "sr-only" }, [_vm._v("Loading")])];
@@ -12848,7 +11523,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const MermaidBlockNode_vue_vue_type_style_index_0_scoped_5b401883_lang = "";
-var _sfc_render$2 = function render43() {
+var _sfc_render$2 = function render42() {
   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: [
     _setup.props.isDark ? "border-gray-700/30" : "border-gray-200",
@@ -12980,7 +11655,7 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var _sfc_render$1 = function render44() {
+var _sfc_render$1 = function render43() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("MarkdownRender", _vm._g(_vm._b({ attrs: { "nodes": _vm.resolvedNodes, "final": _vm.resolvedFinal, "custom-html-tags": _vm.customHtmlTags } }, "MarkdownRender", _vm.$attrs, false), _vm.forwardedListeners));
@@ -13110,7 +11785,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const Tooltip_vue_vue_type_style_index_0_scoped_703da293_lang = "";
-var _sfc_render = function render45() {
+var _sfc_render = function render44() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c(_setup.Portal, { attrs: { "to": "body" } }, [_c("div", { staticClass: "markstream-vue2" }, [_c("transition", { attrs: { "name": "tooltip", "appear": "" } }, [_c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.visible && _setup.ready, expression: "visible && ready" }], ref: "tooltip", staticClass: "z-[9999] inline-block text-base py-2 px-3 rounded-md shadow-md whitespace-nowrap pointer-events-none tooltip-element border", class: [_setup.isDarkEffective ? "bg-gray-900 text-white border-gray-700 border is-dark" : "bg-white text-gray-900 border-gray-200 border"], style: { position: "fixed", left: _setup.style.left, top: _setup.style.top, transform: _setup.style.transform }, attrs: { "id": _setup.props.id, "role": "tooltip" } }, [_vm._v(" " + _vm._s(_vm.content) + " ")])])], 1)]);
 };
@@ -13640,7 +12315,6 @@ const componentMap = {
   LinkNode,
   ListItemNode,
   ListNode,
-  MarkdownCodeBlockNode,
   MathBlockNode,
   MathInlineNode,
   MermaidBlockNode,
@@ -13699,7 +12373,6 @@ export {
   ListNode,
   MERMAID_DISABLED_CODE,
   MERMAID_WORKER_BUSY_CODE,
-  MarkdownCodeBlockNode,
   MarkdownRender,
   MathBlockNode,
   MathInlineNode,
@@ -13740,7 +12413,6 @@ export {
   getKaTeXWorkerLoad,
   getLanguageIcon,
   getMermaidWorkerLoad,
-  getUseMonaco,
   isD2Enabled,
   isKaTeXWorkerBusy,
   isKatexEnabled,
@@ -13750,6 +12422,7 @@ export {
   normalizeLanguageIdentifier,
   normalizeStandaloneBackslashT,
   parseNestedMarkdownToNodes,
+  preloadCodeBlockRuntime,
   preloadExtendedLanguageIcons,
   removeCustomComponents,
   renderKaTeXInWorker,
@@ -13757,7 +12430,7 @@ export {
   renderMarkdownNodeToHtml,
   renderMarkdownNodesToHtml,
   renderNestedMarkdownToHtml,
-  resolveMonacoLanguageId,
+  resolveLanguageId,
   setCustomComponents,
   setD2Loader,
   setDefaultI18nMap,