vue-stream-markdown 0.2.2 → 0.2.3

package/dist/index.js

@@ -1,6 +1,6 @@
-import { t as CODE_PREVIEWERS } from "./previewers-Cpx1Wqu8.js";
-import { A as tableDataToMarkdown, B as flow, C as loadLocaleMessages, D as escapeMarkdownTableCell, E as useFloating, F as hasKatex, G as useControls, H as saveImage, I as hasMermaid, K as useContext, L as hasShiki, M as preloadAsyncComponents, N as findLastLeafNode, O as extractTableDataFromElement, P as findNodeParent, R as isClient, S as currentLocale, T as localesGlob, U as svgToPngBlob, V as save, W as transformUrl, a as SHADCN_SCHEMAS, b as useI18n, c as DEFAULT_HARDEN_OPTIONS, d as LANGUAGE_ALIAS, f as LANGUAGE_EXTENSIONS, g as useMathRenderer, h as useMediumZoom, i as useSanitizers, j as tableDataToTSV, k as tableDataToCSV, l as DEFAULT_DARK_THEME, m as useMermaid, n as useTailwindV3Theme, o as PRELOAD_NODE_RENDERER, p as LANGUAGE_ICONS, q as useCodeOptions, r as useShiki, s as ICONS, t as useZoom, u as DEFAULT_LIGHT_THEME, v as _defineProperty, w as localeMessages, x as SUPPORT_LANGUAGES, y as useKatex, z as isServer } from "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import { t as CODE_PREVIEWERS } from "./previewers-C7PKsIbc.js";
+import { A as tableDataToMarkdown, B as flow, C as loadLocaleMessages, D as escapeMarkdownTableCell, E as useFloating, F as hasKatex, G as useControls, H as saveImage, I as hasMermaid, K as useContext, L as hasShiki, M as preloadAsyncComponents, N as findLastLeafNode, O as extractTableDataFromElement, P as findNodeParent, R as isClient, S as currentLocale, T as localesGlob, U as svgToPngBlob, V as save, W as transformUrl, a as SHADCN_SCHEMAS, b as useI18n, c as DEFAULT_HARDEN_OPTIONS, d as LANGUAGE_ALIAS, f as LANGUAGE_EXTENSIONS, g as useMathRenderer, h as useMediumZoom, i as useSanitizers, j as tableDataToTSV, k as tableDataToCSV, l as DEFAULT_DARK_THEME, m as useMermaid, n as useTailwindV3Theme, o as PRELOAD_NODE_RENDERER, p as LANGUAGE_ICONS, q as useCodeOptions, r as useShiki, s as ICONS, t as useZoom, u as DEFAULT_LIGHT_THEME, v as _defineProperty, w as localeMessages, x as SUPPORT_LANGUAGES, y as useKatex, z as isServer } from "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { n as treeFlatFilter, t as treeFilter } from "./dist-CYkm26BF.js";
 import { computed, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, toRefs, unref, watch } from "vue";
 import { MarkdownItAsync } from "markdown-it-async";
@@ -49,46 +49,46 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 //#region src/components/renderers/index.ts
 const NODE_RENDERERS = {
-	blockquote: defineAsyncComponent(() => import("./blockquote-CVFraiyL.js")),
-	break: defineAsyncComponent(() => import("./break-CzrM3nW0.js")),
-	code: defineAsyncComponent(() => import("./code-DwwmPoup.js")),
-	delete: defineAsyncComponent(() => import("./delete-BRwEUU72.js")),
-	emphasis: defineAsyncComponent(() => import("./emphasis-DblyP-Vp.js")),
-	footnoteDefinition: defineAsyncComponent(() => import("./footnote-definition-BvZNKSLa.js")),
-	footnoteReference: defineAsyncComponent(() => import("./footnote-reference-DvAxMjRZ.js")),
-	heading: defineAsyncComponent(() => import("./heading-g87txbB0.js")),
-	html: defineAsyncComponent(() => import("./html-BG83dEZJ.js")),
-	image: defineAsyncComponent(() => import("./image-CR28eDok.js")),
-	inlineCode: defineAsyncComponent(() => import("./inline-code-E5uGvmnx.js")),
-	inlineMath: defineAsyncComponent(() => import("./inline-math-BHDNxQ5R.js")),
-	link: defineAsyncComponent(() => import("./link-BiA46FMM.js")),
-	list: defineAsyncComponent(() => import("./list-D7QyoGUy.js")),
-	listItem: defineAsyncComponent(() => import("./list-item-Cv8l3Ufd.js")),
-	math: defineAsyncComponent(() => import("./math-BzuYH4PG.js")),
-	paragraph: defineAsyncComponent(() => import("./paragraph-YTqe84Bm.js")),
-	strong: defineAsyncComponent(() => import("./strong-nPwCJEKq.js")),
-	table: defineAsyncComponent(() => import("./table-Dtpd-MnT.js")),
-	text: defineAsyncComponent(() => import("./text-CfRWiRE0.js")),
-	thematicBreak: defineAsyncComponent(() => import("./thematic-break-DgOD2KmY.js")),
-	yaml: defineAsyncComponent(() => import("./yaml-DP0yfJyS.js"))
+	blockquote: defineAsyncComponent(() => import("./blockquote-Crr-D7fY.js")),
+	break: defineAsyncComponent(() => import("./break-DoDPjOA0.js")),
+	code: defineAsyncComponent(() => import("./code-Bz8LM16H.js")),
+	delete: defineAsyncComponent(() => import("./delete-DFoiOzHW.js")),
+	emphasis: defineAsyncComponent(() => import("./emphasis-DvaBuxeK.js")),
+	footnoteDefinition: defineAsyncComponent(() => import("./footnote-definition-ByWh1N3S.js")),
+	footnoteReference: defineAsyncComponent(() => import("./footnote-reference-BJ4J7BFo.js")),
+	heading: defineAsyncComponent(() => import("./heading-1fssqGGO.js")),
+	html: defineAsyncComponent(() => import("./html-Be_6ezK6.js")),
+	image: defineAsyncComponent(() => import("./image-xPrAKT9D.js")),
+	inlineCode: defineAsyncComponent(() => import("./inline-code-B5lfHACE.js")),
+	inlineMath: defineAsyncComponent(() => import("./inline-math-CPkpjl8t.js")),
+	link: defineAsyncComponent(() => import("./link-BACrkxRW.js")),
+	list: defineAsyncComponent(() => import("./list-Cu8G46hK.js")),
+	listItem: defineAsyncComponent(() => import("./list-item-BMgDS1tS.js")),
+	math: defineAsyncComponent(() => import("./math-XsZX0VMw.js")),
+	paragraph: defineAsyncComponent(() => import("./paragraph-Cfd37HUK.js")),
+	strong: defineAsyncComponent(() => import("./strong-BzOBAWrG.js")),
+	table: defineAsyncComponent(() => import("./table-YY5M01Jm.js")),
+	text: defineAsyncComponent(() => import("./text-DbHMEN3P.js")),
+	thematicBreak: defineAsyncComponent(() => import("./thematic-break-CdlhHAEZ.js")),
+	yaml: defineAsyncComponent(() => import("./yaml-DL5ozHZ_.js"))
 };
 
 //#endregion
 //#region src/components/index.ts
 const UI = {
-	Button: defineAsyncComponent(() => import("./button-BFS-gHGF.js")),
-	CodeBlock: defineAsyncComponent(() => import("./code-block-CTM9VEwA.js")),
-	Dropdown: defineAsyncComponent(() => import("./dropdown-BQ3uynLf.js")),
-	ErrorComponent: defineAsyncComponent(() => import("./error-component-B_Vacrqa.js")),
-	Icon: defineAsyncComponent(() => import("./icon-BX3KKloR.js")),
-	Image: defineAsyncComponent(() => import("./image-BtkXhzG1.js")),
-	Modal: defineAsyncComponent(() => import("./modal-CFOdkYNj.js")),
-	NodeList: defineAsyncComponent(() => import("./node-list-BYDvt6bq.js")),
-	Segmented: defineAsyncComponent(() => import("./segmented-CaVb5_Rp.js")),
+	Button: defineAsyncComponent(() => import("./button-Dw4uJRaD.js")),
+	CodeBlock: defineAsyncComponent(() => import("./code-block-Bitp8x1w.js")),
+	Dropdown: defineAsyncComponent(() => import("./dropdown-CSRjqK0u.js")),
+	ErrorComponent: defineAsyncComponent(() => import("./error-component-DDnC0bqw.js")),
+	Icon: defineAsyncComponent(() => import("./icon-DE3AzDqz.js")),
+	Image: defineAsyncComponent(() => import("./image-Dl-r78_E.js")),
+	Modal: defineAsyncComponent(() => import("./modal-C7O4jt5-.js")),
+	NodeList: defineAsyncComponent(() => import("./node-list-DMwAmH_n.js")),
+	Segmented: defineAsyncComponent(() => import("./segmented-BRTZXoDN.js")),
 	Spin: defineAsyncComponent(() => import("./spin-DElj7VPm.js")),
 	Table: defineAsyncComponent(() => import("./table-D6j6Gl87.js")),
-	Tooltip: defineAsyncComponent(() => import("./tooltip-BIvCaFUj.js")),
-	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-DtkZ07v1.js"))
+	Tooltip: defineAsyncComponent(() => import("./tooltip-vDDEbLwf.js")),
+	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-JLbwB4gy.js"))
 };
 
 //#endregion
@@ -2894,7 +2894,7 @@ function initializeContent(effects) {
 *   Construct and its state.
 */
 /** @type {InitialConstruct} */
-const document = { tokenize: initializeDocument };
+const document$1 = { tokenize: initializeDocument };
 /** @type {Construct} */
 const containerConstruct = { tokenize: tokenizeContainer };
 /**
@@ -8989,7 +8989,7 @@ var constructs_exports = /* @__PURE__ */ __export({
 	attentionMarkers: () => attentionMarkers,
 	contentInitial: () => contentInitial,
 	disable: () => disable,
-	document: () => document$1,
+	document: () => document$2,
 	flow: () => flow$2,
 	flowInitial: () => flowInitial,
 	insideSpan: () => insideSpan,
@@ -8997,7 +8997,7 @@ var constructs_exports = /* @__PURE__ */ __export({
 	text: () => text$3
 });
 /** @satisfies {Extension['document']} */
-const document$1 = {
+const document$2 = {
 	[42]: list$2,
 	[43]: list$2,
 	[45]: list$2,
@@ -9552,7 +9552,7 @@ function parse(options) {
 		constructs: combineExtensions([constructs_exports, ...(options || {}).extensions || []]),
 		content: create$1(content),
 		defined: [],
-		document: create$1(document),
+		document: create$1(document$1),
 		flow: create$1(flow$1),
 		lazy: {},
 		string: create$1(string),
@@ -19708,6 +19708,82 @@ const quoteTaskListPattern = /^>\s*- \[[x ]\]/i;
 const quoteIncompleteTaskListPattern = /^>\s*-\s*\[\s*$/;
 const trailingStandaloneDashWithNewlinesPattern = /(\n\n?)-[ \t]*$/;
 
+//#endregion
+//#region src/preprocess/utils.ts
+/**
+* Utility functions for preprocessing markdown content
+*/
+/**
+* Find the start index of the last paragraph in content
+* A paragraph is defined as content after the last blank line
+*
+* @param lines - Array of lines from content.split('\n')
+* @param skipTrailingEmpty - If true, skip the last element if it's empty (from trailing \n)
+* @returns The start index of the last paragraph
+*/
+function findLastParagraphStart(lines, skipTrailingEmpty = false) {
+	for (let i = lines.length - 1; i >= 0; i--) {
+		const line = lines[i];
+		if (line === void 0) continue;
+		if (skipTrailingEmpty && i === lines.length - 1 && line.trim() === "") continue;
+		if (line.trim() === "") return i + 1;
+	}
+	return 0;
+}
+/**
+* Get the last paragraph and its start index
+*
+* @param content - Markdown content
+* @param skipTrailingEmpty - If true, skip trailing empty line when finding paragraph start
+* @returns Object with lastParagraph and startIndex
+*/
+function getLastParagraphWithIndex(content$2, skipTrailingEmpty = false) {
+	const lines = content$2.split("\n");
+	const startIndex = findLastParagraphStart(lines, skipTrailingEmpty);
+	return {
+		lastParagraph: lines.slice(startIndex).join("\n"),
+		startIndex
+	};
+}
+/**
+* Find the index of the last non-empty line
+*
+* @param lines - Array of lines
+* @returns The index of the last non-empty line, or -1 if all lines are empty
+*/
+function findLastNonEmptyLineIndex(lines) {
+	for (let i = lines.length - 1; i >= 0; i--) {
+		const line = lines[i];
+		if (line && line.trim() !== "") return i;
+	}
+	return -1;
+}
+/**
+* Calculate the absolute position in content from a relative position in a paragraph
+*
+* @param paragraphStartIndex - The line index where the paragraph starts
+* @param relativePos - The position relative to the paragraph start
+* @param lines - All lines from content.split('\n')
+* @returns The absolute position in the full content
+*/
+function calculateAbsolutePosition(paragraphStartIndex, relativePos, lines) {
+	if (paragraphStartIndex === 0) return relativePos;
+	const beforeParagraph = lines.slice(0, paragraphStartIndex).join("\n");
+	return beforeParagraph.length > 0 ? beforeParagraph.length + 1 + relativePos : relativePos;
+}
+/**
+* Calculate the paragraph offset for absolute position calculations
+*
+* @param paragraphStartIndex - The line index where the paragraph starts
+* @param lines - All lines from content.split('\n')
+* @returns The offset to add to relative positions
+*/
+function calculateParagraphOffset(paragraphStartIndex, lines) {
+	if (paragraphStartIndex === 0) return 0;
+	const beforeParagraph = lines.slice(0, paragraphStartIndex).join("\n");
+	return beforeParagraph.length > 0 ? beforeParagraph.length + 1 : 0;
+}
+
 //#endregion
 //#region src/preprocess/code.ts
 /**
@@ -19740,10 +19816,13 @@ const trailingStandaloneDashWithNewlinesPattern = /(\n\n?)-[ \t]*$/;
 * // Returns: '```' (no completion, code block has no content)
 */
 function fixCode(content$2) {
+	const codeBlockMatches = content$2.match(tripleBacktickPattern);
+	const isInsideCodeBlock = (codeBlockMatches ? codeBlockMatches.length : 0) % 2 === 1;
 	const cleaned = removeTrailingIncompleteBackticks(content$2);
 	const wasCleanedUp = cleaned !== content$2;
 	content$2 = cleaned;
-	if (!wasCleanedUp) content$2 = fixCodeBlock(content$2);
+	if (isInsideCodeBlock && wasCleanedUp) content$2 = fixCodeBlock(content$2);
+	else if (!wasCleanedUp) content$2 = fixCodeBlock(content$2);
 	if (!wasCleanedUp) content$2 = fixInlineCode(content$2);
 	return content$2;
 }
@@ -19761,13 +19840,8 @@ function removeTrailingIncompleteBackticks(content$2) {
 	const afterBackticks = content$2.substring(backtickPos + backtickSequence.length);
 	if (afterBackticks.trim().length > 0) return content$2;
 	if (backtickSequence.length === 1) {
-		const lines = beforeBackticks.split("\n");
-		let paragraphStartIndex = 0;
-		for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-			paragraphStartIndex = i + 1;
-			break;
-		}
-		const backticks = lines.slice(paragraphStartIndex).join("\n").replace(codeBlockPattern, "").match(singleBacktickPattern);
+		const { lastParagraph } = getLastParagraphWithIndex(beforeBackticks);
+		const backticks = lastParagraph.replace(codeBlockPattern, "").match(singleBacktickPattern);
 		const count = backticks ? backticks.length : 0;
 		const codeBlockMatches = beforeBackticks.match(tripleBacktickPattern);
 		const codeBlockCount = codeBlockMatches ? codeBlockMatches.length : 0;
@@ -19807,12 +19881,7 @@ function fixInlineCode(content$2) {
 	const codeBlockMatches = content$2.match(tripleBacktickPattern);
 	if ((codeBlockMatches ? codeBlockMatches.length : 0) % 2 === 1) return content$2;
 	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		paragraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(paragraphStartIndex).join("\n");
+	const { lastParagraph, startIndex: paragraphStartIndex } = getLastParagraphWithIndex(content$2);
 	const backticks = lastParagraph.replace(codeBlockPattern, "").match(singleBacktickPattern);
 	if ((backticks ? backticks.length : 0) % 2 === 1) {
 		let lastBacktickPos = -1;
@@ -19834,8 +19903,7 @@ function fixInlineCode(content$2) {
 			}
 		}
 		if (lastBacktickPos !== -1) {
-			const beforeLastParagraph = lines.slice(0, paragraphStartIndex).join("\n");
-			const actualPos = (beforeLastParagraph.length > 0 ? beforeLastParagraph.length + 1 : 0) + lastBacktickPos;
+			const actualPos = calculateParagraphOffset(paragraphStartIndex, lines) + lastBacktickPos;
 			if (content$2.substring(actualPos + 1).trim().length > 0) return `${content$2}\``;
 			else return content$2.slice(0, actualPos) + content$2.slice(actualPos + 1);
 		}
@@ -19867,13 +19935,7 @@ function fixInlineCode(content$2) {
 * // Returns: 'List item\n\n~~' (no completion, ~~ has no content)
 */
 function fixDelete(content$2) {
-	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		paragraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(paragraphStartIndex).join("\n");
+	const { lastParagraph, startIndex: paragraphStartIndex } = getLastParagraphWithIndex(content$2);
 	const matches = lastParagraph.match(doubleTildePattern);
 	const count = matches ? matches.length : 0;
 	if (content$2.endsWith("~") && !content$2.endsWith("~~")) {
@@ -19891,7 +19953,7 @@ function fixDelete(content$2) {
 		const lastTildePos = lastParagraph.lastIndexOf("~~");
 		const afterLast = lastParagraph.substring(lastTildePos + 2);
 		if (afterLast.trim().length > 0) return `${content$2}~~`;
-		else return content$2.substring(0, content$2.length - afterLast.length - 2);
+		else return content$2.substring(0, content$2.length - afterLast.length - 2).trimEnd();
 	}
 	return content$2;
 }
@@ -19906,34 +19968,42 @@ function fixDelete(content$2) {
 */
 function fixEmphasis(content$2) {
 	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		paragraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(paragraphStartIndex).join("\n");
+	const { lastParagraph, startIndex: paragraphStartIndex } = getLastParagraphWithIndex(content$2);
 	const withoutDoubleAsterisk = lastParagraph.replace(doubleAsteriskPattern, "");
 	const asteriskMatches = withoutDoubleAsterisk.match(singleAsteriskPattern);
-	if ((asteriskMatches ? asteriskMatches.length : 0) % 2 === 1) {
-		const lastStarPos = withoutDoubleAsterisk.lastIndexOf("*");
-		if (withoutDoubleAsterisk.substring(lastStarPos + 1).trim().length > 0) return `${content$2}*`;
-		else {
-			let result = content$2.slice(0, -1);
-			if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
-			return result;
-		}
-	}
+	const asteriskCount = asteriskMatches ? asteriskMatches.length : 0;
 	const withoutDoubleUnderscore = lastParagraph.replace(doubleUnderscorePattern, "");
 	const underscoreMatches = withoutDoubleUnderscore.match(singleUnderscorePattern);
-	if ((underscoreMatches ? underscoreMatches.length : 0) % 2 === 1) {
+	const underscoreCount = underscoreMatches ? underscoreMatches.length : 0;
+	let needsAsteriskCompletion = false;
+	let needsUnderscoreCompletion = false;
+	let needsAsteriskRemoval = false;
+	let needsUnderscoreRemoval = false;
+	if (asteriskCount % 2 === 1) {
+		const lastStarPos = withoutDoubleAsterisk.lastIndexOf("*");
+		if (withoutDoubleAsterisk.substring(lastStarPos + 1).trim().length > 0) needsAsteriskCompletion = true;
+		else needsAsteriskRemoval = true;
+	}
+	if (underscoreCount % 2 === 1) {
 		const lastUnderscorePos = withoutDoubleUnderscore.lastIndexOf("_");
-		if (withoutDoubleUnderscore.substring(lastUnderscorePos + 1).trim().length > 0) return `${content$2}_`;
-		else {
-			let result = content$2.slice(0, -1);
-			if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
-			return result;
-		}
+		if (withoutDoubleUnderscore.substring(lastUnderscorePos + 1).trim().length > 0) needsUnderscoreCompletion = true;
+		else needsUnderscoreRemoval = true;
+	}
+	if (needsAsteriskRemoval) {
+		let result = content$2.slice(0, -1).trimEnd();
+		if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
+		return result;
 	}
+	if (needsUnderscoreRemoval) {
+		const absoluteLastUnderscorePos = calculateParagraphOffset(paragraphStartIndex, lines) + withoutDoubleUnderscore.lastIndexOf("_");
+		let result = content$2.substring(0, absoluteLastUnderscorePos).trimEnd();
+		if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
+		return result;
+	}
+	if (needsAsteriskCompletion && needsUnderscoreCompletion) if (withoutDoubleAsterisk.indexOf("*") < withoutDoubleUnderscore.indexOf("_")) return `${content$2}_*`;
+	else return `${content$2}*_`;
+	if (needsAsteriskCompletion) return `${content$2}*`;
+	if (needsUnderscoreCompletion) return `${content$2}_`;
 	return content$2;
 }
 
@@ -20007,47 +20077,42 @@ function fixFootnote(content$2) {
 			if (!(before === "`" && before2 === "`" || before === "`" && after === "`" || after === "`" && after2 === "`")) backtickPositions.push(i);
 		}
 	}
-	for (let i = 0; i < backtickPositions.length; i += 2) if (i + 1 < backtickPositions.length) {
+	for (let i = 0; i < backtickPositions.length; i += 2) {
 		const start = backtickPositions[i];
-		const end = backtickPositions[i + 1] + 1;
-		inlineCodeRanges.push({
+		const end = backtickPositions[i + 1];
+		if (start !== void 0 && end !== void 0) inlineCodeRanges.push({
 			start,
-			end
+			end: end + 1
 		});
 	}
 	const footnoteDefRanges = [];
 	let lineOffset = 0;
 	for (let i = 0; i < lines.length; i++) {
 		const line = lines[i];
-		if (isFootnoteDefLine(line)) {
+		if (line && isFootnoteDefLine(line)) {
 			const lineEnd = lineOffset + line.length;
 			footnoteDefRanges.push({
 				start: lineOffset,
 				end: lineEnd
 			});
 		}
-		lineOffset += line.length + 1;
+		if (line) lineOffset += line.length + 1;
 	}
-	let lastParagraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		lastParagraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(lastParagraphStartIndex).join("\n");
+	const { lastParagraph, startIndex: lastParagraphStartIndex } = getLastParagraphWithIndex(content$2);
 	let result = content$2;
 	if (incompleteFootnoteRefPattern.test(lastParagraph)) {
 		const incompleteRefPos = lastParagraph.lastIndexOf("[^");
 		if (incompleteRefPos !== -1) {
-			const absolutePos = lastParagraphStartIndex > 0 ? lines.slice(0, lastParagraphStartIndex).join("\n").length + 1 + incompleteRefPos : incompleteRefPos;
+			const absolutePos = calculateAbsolutePosition(lastParagraphStartIndex, incompleteRefPos, lines);
 			const isInCodeBlock = codeBlockRanges.some((range) => absolutePos >= range.start && absolutePos < range.end);
 			const isInInlineCode = inlineCodeRanges.some((range) => absolutePos >= range.start && absolutePos < range.end);
 			if (!isInCodeBlock && !isInInlineCode) {
 				const lineEnd = lastParagraph.indexOf("\n", incompleteRefPos);
 				const refEnd = lineEnd !== -1 ? lineEnd : lastParagraph.length;
-				const beforeLastParagraph = lines.slice(0, lastParagraphStartIndex).join("\n");
-				const paragraphOffset = beforeLastParagraph.length > 0 ? beforeLastParagraph.length + 1 : 0;
-				const absoluteStart = paragraphOffset + incompleteRefPos;
-				const absoluteEnd = paragraphOffset + refEnd;
+				let refStart = incompleteRefPos;
+				if (refStart > 0 && lastParagraph[refStart - 1] === " ") refStart--;
+				const absoluteStart = calculateAbsolutePosition(lastParagraphStartIndex, refStart, lines);
+				const absoluteEnd = calculateAbsolutePosition(lastParagraphStartIndex, refEnd, lines);
 				result = result.substring(0, absoluteStart) + result.substring(absoluteEnd);
 				content$2 = result;
 				codeBlockRanges.length = 0;
@@ -20081,12 +20146,12 @@ function fixFootnote(content$2) {
 						if (!(before === "`" && before2 === "`" || before === "`" && after === "`" || after === "`" && after2 === "`")) backtickPositions.push(i);
 					}
 				}
-				for (let i = 0; i < backtickPositions.length; i += 2) if (i + 1 < backtickPositions.length) {
+				for (let i = 0; i < backtickPositions.length; i += 2) {
 					const start = backtickPositions[i];
-					const end = backtickPositions[i + 1] + 1;
-					inlineCodeRanges.push({
+					const end = backtickPositions[i + 1];
+					if (start !== void 0 && end !== void 0) inlineCodeRanges.push({
 						start,
-						end
+						end: end + 1
 					});
 				}
 			}
@@ -20095,8 +20160,8 @@ function fixFootnote(content$2) {
 	const refPositions = [];
 	let refMatch = footnoteRefPattern.exec(content$2);
 	while (refMatch !== null) {
-		const absolutePos = refMatch.index;
-		const refText = refMatch[0];
+		const absolutePos = refMatch.index ?? 0;
+		const refText = refMatch[0] ?? "";
 		const isInCodeBlock = codeBlockRanges.some((range) => absolutePos >= range.start && absolutePos < range.end);
 		const isInInlineCode = inlineCodeRanges.some((range) => absolutePos >= range.start && absolutePos < range.end);
 		const isInFootnoteDef = footnoteDefRanges.some((range) => absolutePos >= range.start && absolutePos < range.end);
@@ -20113,7 +20178,11 @@ function fixFootnote(content$2) {
 	if (refPositions.length === 0) return content$2;
 	for (let i = refPositions.length - 1; i >= 0; i--) {
 		const ref$1 = refPositions[i];
-		if (!definedLabels.has(ref$1.label)) result = result.substring(0, ref$1.start) + result.substring(ref$1.end);
+		if (ref$1 && !definedLabels.has(ref$1.label)) {
+			let refStart = ref$1.start;
+			if (refStart > 0 && result[refStart - 1] === " ") refStart--;
+			result = result.substring(0, refStart) + result.substring(ref$1.end);
+		}
 	}
 	return result;
 }
@@ -20149,15 +20218,11 @@ function fixFootnote(content$2) {
 * // Returns: '$$\n' (no completion, this is block math)
 */
 function fixInlineMath(content$2) {
+	if (content$2 === "$") return "";
 	const codeBlockMatches = content$2.match(tripleBacktickPattern);
 	if ((codeBlockMatches ? codeBlockMatches.length : 0) % 2 === 1) return content$2;
 	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		paragraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(paragraphStartIndex).join("\n");
+	const { lastParagraph, startIndex: paragraphStartIndex } = getLastParagraphWithIndex(content$2);
 	let withoutCodeBlocks = lastParagraph.replace(codeBlockPattern, "");
 	withoutCodeBlocks = withoutCodeBlocks.replace(/`[^`\n]+`/g, "");
 	const dollarMatches = withoutCodeBlocks.match(doubleDollarPattern);
@@ -20165,36 +20230,22 @@ function fixInlineMath(content$2) {
 		const lastDollarPos = findLastDollarPairNotInCodeBlock(lastParagraph);
 		if (lastDollarPos === -1) return content$2;
 		let afterLast = lastParagraph.substring(lastDollarPos + 2);
+		if (afterLast.startsWith("\n") || afterLast.includes("\n")) return content$2;
 		if (afterLast.trim() === "$") return content$2;
 		let shouldRemoveTrailingDollar = false;
 		if (afterLast.endsWith("$") && !afterLast.endsWith("$$")) {
 			shouldRemoveTrailingDollar = true;
 			afterLast = afterLast.slice(0, -1);
 		}
-		const hasContentAfter = (afterLast.split("\n")[0] ?? "").trim().length > 0;
-		const isBlockMathByAfter = !hasContentAfter && afterLast.startsWith("\n");
-		const linesInParagraph = lastParagraph.split("\n");
-		let lineWithDollar = "";
-		for (let i = linesInParagraph.length - 1; i >= 0; i--) {
-			const line = linesInParagraph[i];
-			if (line.includes("$$")) {
-				lineWithDollar = line;
-				break;
-			}
-		}
-		const isBlockMathByLine = lineWithDollar.replace(/\$\$/g, "").trim() === "" && afterLast.startsWith("\n");
-		if (isBlockMathByAfter || isBlockMathByLine) return content$2;
-		if (hasContentAfter) {
+		if (afterLast.trim().length > 0) {
 			if (shouldRemoveTrailingDollar) {
-				const beforeLastParagraph = lines.slice(0, paragraphStartIndex).join("\n");
-				const actualLastDollarPos = (beforeLastParagraph.length > 0 ? beforeLastParagraph.length + 1 : 0) + lastDollarPos;
+				const actualLastDollarPos = calculateParagraphOffset(paragraphStartIndex, lines) + lastDollarPos;
 				return `${content$2.substring(0, actualLastDollarPos + 2)}${lastParagraph.substring(lastDollarPos + 2, lastParagraph.length - 1)}$$`;
 			}
 			return `${content$2}$$`;
 		} else {
-			const beforeLastParagraph = lines.slice(0, paragraphStartIndex).join("\n");
-			const actualLastDollarPos = (beforeLastParagraph.length > 0 ? beforeLastParagraph.length + 1 : 0) + lastDollarPos;
-			return content$2.slice(0, actualLastDollarPos) + content$2.slice(actualLastDollarPos + 2);
+			const actualLastDollarPos = calculateParagraphOffset(paragraphStartIndex, lines) + lastDollarPos;
+			return content$2.slice(0, actualLastDollarPos).trimEnd();
 		}
 	}
 	return content$2;
@@ -20275,30 +20326,25 @@ function findLastDollarPairNotInCodeBlock(text$4) {
 * // Removes trailing standalone bracket and trailing newline
 */
 function fixLink(content$2) {
-	var _lines$lastNonEmptyLi;
 	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		paragraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(paragraphStartIndex).join("\n");
-	let lastNonEmptyLineIndex = lines.length - 1;
-	while (lastNonEmptyLineIndex >= 0 && ((_lines$lastNonEmptyLi = lines[lastNonEmptyLineIndex]) === null || _lines$lastNonEmptyLi === void 0 ? void 0 : _lines$lastNonEmptyLi.trim()) === "") lastNonEmptyLineIndex--;
+	const { lastParagraph } = getLastParagraphWithIndex(content$2);
+	const lastNonEmptyLineIndex = findLastNonEmptyLineIndex(lines);
 	if (lastNonEmptyLineIndex >= 0) {
 		const lastLine = lines[lastNonEmptyLineIndex];
-		if (trailingStandaloneBracketPattern.test(lastLine)) {
-			const bracketMatch = lastLine.match(trailingStandaloneBracketPattern);
-			if (bracketMatch) {
-				const bracket = bracketMatch[1];
-				const bracketPos = lastLine.lastIndexOf(bracket);
-				if (lastLine.substring(bracketPos + bracket.length).trim().length === 0) {
-					const newLine = lastLine.substring(0, bracketPos);
-					const newLines = [...lines];
-					newLines[lastNonEmptyLineIndex] = newLine;
-					if (lastNonEmptyLineIndex + 1 < newLines.length && newLines[lastNonEmptyLineIndex + 1].trim() === "") newLines.splice(lastNonEmptyLineIndex + 1, 1);
-					return newLines.join("\n");
+		if (!lastLine) return content$2;
+		const standaloneBracketMatch = lastLine.match(/(!?\[)\s*$/);
+		if (standaloneBracketMatch && standaloneBracketMatch[1]) {
+			const bracket = standaloneBracketMatch[1];
+			const bracketPos = lastLine.lastIndexOf(bracket);
+			if (lastLine.substring(bracketPos + bracket.length).trim().length === 0) {
+				const newLine = lastLine.substring(0, bracketPos).trimEnd();
+				const newLines = [...lines];
+				newLines[lastNonEmptyLineIndex] = newLine;
+				if (lastNonEmptyLineIndex + 1 < newLines.length) {
+					const nextLine = newLines[lastNonEmptyLineIndex + 1];
+					if (nextLine !== void 0 && nextLine.trim() === "") newLines.splice(lastNonEmptyLineIndex + 1, 1);
 				}
+				return newLines.join("\n");
 			}
 		}
 	}
@@ -20336,33 +20382,92 @@ function fixLink(content$2) {
 * // Returns: 'List item\n\n**' (no completion, ** has no content)
 */
 function fixStrong(content$2) {
-	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) if (lines[i].trim() === "") {
-		paragraphStartIndex = i + 1;
-		break;
-	}
-	const lastParagraph = lines.slice(paragraphStartIndex).join("\n");
+	if (content$2 === "*" || content$2 === "_") return "";
+	const { lastParagraph } = getLastParagraphWithIndex(content$2);
+	const endsWithSingleAsterisk = content$2.endsWith("*") && !content$2.endsWith("**");
+	const endsWithSingleUnderscore = content$2.endsWith("_") && !content$2.endsWith("__");
 	const asteriskMatches = lastParagraph.match(doubleAsteriskPattern);
-	if ((asteriskMatches ? asteriskMatches.length : 0) % 2 === 1) {
+	const asteriskCount = asteriskMatches ? asteriskMatches.length : 0;
+	const underscoreMatches = lastParagraph.match(doubleUnderscorePattern);
+	const underscoreCount = underscoreMatches ? underscoreMatches.length : 0;
+	let needsAsteriskCompletion = false;
+	let needsUnderscoreCompletion = false;
+	let needsAsteriskRemoval = false;
+	let needsUnderscoreRemoval = false;
+	if (asteriskCount % 2 === 1) {
 		const lastStarPos = lastParagraph.lastIndexOf("**");
-		if (lastParagraph.substring(lastStarPos + 2).trim().length > 0) return `${content$2}**`;
-		else {
-			let result = content$2.slice(0, -2);
-			if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
-			return result;
-		}
+		if (lastParagraph.substring(lastStarPos + 2).trim().length > 0) needsAsteriskCompletion = true;
+		else needsAsteriskRemoval = true;
 	}
-	const underscoreMatches = lastParagraph.match(doubleUnderscorePattern);
-	if ((underscoreMatches ? underscoreMatches.length : 0) % 2 === 1) {
+	if (underscoreCount % 2 === 1) {
 		const lastUnderscorePos = lastParagraph.lastIndexOf("__");
-		if (lastParagraph.substring(lastUnderscorePos + 2).trim().length > 0) return `${content$2}__`;
-		else {
-			let result = content$2.slice(0, -2);
-			if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
-			return result;
+		if (lastParagraph.substring(lastUnderscorePos + 2).trim().length > 0) needsUnderscoreCompletion = true;
+		else needsUnderscoreRemoval = true;
+	}
+	let removedTrailingSingle = false;
+	if (endsWithSingleAsterisk && (needsAsteriskCompletion || needsAsteriskRemoval)) {
+		content$2 = content$2.slice(0, -1);
+		removedTrailingSingle = true;
+		const { lastParagraph: newLastParagraph } = getLastParagraphWithIndex(content$2);
+		const newAsteriskMatches = newLastParagraph.match(doubleAsteriskPattern);
+		if ((newAsteriskMatches ? newAsteriskMatches.length : 0) % 2 === 1) {
+			const lastStarPos = newLastParagraph.lastIndexOf("**");
+			if (newLastParagraph.substring(lastStarPos + 2).trim().length > 0) {
+				needsAsteriskCompletion = true;
+				needsAsteriskRemoval = false;
+			} else {
+				needsAsteriskRemoval = true;
+				needsAsteriskCompletion = false;
+			}
+		}
+	}
+	if (endsWithSingleUnderscore && (needsUnderscoreCompletion || needsUnderscoreRemoval)) {
+		content$2 = content$2.slice(0, -1);
+		removedTrailingSingle = true;
+		const { lastParagraph: newLastParagraph } = getLastParagraphWithIndex(content$2);
+		const newUnderscoreMatches = newLastParagraph.match(doubleUnderscorePattern);
+		if ((newUnderscoreMatches ? newUnderscoreMatches.length : 0) % 2 === 1) {
+			const lastUnderscorePos = newLastParagraph.lastIndexOf("__");
+			if (newLastParagraph.substring(lastUnderscorePos + 2).trim().length > 0) {
+				needsUnderscoreCompletion = true;
+				needsUnderscoreRemoval = false;
+			} else {
+				needsUnderscoreRemoval = true;
+				needsUnderscoreCompletion = false;
+			}
 		}
 	}
+	if (needsAsteriskRemoval) {
+		let result = content$2.slice(0, -2).trimEnd();
+		if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
+		return result;
+	}
+	if (needsUnderscoreRemoval) {
+		const { lastParagraph: newLastParagraph, startIndex: newParagraphStartIndex } = getLastParagraphWithIndex(content$2);
+		const lastUnderscorePos = newLastParagraph.lastIndexOf("__");
+		const absoluteLastUnderscorePos = calculateParagraphOffset(newParagraphStartIndex, content$2.split("\n")) + lastUnderscorePos;
+		let result = content$2.substring(0, absoluteLastUnderscorePos).trimEnd();
+		if (trailingStandaloneDashWithNewlinesPattern.test(result)) result = result.replace(trailingStandaloneDashWithNewlinesPattern, "$1");
+		return result;
+	}
+	if (needsAsteriskCompletion && needsUnderscoreCompletion) if (lastParagraph.indexOf("**") < lastParagraph.indexOf("__")) return `${content$2}__**`;
+	else return `${content$2}**__`;
+	if (needsAsteriskCompletion) {
+		if (!removedTrailingSingle) {
+			const { lastParagraph: currentLastParagraph } = getLastParagraphWithIndex(content$2);
+			const singleAsteriskMatches = currentLastParagraph.replace(doubleAsteriskPattern, "").match(singleAsteriskPattern);
+			if ((singleAsteriskMatches ? singleAsteriskMatches.length : 0) % 2 === 1) return `${content$2}***`;
+		}
+		return `${content$2}**`;
+	}
+	if (needsUnderscoreCompletion) {
+		if (!removedTrailingSingle) {
+			const { lastParagraph: currentLastParagraph } = getLastParagraphWithIndex(content$2);
+			const singleUnderscoreMatches = currentLastParagraph.replace(doubleUnderscorePattern, "").match(singleUnderscorePattern);
+			if ((singleUnderscoreMatches ? singleUnderscoreMatches.length : 0) % 2 === 1) return `${content$2}___`;
+		}
+		return `${content$2}__`;
+	}
 	return content$2;
 }
 
@@ -20397,25 +20502,18 @@ function fixStrong(content$2) {
 function fixTable(content$2) {
 	const codeBlockMatches = content$2.match(tripleBacktickPattern);
 	if ((codeBlockMatches ? codeBlockMatches.length : 0) % 2 === 1) return content$2;
-	const lines = content$2.split("\n");
-	let paragraphStartIndex = 0;
-	for (let i = lines.length - 1; i >= 0; i--) {
-		const line = lines[i];
-		if (i === lines.length - 1 && line.trim() === "") continue;
-		if (line.trim() === "") {
-			paragraphStartIndex = i + 1;
-			break;
-		}
-	}
-	const paragraphLines = lines.slice(paragraphStartIndex).join("\n").split("\n").filter((line) => line.trim() !== "");
+	const { lastParagraph } = getLastParagraphWithIndex(content$2, true);
+	const paragraphLines = lastParagraph.split("\n").filter((line) => line.trim() !== "");
 	if (paragraphLines.length === 0) return content$2;
 	let headerRowIndex = -1;
 	let headerRow = "";
 	for (let i = 0; i < paragraphLines.length; i++) {
-		const line = paragraphLines[i].trim();
-		if (tableRowPattern.test(line) || line.startsWith("|") && line.length > 1) {
+		const line = paragraphLines[i];
+		if (!line) continue;
+		const trimmedLine = line.trim();
+		if (tableRowPattern.test(trimmedLine) || trimmedLine.startsWith("|") && trimmedLine.length > 1) {
 			headerRowIndex = i;
-			headerRow = line;
+			headerRow = trimmedLine;
 			break;
 		}
 	}
@@ -20435,7 +20533,9 @@ function fixTable(content$2) {
 		if (newContent.endsWith("\n")) return `${newContent}${separator}`;
 		else return `${newContent}\n${separator}`;
 	}
-	const nextLine = paragraphLines[headerRowIndex + 1].trim();
+	const nextLineRaw = paragraphLines[headerRowIndex + 1];
+	if (!nextLineRaw) return content$2;
+	const nextLine = nextLineRaw.trim();
 	if (separatorPattern.test(nextLine)) {
 		if ((nextLine.match(/\|/g) || []).length - 1 === headerColumns) {
 			if (!isHeaderComplete) return `${beforeHeaderRow}${completedHeaderRow}${afterHeaderRow}`;
@@ -20445,6 +20545,7 @@ function fixTable(content$2) {
 	const afterLines = afterHeaderRow.split("\n");
 	if (afterLines.length > 1) {
 		const nextLineInContent = afterLines[1];
+		if (!nextLineInContent) return content$2;
 		if (nextLineInContent.startsWith("|") && nextLineInContent.includes("-")) {
 			const remainingLines = afterLines.slice(2).join("\n");
 			const newHeader = isHeaderComplete ? headerRow : completedHeaderRow;
@@ -20500,26 +20601,12 @@ function fixTaskList(content$2) {
 	const lines = content$2.split("\n");
 	if (lines.length === 0) return content$2;
 	const lastLine = lines[lines.length - 1];
-	if (quoteIncompleteTaskListPattern.test(lastLine)) {
-		const result = lines.slice(0, -1).join("\n");
-		if (lines.length > 1) return `${result}\n`;
-		return result;
-	}
-	if (quoteStandaloneDashPattern.test(lastLine) && !quoteTaskListPattern.test(lastLine)) {
-		const result = lines.slice(0, -1).join("\n");
-		if (lines.length > 1) return `${result}\n`;
-		return result;
-	}
-	if (incompleteTaskListPattern.test(lastLine)) {
-		const result = lines.slice(0, -1).join("\n");
-		if (lines.length > 1) return `${result}\n`;
-		return result;
-	}
-	if (standaloneDashPattern.test(lastLine) && !taskListPattern.test(lastLine)) {
-		const result = lines.slice(0, -1).join("\n");
-		if (lines.length > 1) return `${result}\n`;
-		return result;
-	}
+	if (!lastLine) return content$2;
+	if (quoteIncompleteTaskListPattern.test(lastLine)) return lines.slice(0, -1).join("\n");
+	if (quoteStandaloneDashPattern.test(lastLine) && !quoteTaskListPattern.test(lastLine)) return lines.slice(0, -1).join("\n");
+	if (incompleteTaskListPattern.test(lastLine)) return lines.slice(0, -1).join("\n");
+	if (standaloneDashPattern.test(lastLine) && !taskListPattern.test(lastLine)) return lines.slice(0, -1).join("\n");
+	if (/^\s*-\s+$/.test(lastLine) && !taskListPattern.test(lastLine)) return lines.slice(0, -1).join("\n");
 	return content$2;
 }
 
@@ -20552,8 +20639,8 @@ function proprocessContent(content$2) {
 function normalize(content$2) {
 	return flow([proprocessContent, preprocessLaTeX])(content$2);
 }
-function preprocess(content$2) {
-	return flow([
+function preprocess(content$2, streamdown = true) {
+	const tasks = [
 		fixFootnote,
 		fixStrong,
 		fixEmphasis,
@@ -20562,9 +20649,10 @@ function preprocess(content$2) {
 		fixTaskList,
 		fixLink,
 		fixTable,
-		fixInlineMath,
-		remend
-	])(content$2);
+		fixInlineMath
+	];
+	if (streamdown) tasks.push(remend);
+	return flow(tasks)(content$2);
 }
 
 //#endregion
@@ -20735,6 +20823,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false,
@@ -20769,15 +20861,16 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const { mode, shikiOptions, mermaidOptions, isDark, enableAnimate } = toRefs(props);
+		const { mode, shikiOptions, mermaidOptions, uiOptions, isDark, enableAnimate } = toRefs(props);
 		const containerRef = ref();
 		const { provideContext } = useContext();
 		const markdownParser = new MarkdownParser({
 			mode: props.mode,
 			mdastOptions: props.mdastOptions,
-			postprocess: props.postprocess,
+			normalize: props.normalize,
 			preprocess: props.preprocess,
-			normalize: props.normalize
+			postprocess: props.postprocess,
+			extendMarkdownIt: props.extendMarkdownIt
 		});
 		const processed = computed(() => markdownParser.parseMarkdown(props.content));
 		const parsedNodes = computed(() => processed.value.nodes);
@@ -20797,10 +20890,29 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		function getContainer() {
 			return containerRef.value;
 		}
+		function getOverlayContainer() {
+			return document.querySelector("#stream-markdown-overlay");
+		}
 		const { preload: preloadShiki, dispose: disposeShiki } = useShiki({ shikiOptions });
 		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid({ mermaidOptions });
 		const { preload: preloadKatex, dispose: disposeKatex } = useKatex();
+		function ensureOverlayContainer() {
+			if (!getOverlayContainer()) {
+				const div = document.createElement("div");
+				div.id = "stream-markdown-overlay";
+				div.classList.add("stream-markdown-overlay");
+				div.classList.add(isDark.value ? "dark" : "light");
+				document.body.appendChild(div);
+			}
+		}
+		function updateOverlayContainerTheme() {
+			const overlayContainer = getOverlayContainer();
+			if (!overlayContainer) return;
+			overlayContainer.classList.toggle("dark", isDark.value);
+			overlayContainer.classList.toggle("light", !isDark.value);
+		}
 		async function bootstrap() {
+			ensureOverlayContainer();
 			const tasks = [
 				preloadShiki(),
 				preloadMermaid(),
@@ -20814,13 +20926,16 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		onMounted(bootstrap);
 		watch(() => props.mode, () => markdownParser.updateMode(props.mode));
 		watch(() => props.locale, () => loadLocaleMessages(props.locale));
+		watch(() => props.isDark, () => updateOverlayContainerTheme());
 		provideContext({
 			mode,
 			icons,
+			uiOptions,
 			isDark,
 			enableAnimate,
 			parsedNodes,
 			getContainer,
+			getOverlayContainer,
 			onCopied: (content$2) => {
 				emits("copied", content$2);
 			}