@vectorx/agent-simulator 1.0.0 → 1.1.0

package/lib/webview-ui/App.js

@@ -58,6 +58,24 @@ const http_client_1 = require("./utils/http-client");
 const stream_text_handler_1 = require("./utils/stream-text-handler");
 const widgets_1 = require("./widgets");
 const LogPanel_1 = require("./widgets/LogPanel");
+const WebSocketDebugger_1 = require("./widgets/WebSocketDebugger");
+/** 从消息中取摘要（用于列表展示）；有 parts 时从 parts 推导，否则用 content */
+function getMessageSummary(msg) {
+    const parts = msg.parts;
+    if (parts?.length) {
+        const first = parts[0];
+        if (first.type === "text" && first.content.trim())
+            return first.content.trim().slice(0, 80);
+        if (first.type === "image")
+            return "[图片]";
+        if (first.type === "video")
+            return "[视频]";
+        if (first.type === "audio")
+            return "[音频]";
+        return "[多段内容]";
+    }
+    return msg.content || "";
+}
 // 根据 mimeType 确定文件类型的工具函数
 const getFileTypeFromMimeType = (mimeType) => {
     const normalizedType = mimeType.toLowerCase();
@@ -88,7 +106,7 @@ const getFileTypeFromMimeType = (mimeType) => {
     }
 };
 const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequestEnd, onUserSubmit, onCancel, }) => {
-    let abortController = (0, react_1.useRef)(null);
+    const abortController = (0, react_1.useRef)(null);
     const [agent] = (0, x_1.useXAgent)({
         baseURL: (0, Agent_1.getSendMessageUri)(agentSimulatorInfo),
     });
@@ -162,7 +180,7 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                 // 其他类型暂不参与多模态对话内容，仍在气泡中展示
             });
         }
-        if (val && val.trim()) {
+        if (val?.trim()) {
             contentParts.push({ type: "text", text: val.trim() });
         }
         // 合并标准文件和 OpenAI 文件到统一的 files 字段（用于请求）
@@ -199,6 +217,7 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                 ]
                 : [],
         };
+        const requestMessageId = `msg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
         agent.request(requestData, {
             onUpdate: (chunk) => {
                 try {
@@ -236,7 +255,7 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                     }
                     // 处理错误响应（没有 choices 字段的响应）
                     if (rawChunk && !message) {
-                        const errorMessageId = `error-${Date.now()}`;
+                        const errorMessageId = requestMessageId;
                         // 构建标准错误信息格式，与 ErrorCard 的消费逻辑匹配
                         const errorInfo = {
                             message: rawChunk.message || rawChunk.error || "请求失败",
@@ -299,11 +318,15 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                     const choice = message.choices[0];
                     const messageData = choice.message || choice.delta || {};
                     // 检测错误类型：空 type 或 "error" type，或者有 finish_reason 为 "error"
-                    const isError = (choice.message && !messageData.type) || messageData.type === "error" || choice.finish_reason === "error";
-                    const msgType = isError ? "error" : (messageData.type || "answer");
+                    const isError = (choice.message && !messageData.type) ||
+                        messageData.type === "error" ||
+                        choice.finish_reason === "error";
+                    const msgType = isError
+                        ? "error"
+                        : (messageData.type || "answer");
                     const currentText = messageData.content || "";
                     const currentReasoning = messageData.reasoning_content || "";
-                    const messageId = message.id;
+                    const messageId = requestMessageId;
                     // 对于错误情况，提取错误信息（构建标准格式，与 ErrorCard 匹配）
                     const errorInfo = isError
                         ? {
@@ -334,6 +357,7 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                                 uiTimeStr: new Date().toLocaleTimeString(),
                                 type: "thinking",
                                 cards: [],
+                                parts: [],
                                 timestamp: Date.now(),
                             };
                             newMessages.push(newMessage);
@@ -344,7 +368,8 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                         const updatedMessage = {
                             ...existingMessage,
                         };
-                        updatedMessage.reasoningContent = (updatedMessage.reasoningContent || "") + currentReasoning;
+                        updatedMessage.reasoningContent =
+                            (updatedMessage.reasoningContent || "") + currentReasoning;
                         updatedMessage.isThinking = !!currentReasoning;
                         // 根据消息类型处理
                         if (msgType === "error") {
@@ -361,8 +386,27 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                             ];
                         }
                         else if (msgType === "answer") {
-                            updatedMessage.content = (updatedMessage.content || "") + currentText;
-                            updatedMessage.type = "answer";
+                            if (Array.isArray(updatedMessage.parts)) {
+                                const parts = [...updatedMessage.parts];
+                                const last = parts[parts.length - 1];
+                                if (last?.type === "text") {
+                                    last.content += currentText;
+                                }
+                                else {
+                                    parts.push({ type: "text", content: currentText });
+                                }
+                                updatedMessage.parts = parts;
+                                updatedMessage.type = "composite";
+                                updatedMessage.isThinking = false;
+                                updatedMessage.content = parts
+                                    .filter((p) => p.type === "text")
+                                    .map((p) => p.content)
+                                    .join("");
+                            }
+                            else {
+                                updatedMessage.content = (updatedMessage.content || "") + currentText;
+                                updatedMessage.type = "answer";
+                            }
                         }
                         else if ([
                             "function_call",
@@ -389,14 +433,65 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                                 updatedMessage.type = msgType;
                             }
                         }
-                        // 图片/视频类型：主内容按图片渲染，type 跟随分片类型
+                        // 图片/视频类型：追加到 parts，支持多图与图文混排
                         else if (msgType === "image" || msgType === "video") {
-                            if (currentText) {
-                                updatedMessage.content = currentText; // 图片/视频 URL/base64
+                            if (Array.isArray(updatedMessage.parts)) {
+                                const parts = [...updatedMessage.parts];
+                                if (currentText)
+                                    parts.push({ type: msgType, content: currentText });
+                                updatedMessage.parts = parts;
+                                updatedMessage.type = "composite";
+                                updatedMessage.isThinking = false;
+                            }
+                            else {
+                                if (currentText)
+                                    updatedMessage.content = currentText;
+                                updatedMessage.type = msgType;
+                                updatedMessage.isThinking = false;
+                            }
+                        }
+                        // 音频类型：有 parts 时追加到 parts，否则保持原逻辑（独立消息或单段音频）
+                        else if (msgType === "audio") {
+                            const audioMetadata = messageData.metadata || undefined;
+                            const parts = updatedMessage.parts ?? [];
+                            if (parts.length > 0) {
+                                if (currentText) {
+                                    parts.push({
+                                        type: "audio",
+                                        content: currentText,
+                                        metadata: audioMetadata,
+                                    });
+                                }
+                                updatedMessage.parts = [...parts];
+                                updatedMessage.type = "composite";
+                                updatedMessage.isThinking = false;
+                            }
+                            else if (existingMessage.type !== "audio" &&
+                                (existingMessage.content || (existingMessage.parts?.length ?? 0) > 0)) {
+                                const audioMessage = {
+                                    id: `${messageId}-audio-${Date.now()}`,
+                                    role: "assistant",
+                                    content: currentText,
+                                    type: "audio",
+                                    isThinking: false,
+                                    isTimeout: false,
+                                    isInterrupted: false,
+                                    isUiDiscard: false,
+                                    uiTimeStr: new Date().toLocaleTimeString(),
+                                    timestamp: Date.now(),
+                                    metadata: audioMetadata,
+                                };
+                                newMessages.push(audioMessage);
+                                newMessages[existingIndex] = updatedMessage;
+                                return newMessages;
+                            }
+                            else {
+                                if (currentText)
+                                    updatedMessage.content = currentText;
+                                updatedMessage.type = "audio";
+                                updatedMessage.isThinking = false;
+                                updatedMessage.metadata = audioMetadata;
                             }
-                            updatedMessage.type = msgType;
-                            // 图片/视频结果为最终结果，确保结束思考态以触发渲染
-                            updatedMessage.isThinking = false;
                         }
                         // 异步任务类型：统一走卡片渲染
                         else if (msgType === "async_task") {
@@ -425,7 +520,7 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                     console.error("Transform message error:", error);
                 }
             },
-            onSuccess: (chunks) => {
+            onSuccess: (_chunks) => {
                 onMessageUpdate((prev) => {
                     return prev.map((msg) => ({
                         ...msg,
@@ -527,6 +622,7 @@ const Copilot = () => {
     const { styles } = (0, copilot_1.useCopilotStyle)();
     const { isLoggedIn } = (0, AuthContext_1.useAuth)();
     const { getUserAvatarProps } = (0, useUserAvatar_1.useUserAvatar)();
+    const embedded = (0, env_helper_1.isEmbeddedInIde)();
     const chatUserSubmitRef = (0, react_1.useRef)(null);
     const chatCancelRef = (0, react_1.useRef)(null);
     // ==================== State ====================
@@ -537,7 +633,7 @@ const Copilot = () => {
     const [messages, setMessages] = (0, react_1.useState)([]);
     const [loading, setLoading] = (0, react_1.useState)(false);
     // ==================== Agent Status ====================
-    const { agentSimulatorInfo, debugStatus, isConnecting, retryConnection } = (0, useAgentStatus_1.useAgentStatus)();
+    const { agentSimulatorInfo, debugStatus, isConnecting, retryConnection, functionMode } = (0, useAgentStatus_1.useAgentStatus)();
     // ========== Widgets 相关状态 ==========
     const [showSystemLogs, setShowSystemLogs] = (0, react_1.useState)(false);
     const [activeLogTab, setActiveLogTab] = (0, react_1.useState)("system");
@@ -547,6 +643,12 @@ const Copilot = () => {
         setMessages([]);
     };
     const handleToggleLogs = () => setShowSystemLogs((v) => !v);
+    // 监听 embedded 模式下来自父窗口的清空对话事件
+    react_1.default.useEffect(() => {
+        const handler = () => handleClearChat();
+        window.addEventListener("simulator:clear-chat", handler);
+        return () => window.removeEventListener("simulator:clear-chat", handler);
+    }, []);
     // ==================== 消息发送可用性检查 ====================
     const canSendMessage = agentSimulatorInfo && debugStatus === "normal";
     const getDisabledReason = () => {
@@ -669,7 +771,7 @@ const Copilot = () => {
             }
             catch (error) {
                 // 处理 HTTP 错误
-                if (error.message && error.message.includes("500")) {
+                if (error.message?.includes("500")) {
                     if ((0, env_helper_1.isIDE)()) {
                         throw new Error("IDE 环境下上传服务异常，请检查后端服务是否正常运行");
                     }
@@ -695,7 +797,15 @@ const Copilot = () => {
         uploadFiles([file], {
             onStart: () => { },
             onComplete: (ok) => {
-                setAttachedFiles((prev) => prev.map((it) => it.uid === uid ? { ...it, status: "done", url: ok.url, percent: 100, fileSource: "standard" } : it));
+                setAttachedFiles((prev) => prev.map((it) => it.uid === uid
+                    ? {
+                        ...it,
+                        status: "done",
+                        url: ok.url,
+                        percent: 100,
+                        fileSource: "standard",
+                    }
+                    : it));
                 antd_2.message.success(`${ok.name} 上传成功`);
                 // 上传成功后自动打开 Attachments 面板
                 setAttachmentsOpen(true);
@@ -712,9 +822,9 @@ const Copilot = () => {
         fileList.forEach((f) => enqueueUpload(f));
     };
     // 获取文件类型
-    const getFileType = (file) => {
+    const _getFileType = (file) => {
         const mimeType = file.type.toLowerCase();
-        return cos_config_1.uploadConfig.fileTypeMap[mimeType] || "document";
+        return (cos_config_1.uploadConfig.fileTypeMap[mimeType] || "document");
     };
     const onPasteFile = (_, files) => {
         // IDE 环境下跳过登录检查
@@ -728,9 +838,12 @@ const Copilot = () => {
     };
     // 预览功能如需启用，请结合 UploadFile 结构扩展；当前手动上传暂不启用内置预览。
     // ==================== Nodes ====================
-    const chatList = ((0, jsx_runtime_1.jsx)("div", { className: styles.chatList, style: { display: "flex", flexDirection: "column" }, children: messages?.length ? ((0, jsx_runtime_1.jsx)(x_1.Bubble.List, { style: { height: "100%", padding: "12px 16px" }, items: messages.map((item) => {
+    const chatList = ((0, jsx_runtime_1.jsx)("div", { className: styles.chatList, style: { display: "flex", flexDirection: "column" }, children: messages?.length ? ((0, jsx_runtime_1.jsx)(x_1.Bubble.List, { style: {
+                height: "100%",
+                padding: embedded ? "8px 10px" : "12px 16px",
+            }, items: messages.map((item) => {
                 return {
-                    content: item.content,
+                    content: getMessageSummary(item),
                     role: item.role,
                     messageRender: () => (0, jsx_runtime_1.jsx)(components_1.MessageRenderer, { message: item }),
                 };
@@ -753,7 +866,7 @@ const Copilot = () => {
                     placement: "start",
                     avatar: {
                         ...getUserAvatarProps(),
-                        size: 40,
+                        size: embedded ? 28 : 40,
                     },
                 },
             } })) : ((0, jsx_runtime_1.jsx)(components_1.WelcomeModule, { onPromptSelect: handleUserSubmit, onModuleChange: setCurrentModule, isDark: isDark })) }));
@@ -763,18 +876,23 @@ const Copilot = () => {
             newFileList.splice(index, 1);
             setAttachedFiles(newFileList);
         }, getDisabledReason: getDisabledReason }));
+    // 构建 WebSocket 代理 URL（通过模拟器代理到 rcb-ff）
+    const wsProxyBase = `ws://${window.location.host}/ws-proxy/`;
+    // 嵌入到 Web IDE 时，不展示 ToolBar（Agent 信息 + 调试控制）和 LogPanel（调试日志），
+    // 这些信息由 Web IDE 侧统一展示。
     return ((0, jsx_runtime_1.jsx)(AgentContext_1.AgentProvider, { agentSimulatorInfo: agentSimulatorInfo, children: (0, jsx_runtime_1.jsxs)("div", { className: styles.copilotChat, style: {
                 background: token.colorBgContainer,
-                minHeight: "100vh",
+                minHeight: embedded ? 0 : "100vh",
+                height: embedded ? "100%" : undefined,
                 borderRadius: 0,
                 boxShadow: "none",
                 padding: 0,
-                border: `1px solid ${token.colorBorder}`,
-            }, children: [(0, jsx_runtime_1.jsx)(widgets_1.ToolBar, { agentSimulatorInfo: agentSimulatorInfo, debugStatus: debugStatus, showSystemLogs: showSystemLogs, isConnecting: isConnecting, onRetryConnection: retryConnection, onClearChat: handleClearChat, onToggleLogs: handleToggleLogs }), (0, jsx_runtime_1.jsx)(LogPanel_1.LogPanel, { open: showSystemLogs, activeTab: activeLogTab, onTabChange: setActiveLogTab, onClose: () => setShowSystemLogs(false), agentSimulatorInfo: agentSimulatorInfo, height: constants_1.LOG_PANEL_HEIGHT, debugStatus: debugStatus }), chatList, chatSender, agentSimulatorInfo && ((0, jsx_runtime_1.jsx)(ChatAgent, { agentSimulatorInfo: agentSimulatorInfo, onMessageUpdate: setMessages, onRequestStart: () => setLoading(true), onRequestEnd: () => setLoading(false), onUserSubmit: (fn) => {
-                        chatUserSubmitRef.current = fn;
-                    }, onCancel: (fn) => {
-                        chatCancelRef.current = fn;
-                    } }))] }) }));
+                border: embedded ? "none" : `1px solid ${token.colorBorder}`,
+            }, children: [!embedded && ((0, jsx_runtime_1.jsx)(widgets_1.ToolBar, { agentSimulatorInfo: agentSimulatorInfo, debugStatus: debugStatus, showSystemLogs: showSystemLogs, isConnecting: isConnecting, onRetryConnection: retryConnection, onClearChat: handleClearChat, onToggleLogs: handleToggleLogs, functionMode: functionMode })), !embedded && ((0, jsx_runtime_1.jsx)(LogPanel_1.LogPanel, { open: showSystemLogs, activeTab: activeLogTab, onTabChange: setActiveLogTab, onClose: () => setShowSystemLogs(false), agentSimulatorInfo: agentSimulatorInfo, height: constants_1.LOG_PANEL_HEIGHT, debugStatus: debugStatus })), functionMode === "websocket" ? ((0, jsx_runtime_1.jsx)(WebSocketDebugger_1.WebSocketDebugger, { wsProxyBase: wsProxyBase })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [chatList, chatSender, agentSimulatorInfo && ((0, jsx_runtime_1.jsx)(ChatAgent, { agentSimulatorInfo: agentSimulatorInfo, onMessageUpdate: setMessages, onRequestStart: () => setLoading(true), onRequestEnd: () => setLoading(false), onUserSubmit: (fn) => {
+                                chatUserSubmitRef.current = fn;
+                            }, onCancel: (fn) => {
+                                chatCancelRef.current = fn;
+                            } }))] }))] }) }));
 };
 const CopilotSimulator = () => {
     const { styles: workareaStyles } = (0, workarea_1.useWorkareaStyle)();
@@ -785,17 +903,41 @@ const CopilotSimulator = () => {
     };
     const initIsDarkMode = getIsDarkFromQuery();
     const [darkMode, setDarkMode] = (0, react_1.useState)(initIsDarkMode);
+    // 检测是否嵌入在 IDE 中
+    const embedded = (0, env_helper_1.isEmbeddedInIde)();
+    // 同步 body 背景色与根节点 class，便于全局暗色样式（例如代码高亮）生效
+    react_1.default.useEffect(() => {
+        document.body.style.backgroundColor = darkMode ? "#141414" : "#f5f5f5";
+        document.body.style.color = darkMode ? "#ffffffd9" : "#333";
+        const root = document.documentElement;
+        root.classList.remove("vfd-theme-light", "vfd-theme-dark");
+        root.classList.add(darkMode ? "vfd-theme-dark" : "vfd-theme-light");
+    }, [darkMode]);
+    // 监听来自父窗口的 postMessage（主题切换、清空对话等）
+    react_1.default.useEffect(() => {
+        const handleMessage = (event) => {
+            if (!event.data)
+                return;
+            if (event.data.type === "setTheme") {
+                setDarkMode(!!event.data.isDark);
+            }
+            if (event.data.type === "clearChat") {
+                window.dispatchEvent(new CustomEvent("simulator:clear-chat"));
+            }
+        };
+        window.addEventListener("message", handleMessage);
+        return () => window.removeEventListener("message", handleMessage);
+    }, []);
     if (typeof require === "function") {
         // 当前运行在IDE中，electron环境
         const { ipcRenderer } = require("electron");
         // @ts-ignore
-        ipcRenderer.on("setTheme", (event, isDark) => {
+        ipcRenderer.on("setTheme", (_event, isDark) => {
             setDarkMode(isDark);
         });
     }
     return ((0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeProvider, { isDark: darkMode, children: (0, jsx_runtime_1.jsx)(antd_1.ConfigProvider, { theme: {
                 algorithm: darkMode ? antd_1.theme.darkAlgorithm : antd_1.theme.defaultAlgorithm,
-            }, children: (0, jsx_runtime_1.jsx)(AuthContext_1.AuthProvider, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)("div", { className: workareaStyles.copilotWrapper, children: (0, jsx_runtime_1.jsx)(Copilot, {}) }) }) }) }) }));
+            }, children: (0, jsx_runtime_1.jsx)(AuthContext_1.AuthProvider, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)("div", { className: `${workareaStyles.copilotWrapper} ${embedded ? "embed-ide" : ""} ${darkMode ? "vfd-theme-dark" : "vfd-theme-light"}`, children: (0, jsx_runtime_1.jsx)(Copilot, {}) }) }) }) }) }));
 };
 exports.default = CopilotSimulator;
-//# sourceMappingURL=App.js.map

package/lib/webview-ui/ErrorBoundary.d.ts

@@ -16,4 +16,3 @@ declare class ErrorBoundary extends React.Component<{
     render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export { ErrorBoundary };
-//# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/webview-ui/ErrorBoundary.js

@@ -51,4 +51,3 @@ class ErrorBoundary extends react_1.default.Component {
     }
 }
 exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map

package/lib/webview-ui/components/AsyncTaskBlock.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import "./AsyncTaskBlock.less";
 interface AsyncTaskBlockProps {
     task_id?: string;
@@ -10,4 +10,3 @@ interface AsyncTaskBlockProps {
 }
 export declare const AsyncTaskBlock: React.FC<AsyncTaskBlockProps>;
 export {};
-//# sourceMappingURL=AsyncTaskBlock.d.ts.map

package/lib/webview-ui/components/AsyncTaskBlock.js

@@ -29,7 +29,11 @@ function normalizeTaskResults(output) {
         const url = (typeof c?.url === "string" && c.url) ||
             (typeof c?.image === "string" && c.image) ||
             (typeof c?.image_url === "string" && c.image_url) ||
-            (c?.image_url && typeof c.image_url === "object" ? (c.image_url.url ? String(c.image_url.url) : "") : "");
+            (c?.image_url && typeof c.image_url === "object"
+                ? c.image_url.url
+                    ? String(c.image_url.url)
+                    : ""
+                : "");
         return url
             ? {
                 url,
@@ -79,7 +83,13 @@ const TaskResultsDisplay = ({ output, usage }) => {
                 return "default";
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "task-results-display", children: [(0, jsx_runtime_1.jsxs)("div", { className: "task-results-header", children: [(0, jsx_runtime_1.jsx)(antd_1.Tag, { color: getStatusColor(task_status), children: task_status }), usage?.image_count && ((0, jsx_runtime_1.jsxs)(Text, { type: "secondary", className: "image-count-text", children: ["\u751F\u6210 ", usage.image_count, " \u5F20\u56FE\u7247"] })), submit_time && end_time && ((0, jsx_runtime_1.jsxs)(Text, { type: "secondary", className: "time-text", children: ["\u7528\u65F6: ", new Date(end_time).getTime() - new Date(submit_time).getTime(), "ms"] }))] }), task_status === "FAILED" && (code || message) && ((0, jsx_runtime_1.jsxs)("div", { className: "error-info-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "error-header", children: (0, jsx_runtime_1.jsx)(Text, { strong: true, type: "danger", children: "\u274C \u4EFB\u52A1\u6267\u884C\u5931\u8D25" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "error-details", children: [code && ((0, jsx_runtime_1.jsxs)("div", { className: "error-code", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, children: "\u9519\u8BEF\u4EE3\u7801:" }), (0, jsx_runtime_1.jsx)(Text, { code: true, className: "error-code-text", children: code })] })), message && ((0, jsx_runtime_1.jsxs)("div", { className: "error-message", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, children: "\u9519\u8BEF\u4FE1\u606F:" }), (0, jsx_runtime_1.jsx)(Text, { type: "danger", className: "error-message-text", children: message })] }))] })] })), (0, jsx_runtime_1.jsx)("div", { className: "results-list", children: results.map((result, index) => ((0, jsx_runtime_1.jsx)(antd_1.Card, { size: "small", className: "result-card", children: (0, jsx_runtime_1.jsxs)("div", { className: "result-content", children: [result.url && ((0, jsx_runtime_1.jsxs)("div", { className: "image-container", children: [!imageLoadStates[index] && ((0, jsx_runtime_1.jsx)("div", { className: "image-loading", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-text", children: "Loading" }) })), (0, jsx_runtime_1.jsx)("img", { src: result.url, alt: `Generated ${index + 1}`, className: `result-image ${imageLoadStates[index] ? "loaded" : ""}`, onClick: () => handleImagePreview(result.url, `生成图片 ${index + 1}`), onLoad: () => handleImageLoad(index) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "text-info", children: [result.orig_prompt && ((0, jsx_runtime_1.jsxs)("div", { className: "prompt-section", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, className: "prompt-label", children: "\u539F\u59CB\u63D0\u793A\u8BCD:" }), (0, jsx_runtime_1.jsx)(Paragraph, { className: "prompt-text", ellipsis: { rows: 2, tooltip: result.orig_prompt }, children: result.orig_prompt })] })), result.actual_prompt && result.actual_prompt !== result.orig_prompt && ((0, jsx_runtime_1.jsxs)("div", { className: "prompt-section", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, className: "prompt-label", children: "\u4F18\u5316\u540E\u63D0\u793A\u8BCD:" }), (0, jsx_runtime_1.jsx)(Paragraph, { className: "prompt-text", ellipsis: { rows: 2, tooltip: result.actual_prompt }, children: result.actual_prompt })] })), result.url && ((0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", className: "action-buttons", children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), onClick: () => handleImagePreview(result.url, `生成图片 ${index + 1}`), children: "\u9884\u89C8" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: () => handleImageDownload(result.url, index), children: "\u4E0B\u8F7D" })] }))] })] }) }, index))) }), (0, jsx_runtime_1.jsx)(antd_1.Modal, { title: previewTitle, open: previewVisible, onCancel: () => setPreviewVisible(false), footer: [
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "task-results-display", children: [(0, jsx_runtime_1.jsxs)("div", { className: "task-results-header", children: [(0, jsx_runtime_1.jsx)(antd_1.Tag, { color: getStatusColor(task_status), children: task_status }), usage?.image_count && ((0, jsx_runtime_1.jsxs)(Text, { type: "secondary", className: "image-count-text", children: ["\u751F\u6210 ", usage.image_count, " \u5F20\u56FE\u7247"] })), submit_time && end_time && ((0, jsx_runtime_1.jsxs)(Text, { type: "secondary", className: "time-text", children: ["\u7528\u65F6: ", new Date(end_time).getTime() - new Date(submit_time).getTime(), "ms"] }))] }), task_status === "FAILED" && (code || message) && ((0, jsx_runtime_1.jsxs)("div", { className: "error-info-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "error-header", children: (0, jsx_runtime_1.jsx)(Text, { strong: true, type: "danger", children: "\u274C \u4EFB\u52A1\u6267\u884C\u5931\u8D25" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "error-details", children: [code && ((0, jsx_runtime_1.jsxs)("div", { className: "error-code", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, children: "\u9519\u8BEF\u4EE3\u7801:" }), (0, jsx_runtime_1.jsx)(Text, { code: true, className: "error-code-text", children: code })] })), message && ((0, jsx_runtime_1.jsxs)("div", { className: "error-message", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, children: "\u9519\u8BEF\u4FE1\u606F:" }), (0, jsx_runtime_1.jsx)(Text, { type: "danger", className: "error-message-text", children: message })] }))] })] })), (0, jsx_runtime_1.jsx)("div", { className: "results-list", children: results.map((result, index) => ((0, jsx_runtime_1.jsx)(antd_1.Card, { size: "small", className: "result-card", children: (0, jsx_runtime_1.jsxs)("div", { className: "result-content", children: [result.url && ((0, jsx_runtime_1.jsxs)("div", { className: "image-container", children: [!imageLoadStates[index] && ((0, jsx_runtime_1.jsx)("div", { className: "image-loading", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-text", children: "Loading" }) })), (0, jsx_runtime_1.jsx)("img", { src: result.url, alt: `Generated ${index + 1}`, className: `result-image ${imageLoadStates[index] ? "loaded" : ""}`, onClick: () => handleImagePreview(result.url, `生成图片 ${index + 1}`), onLoad: () => handleImageLoad(index) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "text-info", children: [result.orig_prompt && ((0, jsx_runtime_1.jsxs)("div", { className: "prompt-section", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, className: "prompt-label", children: "\u539F\u59CB\u63D0\u793A\u8BCD:" }), (0, jsx_runtime_1.jsx)(Paragraph, { className: "prompt-text", ellipsis: {
+                                                    rows: 2,
+                                                    tooltip: result.orig_prompt,
+                                                }, children: result.orig_prompt })] })), result.actual_prompt && result.actual_prompt !== result.orig_prompt && ((0, jsx_runtime_1.jsxs)("div", { className: "prompt-section", children: [(0, jsx_runtime_1.jsx)(Text, { strong: true, className: "prompt-label", children: "\u4F18\u5316\u540E\u63D0\u793A\u8BCD:" }), (0, jsx_runtime_1.jsx)(Paragraph, { className: "prompt-text", ellipsis: {
+                                                    rows: 2,
+                                                    tooltip: result.actual_prompt,
+                                                }, children: result.actual_prompt })] })), result.url && ((0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", className: "action-buttons", children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), onClick: () => handleImagePreview(result.url, `生成图片 ${index + 1}`), children: "\u9884\u89C8" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: () => handleImageDownload(result.url, index), children: "\u4E0B\u8F7D" })] }))] })] }) }, index))) }), (0, jsx_runtime_1.jsx)(antd_1.Modal, { title: previewTitle, open: previewVisible, onCancel: () => setPreviewVisible(false), footer: [
                     (0, jsx_runtime_1.jsx)(antd_1.Button, { icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: () => {
                             const link = document.createElement("a");
                             link.href = previewImage;
@@ -140,7 +150,9 @@ const AsyncTaskBlock = (props) => {
                         if (usage) {
                             setTaskUsage(usage);
                         }
-                        if (nextStatus === "SUCCEEDED" || nextStatus === "FAILED" || nextStatus === "CANCELED") {
+                        if (nextStatus === "SUCCEEDED" ||
+                            nextStatus === "FAILED" ||
+                            nextStatus === "CANCELED") {
                             setLoading(false);
                             if (timerRef.current) {
                                 window.clearInterval(timerRef.current);
@@ -207,7 +219,6 @@ const AsyncTaskBlock = (props) => {
                                                 ? "error"
                                                 : pollStatus === "CANCELED"
                                                     ? "warning"
-                                                    : "processing", children: pollStatus })] })), pollCount > 0 && !isManualRetry && ((0, jsx_runtime_1.jsxs)("div", { className: "poll-count", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u8F6E\u8BE2:" }), (0, jsx_runtime_1.jsxs)("span", { className: "poll-count-badge", children: [pollCount, "/10"] })] }))] })] }), loading && ((0, jsx_runtime_1.jsx)("div", { className: "loading-container", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-animation", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-text", children: "Loading" }) }) })), isTimeout && ((0, jsx_runtime_1.jsxs)("div", { className: "timeout-retry-bar", children: [(0, jsx_runtime_1.jsx)("span", { className: "timeout-message", children: "\u8F6E\u8BE2\u8D85\u65F6\uFF0C\u8BF7\u624B\u52A8\u91CD\u8BD5" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", type: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.ReloadOutlined, {}), onClick: handleRetry, children: "\u91CD\u8BD5" })] })), !loading && taskOutput && (0, jsx_runtime_1.jsx)(TaskResultsDisplay, { output: taskOutput, usage: taskUsage || undefined })] }));
+                                                    : "processing", children: pollStatus })] })), pollCount > 0 && !isManualRetry && ((0, jsx_runtime_1.jsxs)("div", { className: "poll-count", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u8F6E\u8BE2:" }), (0, jsx_runtime_1.jsxs)("span", { className: "poll-count-badge", children: [pollCount, "/10"] })] }))] })] }), loading && ((0, jsx_runtime_1.jsx)("div", { className: "loading-container", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-animation", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-text", children: "Loading" }) }) })), isTimeout && ((0, jsx_runtime_1.jsxs)("div", { className: "timeout-retry-bar", children: [(0, jsx_runtime_1.jsx)("span", { className: "timeout-message", children: "\u8F6E\u8BE2\u8D85\u65F6\uFF0C\u8BF7\u624B\u52A8\u91CD\u8BD5" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", type: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.ReloadOutlined, {}), onClick: handleRetry, children: "\u91CD\u8BD5" })] })), !loading && taskOutput && ((0, jsx_runtime_1.jsx)(TaskResultsDisplay, { output: taskOutput, usage: taskUsage || undefined }))] }));
 };
 exports.AsyncTaskBlock = AsyncTaskBlock;
-//# sourceMappingURL=AsyncTaskBlock.js.map

package/lib/webview-ui/components/AuthIndicator.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
+import type React from "react";
 export declare const AuthIndicator: React.FC;
-//# sourceMappingURL=AuthIndicator.d.ts.map

package/lib/webview-ui/components/AuthIndicator.js

@@ -19,4 +19,3 @@ const AuthIndicator = () => {
     return ((0, jsx_runtime_1.jsx)("div", { className: "auth-indicator not-logged-in", children: (0, jsx_runtime_1.jsx)("span", { className: "auth-status", children: "\u672A\u767B\u5F55" }) }));
 };
 exports.AuthIndicator = AuthIndicator;
-//# sourceMappingURL=AuthIndicator.js.map

package/lib/webview-ui/components/ErrorCard.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import "./ErrorCard.less";
 interface ErrorCardProps {
     code?: string | number;
@@ -8,4 +8,3 @@ interface ErrorCardProps {
 }
 export declare const ErrorCard: React.FC<ErrorCardProps>;
 export {};
-//# sourceMappingURL=ErrorCard.d.ts.map

package/lib/webview-ui/components/ErrorCard.js

@@ -2,17 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ThemeContext_1 = require("../contexts/ThemeContext");
 require("./ErrorCard.less");
 const ErrorCard = ({ code, log_id, details, rawData }) => {
-    // 从 rawData 中获取错误信息（标准格式）
-    const errorMessage = rawData?.message || rawData?.error || details?.message || (typeof details === "string" ? details : "未知错误");
+    const { isDark } = (0, ThemeContext_1.useThemeHook)();
+    const errorMessage = rawData?.message ||
+        rawData?.error ||
+        details?.message ||
+        (typeof details === "string" ? details : "未知错误");
     const errorCode = code || rawData?.code;
     const errorLogId = log_id || rawData?.log_id;
-    // 过滤掉空值，只保留有效的错误详情
     const filteredDetails = rawData
         ? Object.fromEntries(Object.entries(rawData).filter(([_, value]) => value !== undefined && value !== null && value !== ""))
         : null;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "error-card", children: [(0, jsx_runtime_1.jsxs)("div", { className: "error-card__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "error-card__header-icon", children: "!" }), (0, jsx_runtime_1.jsx)("span", { className: "error-card__header-title", children: "\u9519\u8BEF\u4FE1\u606F" })] }), (0, jsx_runtime_1.jsx)("div", { className: "error-card__message", children: errorMessage }), (errorCode || errorLogId) && ((0, jsx_runtime_1.jsxs)("div", { className: "error-card__meta", children: [errorCode && ((0, jsx_runtime_1.jsxs)("div", { className: "error-card__meta-item", children: [(0, jsx_runtime_1.jsx)("span", { className: "error-card__meta-item-label", children: "\u9519\u8BEF\u7801:" }), " ", errorCode] })), errorLogId && ((0, jsx_runtime_1.jsxs)("div", { className: "error-card__meta-item", children: [(0, jsx_runtime_1.jsx)("span", { className: "error-card__meta-item-label", children: "\u65E5\u5FD7ID:" }), " ", errorLogId] }))] })), filteredDetails && Object.keys(filteredDetails).length > 0 && ((0, jsx_runtime_1.jsxs)("details", { className: "error-card__details", children: [(0, jsx_runtime_1.jsx)("summary", { className: "error-card__details-summary", children: "\u8BE6\u7EC6\u4FE1\u606F" }), (0, jsx_runtime_1.jsx)("pre", { className: "error-card__details-content", children: JSON.stringify(filteredDetails, null, 2) })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `error-card ${isDark ? "dark" : ""}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "error-card__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "error-card__header-icon", children: "!" }), (0, jsx_runtime_1.jsx)("span", { className: "error-card__header-title", children: "\u9519\u8BEF\u4FE1\u606F" })] }), (0, jsx_runtime_1.jsx)("div", { className: "error-card__message", children: errorMessage }), (errorCode || errorLogId) && ((0, jsx_runtime_1.jsxs)("div", { className: "error-card__meta", children: [errorCode && ((0, jsx_runtime_1.jsxs)("div", { className: "error-card__meta-item", children: [(0, jsx_runtime_1.jsx)("span", { className: "error-card__meta-item-label", children: "\u9519\u8BEF\u7801:" }), " ", errorCode] })), errorLogId && ((0, jsx_runtime_1.jsxs)("div", { className: "error-card__meta-item", children: [(0, jsx_runtime_1.jsx)("span", { className: "error-card__meta-item-label", children: "\u65E5\u5FD7ID:" }), " ", errorLogId] }))] })), filteredDetails && Object.keys(filteredDetails).length > 0 && ((0, jsx_runtime_1.jsxs)("details", { className: "error-card__details", children: [(0, jsx_runtime_1.jsx)("summary", { className: "error-card__details-summary", children: "\u8BE6\u7EC6\u4FE1\u606F" }), (0, jsx_runtime_1.jsx)("pre", { className: "error-card__details-content", children: JSON.stringify(filteredDetails, null, 2) })] }))] }));
 };
 exports.ErrorCard = ErrorCard;
-//# sourceMappingURL=ErrorCard.js.map

package/lib/webview-ui/components/KnowledgeBaseSearchBlock.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 interface Chunk {
     id: string;
     score: number;
@@ -17,4 +17,3 @@ interface KnowledgeBaseSearchBlockProps {
 }
 export declare const KnowledgeBaseSearchBlock: React.FC<KnowledgeBaseSearchBlockProps>;
 export {};
-//# sourceMappingURL=KnowledgeBaseSearchBlock.d.ts.map

package/lib/webview-ui/components/KnowledgeBaseSearchBlock.js

@@ -37,9 +37,10 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
 const KnowledgeBaseSearchBlock = ({ query, knowledge_base_id, score_threshold, knowledge_search_mode, chunks, isResponse, reason_msg, has_result, }) => {
     const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
     const { styles } = useStyles();
-    const headerText = isResponse ? "知识库检索结果(检索到 " + (chunks?.length || 0) + " 条)" : "知识库检索";
+    const headerText = isResponse
+        ? "知识库检索结果(检索到 " + (chunks?.length || 0) + " 条)"
+        : "知识库检索";
     const icon = (0, jsx_runtime_1.jsx)(icons_1.SearchOutlined, {});
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles.block, style: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(_1.ToolUseBlockHeader, { toolName: headerText, isExpanded: isExpanded, onToggleExpand: () => setIsExpanded(!isExpanded), icon: icon }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: styles.body, children: !isResponse ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles.query, children: ["\u67E5\u8BE2: \"", query, "\""] }), (0, jsx_runtime_1.jsxs)("div", { className: styles.kbId, children: ["\u77E5\u8BC6\u5E93ID: ", knowledge_base_id || "N/A"] }), knowledge_search_mode && (0, jsx_runtime_1.jsxs)("div", { className: styles.param, children: ["\u68C0\u7D22\u6A21\u5F0F: ", knowledge_search_mode] }), score_threshold !== undefined && (0, jsx_runtime_1.jsxs)("div", { className: styles.param, children: ["\u9608\u503C: ", score_threshold] })] })) : ((0, jsx_runtime_1.jsx)("div", { children: has_result && chunks?.length ? (chunks.map((chunk, index) => (0, jsx_runtime_1.jsx)(_1.KnowledgeBaseSearchResult, { ...chunk }, chunk.id || index))) : ((0, jsx_runtime_1.jsx)("div", { className: styles.noResult, children: reason_msg || "未找到相关内容" })) })) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles.block, style: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(_1.ToolUseBlockHeader, { toolName: headerText, isExpanded: isExpanded, onToggleExpand: () => setIsExpanded(!isExpanded), icon: icon }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: styles.body, children: !isResponse ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles.query, children: ["\u67E5\u8BE2: \"", query, "\""] }), (0, jsx_runtime_1.jsxs)("div", { className: styles.kbId, children: ["\u77E5\u8BC6\u5E93ID: ", knowledge_base_id || "N/A"] }), knowledge_search_mode && ((0, jsx_runtime_1.jsxs)("div", { className: styles.param, children: ["\u68C0\u7D22\u6A21\u5F0F: ", knowledge_search_mode] })), score_threshold !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: styles.param, children: ["\u9608\u503C: ", score_threshold] }))] })) : ((0, jsx_runtime_1.jsx)("div", { children: has_result && chunks?.length ? (chunks.map((chunk, index) => ((0, jsx_runtime_1.jsx)(_1.KnowledgeBaseSearchResult, { ...chunk }, chunk.id || index)))) : ((0, jsx_runtime_1.jsx)("div", { className: styles.noResult, children: reason_msg || "未找到相关内容" })) })) }))] }));
 };
 exports.KnowledgeBaseSearchBlock = KnowledgeBaseSearchBlock;
-//# sourceMappingURL=KnowledgeBaseSearchBlock.js.map

package/lib/webview-ui/components/KnowledgeBaseSearchResult.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 interface KnowledgeBaseSearchResultProps {
     id: string;
     score: number;
@@ -6,4 +6,3 @@ interface KnowledgeBaseSearchResultProps {
 }
 export declare const KnowledgeBaseSearchResult: React.FC<KnowledgeBaseSearchResultProps>;
 export {};
-//# sourceMappingURL=KnowledgeBaseSearchResult.d.ts.map

package/lib/webview-ui/components/KnowledgeBaseSearchResult.js

@@ -23,9 +23,8 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
     font-size: 12px;
   `,
 }));
-const KnowledgeBaseSearchResult = ({ score, detail }) => {
+const KnowledgeBaseSearchResult = ({ score, detail, }) => {
     const { styles } = useStyles();
     return ((0, jsx_runtime_1.jsxs)("div", { className: styles.result, children: [(0, jsx_runtime_1.jsx)("div", { className: styles.detail, children: detail }), (0, jsx_runtime_1.jsxs)("div", { className: styles.score, children: ["\u76F8\u5173\u6027\u5206\u6570: ", score.toFixed(4)] })] }));
 };
 exports.KnowledgeBaseSearchResult = KnowledgeBaseSearchResult;
-//# sourceMappingURL=KnowledgeBaseSearchResult.js.map

package/lib/webview-ui/components/MarkdownRenderer.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
+import type React from "react";
 interface MarkdownRendererProps {
     content: string;
 }
 export declare const MarkdownRenderer: React.FC<MarkdownRendererProps>;
 export {};
-//# sourceMappingURL=MarkdownRenderer.d.ts.map

package/lib/webview-ui/components/MarkdownRenderer.js

@@ -1,17 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownRenderer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const antd_1 = require("antd");
 const antd_style_1 = require("antd-style");
-const markdown_it_1 = __importDefault(require("markdown-it"));
 const react_1 = require("react");
 const copilot_1 = require("../styles/copilot");
-const md = (0, markdown_it_1.default)({ html: true, breaks: true });
-const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
+const markdownHighlight_1 = require("../utils/markdownHighlight");
+const useStyles = (0, antd_style_1.createStyles)(({ css }) => ({
     // Markdown 内容容器
     markdownContent: css `
     transition: opacity 0.2s ease-in-out;
@@ -21,8 +17,7 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
 const MarkdownRenderer = ({ content }) => {
     const { styles } = useStyles();
     const { styles: copilotStyles } = (0, copilot_1.useCopilotStyle)();
-    const html = (0, react_1.useMemo)(() => md.render(content), [content]);
+    const html = (0, react_1.useMemo)(() => markdownHighlight_1.mdWithHighlight.render(content), [content]);
     return ((0, jsx_runtime_1.jsx)(antd_1.Typography, { children: (0, jsx_runtime_1.jsx)("div", { className: `markdown-content ${copilotStyles.markdownContent} ${styles.markdownContent}`, dangerouslySetInnerHTML: { __html: html } }) }));
 };
 exports.MarkdownRenderer = MarkdownRenderer;
-//# sourceMappingURL=MarkdownRenderer.js.map

package/lib/webview-ui/components/MessageRenderer.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
+import type React from "react";
 import type { ChatMessage } from "../types";
 export interface MessageRendererProps {
     message: ChatMessage;
 }
 export declare const MessageRenderer: React.FC<MessageRendererProps>;
-//# sourceMappingURL=MessageRenderer.d.ts.map