markstream-vue2 0.0.28 → 0.0.30

package/dist/index.js

@@ -51,7 +51,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 var _a;
-import { getMarkdown, parseMarkdownToStructure, setDefaultMathOptions } from "stream-markdown-parser";
+import { EXTENDED_STANDARD_HTML_TAGS, VOID_HTML_TAGS, BLOCKED_HTML_TAGS, DANGEROUS_HTML_ATTRS, URL_HTML_ATTRS, isUnsafeHtmlUrl, getMarkdown, parseMarkdownToStructure, setDefaultMathOptions } from "stream-markdown-parser";
 export * from "stream-markdown-parser";
 import { KATEX_COMMANDS, normalizeStandaloneBackslashT, setDefaultMathOptions as setDefaultMathOptions2 } from "stream-markdown-parser";
 import * as VueModule from "vue-demi";
@@ -129,7 +129,7 @@ function resolveVueListeners(input) {
   }
   return listeners;
 }
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CheckboxNode",
   props: {
     node: null
@@ -139,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, render47, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render46) {
-    options.render = render46;
+  if (render47) {
+    options.render = render47;
     options.staticRenderFns = staticRenderFns;
     options._compiled = true;
   }
@@ -195,24 +195,24 @@ function normalizeComponent(scriptExports, render46, staticRenderFns, functional
     options
   };
 }
-var _sfc_render$J = function render() {
+var _sfc_render$K = 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$K = [];
+var __component__$K = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$K,
+  _sfc_render$K,
+  _sfc_staticRenderFns$K,
   false,
   null,
   "8dc6c46f",
   null,
   null
 );
-const CheckboxNode = __component__$J.exports;
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const CheckboxNode = __component__$K.exports;
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "DefinitionListNode",
   props: {
     node: null,
@@ -248,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$J = 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) {
@@ -256,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$J = [];
+var __component__$J = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$J,
+  _sfc_render$J,
+  _sfc_staticRenderFns$J,
   false,
   null,
   "b089ea12",
   null,
   null
 );
-const DefinitionListNode = __component__$I.exports;
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const DefinitionListNode = __component__$J.exports;
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "EmojiNode",
   props: {
     node: null
@@ -278,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$I = 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$I = [];
+var __component__$I = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$I,
+  _sfc_render$I,
+  _sfc_staticRenderFns$I,
   false,
   null,
   "de55dc97",
   null,
   null
 );
-const EmojiNode = __component__$H.exports;
+const EmojiNode = __component__$I.exports;
 const GLOBAL_KEY = "__global__";
 const STORE_KEY = "__MARKSTREAM_VUE2_CUSTOM_COMPONENTS_STORE__";
 const store = (() => {
@@ -339,7 +339,7 @@ function clearGlobalCustomComponents() {
   delete store.scopedCustomComponents[GLOBAL_KEY];
   customComponentsRevision.value++;
 }
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FootnoteReferenceNode",
   props: {
     node: null
@@ -362,22 +362,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const FootnoteReferenceNode_vue_vue_type_style_index_0_scoped_01af0fee_lang = "";
-var _sfc_render$G = function render4() {
+var _sfc_render$H = 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$H = [];
+var __component__$H = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$H,
+  _sfc_render$H,
+  _sfc_staticRenderFns$H,
   false,
   null,
   "01af0fee",
   null,
   null
 );
-const FootnoteReferenceNode = __component__$G.exports;
+const FootnoteReferenceNode = __component__$H.exports;
 function getVue2CreateElementFallback() {
   var _a2, _b, _c;
   const anyMod = VueModule;
@@ -419,176 +419,7 @@ function safeRender(createElement, tag, attrs, children) {
     return vue2CreateElementFallback(tag, attrs, children);
   return null;
 }
-const DANGEROUS_ATTRS = /* @__PURE__ */ new Set([
-  "onclick",
-  "onerror",
-  "onload",
-  "onmouseover",
-  "onmouseout",
-  "onmousedown",
-  "onmouseup",
-  "onkeydown",
-  "onkeyup",
-  "onfocus",
-  "onblur",
-  "onsubmit",
-  "onreset",
-  "onchange",
-  "onselect",
-  "ondblclick",
-  "ontouchstart",
-  "ontouchend",
-  "ontouchmove",
-  "ontouchcancel",
-  "onwheel",
-  "onscroll",
-  "oncopy",
-  "oncut",
-  "onpaste",
-  "oninput",
-  "oninvalid",
-  "onreset",
-  "onsearch",
-  "onsubmit"
-]);
-const VOID_ELEMENTS = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-const STANDARD_HTML_TAGS = /* @__PURE__ */ new Set([
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "menu",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "template",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr"
-]);
 const CUSTOM_TAG_REGEX = /<([a-z][a-z0-9-]*)\b[^>]*>/gi;
-const BLOCKED_TAGS = /* @__PURE__ */ new Set(["script"]);
-const URL_ATTRS = /* @__PURE__ */ new Set([
-  "href",
-  "src",
-  "srcset",
-  "xlink:href",
-  "formaction"
-]);
 const SHOULD_LOG = (() => {
   var _a2;
   try {
@@ -605,33 +436,12 @@ function logError(message, err) {
   if (SHOULD_LOG)
     console.error(message, err);
 }
-function stripControlAndWhitespace(value) {
-  let out = "";
-  for (const ch of value) {
-    const code = ch.charCodeAt(0);
-    if (code <= 31 || code === 127)
-      continue;
-    if (/\s/u.test(ch))
-      continue;
-    out += ch;
-  }
-  return out;
-}
-function isUnsafeUrl(value) {
-  const normalized = stripControlAndWhitespace(value).toLowerCase();
-  if (normalized.startsWith("javascript:") || normalized.startsWith("vbscript:"))
-    return true;
-  if (normalized.startsWith("data:")) {
-    return !(normalized.startsWith("data:image/") || normalized.startsWith("data:video/") || normalized.startsWith("data:audio/"));
-  }
-  return false;
-}
 function hasOwn(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
 }
 function isCustomComponent(tagName, customComponents) {
   const lowerTag = tagName.toLowerCase();
-  if (STANDARD_HTML_TAGS.has(lowerTag))
+  if (EXTENDED_STANDARD_HTML_TAGS.has(lowerTag))
     return false;
   return hasOwn(customComponents, lowerTag) || hasOwn(customComponents, tagName);
 }
@@ -639,9 +449,9 @@ function sanitizeAttrs(attrs) {
   const clean = {};
   for (const [key, value] of Object.entries(attrs)) {
     const lowerKey = key.toLowerCase();
-    if (DANGEROUS_ATTRS.has(lowerKey))
+    if (DANGEROUS_HTML_ATTRS.has(lowerKey))
       continue;
-    if (URL_ATTRS.has(lowerKey) && value && isUnsafeUrl(value))
+    if (URL_HTML_ATTRS.has(lowerKey) && value && isUnsafeHtmlUrl(value))
       continue;
     clean[key] = value;
   }
@@ -742,7 +552,7 @@ function tokenizeHtml(html) {
         }
       }
       tokens.push({
-        type: isSelfClosing || VOID_ELEMENTS.has(tagName.toLowerCase()) ? "self_closing" : "tag_open",
+        type: isSelfClosing || VOID_HTML_TAGS.has(tagName.toLowerCase()) ? "self_closing" : "tag_open",
         tagName,
         attrs
       });
@@ -799,7 +609,7 @@ function buildVNodeTree(tokens, customComponents, createElement) {
   return rootNodes;
 }
 function createVNode(tagName, attrs, children, customComponents, createElement) {
-  if (BLOCKED_TAGS.has(tagName.toLowerCase()))
+  if (BLOCKED_HTML_TAGS.has(tagName.toLowerCase()))
     return null;
   const sanitizedAttrs = sanitizeAttrs(attrs);
   if (isCustomComponent(tagName, customComponents)) {
@@ -836,7 +646,7 @@ function parseHtmlToVNodes(content2, customComponents, createElement) {
     return null;
   }
 }
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "HtmlInlineNode",
   props: {
     node: null,
@@ -946,22 +756,22 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const HtmlInlineNode_vue_vue_type_style_index_0_scoped_7aa2ed27_lang = "";
-var _sfc_render$F = function render5() {
+var _sfc_render$G = 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 } })], 1) : _c("span", { ref: "containerRef", staticClass: "html-inline-node", class: { "html-inline-node--loading": _setup.props.node.loading } });
 };
-var _sfc_staticRenderFns$F = [];
-var __component__$F = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$F,
-  _sfc_render$F,
-  _sfc_staticRenderFns$F,
+var _sfc_staticRenderFns$G = [];
+var __component__$G = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$G,
+  _sfc_render$G,
+  _sfc_staticRenderFns$G,
   false,
   null,
   "7aa2ed27",
   null,
   null
 );
-const HtmlInlineNode = __component__$F.exports;
+const HtmlInlineNode = __component__$G.exports;
 function resolveStreamingTextState({
   nextContent,
   previousContent,
@@ -994,7 +804,7 @@ function resolveStreamingTextState({
     appended: false
   };
 }
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "InlineCodeNode",
   props: {
     node: null
@@ -1081,22 +891,22 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const InlineCodeNode_vue_vue_type_style_index_0_scoped_38cc3b9f_lang = "";
-var _sfc_render$E = function render6() {
+var _sfc_render$F = function render6() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("code", { staticClass: "inline text-[85%] px-1 py-0.5 rounded font-mono bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full before:content-[''] after:content-['']" }, [_setup.settledCode ? _c("span", [_vm._v(_vm._s(_setup.settledCode))]) : _vm._e(), _setup.streamedDelta ? _c("span", { staticClass: "inline-code-stream-delta", class: [_setup.streamedDeltaClass], on: { "animationend": _setup.settleStreamedDelta } }, [_vm._v(" " + _vm._s(_setup.streamedDelta) + " ")]) : _vm._e()]);
 };
-var _sfc_staticRenderFns$E = [];
-var __component__$E = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$E,
-  _sfc_render$E,
-  _sfc_staticRenderFns$E,
+var _sfc_staticRenderFns$F = [];
+var __component__$F = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$F,
+  _sfc_render$F,
+  _sfc_staticRenderFns$F,
   false,
   null,
   "38cc3b9f",
   null,
   null
 );
-const InlineCodeNode = __component__$E.exports;
+const InlineCodeNode = __component__$F.exports;
 function getVueCtor() {
   var _a2, _b, _c, _d;
   const anyMod = VueModule;
@@ -1438,7 +1248,7 @@ function useViewportPriority() {
   };
   return register;
 }
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ImageNode",
   props: {
     node: null,
@@ -1446,7 +1256,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     showCaption: { type: Boolean, default: false },
     lazy: { type: Boolean, default: true },
     svgMinHeight: { default: "12rem" },
-    usePlaceholder: { type: Boolean, default: true }
+    usePlaceholder: { type: Boolean, default: true },
+    inline: { type: Boolean }
   },
   emits: ["load", "error", "click"],
   setup(__props, { emit }) {
@@ -1484,6 +1295,33 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     });
     const displaySrc = computed(() => hasError.value && props.fallbackSrc ? props.fallbackSrc : props.node.src);
     const canRenderImage = computed(() => !props.lazy || isVisible.value);
+    const inheritedInlineImages = inject("markstreamInlineImages", void 0);
+    const instance = getCurrentInstance();
+    const hasInlineProp = computed(() => {
+      var _a2, _b, _c;
+      const vnodeProps = (_a2 = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a2.props;
+      if (vnodeProps != null && Object.prototype.hasOwnProperty.call(vnodeProps, "inline"))
+        return true;
+      const propsData = (_c = (_b = instance == null ? void 0 : instance.proxy) == null ? void 0 : _b.$options) == null ? void 0 : _c.propsData;
+      return propsData != null && Object.prototype.hasOwnProperty.call(propsData, "inline");
+    });
+    const inlineMode = computed(() => {
+      if (hasInlineProp.value)
+        return props.inline;
+      return (inheritedInlineImages == null ? void 0 : inheritedInlineImages.value) === true;
+    });
+    const rootTag = computed(() => inlineMode.value ? "span" : "figure");
+    const rootClass = computed(() => inlineMode.value ? "image-node image-node--inline" : "image-node image-node--block text-center my-8");
+    const innerTag = computed(() => inlineMode.value ? "span" : "div");
+    const innerClass = computed(() => inlineMode.value ? "image-node__inner image-node__inner--inline" : "relative inline-block");
+    const imageClass = computed(() => inlineMode.value ? "h-auto inline-block align-middle transition-opacity duration-200 ease-in-out" : "max-w-96 h-auto rounded-lg transition-opacity duration-200 ease-in-out");
+    const placeholderClass = computed(() => inlineMode.value ? "placeholder-layer inline-flex items-center justify-center gap-1 align-middle" : "placeholder-layer max-w-96 inline-flex items-center justify-center gap-2");
+    const placeholderStyle = computed(() => {
+      if (inlineMode.value)
+        return isSvg.value ? { minHeight: props.svgMinHeight, width: "100%" } : void 0;
+      return isSvg.value ? { minHeight: props.svgMinHeight, width: "100%" } : { minHeight: "6rem" };
+    });
+    const errorClass = computed(() => inlineMode.value ? "image-node__error inline-flex items-center justify-center gap-1 text-red-500 align-middle" : "px-4 py-2 bg-gray-100 flex items-center justify-center rounded-lg gap-2 text-red-500");
     const isSvg = computed(() => /\.svg(?:\?|$)/i.test(displaySrc.value));
     function handleImageError() {
       if (props.fallbackSrc && !fallbackTried.value) {
@@ -1510,18 +1348,44 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       imageLoaded.value = false;
       hasError.value = false;
     });
-    return { __sfc: true, props, emit, imageLoaded, hasError, fallbackTried, figureRef, registerVisibility, visibilityHandle, isVisible, displaySrc, canRenderImage, isSvg, handleImageError, handleImageLoad, handleClick, t };
+    return { __sfc: true, props, emit, imageLoaded, hasError, fallbackTried, figureRef, registerVisibility, visibilityHandle, isVisible, displaySrc, canRenderImage, inheritedInlineImages, instance, hasInlineProp, inlineMode, rootTag, rootClass, innerTag, innerClass, imageClass, placeholderClass, placeholderStyle, errorClass, isSvg, handleImageError, handleImageLoad, handleClick, t };
   }
 });
-const ImageNode_vue_vue_type_style_index_0_scoped_2b49bba9_lang = "";
-var _sfc_render$D = function render7() {
+const ImageNode_vue_vue_type_style_index_0_scoped_bb7aa7f0_lang = "";
+var _sfc_render$E = function render7() {
   var _a2, _b, _c2, _d, _e;
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("figure", { ref: "figureRef", staticClass: "text-center my-8" }, [_c("div", { staticClass: "relative inline-block" }, [_c("transition", { attrs: { "name": "img-switch", "mode": "out-in" } }, [!_vm.node.loading && !_setup.hasError && _setup.canRenderImage ? _c("img", { key: "image", staticClass: "max-w-96 h-auto rounded-lg transition-opacity duration-200 ease-in-out", class: { "opacity-0": !_setup.imageLoaded, "opacity-100": _setup.imageLoaded, "cursor-pointer": _setup.imageLoaded }, style: _setup.isSvg ? { minHeight: _setup.props.svgMinHeight, width: "100%", height: "auto", objectFit: "contain" } : void 0, attrs: { "src": _setup.displaySrc, "alt": String((_b = (_a2 = _setup.props.node.alt) != null ? _a2 : _setup.props.node.title) != null ? _b : ""), "title": String((_d = (_c2 = _setup.props.node.title) != null ? _c2 : _setup.props.node.alt) != null ? _d : ""), "loading": _setup.props.lazy ? "lazy" : "eager", "decoding": "async", "tabindex": _setup.imageLoaded ? 0 : -1, "aria-label": (_e = _setup.props.node.alt) != null ? _e : _setup.t("image.preview") }, on: { "error": _setup.handleImageError, "load": _setup.handleImageLoad, "click": _setup.handleClick } }) : !_setup.hasError ? _c("div", { key: "placeholder", staticClass: "placeholder-layer max-w-96 inline-flex items-center justify-center gap-2", style: _setup.isSvg ? { minHeight: _setup.props.svgMinHeight, width: "100%" } : { minHeight: "6rem" } }, [_setup.props.usePlaceholder ? [_vm._t("placeholder", function() {
+  return _c(_setup.rootTag, { ref: "figureRef", tag: "component", class: _setup.rootClass }, [_c(_setup.innerTag, { tag: "component", class: _setup.innerClass }, [_c("transition", { attrs: { "name": "img-switch", "mode": "out-in" } }, [!_vm.node.loading && !_setup.hasError && _setup.canRenderImage ? _c("img", { key: "image", class: [_setup.imageClass, { "opacity-0": !_setup.imageLoaded, "opacity-100": _setup.imageLoaded, "cursor-pointer": _setup.imageLoaded }], style: _setup.isSvg ? { minHeight: _setup.props.svgMinHeight, width: "100%", height: "auto", objectFit: "contain" } : void 0, attrs: { "src": _setup.displaySrc, "alt": String((_b = (_a2 = _setup.props.node.alt) != null ? _a2 : _setup.props.node.title) != null ? _b : ""), "title": String((_d = (_c2 = _setup.props.node.title) != null ? _c2 : _setup.props.node.alt) != null ? _d : ""), "loading": _setup.props.lazy ? "lazy" : "eager", "decoding": "async", "tabindex": _setup.imageLoaded ? 0 : -1, "aria-label": (_e = _setup.props.node.alt) != null ? _e : _setup.t("image.preview") }, on: { "error": _setup.handleImageError, "load": _setup.handleImageLoad, "click": _setup.handleClick } }) : !_setup.hasError ? _c("div", { key: "placeholder", class: _setup.placeholderClass, style: _setup.placeholderStyle }, [_setup.props.usePlaceholder ? [_vm._t("placeholder", function() {
     return [_c("div", { staticClass: "w-4 h-4 rounded-full border-2 border-solid border-current border-t-transparent animate-spin", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "text-sm whitespace-nowrap" }, [_vm._v(_vm._s(_setup.t("image.loading")))])];
-  }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy, "isSvg": _setup.isSvg })] : [_c("span", { staticClass: "text-sm text-gray-500" }, [_vm._v(_vm._s(_vm.node.raw))])]], 2) : !_vm.node.loading && !_setup.props.fallbackSrc ? _c("div", { key: "error", staticClass: "px-4 py-2 bg-gray-100 flex items-center justify-center rounded-lg gap-2 text-red-500" }, [_vm._t("error", function() {
+  }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy, "isSvg": _setup.isSvg })] : [_c("span", { staticClass: "text-sm text-gray-500" }, [_vm._v(_vm._s(_vm.node.raw))])]], 2) : !_vm.node.loading && !_setup.props.fallbackSrc ? _c("div", { key: "error", class: _setup.errorClass }, [_vm._t("error", function() {
     return [_c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "width": "16", "height": "16", "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": "currentColor", "d": "M2 2h20v10h-2V4H4v9.586l5-5L14.414 14L13 15.414l-4-4l-5 5V20h8v2H2zm13.547 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0a3 3 0 0 1-6 0m3.625 6.757L19 17.586l2.828-2.829l1.415 1.415L20.414 19l2.829 2.828l-1.415 1.415L19 20.414l-2.828 2.829l-1.415-1.415L17.586 19l-2.829-2.828z" } })]), _c("span", { staticClass: "text-sm whitespace-nowrap" }, [_vm._v(_vm._s(_setup.t("image.loadError")))])];
-  }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy, "isSvg": _setup.isSvg })], 2) : _vm._e()])], 1), _setup.props.showCaption && _setup.props.node.alt ? _c("figcaption", { staticClass: "mt-2 text-sm text-gray-500 italic" }, [_vm._v(" " + _vm._s(_setup.props.node.alt) + " ")]) : _vm._e()]);
+  }, { "node": _setup.props.node, "displaySrc": _setup.displaySrc, "imageLoaded": _setup.imageLoaded, "hasError": _setup.hasError, "fallbackSrc": _setup.props.fallbackSrc, "lazy": _setup.props.lazy, "isSvg": _setup.isSvg })], 2) : _vm._e()])], 1), !_setup.inlineMode && _setup.props.showCaption && _setup.props.node.alt ? _c("figcaption", { staticClass: "mt-2 text-sm text-gray-500 italic" }, [_vm._v(" " + _vm._s(_setup.props.node.alt) + " ")]) : _vm._e()], 1);
+};
+var _sfc_staticRenderFns$E = [];
+var __component__$E = /* @__PURE__ */ normalizeComponent(
+  _sfc_main$E,
+  _sfc_render$E,
+  _sfc_staticRenderFns$E,
+  false,
+  null,
+  "bb7aa7f0",
+  null,
+  null
+);
+const ImageNode = __component__$E.exports;
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  __name: "SoftBreakNode",
+  props: {
+    node: null
+  },
+  setup(__props) {
+    return { __sfc: true };
+  }
+});
+var _sfc_render$D = function render8() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
+  return _c("span", { staticClass: "soft-break", domProps: { "textContent": _vm._s(" ") } });
 };
 var _sfc_staticRenderFns$D = [];
 var __component__$D = /* @__PURE__ */ normalizeComponent(
@@ -1530,11 +1394,11 @@ var __component__$D = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$D,
   false,
   null,
-  "2b49bba9",
+  null,
   null,
   null
 );
-const ImageNode = __component__$D.exports;
+const SoftBreakNode = __component__$D.exports;
 let katex = null;
 let importAttempted$1 = false;
 let katexLoader = defaultKatexLoader;
@@ -1729,7 +1593,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const TextNode_vue_vue_type_style_index_0_scoped_356c331b_lang = "";
-var _sfc_render$C = function render8() {
+var _sfc_render$C = function render9() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("span", { staticClass: "whitespace-pre-wrap break-words text-node", class: [_setup.katexReady && _vm.node.center ? "text-node-center" : ""] }, [_setup.settledContent ? _c("span", [_vm._v(_vm._s(_setup.settledContent))]) : _vm._e(), _setup.streamedDelta ? _c("span", { staticClass: "text-node-stream-delta", class: [_setup.streamedDeltaClass], on: { "animationend": _setup.settleStreamedDelta } }, [_vm._v(" " + _vm._s(_setup.streamedDelta) + " ")]) : _vm._e()]);
 };
@@ -1807,7 +1671,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     return { __sfc: true };
   }
 });
-var _sfc_render$B = function render9() {
+var _sfc_render$B = 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) {
@@ -1854,13 +1718,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       subscript: SubscriptNode,
       emoji: EmojiNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const SuperscriptNode_vue_vue_type_style_index_0_scoped_ef2512b4_lang = "";
-var _sfc_render$A = function render10() {
+const SuperscriptNode_vue_vue_type_style_index_0_scoped_54fda8d4_lang = "";
+var _sfc_render$A = 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);
@@ -1873,7 +1738,7 @@ var __component__$A = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$A,
   false,
   null,
-  "ef2512b4",
+  "54fda8d4",
   null,
   null
 );
@@ -1902,13 +1767,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       superscript: SuperscriptNode,
       emoji: EmojiNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const SubscriptNode_vue_vue_type_style_index_0_scoped_3d49d031_lang = "";
-var _sfc_render$z = function render11() {
+const SubscriptNode_vue_vue_type_style_index_0_scoped_0740560a_lang = "";
+var _sfc_render$z = 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);
@@ -1921,7 +1787,7 @@ var __component__$z = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$z,
   false,
   null,
-  "3d49d031",
+  "0740560a",
   null,
   null
 );
@@ -1950,13 +1816,14 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       emoji: EmojiNode,
       footnote_reference: FootnoteReferenceNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const StrongNode_vue_vue_type_style_index_0_scoped_af3ce037_lang = "";
-var _sfc_render$y = function render12() {
+const StrongNode_vue_vue_type_style_index_0_scoped_27709563_lang = "";
+var _sfc_render$y = 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 } });
@@ -1969,7 +1836,7 @@ var __component__$y = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$y,
   false,
   null,
-  "af3ce037",
+  "27709563",
   null,
   null
 );
@@ -1998,13 +1865,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       emoji: EmojiNode,
       footnote_reference: FootnoteReferenceNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const StrikethroughNode_vue_vue_type_style_index_0_scoped_904d5bd1_lang = "";
-var _sfc_render$x = function render13() {
+const StrikethroughNode_vue_vue_type_style_index_0_scoped_388291cf_lang = "";
+var _sfc_render$x = 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}` } });
@@ -2017,7 +1885,7 @@ var __component__$x = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$x,
   false,
   null,
-  "904d5bd1",
+  "388291cf",
   null,
   null
 );
@@ -2090,13 +1958,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         "--underline-iteration": typeof props.animationIteration === "number" ? String(props.animationIteration) : (_f = props.animationIteration) != null ? _f : "infinite"
       };
     });
+    provide("markstreamInlineImages", computed(() => true));
     const nodeComponents = {
       text: TextNode,
       strong: StrongNode,
       strikethrough: StrikethroughNode,
       emphasis: EmphasisNode,
       image: ImageNode,
-      html_inline: HtmlInlineNode
+      softbreak: SoftBreakNode,
+      html_inline: HtmlInlineNode,
+      inline_code: InlineCodeNode
     };
     const attrs = useAttrs();
     const anchorEl2 = ref(null);
@@ -2173,8 +2044,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, lastPointerPosition, pointerTrackerRefCount, pointerTrackerCleanup, ensurePointerTracker, retainPointerTracker, releasePointerTracker, cssVars, nodeComponents, attrs, anchorEl: anchorEl2, isHovering, anchorAttrs, getTooltipText, isPointerInsideAnchor, syncTooltipForHoveredAnchor, onAnchorEnter, onAnchorLeave, title, TextNode };
   }
 });
-const LinkNode_vue_vue_type_style_index_0_scoped_535a598a_lang = "";
-var _sfc_render$w = function render14() {
+const LinkNode_vue_vue_type_style_index_0_scoped_62007177_lang = "";
+var _sfc_render$w = 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": _vm.node.href, "title": _vm.showTooltip ? "" : _setup.title, "aria-label": `Link: ${_setup.title}`, "aria-hidden": _vm.node.loading ? "true" : "false", "target": "_blank", "rel": "noopener noreferrer" }, on: { "mouseenter": (e) => _setup.onAnchorEnter(e), "mouseleave": _setup.onAnchorLeave } }, "a", _setup.anchorAttrs, false), _vm._l(_vm.node.children, function(child, index2) {
@@ -2188,7 +2059,7 @@ var __component__$w = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$w,
   false,
   null,
-  "535a598a",
+  "62007177",
   null,
   null
 );
@@ -2217,13 +2088,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       emoji: EmojiNode,
       footnote_reference: FootnoteReferenceNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const InsertNode_vue_vue_type_style_index_0_scoped_ab1ec9bc_lang = "";
-var _sfc_render$v = function render15() {
+const InsertNode_vue_vue_type_style_index_0_scoped_88ac685e_lang = "";
+var _sfc_render$v = 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}` } });
@@ -2236,7 +2108,7 @@ var __component__$v = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$v,
   false,
   null,
-  "ab1ec9bc",
+  "88ac685e",
   null,
   null
 );
@@ -2265,13 +2137,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       emoji: EmojiNode,
       footnote_reference: FootnoteReferenceNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const HighlightNode_vue_vue_type_style_index_0_scoped_38e31bf6_lang = "";
-var _sfc_render$u = function render16() {
+const HighlightNode_vue_vue_type_style_index_0_scoped_452c2d33_lang = "";
+var _sfc_render$u = 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}` } });
@@ -2284,7 +2157,7 @@ var __component__$u = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$u,
   false,
   null,
-  "38e31bf6",
+  "452c2d33",
   null,
   null
 );
@@ -2313,13 +2186,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       emoji: EmojiNode,
       footnote_reference: FootnoteReferenceNode,
       math_inline: MathInlineNodeAsync,
-      reference: ReferenceNode
+      reference: ReferenceNode,
+      softbreak: SoftBreakNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const EmphasisNode_vue_vue_type_style_index_0_scoped_8264674d_lang = "";
-var _sfc_render$t = function render17() {
+const EmphasisNode_vue_vue_type_style_index_0_scoped_79d1ccf1_lang = "";
+var _sfc_render$t = 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}` } });
@@ -2332,7 +2206,7 @@ var __component__$t = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$t,
   false,
   null,
-  "8264674d",
+  "79d1ccf1",
   null,
   null
 );
@@ -2359,7 +2233,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const FootnoteAnchorNode_vue_vue_type_style_index_0_scoped_4756ce0d_lang = "";
-var _sfc_render$s = function render18() {
+var _sfc_render$s = function render19() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("a", { staticClass: "footnote-anchor text-sm text-[#0366d6] hover:underline cursor-pointer", attrs: { "href": `#fnref-${_vm.node.id}`, "title": `返回引用 ${_vm.node.id}` }, on: { "click": _setup.scrollToReference } }, [_vm._v(" ↩︎ ")]);
 };
@@ -2395,7 +2269,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 const FootnoteNode_vue_vue_type_style_index_0_lang = "";
-var _sfc_render$r = function render19() {
+var _sfc_render$r = function render20() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "flex mt-2 mb-2 text-sm leading-relaxed border-t 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);
@@ -2423,7 +2297,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const HardBreakNode_vue_vue_type_style_index_0_scoped_50c58f70_lang = "";
-var _sfc_render$q = function render20() {
+var _sfc_render$q = function render21() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("br", { staticClass: "hard-break" });
@@ -2450,6 +2324,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const overrides = getCustomNodeComponents(props.customId);
+    provide("markstreamInlineImages", computed(() => true));
     const nodeComponents = __spreadValues({
       text: TextNode,
       inline_code: InlineCodeNode,
@@ -2467,14 +2342,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       checkbox_input: CheckboxNode,
       footnote_reference: FootnoteReferenceNode,
       hardbreak: HardBreakNode,
+      softbreak: SoftBreakNode,
       math_inline: MathInlineNodeAsync,
       reference: ReferenceNode
     }, overrides);
     return { __sfc: true, props, overrides, nodeComponents };
   }
 });
-const HeadingNode_vue_vue_type_style_index_0_scoped_ffb7cf51_lang = "";
-var _sfc_render$p = function render21() {
+const HeadingNode_vue_vue_type_style_index_0_scoped_194f91db_lang = "";
+var _sfc_render$p = 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}` } });
@@ -2487,7 +2363,7 @@ var __component__$p = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$p,
   false,
   null,
-  "ffb7cf51",
+  "194f91db",
   null,
   null
 );
@@ -2519,7 +2395,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const ListItemNode_vue_vue_type_style_index_0_scoped_5c58ad56_lang = "";
-var _sfc_render$o = function render22() {
+var _sfc_render$o = 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) {
@@ -2559,7 +2435,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const ListNode_vue_vue_type_style_index_0_scoped_91e6dafc_lang = "";
-var _sfc_render$n = function render23() {
+var _sfc_render$n = 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;
@@ -2684,7 +2560,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const HtmlBlockNode_vue_vue_type_style_index_0_scoped_53b53d7c_lang = "";
-var _sfc_render$m = function render24() {
+var _sfc_render$m = function render25() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", _vm._b({ ref: "htmlRef", staticClass: "html-block-node" }, "div", _setup.boundAttrs, false), [_setup.shouldRender ? [_setup.renderMode.mode === "dynamic" ? _c(_setup.DynamicRenderer, { attrs: { "content": _setup.renderMode.content, "custom-components": _setup.customComponents } }) : _c("div", { domProps: { "innerHTML": _vm._s(_setup.renderContent) } })] : _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" })];
@@ -2712,11 +2588,28 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const overrides = getCustomNodeComponents(props.customId);
+    const paragraphTag = computed(() => {
+      if (props.node.children.length === 0)
+        return "p";
+      const isMediaOnlyParagraph = props.node.children.every((child) => {
+        var _a2;
+        if (child.type === "image")
+          return true;
+        if (child.type === "softbreak")
+          return true;
+        if (child.type !== "text")
+          return false;
+        return String((_a2 = child.content) != null ? _a2 : "").trim() === "";
+      });
+      return isMediaOnlyParagraph ? "div" : "p";
+    });
+    provide("markstreamInlineImages", computed(() => paragraphTag.value === "p"));
     const nodeComponents = __spreadValues({
       inline_code: InlineCodeNode,
       image: ImageNode,
       link: LinkNode,
       hardbreak: HardBreakNode,
+      softbreak: SoftBreakNode,
       emphasis: EmphasisNode,
       strong: StrongNode,
       strikethrough: StrikethroughNode,
@@ -2735,13 +2628,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       footnote_reference: FootnoteReferenceNode,
       text: TextNode
     }, overrides);
-    return { __sfc: true, props, overrides, nodeComponents };
+    return { __sfc: true, props, overrides, paragraphTag, nodeComponents };
   }
 });
-const ParagraphNode_vue_vue_type_style_index_0_scoped_0d09b107_lang = "";
-var _sfc_render$l = function render25() {
+const ParagraphNode_vue_vue_type_style_index_0_scoped_96096700_lang = "";
+var _sfc_render$l = function render26() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("p", { staticClass: "paragraph-node", attrs: { "dir": "auto" } }, _vm._l(_vm.node.children, function(child, index2) {
+  return _c(_setup.paragraphTag, { tag: "component", staticClass: "paragraph-node", attrs: { "dir": "auto" } }, _vm._l(_vm.node.children, function(child, index2) {
     var _a2;
     return _c(_setup.nodeComponents[child.type], { key: `${_vm.indexKey || "paragraph"}-${index2}`, tag: "component", attrs: { "node": child, "index-key": `${(_a2 = _vm.indexKey) != null ? _a2 : "paragraph"}-${index2}`, "custom-id": _setup.props.customId } });
   }), 1);
@@ -2753,7 +2646,7 @@ var __component__$l = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$l,
   false,
   null,
-  "0d09b107",
+  "96096700",
   null,
   null
 );
@@ -2781,7 +2674,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const PreCodeNode_vue_vue_type_style_index_0_lang = "";
-var _sfc_render$k = function render26() {
+var _sfc_render$k = function render27() {
   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) } })]);
 };
@@ -2826,7 +2719,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const TableNode_vue_vue_type_style_index_0_scoped_60ab705d_lang = "";
-var _sfc_render$j = function render27() {
+var _sfc_render$j = function render28() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "table-node-wrapper" }, [_c("table", { staticClass: "my-8 text-sm table-node", class: { "table-node--loading": _setup.isLoading }, attrs: { "aria-busy": _setup.isLoading } }, [_c("thead", { staticClass: "border-[var(--table-border,#cbd5e1)] border-solid" }, [_c("tr", { staticClass: "border-b border-solid" }, _vm._l(_vm.node.header.cells, function(cell, index2) {
     return _c("th", { key: `header-${index2}`, staticClass: "font-semibold p-[calc(4/7*1em)]", class: [
@@ -2865,7 +2758,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const ThematicBreakNode_vue_vue_type_style_index_0_scoped_639cbad9_lang = "";
-var _sfc_render$i = function render28() {
+var _sfc_render$i = function render29() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("hr", { staticClass: "hr-node" });
@@ -2892,7 +2785,7 @@ 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$h = function render30() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("div", { staticClass: "unknown-node" }, [_vm._v(" " + _vm._s(_vm.node.raw) + " ")]);
@@ -2939,6 +2832,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       checkbox: CheckboxNode,
       checkbox_input: CheckboxNode,
       hardbreak: HardBreakNode,
+      softbreak: SoftBreakNode,
       math_inline: MathInlineNodeAsync,
       reference: ReferenceNode,
       list: ListNode,
@@ -2951,8 +2845,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, containerClass, overrides, nodeComponents, getNodeComponent };
   }
 });
-const VmrContainerNode_vue_vue_type_style_index_0_scoped_3cd2aff2_lang = "";
-var _sfc_render$g = function render30() {
+const VmrContainerNode_vue_vue_type_style_index_0_scoped_cb57a559_lang = "";
+var _sfc_render$g = function render31() {
   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}` } });
@@ -2965,7 +2859,7 @@ var __component__$g = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$g,
   false,
   null,
-  "3cd2aff2",
+  "cb57a559",
   null,
   null
 );
@@ -3009,6 +2903,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       admonition: AdmonitionNode,
       vmr_container: VmrContainerNode,
       hardbreak: HardBreakNode,
+      softbreak: SoftBreakNode,
       link: LinkNode,
       image: ImageNode,
       thematic_break: ThematicBreakNode,
@@ -3151,7 +3046,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, emit, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, nonCodeBindings, linkBindings, listBindings, effectiveCustomHtmlTagsSet, renderedItems, getHtmlTagFromContent, stripCustomHtmlWrapper, getCodeBlockLanguage, getNodeComponent, getBindingsFor, handleClick };
   }
 });
-var _sfc_render$f = function render31() {
+var _sfc_render$f = function render32() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "markstream-vue2 markdown-renderer legacy-nodes-renderer", class: { dark: _setup.props.isDark }, on: { "click": _setup.handleClick } }, _vm._l(_setup.renderedItems, function(item) {
     return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
@@ -3192,7 +3087,7 @@ 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$e = function render33() {
   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);
@@ -4544,6 +4439,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       admonition: AdmonitionNode,
       vmr_container: VmrContainerNode,
       hardbreak: HardBreakNode,
+      softbreak: SoftBreakNode,
       link: LinkNode,
       image: ImageNode,
       thematic_break: ThematicBreakNode,
@@ -4799,9 +4695,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, emit, MAX_DEFERRED_NODE_COUNT, MAX_VIEWPORT_OBSERVER_TARGETS, VIEWPORT_PRIORITY_RECOVERY_COUNT, containerRef, viewportPriorityAutoDisabled, SCROLL_PARENT_OVERFLOW_RE, isClient, instance, debugPerformanceEnabled, attrs, textStreamState, streamRenderVersion, resolvedShowTooltips, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, mdBase, mdInstance, normalizeCustomTag: normalizeCustomTag2, resolveCustomHtmlTags: resolveCustomHtmlTags2, cloneNodeValue, cloneParsedNodeList, mergedParseOptions, effectiveCustomHtmlTagsSet, parsedNodes, maxLiveNodesResolved, virtualizationEnabled, viewportPriorityEnabled, registerNodeVisibility, requestFrame, cancelFrame, isTestEnv, hasIdleCallback, resolvedBatchSize, resolvedInitialBatch, batchingEnabled, renderedCount, previousRenderContext, adaptiveBatchSize, nodeVisibilityState, nodeVisibilityHandles, nodeVisibilityFallbackTimers, nodeSlotElements, codeBlockRenderCache, nodeSlotVersion, sortedNodeSlots, scrollRootElement, detachScrollHandler, pendingFocusSync, liveRange, visibleNodes, deferNodes, incrementalRenderingActive, previousBatchConfig, shouldObserveSlots, liveNodeBufferResolved, focusIndex, nodeContentElements, legacyVue26, legacyNodesMode, legacyNodeItems, syncNodeRefs, resolveTemplateRef, desiredRenderedCount, resolveScrollContainer, isReverseFlexScrollRoot, getNormalizedScrollTop, getOffsetTopWithinRoot, cleanupScrollListener, setupScrollListener, cancelScheduledFocusSync, scheduleFocusSync, syncFocusToScroll, clamp, updateLiveRange, nodeHeights, heightStats, heightTreeSize, heightSumTree, heightKnownTree, resetHeightMeasurements, pruneHeightMeasurements, fenwickUpdate, fenwickQuery, fenwickRangeSum, rebuildHeightTrees, recordNodeHeight, averageNodeHeight, estimateHeightRange, topSpacerHeight, bottomSpacerHeight, estimateIndexForOffset, estimateIndexForOffsetFromEnd, cleanupNodeVisibility, markNodeVisible, shouldRenderNode, destroyNodeHandle, setNodeSlotElement, bumpNodeSlotVersion, setNodeContentRef, batchRaf, batchTimeout, batchPending, pendingIncrement, batchIdle, VIEWPORT_FALLBACK_DELAY, VIEWPORT_FALLBACK_MARGIN_PX, cancelBatchTimers, clearVisibilityFallback, scheduleVisibilityFallback, autoDisableViewportPriority, scheduleBatch, queueNextBatch, adjustAdaptiveBatchSize, CodeBlockNodeAsync, MermaidBlockNodeAsync, InfographicBlockNodeAsync, D2BlockNodeAsync, codeBlockComponent, nodeComponents, customComponentsMap, indexPrefix, codeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getHtmlTagFromContent, stripCustomHtmlWrapper, getCodeBlockLanguage, isLegacyStructuredNode, getRenderKey, getNodeComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, LegacyNodesRenderer };
   }
 });
-const NodeRenderer_vue_vue_type_style_index_0_scoped_e98920fd_lang = "";
+const NodeRenderer_vue_vue_type_style_index_0_scoped_7e238230_lang = "";
 const NodeRenderer_vue_vue_type_style_index_1_lang = "";
-var _sfc_render$d = function render33() {
+var _sfc_render$d = function render34() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { ref: "containerRef", staticClass: "markstream-vue2 markdown-renderer", class: [{ dark: _setup.props.isDark }, { virtualized: _setup.virtualizationEnabled }], attrs: { "data-custom-id": _setup.props.customId }, on: { "click": _setup.handleContainerClick, "mouseover": _setup.handleContainerMouseover, "mouseout": _setup.handleContainerMouseout } }, [_setup.legacyNodesMode ? _vm._l(_setup.legacyRenderedItems, function(item) {
     return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.typewriter !== false ? _c("transition", { attrs: { "name": "typewriter", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
@@ -4837,7 +4733,7 @@ var __component__$d = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$d,
   false,
   null,
-  "e98920fd",
+  "7e238230",
   null,
   null
 );
@@ -4887,7 +4783,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const AdmonitionNode_vue_vue_type_style_index_0_scoped_f9c1d6b9_lang = "";
-var _sfc_render$c = function render34() {
+var _sfc_render$c = function render35() {
   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);
@@ -5175,6 +5071,7 @@ const KNOWN_NODE_TYPES = /* @__PURE__ */ new Set([
   "footnote",
   "footnote_reference",
   "hardbreak",
+  "softbreak",
   "heading",
   "highlight",
   "html_block",
@@ -5275,6 +5172,8 @@ function renderNodeToHtml(node, ctx) {
       return `<code>${escapeHtml(getString(node.code))}</code>`;
     case "hardbreak":
       return "<br>";
+    case "softbreak":
+      return " ";
     case "link":
       return renderLinkNode(node, ctx);
     case "image":
@@ -5660,7 +5559,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 const Portal_vue_vue_type_style_index_0_scoped_5b7455c5_lang = "";
-var _sfc_render$b = function render35() {
+var _sfc_render$b = function render36() {
   var _vm = this, _c = _vm._self._c;
   _vm._self._setupProxy;
   return _c("div", { ref: "rootRef", staticClass: "portal-root" }, [_vm._t("default")], 2);
@@ -5735,7 +5634,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 const HtmlPreviewFrame_vue_vue_type_style_index_0_scoped_a5364041_lang = "";
-var _sfc_render$a = function render36() {
+var _sfc_render$a = function render37() {
   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;
@@ -7098,7 +6997,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const CodeBlockNode_vue_vue_type_style_index_0_scoped_22412502_lang = "";
-var _sfc_render$9 = function render37() {
+var _sfc_render$9 = function render38() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { attrs: { "node": _vm.node, "loading": _setup.props.loading } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
     _setup.resolvedSurfaceIsDark ? "border-gray-700/30 bg-gray-900" : "border-gray-200 bg-white",
@@ -7628,7 +7527,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$8 = function render39() {
   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");
@@ -8050,7 +7949,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 const InfographicBlockNode_vue_vue_type_style_index_0_scoped_f09aa514_lang = "";
-var _sfc_render$7 = function render39() {
+var _sfc_render$7 = function render40() {
   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",
@@ -8641,7 +8540,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 const MarkdownCodeBlockNode_vue_vue_type_style_index_0_scoped_dfe9b17a_lang = "";
-var _sfc_render$6 = function render40() {
+var _sfc_render$6 = function render41() {
   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))",
@@ -9378,7 +9277,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const MathBlockNode_vue_vue_type_style_index_0_scoped_a643b55f_lang = "";
-var _sfc_render$4 = function render41() {
+var _sfc_render$4 = function render42() {
   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()]);
 };
@@ -9531,7 +9430,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const MathInlineNode_vue_vue_type_style_index_0_scoped_d1ef86a8_lang = "";
-var _sfc_render$3 = function render42() {
+var _sfc_render$3 = function render43() {
   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")])];
@@ -11217,7 +11116,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const MermaidBlockNode_vue_vue_type_style_index_0_scoped_80cb1008_lang = "";
-var _sfc_render$2 = function render43() {
+var _sfc_render$2 = function render44() {
   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",
@@ -11349,7 +11248,7 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var _sfc_render$1 = function render44() {
+var _sfc_render$1 = function render45() {
   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));
@@ -11479,7 +11378,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 render46() {
   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)]);
 };
@@ -12023,7 +11922,8 @@ const componentMap = {
   TextNode,
   ThematicBreakNode,
   VmrContainerNode,
-  ReferenceNode
+  ReferenceNode,
+  SoftBreakNode
 };
 const VueRendererMarkdown = {
   install(Vue, options) {
@@ -12076,6 +11976,7 @@ export {
   ParagraphNode,
   PreCodeNode,
   ReferenceNode,
+  SoftBreakNode,
   StrikethroughNode,
   StrongNode,
   SubscriptNode,