@antdv-next/x 1.2.0 → 1.2.1

package/dist/actions/ActionsFeedback.js

@@ -3,7 +3,7 @@ import { computed, createVNode, defineComponent, mergeProps, useAttrs } from "vu
 import { Tooltip } from "antdv-next";
 import { DislikeFilled, DislikeOutlined, LikeFilled, LikeOutlined } from "@antdv-next/icons";
 //#region components/actions/ActionsFeedback.tsx
-var FEEDBACK_VALUE = /* @__PURE__ */ function(FEEDBACK_VALUE) {
+var FEEDBACK_VALUE = /*#__PURE__*/ function(FEEDBACK_VALUE) {
 	FEEDBACK_VALUE["like"] = "like";
 	FEEDBACK_VALUE["dislike"] = "dislike";
 	FEEDBACK_VALUE["default"] = "default";

package/dist/actions/ActionsItem.js

@@ -3,7 +3,7 @@ import { computed, createVNode, defineComponent, mergeProps, useAttrs, useSlots
 import { Tooltip } from "antdv-next";
 import { CloseCircleOutlined, LoadingOutlined } from "@antdv-next/icons";
 //#region components/actions/ActionsItem.tsx
-var ACTIONS_ITEM_STATUS = /* @__PURE__ */ function(ACTIONS_ITEM_STATUS) {
+var ACTIONS_ITEM_STATUS = /*#__PURE__*/ function(ACTIONS_ITEM_STATUS) {
 	ACTIONS_ITEM_STATUS["LOADING"] = "loading";
 	ACTIONS_ITEM_STATUS["ERROR"] = "error";
 	ACTIONS_ITEM_STATUS["RUNNING"] = "running";

package/dist/attachments/index.js

@@ -205,10 +205,9 @@ var XAttachments = /* @__PURE__ */ defineComponent({
 			}
 		});
 		const getPlaceholderNode = (type, options) => {
-			const placeholderContent = typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder;
 			return createVNode(PlaceholderUploader, {
 				"type": type,
-				"placeholder": placeholderContent,
+				"placeholder": typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder,
 				"upload": uploadProps.value,
 				"prefixCls": props.prefixCls,
 				"class": mergedClasses.value.placeholder,

package/dist/bubble/hooks/useCompatibleScroll.js

@@ -105,7 +105,7 @@ function useCompatibleScroll(scrollDomRef, contentDomRef) {
 		const contentDom = contentDomRef.value;
 		if (!scrollDom || !contentDom) return;
 		const { top, intoView, intoViewDom } = option || {};
-		if (isReverse(scrollDom)) if (top !== void 0 && top >= -sentinelHeight) isScrollToBottom = true;
+		if (isReverse(scrollDom)) if (top !== void 0 && top >= -10) isScrollToBottom = true;
 		else if (intoViewDom && intoView?.block === "end") isScrollToBottom = contentDom.lastElementChild === intoViewDom;
 		else isScrollToBottom = false;
 		else if (top !== void 0 && top >= scrollDom.scrollHeight - scrollDom.clientHeight - sentinelHeight) isScrollToBottom = true;

package/dist/code-highlighter/CodeHighlighter.js

@@ -89,10 +89,11 @@ var XCodeHighlighter = /* @__PURE__ */ defineComponent({
 		const highlightedHtml = shallowRef("");
 		const highlightCode = async () => {
 			try {
-				highlightedHtml.value = await codeToHtml(props.content, {
+				const html = await codeToHtml(props.content, {
 					lang: props.language,
 					theme: props.theme === "dark" ? "vitesse-dark" : "vitesse-light"
 				});
+				highlightedHtml.value = html;
 			} catch (e) {
 				console.error("Failed to highlight code:", e);
 				highlightedHtml.value = `<pre><code>${escapeHtml(props.content)}</code></pre>`;

package/dist/code-highlighter/shiki.js

@@ -1,5 +1,5 @@
 //#region components/code-highlighter/shiki.ts
-var PLAIN_TEXT_LANGUAGES = new Set([
+var PLAIN_TEXT_LANGUAGES = /* @__PURE__ */ new Set([
 	"text",
 	"plaintext",
 	"txt",

package/dist/code-highlighter/style/index.d.ts

@@ -1,13 +1,85 @@
 import { FullToken, GetDefaultToken } from '../../theme/interface';
 export interface ComponentToken {
     /**
-     * 代码字体
+     * @desc 标题背景颜色
+     * @descEN Title background color
      */
-    codeFontFamily?: string;
+    colorBgTitle?: string;
     /**
-     * 代码字体大小
+     * @desc 暗色主题下标题背景颜色
+     * @descEN Title background color in dark theme
      */
-    codeFontSize?: number;
+    colorBgTitleDark?: string;
+    /**
+     * @desc 标题文本颜色
+     * @descEN Title text color
+     */
+    colorTextTitle?: string;
+    /**
+     * @desc 暗色主题下标题文本颜色
+     * @descEN Title text color in dark theme
+     */
+    colorTextTitleDark?: string;
+    /**
+     * @desc 代码块边框颜色
+     * @descEN Code block border color
+     */
+    colorBorderCode?: string;
+    /**
+     * @desc 暗色主题下代码块边框颜色
+     * @descEN Code block border color in dark theme
+     */
+    colorBorderCodeDark?: string;
+    /**
+     * @desc 代码区与行号栏背景色
+     * @descEN Background of the code area and gutter
+     */
+    codeBg?: string;
+    /**
+     * @desc 暗色主题下代码区与行号栏背景色
+     * @descEN Background of the code area and gutter in dark theme
+     */
+    codeBgDark?: string;
+    /**
+     * @desc 代码文字颜色（语言未命中高亮时降级）
+     * @descEN Code text color (fallback when language is not highlighted)
+     */
+    codeColor?: string;
+    /**
+     * @desc 暗色主题下代码文字颜色（语言未命中高亮时降级）
+     * @descEN Code text color in dark theme (fallback when language is not highlighted)
+     */
+    codeColorDark?: string;
+    /**
+     * @desc 行号文字颜色
+     * @descEN Line number color
+     */
+    codeLineNumberColor?: string;
+    /**
+     * @desc 暗色主题下行号文字颜色
+     * @descEN Line number color in dark theme
+     */
+    codeLineNumberColorDark?: string;
+    /**
+     * @desc 操作按钮文字颜色
+     * @descEN Action button color
+     */
+    codeBtnColor?: string;
+    /**
+     * @desc 暗色主题下操作按钮文字颜色
+     * @descEN Action button color in dark theme
+     */
+    codeBtnColorDark?: string;
+    /**
+     * @desc 操作按钮悬浮背景色
+     * @descEN Action button hover background
+     */
+    codeBtnHoverBg?: string;
+    /**
+     * @desc 暗色主题下操作按钮悬浮背景色
+     * @descEN Action button hover background in dark theme
+     */
+    codeBtnHoverBgDark?: string;
 }
 export interface CodeHighlighterToken extends FullToken<"CodeHighlighter"> {
 }

package/dist/code-highlighter/style/index.js

@@ -1,6 +1,7 @@
 import { genStyleHooks } from "../../theme/genStyleUtils.js";
 import { unit } from "@antdv-next/cssinjs";
 import { mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
+import { FastColor } from "@ant-design/fast-color";
 //#region components/code-highlighter/style/index.ts
 var genCodeHighlighterStyle = (token) => {
 	const { componentCls } = token;
@@ -8,21 +9,20 @@ var genCodeHighlighterStyle = (token) => {
 		position: "relative",
 		borderRadius: token.borderRadiusLG,
 		overflow: "hidden",
-		fontFamily: token.fontFamily,
 		fontSize: token.fontSize,
-		border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+		border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 		[`${componentCls}-header`]: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
 			paddingInline: unit(token.paddingSM),
 			paddingBlock: 4,
-			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
-			backgroundColor: token.colorFillSecondary
+			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
+			backgroundColor: token.colorBgTitle
 		},
 		[`${componentCls}-lang`]: {
 			fontSize: token.fontSizeSM,
-			color: token.colorTextSecondary,
+			color: token.colorTextTitle,
 			fontWeight: 500,
 			textTransform: "capitalize"
 		},
@@ -31,30 +31,36 @@ var genCodeHighlighterStyle = (token) => {
 			alignItems: "center",
 			gap: token.paddingXXS
 		},
-		[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: { color: token.colorTextSecondary },
+		[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
+			color: `${token.codeBtnColor} !important`,
+			"&:hover, &:focus": {
+				color: `${token.codeBtnColor} !important`,
+				backgroundColor: `${token.codeBtnHoverBg} !important`
+			}
+		},
 		[`${componentCls}-content`]: {
 			display: "flex",
 			overflow: "auto",
-			backgroundColor: "#fafafa",
+			backgroundColor: token.codeBg,
 			alignItems: "stretch"
 		},
 		[`${componentCls}-line-numbers`]: {
 			paddingBlock: unit(token.paddingSM),
 			paddingInline: unit(token.paddingXS),
 			textAlign: "right",
-			backgroundColor: "#fafafa",
-			borderRight: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+			backgroundColor: token.codeBg,
+			borderRight: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 			userSelect: "none",
 			flexShrink: 0,
 			minWidth: "3em",
 			lineHeight: "1.5em"
 		},
 		[`${componentCls}-line-number`]: {
-			fontFamily: token.codeFontFamily,
-			fontSize: unit(token.codeFontSize ?? 13),
+			fontFamily: token.fontFamilyCode,
+			fontSize: unit(token.fontSize),
 			lineHeight: "1.5em",
 			height: "1.5em",
-			color: token.colorTextQuaternary,
+			color: token.codeLineNumberColor,
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "flex-end",
@@ -63,12 +69,13 @@ var genCodeHighlighterStyle = (token) => {
 		[`${componentCls}-code`]: {
 			flex: 1,
 			overflow: "auto",
+			color: token.codeColor,
 			"& > pre": {
 				margin: 0,
 				padding: unit(token.paddingSM),
 				backgroundColor: "transparent !important",
-				fontFamily: token.codeFontFamily,
-				fontSize: unit(token.codeFontSize ?? 13),
+				fontFamily: token.fontFamilyCode,
+				fontSize: unit(token.fontSize),
 				lineHeight: "1.5em",
 				overflow: "visible"
 			},
@@ -81,32 +88,50 @@ var genCodeHighlighterStyle = (token) => {
 			}
 		},
 		[`&${componentCls}-dark`]: {
-			borderColor: token.colorBorder,
+			borderColor: token.colorBorderCodeDark,
 			[`${componentCls}-header`]: {
-				backgroundColor: "#252526",
-				borderBottomColor: "#3e3e42"
+				backgroundColor: token.colorBgTitleDark,
+				borderBottomColor: token.colorBorderCodeDark
 			},
-			[`${componentCls}-lang`]: { color: "#cccccc" },
+			[`${componentCls}-lang`]: { color: token.colorTextTitleDark },
 			[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
-				color: "#ffffff !important",
+				color: `${token.codeBtnColorDark} !important`,
 				"&:hover, &:focus": {
-					color: "#ffffff !important",
-					backgroundColor: "#3e3e42 !important"
+					color: `${token.codeBtnColorDark} !important`,
+					backgroundColor: `${token.codeBtnHoverBgDark} !important`
 				}
 			},
-			[`${componentCls}-content`]: { backgroundColor: "#1e1e1e" },
+			[`${componentCls}-content`]: { backgroundColor: token.codeBgDark },
 			[`${componentCls}-line-numbers`]: {
-				backgroundColor: "#1e1e1e",
-				borderRightColor: "#3e3e42"
+				backgroundColor: token.codeBgDark,
+				borderRightColor: token.colorBorderCodeDark
 			},
-			[`${componentCls}-line-number`]: { color: "#858585" }
+			[`${componentCls}-line-number`]: { color: token.codeLineNumberColorDark },
+			[`${componentCls}-code`]: { color: token.codeColorDark }
 		}
 	} };
 };
-var prepareComponentToken = () => ({
-	codeFontFamily: "'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
-	codeFontSize: 14
-});
+var prepareComponentToken = (token) => {
+	const isDarkApp = new FastColor(token.colorBgContainer).isDark();
+	return {
+		colorBgTitle: isDarkApp ? "#f0f0f0" : token.colorFillContent,
+		colorTextTitle: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorText,
+		colorBorderCode: isDarkApp ? "#f0f0f0" : token.colorBorderSecondary,
+		codeColor: isDarkApp ? "#393a34" : token.colorText,
+		codeBg: isDarkApp ? "#fafafa" : token.colorBgLayout,
+		codeLineNumberColor: isDarkApp ? "rgba(0, 0, 0, 0.25)" : token.colorTextQuaternary,
+		codeBtnColor: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorTextSecondary,
+		codeBtnHoverBg: isDarkApp ? "rgba(0, 0, 0, 0.06)" : token.colorFillSecondary,
+		colorBgTitleDark: isDarkApp ? token.colorFillContent : "#252526",
+		colorTextTitleDark: isDarkApp ? token.colorText : "#cccccc",
+		colorBorderCodeDark: isDarkApp ? token.colorBorder : "#3e3e42",
+		codeColorDark: isDarkApp ? token.colorText : "#dbd7caee",
+		codeBgDark: isDarkApp ? token.colorBgElevated : "#1e1e1e",
+		codeLineNumberColorDark: isDarkApp ? token.colorTextQuaternary : "#858585",
+		codeBtnColorDark: isDarkApp ? token.colorText : "#ffffff",
+		codeBtnHoverBgDark: isDarkApp ? token.colorFillSecondary : "#3e3e42"
+	};
+};
 var style_default = genStyleHooks("CodeHighlighter", (token) => {
 	return [genCodeHighlighterStyle(mergeToken(token, {}))];
 }, prepareComponentToken);

package/dist/folder/Folder.js

@@ -195,7 +195,8 @@ var XFolder = /* @__PURE__ */ defineComponent({
 			if (props.fileContentService) {
 				loadingContent.value = true;
 				try {
-					fileContent.value = await props.fileContentService.loadFileContent(filePath);
+					const content = await props.fileContentService.loadFileContent(filePath);
+					fileContent.value = content;
 				} catch (error) {
 					fileContent.value = `// ${locale.value.loadError}: ${error instanceof Error ? error.message : "Unknown error"}`;
 				} finally {

package/dist/index.umd.js

@@ -29,7 +29,14 @@
 	var __getOwnPropNames = Object.getOwnPropertyNames;
 	var __getProtoOf = Object.getPrototypeOf;
 	var __hasOwnProp = Object.prototype.hasOwnProperty;
-	var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+	var __esmMin = (fn, res, err) => () => {
+		if (err) throw err[0];
+		try {
+			return fn && (res = fn(fn = 0)), res;
+		} catch (e) {
+			throw err = [e], e;
+		}
+	};
 	var __exportAll = (all, no_symbols) => {
 		let target = {};
 		for (var name in all) __defProp(target, name, {
@@ -54,12 +61,12 @@
 		enumerable: true
 	}) : target, mod));
 	//#endregion
-	_antdv_next_icons = __toESM(_antdv_next_icons);
-	antdv_next_dist_theme_useToken = __toESM(antdv_next_dist_theme_useToken);
-	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs);
-	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs);
+	_antdv_next_icons = __toESM(_antdv_next_icons, 1);
+	antdv_next_dist_theme_useToken = __toESM(antdv_next_dist_theme_useToken, 1);
+	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs, 1);
+	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs, 1);
 	//#region package.json
-	var version = "1.2.0";
+	var version = "1.2.1";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -718,7 +725,7 @@
 	});
 	//#endregion
 	//#region components/actions/ActionsItem.tsx
-	var ACTIONS_ITEM_STATUS = /* @__PURE__ */ function(ACTIONS_ITEM_STATUS) {
+	var ACTIONS_ITEM_STATUS = /*#__PURE__*/ function(ACTIONS_ITEM_STATUS) {
 		ACTIONS_ITEM_STATUS["LOADING"] = "loading";
 		ACTIONS_ITEM_STATUS["ERROR"] = "error";
 		ACTIONS_ITEM_STATUS["RUNNING"] = "running";
@@ -1008,7 +1015,7 @@
 	});
 	//#endregion
 	//#region components/actions/ActionsFeedback.tsx
-	var FEEDBACK_VALUE = /* @__PURE__ */ function(FEEDBACK_VALUE) {
+	var FEEDBACK_VALUE = /*#__PURE__*/ function(FEEDBACK_VALUE) {
 		FEEDBACK_VALUE["like"] = "like";
 		FEEDBACK_VALUE["dislike"] = "dislike";
 		FEEDBACK_VALUE["default"] = "default";
@@ -3158,10 +3165,9 @@
 				}
 			});
 			const getPlaceholderNode = (type, options) => {
-				const placeholderContent = typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder;
 				return (0, vue.createVNode)(PlaceholderUploader, {
 					"type": type,
-					"placeholder": placeholderContent,
+					"placeholder": typeof props.placeholder === "function" ? props.placeholder(type) : props.placeholder,
 					"upload": uploadProps.value,
 					"prefixCls": props.prefixCls,
 					"class": mergedClasses.value.placeholder,
@@ -4425,7 +4431,7 @@
 			const contentDom = contentDomRef.value;
 			if (!scrollDom || !contentDom) return;
 			const { top, intoView, intoViewDom } = option || {};
-			if (isReverse(scrollDom)) if (top !== void 0 && top >= -sentinelHeight) isScrollToBottom = true;
+			if (isReverse(scrollDom)) if (top !== void 0 && top >= -10) isScrollToBottom = true;
 			else if (intoViewDom && intoView?.block === "end") isScrollToBottom = contentDom.lastElementChild === intoViewDom;
 			else isScrollToBottom = false;
 			else if (top !== void 0 && top >= scrollDom.scrollHeight - scrollDom.clientHeight - sentinelHeight) isScrollToBottom = true;
@@ -4776,7 +4782,7 @@
 	var init_shiki_runtime = __esmMin((() => {}));
 	//#endregion
 	//#region components/code-highlighter/shiki.ts
-	var PLAIN_TEXT_LANGUAGES = new Set([
+	var PLAIN_TEXT_LANGUAGES = /* @__PURE__ */ new Set([
 		"text",
 		"plaintext",
 		"txt",
@@ -4890,21 +4896,20 @@
 			position: "relative",
 			borderRadius: token.borderRadiusLG,
 			overflow: "hidden",
-			fontFamily: token.fontFamily,
 			fontSize: token.fontSize,
-			border: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+			border: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 			[`${componentCls}-header`]: {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
 				paddingInline: (0, _antdv_next_cssinjs.unit)(token.paddingSM),
 				paddingBlock: 4,
-				borderBottom: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
-				backgroundColor: token.colorFillSecondary
+				borderBottom: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
+				backgroundColor: token.colorBgTitle
 			},
 			[`${componentCls}-lang`]: {
 				fontSize: token.fontSizeSM,
-				color: token.colorTextSecondary,
+				color: token.colorTextTitle,
 				fontWeight: 500,
 				textTransform: "capitalize"
 			},
@@ -4913,30 +4918,36 @@
 				alignItems: "center",
 				gap: token.paddingXXS
 			},
-			[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: { color: token.colorTextSecondary },
+			[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
+				color: `${token.codeBtnColor} !important`,
+				"&:hover, &:focus": {
+					color: `${token.codeBtnColor} !important`,
+					backgroundColor: `${token.codeBtnHoverBg} !important`
+				}
+			},
 			[`${componentCls}-content`]: {
 				display: "flex",
 				overflow: "auto",
-				backgroundColor: "#fafafa",
+				backgroundColor: token.codeBg,
 				alignItems: "stretch"
 			},
 			[`${componentCls}-line-numbers`]: {
 				paddingBlock: (0, _antdv_next_cssinjs.unit)(token.paddingSM),
 				paddingInline: (0, _antdv_next_cssinjs.unit)(token.paddingXS),
 				textAlign: "right",
-				backgroundColor: "#fafafa",
-				borderRight: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}`,
+				backgroundColor: token.codeBg,
+				borderRight: `${(0, _antdv_next_cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorBorderCode}`,
 				userSelect: "none",
 				flexShrink: 0,
 				minWidth: "3em",
 				lineHeight: "1.5em"
 			},
 			[`${componentCls}-line-number`]: {
-				fontFamily: token.codeFontFamily,
-				fontSize: (0, _antdv_next_cssinjs.unit)(token.codeFontSize ?? 13),
+				fontFamily: token.fontFamilyCode,
+				fontSize: (0, _antdv_next_cssinjs.unit)(token.fontSize),
 				lineHeight: "1.5em",
 				height: "1.5em",
-				color: token.colorTextQuaternary,
+				color: token.codeLineNumberColor,
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "flex-end",
@@ -4945,12 +4956,13 @@
 			[`${componentCls}-code`]: {
 				flex: 1,
 				overflow: "auto",
+				color: token.codeColor,
 				"& > pre": {
 					margin: 0,
 					padding: (0, _antdv_next_cssinjs.unit)(token.paddingSM),
 					backgroundColor: "transparent !important",
-					fontFamily: token.codeFontFamily,
-					fontSize: (0, _antdv_next_cssinjs.unit)(token.codeFontSize ?? 13),
+					fontFamily: token.fontFamilyCode,
+					fontSize: (0, _antdv_next_cssinjs.unit)(token.fontSize),
 					lineHeight: "1.5em",
 					overflow: "visible"
 				},
@@ -4963,32 +4975,50 @@
 				}
 			},
 			[`&${componentCls}-dark`]: {
-				borderColor: token.colorBorder,
+				borderColor: token.colorBorderCodeDark,
 				[`${componentCls}-header`]: {
-					backgroundColor: "#252526",
-					borderBottomColor: "#3e3e42"
+					backgroundColor: token.colorBgTitleDark,
+					borderBottomColor: token.colorBorderCodeDark
 				},
-				[`${componentCls}-lang`]: { color: "#cccccc" },
+				[`${componentCls}-lang`]: { color: token.colorTextTitleDark },
 				[`${componentCls}-theme-btn, ${componentCls}-copy-btn`]: {
-					color: "#ffffff !important",
+					color: `${token.codeBtnColorDark} !important`,
 					"&:hover, &:focus": {
-						color: "#ffffff !important",
-						backgroundColor: "#3e3e42 !important"
+						color: `${token.codeBtnColorDark} !important`,
+						backgroundColor: `${token.codeBtnHoverBgDark} !important`
 					}
 				},
-				[`${componentCls}-content`]: { backgroundColor: "#1e1e1e" },
+				[`${componentCls}-content`]: { backgroundColor: token.codeBgDark },
 				[`${componentCls}-line-numbers`]: {
-					backgroundColor: "#1e1e1e",
-					borderRightColor: "#3e3e42"
+					backgroundColor: token.codeBgDark,
+					borderRightColor: token.colorBorderCodeDark
 				},
-				[`${componentCls}-line-number`]: { color: "#858585" }
+				[`${componentCls}-line-number`]: { color: token.codeLineNumberColorDark },
+				[`${componentCls}-code`]: { color: token.codeColorDark }
 			}
 		} };
 	};
-	var prepareComponentToken$10 = () => ({
-		codeFontFamily: "'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
-		codeFontSize: 14
-	});
+	var prepareComponentToken$10 = (token) => {
+		const isDarkApp = new _ant_design_fast_color.FastColor(token.colorBgContainer).isDark();
+		return {
+			colorBgTitle: isDarkApp ? "#f0f0f0" : token.colorFillContent,
+			colorTextTitle: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorText,
+			colorBorderCode: isDarkApp ? "#f0f0f0" : token.colorBorderSecondary,
+			codeColor: isDarkApp ? "#393a34" : token.colorText,
+			codeBg: isDarkApp ? "#fafafa" : token.colorBgLayout,
+			codeLineNumberColor: isDarkApp ? "rgba(0, 0, 0, 0.25)" : token.colorTextQuaternary,
+			codeBtnColor: isDarkApp ? "rgba(0, 0, 0, 0.65)" : token.colorTextSecondary,
+			codeBtnHoverBg: isDarkApp ? "rgba(0, 0, 0, 0.06)" : token.colorFillSecondary,
+			colorBgTitleDark: isDarkApp ? token.colorFillContent : "#252526",
+			colorTextTitleDark: isDarkApp ? token.colorText : "#cccccc",
+			colorBorderCodeDark: isDarkApp ? token.colorBorder : "#3e3e42",
+			codeColorDark: isDarkApp ? token.colorText : "#dbd7caee",
+			codeBgDark: isDarkApp ? token.colorBgElevated : "#1e1e1e",
+			codeLineNumberColorDark: isDarkApp ? token.colorTextQuaternary : "#858585",
+			codeBtnColorDark: isDarkApp ? token.colorText : "#ffffff",
+			codeBtnHoverBgDark: isDarkApp ? token.colorFillSecondary : "#3e3e42"
+		};
+	};
 	var style_default$10 = genStyleHooks("CodeHighlighter", (token) => {
 		return [genCodeHighlighterStyle((0, _antdv_next_cssinjs_cssinjs_utils.mergeToken)(token, {}))];
 	}, prepareComponentToken$10);
@@ -5078,10 +5108,11 @@
 			const highlightedHtml = (0, vue.shallowRef)("");
 			const highlightCode = async () => {
 				try {
-					highlightedHtml.value = await codeToHtml(props.content, {
+					const html = await codeToHtml(props.content, {
 						lang: props.language,
 						theme: props.theme === "dark" ? "vitesse-dark" : "vitesse-light"
 					});
+					highlightedHtml.value = html;
 				} catch (e) {
 					console.error("Failed to highlight code:", e);
 					highlightedHtml.value = `<pre><code>${escapeHtml(props.content)}</code></pre>`;
@@ -6906,7 +6937,8 @@
 				if (props.fileContentService) {
 					loadingContent.value = true;
 					try {
-						fileContent.value = await props.fileContentService.loadFileContent(filePath);
+						const content = await props.fileContentService.loadFileContent(filePath);
+						fileContent.value = content;
 					} catch (error) {
 						fileContent.value = `// ${locale.value.loadError}: ${error instanceof Error ? error.message : "Unknown error"}`;
 					} finally {
@@ -7149,7 +7181,7 @@
 	}, prepareComponentToken$7);
 	//#endregion
 	//#region components/mermaid/Mermaid.tsx
-	var RenderType = /* @__PURE__ */ function(RenderType) {
+	var RenderType = /*#__PURE__*/ function(RenderType) {
 		RenderType["Code"] = "code";
 		RenderType["Image"] = "image";
 		return RenderType;
@@ -8237,7 +8269,7 @@
 	});
 	//#endregion
 	//#region components/sender/components/SlotTextArea.tsx
-	var SUPPORTED_INPUT_TYPES = new Set([
+	var SUPPORTED_INPUT_TYPES = /* @__PURE__ */ new Set([
 		"input",
 		"select",
 		"custom",
@@ -8564,7 +8596,8 @@
 			const setStartCursor = (preventScroll) => {
 				const editable = editableRef.value;
 				if (!editable) return;
-				setCursorPosition(editable, skillDomRef.value ? 1 : 0, preventScroll);
+				const startIndex = skillDomRef.value ? 1 : 0;
+				setCursorPosition(editable, startIndex, preventScroll);
 			};
 			const setEndCursor = (preventScroll) => {
 				const editable = editableRef.value;
@@ -9058,7 +9091,7 @@
 				"xmlns": "http://www.w3.org/2000/svg",
 				"class": props.class
 			}, [(0, vue.createVNode)("title", null, [contextLocale.value.speechRecording]), Array.from({ length: COUNT }).map((_, index) => {
-				const x = index * ((SIZE - RECT_WIDTH * COUNT) / (COUNT - 1) + RECT_WIDTH);
+				const x = index * 286.66666666666663;
 				const yMin = SIZE / 2 - RECT_HEIGHT_MIN / 2;
 				const yMax = SIZE / 2 - RECT_HEIGHT_MAX / 2;
 				return (0, vue.createVNode)("rect", {
@@ -11867,7 +11900,7 @@
 				const ctx = contextConfig.value.classes ?? {};
 				const prop = props.classes ?? {};
 				const result = {};
-				const keys = new Set([...Object.keys(ctx), ...Object.keys(prop)]);
+				const keys = /* @__PURE__ */ new Set([...Object.keys(ctx), ...Object.keys(prop)]);
 				for (const k of keys) {
 					const vals = [ctx[k], prop[k]].filter(Boolean).join(" ");
 					if (vals) result[k] = vals;
@@ -11878,7 +11911,7 @@
 				const ctx = contextConfig.value.styles ?? {};
 				const prop = props.styles ?? {};
 				const result = {};
-				const keys = new Set([...Object.keys(ctx), ...Object.keys(prop)]);
+				const keys = /* @__PURE__ */ new Set([...Object.keys(ctx), ...Object.keys(prop)]);
 				for (const k of keys) result[k] = {
 					...ctx[k],
 					...prop[k]

package/dist/mermaid/Mermaid.js

@@ -11,7 +11,7 @@ import { useConfig } from "antdv-next/config-provider/context";
 import { Button, Segmented, Tooltip } from "antdv-next";
 import { DownloadOutlined, ZoomInOutlined, ZoomOutOutlined } from "@antdv-next/icons";
 //#region components/mermaid/Mermaid.tsx
-var RenderType = /* @__PURE__ */ function(RenderType) {
+var RenderType = /*#__PURE__*/ function(RenderType) {
 	RenderType["Code"] = "code";
 	RenderType["Image"] = "image";
 	return RenderType;

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.2.0";
+var version = "1.2.1";
 //#endregion
 export { version };