markstream-vue2 0.0.46-beta.1 → 0.0.46

package/dist/index.js

@@ -2968,29 +2968,149 @@ const ParagraphNode = __component__$l.exports;
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "PreCodeNode",
   props: {
-    node: null
+    node: null,
+    showLineNumbers: { type: Boolean },
+    diffInline: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const normalizedLanguage = computed(() => {
       var _a2, _b, _c;
       const raw = String((_b = (_a2 = props.node) == null ? void 0 : _a2.language) != null ? _b : "");
-      const head = String((_c = String(raw).split(/\s+/g)[0]) != null ? _c : "").toLowerCase();
+      const head = String((_c = String(raw).split(/\s+/g)[0]) != null ? _c : "").split(":")[0].toLowerCase();
       const safe = head.replace(/[^\w-]/g, "");
       return safe || "plaintext";
     });
     const languageClass = computed(() => `language-${normalizedLanguage.value}`);
+    const isDiffPreview = computed(() => {
+      var _a2;
+      return props.showLineNumbers === true && ((_a2 = props.node) == null ? void 0 : _a2.diff) === true;
+    });
+    const isInlineDiffPreview = computed(() => isDiffPreview.value && props.diffInline === true);
+    const displayCode = computed(() => {
+      var _a2, _b, _c, _d, _e, _f;
+      if (((_a2 = props.node) == null ? void 0 : _a2.diff) === true)
+        return String((_c = (_b = props.node) == null ? void 0 : _b.code) != null ? _c : "");
+      const value = String((_e = (_d = props.node) == null ? void 0 : _d.code) != null ? _e : "");
+      return ((_f = props.node) == null ? void 0 : _f.loading) === true ? value : value.replace(/\r\n$|\n$|\r$/, "");
+    });
     const ariaLabel = computed(() => {
       const lang = normalizedLanguage.value;
       return lang ? `Code block: ${lang}` : "Code block";
     });
-    return { __sfc: true, props, normalizedLanguage, languageClass, ariaLabel };
+    function splitLines(source) {
+      return String(source != null ? source : "").split(/\r\n|\n|\r/);
+    }
+    function isRemovedDiffLine(line) {
+      return line.startsWith("-") && !line.startsWith("---");
+    }
+    function isAddedDiffLine(line) {
+      return line.startsWith("+") && !line.startsWith("+++");
+    }
+    function toDiffLine(code, kind, key, number) {
+      const empty = String(code != null ? code : "").trim().length === 0;
+      return {
+        code,
+        kind: empty && kind !== "hunk" ? "context" : kind,
+        key,
+        number
+      };
+    }
+    function buildDiffPanes(inline = false) {
+      var _a2, _b, _c, _d, _e, _f, _g;
+      const patchLines = splitLines((_a2 = props.node) == null ? void 0 : _a2.code);
+      const hasPatchLines = patchLines.some((line) => isRemovedDiffLine(line) || isAddedDiffLine(line));
+      if (!hasPatchLines && (((_b = props.node) == null ? void 0 : _b.originalCode) != null || ((_c = props.node) == null ? void 0 : _c.updatedCode) != null)) {
+        const original2 = splitLines((_d = props.node) == null ? void 0 : _d.originalCode);
+        const modified2 = splitLines((_e = props.node) == null ? void 0 : _e.updatedCode);
+        if (inline) {
+          const count = Math.max(original2.length, modified2.length);
+          const lines = [];
+          for (let index2 = 0; index2 < count; index2 += 1) {
+            const before = (_f = original2[index2]) != null ? _f : "";
+            const after = (_g = modified2[index2]) != null ? _g : "";
+            if (before === after) {
+              lines.push(toDiffLine(after, "context", `inline-context-${index2}`, index2 + 1));
+            } else {
+              if (index2 < original2.length)
+                lines.push(toDiffLine(before, "removed", `inline-removed-${index2}`, index2 + 1));
+              if (index2 < modified2.length)
+                lines.push(toDiffLine(after, "added", `inline-added-${index2}`, index2 + 1));
+            }
+          }
+          return [{ key: "inline", className: "markstream-pre__diff-pane--inline", lines }];
+        }
+        return [
+          {
+            key: "original",
+            className: "markstream-pre__diff-pane--original",
+            lines: original2.map((line, index2) => toDiffLine(line, modified2[index2] === line ? "context" : "removed", `original-${index2}`, index2 + 1))
+          },
+          {
+            key: "modified",
+            className: "markstream-pre__diff-pane--modified",
+            lines: modified2.map((line, index2) => toDiffLine(line, original2[index2] === line ? "context" : "added", `modified-${index2}`, index2 + 1))
+          }
+        ];
+      }
+      if (inline) {
+        let originalLine2 = 1;
+        let modifiedLine2 = 1;
+        const lines = patchLines.map((raw, index2) => {
+          if (raw.startsWith("@@"))
+            return toDiffLine(raw, "hunk", `inline-hunk-${index2}`, "");
+          if (isRemovedDiffLine(raw))
+            return toDiffLine(raw.slice(1), "removed", `inline-removed-${index2}`, originalLine2++);
+          if (isAddedDiffLine(raw))
+            return toDiffLine(raw.slice(1), "added", `inline-added-${index2}`, modifiedLine2++);
+          const code = raw.startsWith(" ") ? raw.slice(1) : raw;
+          originalLine2 += 1;
+          return toDiffLine(code, "context", `inline-context-${index2}`, modifiedLine2++);
+        });
+        return [{ key: "inline", className: "markstream-pre__diff-pane--inline", lines }];
+      }
+      const original = [];
+      const modified = [];
+      let originalLine = 1;
+      let modifiedLine = 1;
+      for (const [index2, raw] of patchLines.entries()) {
+        if (raw.startsWith("@@")) {
+          original.push(toDiffLine(raw, "hunk", `original-hunk-${index2}`, ""));
+          modified.push(toDiffLine(raw, "hunk", `modified-hunk-${index2}`, ""));
+        } else if (isRemovedDiffLine(raw)) {
+          original.push(toDiffLine(raw.slice(1), "removed", `original-removed-${index2}`, originalLine++));
+        } else if (isAddedDiffLine(raw)) {
+          modified.push(toDiffLine(raw.slice(1), "added", `modified-added-${index2}`, modifiedLine++));
+        } else {
+          const code = raw.startsWith(" ") ? raw.slice(1) : raw;
+          original.push(toDiffLine(code, "context", `original-context-${index2}`, originalLine++));
+          modified.push(toDiffLine(code, "context", `modified-context-${index2}`, modifiedLine++));
+        }
+      }
+      return [
+        { key: "original", className: "markstream-pre__diff-pane--original", lines: original },
+        { key: "modified", className: "markstream-pre__diff-pane--modified", lines: modified }
+      ];
+    }
+    const diffPreviewPanes = computed(() => isDiffPreview.value ? buildDiffPanes(isInlineDiffPreview.value) : []);
+    return { __sfc: true, props, normalizedLanguage, languageClass, isDiffPreview, isInlineDiffPreview, displayCode, ariaLabel, splitLines, isRemovedDiffLine, isAddedDiffLine, toDiffLine, buildDiffPanes, diffPreviewPanes };
   }
 });
 const PreCodeNode_vue_vue_type_style_index_0_lang = "";
 var _sfc_render$k = function render26() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("pre", { class: [_setup.languageClass], attrs: { "aria-busy": _vm.node.loading === true, "aria-label": _setup.ariaLabel, "data-language": _setup.normalizedLanguage, "tabindex": "0" } }, [_c("code", { attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_vm.node.code) } })]);
+  return _c("pre", { class: [
+    _setup.languageClass,
+    {
+      "markstream-pre--line-numbers": _setup.props.showLineNumbers,
+      "markstream-pre--diff-preview": _setup.isDiffPreview,
+      "markstream-pre--diff-inline": _setup.isInlineDiffPreview
+    }
+  ], attrs: { "aria-busy": _vm.node.loading === true, "aria-label": _setup.ariaLabel, "data-language": _setup.normalizedLanguage, "data-markstream-line-numbers": _setup.props.showLineNumbers ? "1" : void 0, "data-markstream-pre": "1", "tabindex": "0" } }, [_setup.isDiffPreview ? _c("code", { staticClass: "markstream-pre__diff-code", attrs: { "translate": "no" } }, _vm._l(_setup.diffPreviewPanes, function(pane) {
+    return _c("span", { key: pane.key, staticClass: "markstream-pre__diff-pane", class: pane.className }, _vm._l(pane.lines, function(line) {
+      return _c("span", { key: line.key, staticClass: "markstream-pre__diff-line", class: [`markstream-pre__diff-line--${line.kind}`, { "markstream-pre__diff-line--empty": !line.code.trim() }] }, [_c("span", { staticClass: "markstream-pre__diff-rail", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "markstream-pre__diff-number", attrs: { "aria-hidden": "true" } }, [_vm._v(_vm._s(line.number))]), _c("span", { staticClass: "markstream-pre__diff-content" }, [_c("span", { staticClass: "markstream-pre__diff-content-inner" }, [_vm._v(_vm._s(line.code))])])]);
+    }), 0);
+  }), 0) : _c("code", { attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_setup.displayCode) } })]);
 };
 var _sfc_staticRenderFns$k = [];
 var __component__$k = /* @__PURE__ */ normalizeComponent(
@@ -3288,7 +3408,7 @@ function getUseMonaco() {
     if (importAttempted)
       return null;
     try {
-      const imported = yield import("./chunks/index.legacy-1f634d9d.js").then((n) => n.i);
+      const imported = yield import("stream-monaco/legacy");
       mod = (_a2 = imported == null ? void 0 : imported.default) != null ? _a2 : imported;
       yield preload(mod);
       const ok = yield warmupShikiTokenizer(mod);
@@ -6399,6 +6519,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const isExpanded = ref(false);
     const isCollapsed = ref(false);
     const editorCreated = ref(false);
+    const editorReady = ref(false);
     const monacoReady = ref(false);
     let expandRafId = null;
     const heightBeforeCollapse = ref(null);
@@ -6464,6 +6585,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       minimumLineCount: 4,
       revealLineCount: 5
     });
+    const defaultPreFallbackFontSize = 12;
+    const defaultPreFallbackLineHeight = 18;
+    function readPositiveNumber(value) {
+      return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
+    }
+    function readMonacoPadding(value) {
+      var _a3, _b2;
+      if (!value || typeof value !== "object")
+        return { top: 0, bottom: 0 };
+      const raw = value;
+      return {
+        top: (_a3 = readPositiveNumber(raw.top)) != null ? _a3 : 0,
+        bottom: (_b2 = readPositiveNumber(raw.bottom)) != null ? _b2 : 0
+      };
+    }
     function resolveDiffHideUnchangedRegionsOption(value) {
       var _a3;
       if (typeof value === "boolean")
@@ -6477,14 +6613,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return __spreadValues({}, defaultDiffHideUnchangedRegions);
     }
     const resolvedMonacoOptions = computed(() => {
-      var _a3;
+      var _a3, _b2;
       const raw = props.monacoOptions ? __spreadValues({}, props.monacoOptions) : {};
       if (!isDiff.value)
         return raw;
       const diffHideUnchangedRegions = raw.diffHideUnchangedRegions === void 0 ? __spreadValues({}, defaultDiffHideUnchangedRegions) : resolveDiffHideUnchangedRegionsOption(raw.diffHideUnchangedRegions);
       const hideUnchangedRegions = raw.hideUnchangedRegions === void 0 ? void 0 : resolveDiffHideUnchangedRegionsOption(raw.hideUnchangedRegions);
       const diffUnchangedRegionStyle = (_a3 = raw.diffUnchangedRegionStyle) != null ? _a3 : "line-info";
-      const needsExtraBottomSpace = diffUnchangedRegionStyle === "line-info" || diffUnchangedRegionStyle === "line-info-basic" || diffUnchangedRegionStyle === "metadata";
       const diffDefaults = {
         maxComputationTime: 0,
         diffAlgorithm: "legacy",
@@ -6496,21 +6631,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         selectionHighlight: false,
         occurrencesHighlight: "off",
         matchBrackets: "never",
-        lineDecorationsWidth: 12,
+        lineDecorationsWidth: 4,
         lineNumbersMinChars: 2,
         glyphMargin: false,
-        fontSize: 13,
-        lineHeight: 30,
+        minimap: { enabled: false },
         renderOverviewRuler: false,
         overviewRulerBorder: false,
         hideCursorInOverviewRuler: true,
         scrollBeyondLastLine: false,
-        padding: { top: 10, bottom: needsExtraBottomSpace ? 22 : 14 },
         diffHideUnchangedRegions,
+        useInlineViewWhenSpaceIsLimited: (_b2 = raw.useInlineViewWhenSpaceIsLimited) != null ? _b2 : false,
         diffLineStyle: "background",
         diffAppearance: "auto",
         diffUnchangedRegionStyle,
-        diffHunkActionsOnHover: true,
+        diffHunkActionsOnHover: false,
         diffHunkHoverHideDelayMs: 160
       };
       return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, diffDefaults), raw), hideUnchangedRegions === void 0 ? {} : { hideUnchangedRegions }), {
@@ -6571,7 +6705,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const codeFontMax = 36;
     const codeFontStep = 1;
     const defaultCodeFontSize = ref(
-      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : Number.NaN
+      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : defaultPreFallbackFontSize
     );
     const codeFontSize = ref(defaultCodeFontSize.value);
     const fontBaselineReady = computed(() => {
@@ -7290,6 +7424,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             scheduleEditorVisualSync();
           });
         }
+        editorReady.value = true;
       });
     }
     function ensureEditorCreation(el) {
@@ -7298,6 +7433,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       if (createEditorPromise)
         return createEditorPromise;
       editorCreated.value = true;
+      editorReady.value = false;
       const pending2 = (() => __async(this, null, function* () {
         yield runEditorCreation(el);
       }))();
@@ -7358,12 +7494,48 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         return String(theme.name);
       return null;
     }
-    function resolveRequestedTheme() {
+    function hasTheme(themes, theme) {
+      const name = getThemeName(theme);
+      return themes.some((item) => item === theme || name && getThemeName(item) === name);
+    }
+    function addRuntimeLanguage(languages, language) {
+      if (typeof language !== "string")
+        return;
+      const canonical = normalizeLanguageIdentifier(language);
+      const monacoId = resolveMonacoLanguageId(canonical);
+      for (const value of [canonical, monacoId]) {
+        if (value && !languages.includes(value))
+          languages.push(value);
+      }
+    }
+    const runtimeMonacoThemes = computed(() => {
+      const themes = Array.isArray(props.themes) ? [...props.themes] : [];
+      for (const theme of [props.darkTheme, props.lightTheme]) {
+        if (theme != null && !hasTheme(themes, theme))
+          themes.push(theme);
+      }
+      return themes.length ? themes : void 0;
+    });
+    const runtimeMonacoLanguages = computed(() => {
       var _a3;
+      const languages = [];
+      const configured = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.languages;
+      if (Array.isArray(configured)) {
+        for (const language of configured)
+          addRuntimeLanguage(languages, language);
+      }
+      addRuntimeLanguage(languages, props.node.language);
+      addRuntimeLanguage(languages, codeLanguage.value);
+      addRuntimeLanguage(languages, monacoLanguage.value);
+      addRuntimeLanguage(languages, "plaintext");
+      return languages;
+    });
+    function resolveRequestedTheme() {
+      var _a3, _b2;
       const preferred = getPreferredColorScheme();
       const explicit = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.theme;
       const requested = preferred != null ? preferred : explicit;
-      const availableThemes = Array.isArray(props.themes) ? props.themes : [];
+      const availableThemes = (_b2 = runtimeMonacoThemes.value) != null ? _b2 : [];
       if (!availableThemes.length || requested == null)
         return requested;
       const requestedName = getThemeName(requested);
@@ -7439,18 +7611,72 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const resolvedSurfaceIsDark = computed(
       () => isDiff.value ? effectiveDiffAppearance.value === "dark" : resolvedChromeIsDark.value
     );
+    const preFallbackMetrics = computed(() => {
+      var _a3, _b2, _c;
+      const raw = resolvedMonacoOptions.value;
+      const fallbackFontSize = Number.isFinite(codeFontSize.value) && codeFontSize.value > 0 ? codeFontSize.value : defaultPreFallbackFontSize;
+      const resolvedFontSize = (_a3 = readPositiveNumber(raw == null ? void 0 : raw.fontSize)) != null ? _a3 : fallbackFontSize;
+      const resolvedLineHeight = (_b2 = readPositiveNumber(raw == null ? void 0 : raw.lineHeight)) != null ? _b2 : resolvedFontSize === defaultPreFallbackFontSize ? defaultPreFallbackLineHeight : Math.max(12, Math.round(resolvedFontSize * 1.5));
+      const fontFamily = typeof (raw == null ? void 0 : raw.fontFamily) === "string" && raw.fontFamily.trim() ? raw.fontFamily.trim() : void 0;
+      const padding = readMonacoPadding(raw == null ? void 0 : raw.padding);
+      const tabSize = (_c = readPositiveNumber(raw == null ? void 0 : raw.tabSize)) != null ? _c : 4;
+      return {
+        fontFamily,
+        fontSize: resolvedFontSize,
+        lineHeight: resolvedLineHeight,
+        paddingBottom: padding.bottom,
+        paddingTop: padding.top,
+        tabSize
+      };
+    });
+    const preFallbackDiffInline = computed(() => {
+      var _a3;
+      if (!isDiff.value)
+        return false;
+      return ((_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.renderSideBySide) === false;
+    });
+    const preFallbackStyle = computed(() => {
+      const metrics = preFallbackMetrics.value;
+      const style = {
+        "--markstream-code-padding-left": "62px",
+        "--markstream-pre-diff-line-height": `${metrics.lineHeight}px`,
+        "--markstream-pre-line-number-top": `${metrics.paddingTop}px`,
+        "--markstream-pre-line-number-width": "36px",
+        "--markstream-pre-line-number-gap": "0px",
+        "fontSize": `${metrics.fontSize}px`,
+        "lineHeight": `${metrics.lineHeight}px`,
+        "paddingBottom": `${metrics.paddingBottom}px`,
+        "paddingTop": `${metrics.paddingTop}px`,
+        "tabSize": metrics.tabSize
+      };
+      if (metrics.fontFamily)
+        style.fontFamily = metrics.fontFamily;
+      return style;
+    });
     function buildRuntimeMonacoOptions() {
-      return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      var _a3, _b2, _c, _d, _e;
+      const nextOptions = __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         wordWrap: "on",
-        wrappingIndent: "same",
-        themes: props.themes
+        wrappingIndent: "same"
       }, resolvedMonacoOptions.value || {}), {
+        themes: runtimeMonacoThemes.value,
+        languages: runtimeMonacoLanguages.value,
         theme: resolveRequestedTheme()
       }), isDiff.value ? { diffAppearance: effectiveDiffAppearance.value } : {}), {
         onThemeChange() {
           syncEditorCssVars();
         }
       });
+      if (isDiff.value) {
+        const metrics = preFallbackMetrics.value;
+        (_a3 = nextOptions.fontSize) != null ? _a3 : nextOptions.fontSize = metrics.fontSize;
+        (_b2 = nextOptions.lineHeight) != null ? _b2 : nextOptions.lineHeight = metrics.lineHeight;
+        (_c = nextOptions.padding) != null ? _c : nextOptions.padding = { top: metrics.paddingTop, bottom: metrics.paddingBottom };
+        (_d = nextOptions.tabSize) != null ? _d : nextOptions.tabSize = metrics.tabSize;
+        if (metrics.fontFamily)
+          (_e = nextOptions.fontFamily) != null ? _e : nextOptions.fontFamily = metrics.fontFamily;
+      }
+      return nextOptions;
     }
     function syncRuntimeMonacoOptions() {
       const nextOptions = buildRuntimeMonacoOptions();
@@ -7574,13 +7800,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
       cleanupEditor();
     });
-    return { __sfc: true, props, emits, MONACO_TOUCH_PATCH_FLAG, ensureMonacoPassiveTouchListeners, shouldForcePassiveForMonaco, withPassiveOptions, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, monacoLanguage, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, runtimeMonacoOptions, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, resolveDiffHideUnchangedRegionsOption, resolvedMonacoOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, containerStyle, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, setAutomaticLayout, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
+    return { __sfc: true, props, emits, MONACO_TOUCH_PATCH_FLAG, ensureMonacoPassiveTouchListeners, shouldForcePassiveForMonaco, withPassiveOptions, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, monacoLanguage, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, editorReady, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, runtimeMonacoOptions, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, defaultPreFallbackFontSize, defaultPreFallbackLineHeight, readPositiveNumber, readMonacoPadding, resolveDiffHideUnchangedRegionsOption, resolvedMonacoOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, containerStyle, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, setAutomaticLayout, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, hasTheme, addRuntimeLanguage, runtimeMonacoThemes, runtimeMonacoLanguages, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, preFallbackMetrics, preFallbackDiffInline, preFallbackStyle, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
   }
 });
-const CodeBlockNode_vue_vue_type_style_index_0_scoped_f73cb5ae_lang = "";
+const CodeBlockNode_vue_vue_type_style_index_0_scoped_b3974933_lang = "";
 var _sfc_render$9 = function render37() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { attrs: { "node": _vm.node, "loading": _setup.props.loading } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
+  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.isDiff, "diff-inline": _setup.preFallbackDiffInline } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
     _setup.resolvedSurfaceIsDark ? "border-gray-700/30 bg-gray-900" : "border-gray-200 bg-white",
     { "is-rendering": _setup.props.loading, "is-dark": _setup.resolvedSurfaceIsDark, "is-diff": _setup.isDiff, "is-plain-text": _setup.isPlainTextLanguage }
   ], style: _setup.containerStyle }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5", style: _setup.headerStyle }, [_vm._t("header-left", function() {
@@ -7623,7 +7849,7 @@ var _sfc_render$9 = function render37() {
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
     }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "width": "12", "height": "12", "viewBox": "0 0 24 24" } }, [_c("g", { attrs: { "fill": "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd" } }, [_c("path", { attrs: { "d": "M23.628 7.41c-.12-1.172-.08-3.583-.9-4.233c-1.921-1.51-6.143-1.11-8.815-1.19c-3.481-.15-7.193.14-10.625.24a.34.34 0 0 0 0 .67c3.472-.05 7.074-.29 10.575-.09c2.471.15 6.653-.14 8.254 1.16c.4.33.41 2.732.49 3.582a42 42 0 0 1 .08 9.005a13.8 13.8 0 0 1-.45 3.001c-2.42 1.4-19.69 2.381-20.72.55a21 21 0 0 1-.65-4.632a41.5 41.5 0 0 1 .12-7.964c.08 0 7.334.33 12.586.24c2.331 0 4.682-.13 6.764-.21a.33.33 0 0 0 0-.66c-7.714-.16-12.897-.43-19.31.05c.11-1.38.48-3.922.38-4.002a.3.3 0 0 0-.42 0c-.37.41-.29 1.77-.36 2.251s-.14 1.07-.2 1.6a45 45 0 0 0-.36 8.645a21.8 21.8 0 0 0 .66 5.002c1.46 2.702 17.248 1.461 20.95.43c1.45-.4 1.69-.8 1.871-1.95c.575-3.809.602-7.68.08-11.496" } }), _c("path", { attrs: { "d": "M4.528 5.237a.84.84 0 0 0-.21-1c-.77-.41-1.71.39-1 1.1a.83.83 0 0 0 1.21-.1m2.632-.25c.14-.14.19-.84-.2-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.2-.09m2.88 0a.83.83 0 0 0-.21-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.21-.09m-4.29 8.735c0 .08.23 2.471.31 2.561a.371.371 0 0 0 .63-.14c0-.09 0 0 .15-1.72a10 10 0 0 0-.11-2.232a5.3 5.3 0 0 1-.26-1.37a.3.3 0 0 0-.54-.24a6.8 6.8 0 0 0-.2 2.33c-1.281-.38-1.121.13-1.131-.42a15 15 0 0 0-.19-1.93c-.16-.17-.36-.17-.51.14a20 20 0 0 0-.43 3.471c.04.773.18 1.536.42 2.272c.26.4.7.22.7-.1c0-.09-.16-.09 0-1.862c.06-1.18-.23-.3 1.16-.76m5.033-2.552c.32-.07.41-.28.39-.37c0-.55-3.322-.34-3.462-.24s-.2.18-.18.28s0 .11 0 .16a3.8 3.8 0 0 0 1.591.361v.82a15 15 0 0 0-.13 3.132c0 .2-.09.94.17 1.16a.34.34 0 0 0 .48 0c.125-.35.196-.718.21-1.09a8 8 0 0 0 .14-3.232c0-.13.05-.7-.1-.89a8 8 0 0 0 .89-.09m5.544-.181a.69.69 0 0 0-.89-.44a2.8 2.8 0 0 0-1.252 1.001a2.3 2.3 0 0 0-.41-.83a1 1 0 0 0-1.6.27a7 7 0 0 0-.35 2.07c0 .571 0 2.642.06 2.762c.14 1.09 1 .51.63.13a17.6 17.6 0 0 1 .38-3.962c.32-1.18.32.2.39.51s.11 1.081.73 1.081s.48-.93 1.401-1.78q.075 1.345 0 2.69a15 15 0 0 0 0 1.811a.34.34 0 0 0 .68 0q.112-.861.11-1.73a16.7 16.7 0 0 0 .12-3.582m1.441-.201c-.05.16-.3 3.002-.31 3.202a6.3 6.3 0 0 0 .21 1.741c.33 1 1.21 1.07 2.291.82a3.7 3.7 0 0 0 1.14-.23c.21-.22.10-.59-.41-.64q-.817.096-1.64.07c-.44-.07-.34 0-.67-4.442q.015-.185 0-.37a.316.316 0 0 0-.23-.38a.316.316 0 0 0-.38.23" } })])])]) : _vm._e()], 2)];
-  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], staticClass: "code-editor-layer" }, [_c("div", { ref: "codeEditor", staticClass: "code-editor-container", class: [_vm.stream ? "" : "code-height-placeholder"] })]), _setup.showInlinePreview && !_setup.hasPreviewListener && _setup.isPreviewable && _setup.codeLanguage === "html" ? _c(_setup.HtmlPreviewFrame, { attrs: { "code": _vm.node.code, "html-preview-allow-scripts": _setup.props.htmlPreviewAllowScripts, "html-preview-sandbox": _setup.props.htmlPreviewSandbox, "is-dark": _setup.props.isDark, "on-close": () => _setup.showInlinePreview = false } }) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
+  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], staticClass: "code-editor-layer" }, [_c("div", { ref: "codeEditor", staticClass: "code-editor-container", class: [_vm.stream ? "" : "code-height-placeholder"], style: { visibility: _setup.editorReady ? "visible" : "hidden" }, attrs: { "aria-hidden": _setup.editorReady ? void 0 : "true" } }), !_setup.editorReady ? _c("div", { staticClass: "code-editor-fallback-surface" }, [_c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.isDiff, "diff-inline": _setup.preFallbackDiffInline } })], 1) : _vm._e()]), _setup.showInlinePreview && !_setup.hasPreviewListener && _setup.isPreviewable && _setup.codeLanguage === "html" ? _c(_setup.HtmlPreviewFrame, { attrs: { "code": _vm.node.code, "html-preview-allow-scripts": _setup.props.htmlPreviewAllowScripts, "html-preview-sandbox": _setup.props.htmlPreviewSandbox, "is-dark": _setup.props.isDark, "on-close": () => _setup.showInlinePreview = false } }) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
     return [_c("div", { staticClass: "loading-skeleton" }, [_c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line short" })])];
   }, { "loading": _vm.loading, "stream": _vm.stream })], 2), _c("span", { staticClass: "sr-only", attrs: { "aria-live": "polite", "role": "status" } }, [_vm._v(_vm._s(_setup.copyText ? _setup.t("common.copied") || "Copied" : ""))])], 1);
 };
@@ -7634,7 +7860,7 @@ var __component__$9 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$9,
   false,
   null,
-  "f73cb5ae",
+  "b3974933",
   null,
   null
 );