markstream-vue2 0.0.48 → 0.0.50

package/dist/index.js

@@ -56,7 +56,7 @@ export * from "stream-markdown-parser";
 import { KATEX_COMMANDS, normalizeStandaloneBackslashT, setDefaultMathOptions as setDefaultMathOptions2 } from "stream-markdown-parser";
 import * as VueModule from "vue-demi";
 import { defineComponent, getCurrentInstance, computed, shallowRef, h, inject, ref, watch, readonly, useAttrs, onMounted, nextTick, onUpdated, onBeforeUnmount, provide, getCurrentScope, onScopeDispose, markRaw, reactive, onUnmounted } from "vue-demi";
-import { resolveStreamingTextState, normalizeShikiLanguage, createSmoothMarkdownStream, getHighlightRegistrationKey, getRuntimeShikiRegistrationConfig, registerHighlightOnce } from "markstream-core";
+import { normalizeShikiLanguage, createSmoothMarkdownStream, getHighlightRegistrationKey, getRuntimeShikiRegistrationConfig, registerHighlightOnce } from "markstream-core";
 import { autoUpdate, offset, flip, shift, computePosition } from "@floating-ui/dom";
 function getVue2MinorVersion$1(version) {
   const raw = typeof version === "string" ? version : "";
@@ -616,6 +616,20 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    function settleAndMergeSegments(current, segmentId) {
+      return current.reduce((result, segment) => {
+        const nextSegment = segment.id === segmentId ? __spreadProps(__spreadValues({}, segment), { fading: false }) : segment;
+        const previousSegment = result[result.length - 1];
+        if (previousSegment && !previousSegment.fading && !nextSegment.fading) {
+          result[result.length - 1] = __spreadProps(__spreadValues({}, previousSegment), {
+            content: previousSegment.content + nextSegment.content
+          });
+        } else {
+          result.push(nextSegment);
+        }
+        return result;
+      }, []);
+    }
     const instance = getCurrentInstance();
     const attrs = computed(() => {
       var _a2, _b;
@@ -645,39 +659,58 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         return "";
       return String(raw);
     });
-    const settledCode = ref(props.node.code);
-    const streamedDelta = ref("");
-    const streamFadeVersion = ref(0);
-    function getRenderedContent() {
-      return settledCode.value + streamedDelta.value;
-    }
+    const segments = ref(props.node.code ? [{ id: 0, content: props.node.code, fading: false }] : []);
+    const renderedCode = ref(props.node.code);
+    let nextSegmentId = 1;
     function setFullContent(next) {
-      settledCode.value = next;
-      streamedDelta.value = "";
+      var _a2;
+      if (segments.value.length === 1 && !((_a2 = segments.value[0]) == null ? void 0 : _a2.fading) && segments.value[0].content === next)
+        return;
+      segments.value = next ? [{ id: nextSegmentId++, content: next, fading: false }] : [];
     }
-    function settleStreamedDelta() {
-      if (!streamedDelta.value)
+    function settleSegment(segmentId) {
+      if (!segments.value.some((segment) => segment.id === segmentId && segment.fading))
         return;
-      settledCode.value = getRenderedContent();
-      streamedDelta.value = "";
+      segments.value = settleAndMergeSegments(segments.value, segmentId);
+    }
+    function streamedDeltaClass(segment) {
+      return segment.id % 2 === 0 ? "inline-code-stream-delta--a" : "inline-code-stream-delta--b";
     }
     watch(
       [() => props.node.code, streamStateKey, fadeEnabled],
       ([next]) => {
         const normalized = String(next != null ? next : "");
-        const rendered = getRenderedContent();
         const key = streamStateKey.value;
         const previousPersisted = key ? inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.get(key) : void 0;
-        const previousContent = previousPersisted != null ? previousPersisted : rendered;
-        const nextState = resolveStreamingTextState({
-          nextContent: normalized,
-          previousContent,
-          typewriterEnabled: fadeEnabled.value
-        });
-        settledCode.value = nextState.settledContent;
-        streamedDelta.value = nextState.streamedDelta;
-        if (nextState.appended)
-          streamFadeVersion.value += 1;
+        const previousContent = previousPersisted != null ? previousPersisted : renderedCode.value;
+        const resumeFromPersistedContent = previousPersisted !== void 0 && previousPersisted !== renderedCode.value;
+        if (!fadeEnabled.value) {
+          setFullContent(normalized);
+        } else if (normalized !== previousContent) {
+          if (previousContent && normalized.startsWith(previousContent)) {
+            const appendedContent = normalized.slice(previousContent.length);
+            const lastSegment = segments.value[segments.value.length - 1];
+            if (resumeFromPersistedContent) {
+              segments.value = [
+                { id: nextSegmentId++, content: previousContent, fading: false },
+                { id: nextSegmentId++, content: appendedContent, fading: true }
+              ];
+            } else if (lastSegment == null ? void 0 : lastSegment.fading) {
+              segments.value = [
+                ...segments.value.slice(0, -1),
+                __spreadProps(__spreadValues({}, lastSegment), { content: lastSegment.content + appendedContent })
+              ];
+            } else {
+              segments.value = [
+                ...segments.value,
+                { id: nextSegmentId++, content: appendedContent, fading: true }
+              ];
+            }
+          } else {
+            setFullContent(normalized);
+          }
+        }
+        renderedCode.value = normalized;
         if (key)
           inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
       },
@@ -688,17 +721,20 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       (enabled) => {
         if (enabled)
           return;
-        setFullContent(getRenderedContent());
+        setFullContent(renderedCode.value);
       }
     );
-    const streamedDeltaClass = computed(() => streamFadeVersion.value % 2 === 0 ? "inline-code-stream-delta--a" : "inline-code-stream-delta--b");
-    return { __sfc: true, props, instance, attrs, inheritedFade, inheritedTextStreamState, explicitFade, fadeEnabled, streamStateKey, settledCode, streamedDelta, streamFadeVersion, getRenderedContent, setFullContent, settleStreamedDelta, streamedDeltaClass };
+    return { __sfc: true, props, settleAndMergeSegments, instance, attrs, inheritedFade, inheritedTextStreamState, explicitFade, fadeEnabled, streamStateKey, segments, renderedCode, nextSegmentId, setFullContent, settleSegment, streamedDeltaClass };
   }
 });
-const InlineCodeNode_vue_vue_type_style_index_0_scoped_820dbd10_lang = "";
+const InlineCodeNode_vue_vue_type_style_index_0_scoped_6ea4ef26_lang = "";
 var _sfc_render$E = function render6() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("code", { staticClass: "inline text-[85%] px-1 py-0.5 rounded font-mono bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full before:content-[''] after:content-['']" }, [_setup.settledCode ? _c("span", [_vm._v(_vm._s(_setup.settledCode))]) : _vm._e(), _setup.streamedDelta ? _c("span", { staticClass: "inline-code-stream-delta", class: [_setup.streamedDeltaClass], on: { "animationend": _setup.settleStreamedDelta } }, [_vm._v(" " + _vm._s(_setup.streamedDelta) + " ")]) : _vm._e()]);
+  return _c("code", { staticClass: "inline text-[85%] px-1 py-0.5 rounded font-mono bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full before:content-[''] after:content-['']" }, _vm._l(_setup.segments, function(segment) {
+    return _c("span", { key: segment.id, class: segment.fading ? ["inline-code-stream-delta", _setup.streamedDeltaClass(segment)] : void 0, on: { "animationend": function($event) {
+      segment.fading && _setup.settleSegment(segment.id);
+    } } }, [_vm._v(" " + _vm._s(segment.content) + " ")]);
+  }), 0);
 };
 var _sfc_staticRenderFns$E = [];
 var __component__$E = /* @__PURE__ */ normalizeComponent(
@@ -707,7 +743,7 @@ var __component__$E = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$E,
   false,
   null,
-  "820dbd10",
+  "6ea4ef26",
   null,
   null
 );
@@ -1094,6 +1130,20 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   emits: ["copy"],
   setup(__props) {
     const props = __props;
+    function settleAndMergeSegments(current, segmentId) {
+      return current.reduce((result, segment) => {
+        const nextSegment = segmentId == null || segment.id === segmentId ? __spreadProps(__spreadValues({}, segment), { fading: false }) : segment;
+        const previousSegment = result[result.length - 1];
+        if (previousSegment && !previousSegment.fading && !nextSegment.fading) {
+          result[result.length - 1] = __spreadProps(__spreadValues({}, previousSegment), {
+            content: previousSegment.content + nextSegment.content
+          });
+        } else {
+          result.push(nextSegment);
+        }
+        return result;
+      }, []);
+    }
     const katexReady = useKatexReady();
     const instance = getCurrentInstance();
     const attrs = computed(() => {
@@ -1125,54 +1175,76 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         return "";
       return String(raw);
     });
-    const settledContent = ref(props.node.content);
-    const streamedDelta = ref("");
-    const streamFadeVersion = ref(0);
-    function getRenderedContent() {
-      return settledContent.value + streamedDelta.value;
-    }
+    const segments = ref(props.node.content ? [{ id: 0, content: props.node.content, fading: false }] : []);
+    const renderedContent = ref(props.node.content);
+    let nextSegmentId = 1;
     function setFullContent(next) {
-      settledContent.value = next;
-      streamedDelta.value = "";
+      var _a2;
+      if (segments.value.length === 1 && !((_a2 = segments.value[0]) == null ? void 0 : _a2.fading) && segments.value[0].content === next)
+        return;
+      segments.value = next ? [{ id: nextSegmentId++, content: next, fading: false }] : [];
+    }
+    function settleSegment(segmentId) {
+      if (!segments.value.some((segment) => segment.id === segmentId && segment.fading))
+        return;
+      segments.value = settleAndMergeSegments(segments.value, segmentId);
     }
-    function settleStreamedDelta() {
-      if (!streamedDelta.value)
+    function settleFadingSegments() {
+      if (!segments.value.some((segment) => segment.fading))
         return;
-      settledContent.value = getRenderedContent();
-      streamedDelta.value = "";
+      segments.value = settleAndMergeSegments(segments.value);
+    }
+    function streamedDeltaClass(segment) {
+      return segment.id % 2 === 0 ? "text-node-stream-delta--a" : "text-node-stream-delta--b";
     }
     watch(
       [() => props.node.content, streamStateKey, fadeEnabled, () => inheritedStreamVersion == null ? void 0 : inheritedStreamVersion.value],
       ([next]) => {
         const normalized = String(next != null ? next : "");
-        const rendered = getRenderedContent();
         const key = streamStateKey.value;
         const previousPersisted = key ? inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.get(key) : void 0;
-        const previousContent = previousPersisted != null ? previousPersisted : rendered;
+        const previousContent = previousPersisted != null ? previousPersisted : renderedContent.value;
+        const resumeFromPersistedContent = previousPersisted !== void 0 && previousPersisted !== renderedContent.value;
         if (!fadeEnabled.value) {
           setFullContent(normalized);
+          renderedContent.value = normalized;
           if (key)
             inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
           return;
         }
         if (normalized === previousContent) {
-          if (streamedDelta.value)
-            settleStreamedDelta();
-          else if (rendered !== normalized)
+          if (segments.value.some((segment) => segment.fading))
+            settleFadingSegments();
+          else if (renderedContent.value !== normalized)
             setFullContent(normalized);
           if (key)
             inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
+          renderedContent.value = normalized;
           return;
         }
-        const nextState = resolveStreamingTextState({
-          nextContent: normalized,
-          previousContent,
-          typewriterEnabled: fadeEnabled.value
-        });
-        settledContent.value = nextState.settledContent;
-        streamedDelta.value = nextState.streamedDelta;
-        if (nextState.appended)
-          streamFadeVersion.value += 1;
+        if (previousContent && normalized.startsWith(previousContent)) {
+          const appendedContent = normalized.slice(previousContent.length);
+          const lastSegment = segments.value[segments.value.length - 1];
+          if (resumeFromPersistedContent) {
+            segments.value = [
+              { id: nextSegmentId++, content: previousContent, fading: false },
+              { id: nextSegmentId++, content: appendedContent, fading: true }
+            ];
+          } else if (lastSegment == null ? void 0 : lastSegment.fading) {
+            segments.value = [
+              ...segments.value.slice(0, -1),
+              __spreadProps(__spreadValues({}, lastSegment), { content: lastSegment.content + appendedContent })
+            ];
+          } else {
+            segments.value = [
+              ...segments.value,
+              { id: nextSegmentId++, content: appendedContent, fading: true }
+            ];
+          }
+        } else {
+          setFullContent(normalized);
+        }
+        renderedContent.value = normalized;
         if (key)
           inheritedTextStreamState == null ? void 0 : inheritedTextStreamState.set(key, normalized);
       },
@@ -1183,17 +1255,20 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       (enabled) => {
         if (enabled)
           return;
-        setFullContent(getRenderedContent());
+        setFullContent(renderedContent.value);
       }
     );
-    const streamedDeltaClass = computed(() => streamFadeVersion.value % 2 === 0 ? "text-node-stream-delta--a" : "text-node-stream-delta--b");
-    return { __sfc: true, props, katexReady, instance, attrs, inheritedFade, inheritedTextStreamState, inheritedStreamVersion, explicitFade, fadeEnabled, streamStateKey, settledContent, streamedDelta, streamFadeVersion, getRenderedContent, setFullContent, settleStreamedDelta, streamedDeltaClass };
+    return { __sfc: true, props, settleAndMergeSegments, katexReady, instance, attrs, inheritedFade, inheritedTextStreamState, inheritedStreamVersion, explicitFade, fadeEnabled, streamStateKey, segments, renderedContent, nextSegmentId, setFullContent, settleSegment, settleFadingSegments, streamedDeltaClass };
   }
 });
-const TextNode_vue_vue_type_style_index_0_scoped_e8e0f51e_lang = "";
+const TextNode_vue_vue_type_style_index_0_scoped_00951658_lang = "";
 var _sfc_render$C = function render8() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("span", { staticClass: "whitespace-pre-wrap break-words text-node", class: [_setup.katexReady && _vm.node.center ? "text-node-center" : ""] }, [_setup.settledContent ? _c("span", [_vm._v(_vm._s(_setup.settledContent))]) : _vm._e(), _setup.streamedDelta ? _c("span", { staticClass: "text-node-stream-delta", class: [_setup.streamedDeltaClass], on: { "animationend": _setup.settleStreamedDelta } }, [_vm._v(" " + _vm._s(_setup.streamedDelta) + " ")]) : _vm._e()]);
+  return _c("span", { staticClass: "whitespace-pre-wrap break-words text-node", class: [_setup.katexReady && _vm.node.center ? "text-node-center" : ""] }, _vm._l(_setup.segments, function(segment) {
+    return _c("span", { key: segment.id, class: segment.fading ? ["text-node-stream-delta", _setup.streamedDeltaClass(segment)] : void 0, on: { "animationend": function($event) {
+      segment.fading && _setup.settleSegment(segment.id);
+    } } }, [_vm._v(" " + _vm._s(segment.content) + " ")]);
+  }), 0);
 };
 var _sfc_staticRenderFns$C = [];
 var __component__$C = /* @__PURE__ */ normalizeComponent(
@@ -1202,7 +1277,7 @@ var __component__$C = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$C,
   false,
   null,
-  "e8e0f51e",
+  "00951658",
   null,
   null
 );
@@ -3859,13 +3934,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     customHtmlTags: null,
     htmlPolicy: null
   },
-  emits: ["copy", "handleArtifactClick", "click"],
+  emits: ["copy", "copy-code", "handleArtifactClick", "click"],
   setup(__props, { emit }) {
     const props = __props;
     provide("markstreamTypewriter", computed(() => props.typewriter === true));
     provide("markstreamFade", computed(() => props.fade !== false));
-    function handleCopy(code) {
-      emit("copy", code);
+    function isNativeDomEvent(value) {
+      return typeof Event !== "undefined" && value instanceof Event;
+    }
+    function handleCopy(payload) {
+      if (isNativeDomEvent(payload))
+        return;
+      if (typeof payload === "string") {
+        emit("copy-code", payload);
+        emit("copy", payload);
+        return;
+      }
+      emit("copy", payload);
     }
     function handleArtifactClick(payload) {
       emit("handleArtifactClick", payload);
@@ -4064,7 +4149,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleClick(event) {
       emit("click", event);
     }
-    return { __sfc: true, props, emit, handleCopy, handleArtifactClick, nodeComponents, customComponentsMap, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, nonCodeBindings, linkBindings, listBindings, effectiveCustomHtmlTagsSet, renderedItems, getCodeBlockLanguage, getCustomCodeLanguageComponent, getNodeComponent, isCustomCodeBlockComponent, isCustomLanguageCodeBlockComponent, getBindingsFor, handleClick };
+    return { __sfc: true, props, emit, isNativeDomEvent, handleCopy, handleArtifactClick, nodeComponents, customComponentsMap, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, nonCodeBindings, linkBindings, listBindings, effectiveCustomHtmlTagsSet, renderedItems, getCodeBlockLanguage, getCustomCodeLanguageComponent, getNodeComponent, isCustomCodeBlockComponent, isCustomLanguageCodeBlockComponent, getBindingsFor, handleClick };
   }
 });
 var _sfc_render$f = function render31() {
@@ -4252,10 +4337,23 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     maxLiveNodes: { default: 320 },
     liveNodeBuffer: { default: 60 }
   },
-  emits: ["copy", "handleArtifactClick", "click", "mouseover", "mouseout"],
+  emits: ["copy", "copy-code", "handleArtifactClick", "click", "mouseover", "mouseout"],
   setup(__props, { emit }) {
     var _a2, _b, _c;
     const props = __props;
+    function isNativeDomEvent(value) {
+      return typeof Event !== "undefined" && value instanceof Event;
+    }
+    function emitCodeCopy(payload) {
+      if (isNativeDomEvent(payload))
+        return;
+      if (typeof payload === "string") {
+        emit("copy-code", payload);
+        emit("copy", payload);
+        return;
+      }
+      emit("copy", payload);
+    }
     const MAX_DEFERRED_NODE_COUNT = 900;
     const MAX_VIEWPORT_OBSERVER_TARGETS = 640;
     const VIEWPORT_PRIORITY_RECOVERY_COUNT = 200;
@@ -6184,35 +6282,35 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }),
       { flush: "post" }
     );
-    return { __sfc: true, props, emit, MAX_DEFERRED_NODE_COUNT, MAX_VIEWPORT_OBSERVER_TARGETS, VIEWPORT_PRIORITY_RECOVERY_COUNT, containerRef, viewportPriorityAutoDisabled, SCROLL_PARENT_OVERFLOW_RE, isClient, instance, debugPerformanceEnabled, attrs, textStreamState, streamRenderVersion, smoothStream, resolvedShowTooltips, inheritedHtmlPolicy, inheritedSmoothStreaming, resolvedHtmlPolicy, smoothStreamingEligible, hasMountedForSmoothStreaming, smoothStreamingEnabled, renderContent, rawContent, smoothSourceSynced, requestedFinal, effectiveFinal, renderVersionSource, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, customComponentsMap, effectiveCustomHtmlTags, mdBase, mdInstance, cloneNodeValue, cloneParsedNodeList, mergedParseOptions, effectiveCustomHtmlTagsSet, parsedNodes, maxLiveNodesResolved, virtualizationEnabled, viewportPriorityEnabled, registerNodeVisibility, requestFrame, cancelFrame, isTestEnv, hasIdleCallback, resolvedBatchSize, resolvedInitialBatch, batchingEnabled, renderedCount, previousRenderContext, adaptiveBatchSize, nodeVisibilityState, nodeVisibilityHandles, nodeVisibilityFallbackTimers, nodeSlotElements, codeBlockRenderCache, nodeSlotVersion, sortedNodeSlots, scrollRootElement, detachScrollHandler, pendingFocusSync, liveRange, visibleNodes, deferNodes, incrementalRenderingActive, previousBatchConfig, shouldObserveSlots, liveNodeBufferResolved, focusIndex, nodeContentElements, legacyVue26, legacyNodesMode, legacyNodeItems, syncNodeRefs, resolveTemplateRef, desiredRenderedCount, resolveScrollContainer, isReverseFlexScrollRoot, getNormalizedScrollTop, getOffsetTopWithinRoot, cleanupScrollListener, setupScrollListener, cancelScheduledFocusSync, scheduleFocusSync, syncFocusToScroll, clamp, updateLiveRange, nodeHeights, heightStats, heightTreeSize, heightSumTree, heightKnownTree, resetHeightMeasurements, pruneHeightMeasurements, fenwickUpdate, fenwickQuery, fenwickRangeSum, rebuildHeightTrees, recordNodeHeight, averageNodeHeight, estimateHeightRange, topSpacerHeight, bottomSpacerHeight, estimateIndexForOffset, estimateIndexForOffsetFromEnd, cleanupNodeVisibility, markNodeVisible, shouldRenderNode, destroyNodeHandle, setNodeSlotElement, bumpNodeSlotVersion, setNodeContentRef, batchRaf, batchTimeout, batchPending, pendingIncrement, batchIdle, VIEWPORT_FALLBACK_DELAY, VIEWPORT_FALLBACK_MARGIN_PX, cancelBatchTimers, clearVisibilityFallback, scheduleVisibilityFallback, autoDisableViewportPriority, scheduleBatch, queueNextBatch, adjustAdaptiveBatchSize, CodeBlockNodeAsync, MermaidBlockNodeLoading, mermaidBlockNodeComponent, mermaidBlockNodeImport, loadMermaidBlockNode, resolveMermaidBlockNodeComponent, InfographicBlockNodeLoading, infographicBlockNodeComponent, infographicBlockNodeImport, loadInfographicBlockNode, resolveInfographicBlockNodeComponent, D2BlockNodeAsync, codeBlockComponent, nodeComponents, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getCodeBlockLanguage, getCustomCodeLanguageComponent, isLegacyStructuredNode, getRenderKey, getMermaidBindingsFor, getInfographicBindingsFor, getNodeComponent, isCustomCodeBlockComponent, isCustomLanguageCodeBlockComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, hasExplicitNodes, typewriterCursorRef, showTypewriterCursor, typewriterCursorTimeout, lastTypewriterContentLength, TYPEWRITER_CURSOR_EXCLUDED_NODE_TYPES, shouldSkipTypewriterCursorForNode, shouldShowTypewriterCursorForCurrentNodes, getNodeTextLength, getTypewriterContentLength, clearTypewriterCursorTimeout, getLastTextNode, updateTypewriterCursorPosition, LegacyNodesRenderer };
+    return { __sfc: true, props, emit, isNativeDomEvent, emitCodeCopy, MAX_DEFERRED_NODE_COUNT, MAX_VIEWPORT_OBSERVER_TARGETS, VIEWPORT_PRIORITY_RECOVERY_COUNT, containerRef, viewportPriorityAutoDisabled, SCROLL_PARENT_OVERFLOW_RE, isClient, instance, debugPerformanceEnabled, attrs, textStreamState, streamRenderVersion, smoothStream, resolvedShowTooltips, inheritedHtmlPolicy, inheritedSmoothStreaming, resolvedHtmlPolicy, smoothStreamingEligible, hasMountedForSmoothStreaming, smoothStreamingEnabled, renderContent, rawContent, smoothSourceSynced, requestedFinal, effectiveFinal, renderVersionSource, logPerf, resolveViewportRoot, instanceMsgId, defaultMd, customTagCache, EMPTY_PARSED_NODES, customComponentsMap, effectiveCustomHtmlTags, mdBase, mdInstance, cloneNodeValue, cloneParsedNodeList, mergedParseOptions, effectiveCustomHtmlTagsSet, parsedNodes, maxLiveNodesResolved, virtualizationEnabled, viewportPriorityEnabled, registerNodeVisibility, requestFrame, cancelFrame, isTestEnv, hasIdleCallback, resolvedBatchSize, resolvedInitialBatch, batchingEnabled, renderedCount, previousRenderContext, adaptiveBatchSize, nodeVisibilityState, nodeVisibilityHandles, nodeVisibilityFallbackTimers, nodeSlotElements, codeBlockRenderCache, nodeSlotVersion, sortedNodeSlots, scrollRootElement, detachScrollHandler, pendingFocusSync, liveRange, visibleNodes, deferNodes, incrementalRenderingActive, previousBatchConfig, shouldObserveSlots, liveNodeBufferResolved, focusIndex, nodeContentElements, legacyVue26, legacyNodesMode, legacyNodeItems, syncNodeRefs, resolveTemplateRef, desiredRenderedCount, resolveScrollContainer, isReverseFlexScrollRoot, getNormalizedScrollTop, getOffsetTopWithinRoot, cleanupScrollListener, setupScrollListener, cancelScheduledFocusSync, scheduleFocusSync, syncFocusToScroll, clamp, updateLiveRange, nodeHeights, heightStats, heightTreeSize, heightSumTree, heightKnownTree, resetHeightMeasurements, pruneHeightMeasurements, fenwickUpdate, fenwickQuery, fenwickRangeSum, rebuildHeightTrees, recordNodeHeight, averageNodeHeight, estimateHeightRange, topSpacerHeight, bottomSpacerHeight, estimateIndexForOffset, estimateIndexForOffsetFromEnd, cleanupNodeVisibility, markNodeVisible, shouldRenderNode, destroyNodeHandle, setNodeSlotElement, bumpNodeSlotVersion, setNodeContentRef, batchRaf, batchTimeout, batchPending, pendingIncrement, batchIdle, VIEWPORT_FALLBACK_DELAY, VIEWPORT_FALLBACK_MARGIN_PX, cancelBatchTimers, clearVisibilityFallback, scheduleVisibilityFallback, autoDisableViewportPriority, scheduleBatch, queueNextBatch, adjustAdaptiveBatchSize, CodeBlockNodeAsync, MermaidBlockNodeLoading, mermaidBlockNodeComponent, mermaidBlockNodeImport, loadMermaidBlockNode, resolveMermaidBlockNodeComponent, InfographicBlockNodeLoading, infographicBlockNodeComponent, infographicBlockNodeImport, loadInfographicBlockNode, resolveInfographicBlockNodeComponent, D2BlockNodeAsync, codeBlockComponent, nodeComponents, indexPrefix, codeBlockExtraProps, builtinCodeBlockExtraProps, codeBlockBindings, customCodeBlockBindings, mermaidBindings, d2Bindings, infographicBindings, nonCodeBindings, linkBindings, listBindings, legacyRenderedItems, legacyStructuredContentMode, renderedItems, getCodeBlockRenderNode, getCodeBlockLanguage, getCustomCodeLanguageComponent, isLegacyStructuredNode, getRenderKey, getMermaidBindingsFor, getInfographicBindingsFor, getNodeComponent, isCustomCodeBlockComponent, isCustomLanguageCodeBlockComponent, getBindingsFor, handleContainerClick, handleContainerMouseover, handleContainerMouseout, hasExplicitNodes, typewriterCursorRef, showTypewriterCursor, typewriterCursorTimeout, lastTypewriterContentLength, TYPEWRITER_CURSOR_EXCLUDED_NODE_TYPES, shouldSkipTypewriterCursorForNode, shouldShowTypewriterCursorForCurrentNodes, getNodeTextLength, getTypewriterContentLength, clearTypewriterCursorTimeout, getLastTextNode, updateTypewriterCursorPosition, LegacyNodesRenderer };
   }
 });
-const NodeRenderer_vue_vue_type_style_index_0_scoped_6b8b1370_lang = "";
+const NodeRenderer_vue_vue_type_style_index_0_scoped_1dc14ae3_lang = "";
 const NodeRenderer_vue_vue_type_style_index_1_lang = "";
 var _sfc_render$d = function render33() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { ref: "containerRef", staticClass: "markstream-vue2 markdown-renderer", class: [{ dark: _setup.props.isDark }, { virtualized: _setup.virtualizationEnabled }], attrs: { "data-custom-id": _setup.props.customId }, on: { "click": _setup.handleContainerClick, "mouseover": _setup.handleContainerMouseover, "mouseout": _setup.handleContainerMouseout } }, [_setup.legacyNodesMode ? _vm._l(_setup.legacyRenderedItems, function(item) {
     return _c("div", { key: item.renderKey, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_c("div", { staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.fade !== false ? _c("transition", { attrs: { "name": "fade", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
+      return _setup.emitCodeCopy($event);
     }, "handle-artifact-click": function($event) {
       return _setup.emit("handleArtifactClick", $event);
     } } }, "component", item.bindings, false))], 1) : _c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
+      return _setup.emitCodeCopy($event);
     }, "handle-artifact-click": function($event) {
       return _setup.emit("handleArtifactClick", $event);
     } } }, "component", item.bindings, false))], 1)]);
   }) : _setup.legacyStructuredContentMode ? _c(_setup.LegacyNodesRenderer, { attrs: { "nodes": _setup.parsedNodes, "custom-id": _setup.props.customId, "index-key": _setup.props.indexKey, "typewriter": _setup.props.typewriter, "fade": _setup.props.fade, "show-tooltips": _setup.props.showTooltips, "code-block-stream": _setup.props.codeBlockStream, "code-block-dark-theme": _setup.props.codeBlockDarkTheme, "code-block-light-theme": _setup.props.codeBlockLightTheme, "code-block-monaco-options": _setup.props.codeBlockMonacoOptions, "render-code-blocks-as-pre": _setup.props.renderCodeBlocksAsPre, "code-block-min-width": _setup.props.codeBlockMinWidth, "code-block-max-width": _setup.props.codeBlockMaxWidth, "code-block-props": _setup.props.codeBlockProps, "themes": _setup.props.themes, "langs": _setup.props.langs, "is-dark": _setup.props.isDark, "custom-html-tags": _setup.mergedParseOptions.customHtmlTags, "html-policy": _setup.resolvedHtmlPolicy }, on: { "copy": function($event) {
-    return _setup.emit("copy", $event);
+    return _setup.emitCodeCopy($event);
   }, "handle-artifact-click": function($event) {
     return _setup.emit("handleArtifactClick", $event);
   } } }) : [_setup.virtualizationEnabled ? _c("div", { staticClass: "node-spacer", style: { height: `${_setup.topSpacerHeight}px` }, attrs: { "aria-hidden": "true" } }) : _vm._e(), _vm._l(_setup.renderedItems, function(item) {
     var _a2;
     return _c("div", { key: item.renderKey, ref: `node-slot-${item.index}`, refInFor: true, staticClass: "node-slot", attrs: { "data-node-index": item.index, "data-node-type": item.node.type } }, [_setup.shouldRenderNode(item.index) ? _c("div", { ref: `node-content-${item.index}`, refInFor: true, staticClass: "node-content" }, [!item.isCodeBlock && _setup.props.fade !== false ? _c("transition", { attrs: { "name": "fade", "appear": "" } }, [_c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
+      return _setup.emitCodeCopy($event);
     }, "handle-artifact-click": function($event) {
       return _setup.emit("handleArtifactClick", $event);
     } } }, "component", item.bindings, false))], 1) : _c(item.component, _vm._b({ tag: "component", attrs: { "node": item.node, "loading": item.node.loading, "index-key": item.indexKey, "custom-id": _setup.props.customId, "is-dark": _setup.props.isDark }, on: { "copy": function($event) {
-      return _setup.emit("copy", $event);
+      return _setup.emitCodeCopy($event);
     }, "handle-artifact-click": function($event) {
       return _setup.emit("handleArtifactClick", $event);
     } } }, "component", item.bindings, false))], 1) : _c("div", { staticClass: "node-placeholder", style: { height: `${(_a2 = _setup.nodeHeights[item.index]) != null ? _a2 : _setup.averageNodeHeight}px` } })]);
@@ -6225,7 +6323,7 @@ var __component__$d = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$d,
   false,
   null,
-  "6b8b1370",
+  "1dc14ae3",
   null,
   null
 );
@@ -10635,8 +10733,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         if (isUnmounted)
           return;
         if (!props.node.content) {
-          applyRawFallback();
-          hasRenderedOnce = true;
+          renderedHtml.value = "";
+          fallbackText.value = props.node.loading ? "" : props.node.raw;
+          renderingLoading.value = !!props.node.loading;
+          hasRenderedOnce = !props.node.loading;
           return;
         }
         const cached = getCachedMathRender(cacheKey.value);
@@ -10711,7 +10811,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return { __sfc: true, props, containerEl, registerVisibility, visibilityHandle, currentRenderId, isUnmounted, currentAbortController, displayMode, mathContent, cacheKey, initialCached, renderedHtml, fallbackText, renderingLoading, hasRenderedOnce, renderWithMainThreadFallback, applySuccessfulRender, applyRawFallback, renderMath };
   }
 });
-const MathInlineNode_vue_vue_type_style_index_0_scoped_d2f0cfa6_lang = "";
+const MathInlineNode_vue_vue_type_style_index_0_scoped_6e33b527_lang = "";
 var _sfc_render$3 = function render42() {
   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() {
@@ -10725,7 +10825,7 @@ var __component__$3 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$3,
   false,
   null,
-  "d2f0cfa6",
+  "6e33b527",
   null,
   null
 );