@vectorx/agent-simulator 1.0.0 → 1.1.0

package/lib/webview-ui/utils/markdownHighlight.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mdWithHighlight = void 0;
+const core_1 = __importDefault(require("highlight.js/lib/core"));
+const bash_1 = __importDefault(require("highlight.js/lib/languages/bash"));
+const css_1 = __importDefault(require("highlight.js/lib/languages/css"));
+const javascript_1 = __importDefault(require("highlight.js/lib/languages/javascript"));
+const json_1 = __importDefault(require("highlight.js/lib/languages/json"));
+const python_1 = __importDefault(require("highlight.js/lib/languages/python"));
+const typescript_1 = __importDefault(require("highlight.js/lib/languages/typescript"));
+const xml_1 = __importDefault(require("highlight.js/lib/languages/xml"));
+const markdown_it_1 = __importDefault(require("markdown-it"));
+// 只注册常用语言，控制体积
+core_1.default.registerLanguage("javascript", javascript_1.default);
+core_1.default.registerLanguage("typescript", typescript_1.default);
+core_1.default.registerLanguage("json", json_1.default);
+core_1.default.registerLanguage("python", python_1.default);
+core_1.default.registerLanguage("bash", bash_1.default);
+core_1.default.registerLanguage("shell", bash_1.default);
+core_1.default.registerLanguage("sh", bash_1.default);
+core_1.default.registerLanguage("css", css_1.default);
+core_1.default.registerLanguage("html", xml_1.default);
+core_1.default.registerLanguage("xml", xml_1.default);
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+/** 带代码高亮的 markdown-it 实例，供 MarkdownRenderer 等使用 */
+exports.mdWithHighlight = new markdown_it_1.default({
+    html: true,
+    breaks: true,
+    highlight(str, lang) {
+        if (lang && core_1.default.getLanguage(lang)) {
+            try {
+                const { value } = core_1.default.highlight(str, {
+                    language: lang,
+                    ignoreIllegals: true,
+                });
+                return `<pre class="hljs"><code class="hljs">${value}</code></pre>`;
+            }
+            catch {
+                // fallback to escaped
+            }
+        }
+        return `<pre class="hljs"><code class="hljs">${escapeHtml(str)}</code></pre>`;
+    },
+});
+// 统一处理 markdown 内的链接：在新窗口/标签页中打开，避免在当前 webview/iframe 中跳转导致被 CSP 限制
+exports.mdWithHighlight.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+    const token = tokens[idx];
+    // target="_blank"
+    const targetIndex = token.attrIndex("target");
+    if (targetIndex < 0) {
+        token.attrPush(["target", "_blank"]);
+    }
+    else {
+        token.attrs[targetIndex][1] = "_blank";
+    }
+    // rel="noopener noreferrer"
+    const relIndex = token.attrIndex("rel");
+    const relValue = "noopener noreferrer";
+    if (relIndex < 0) {
+        token.attrPush(["rel", relValue]);
+    }
+    else {
+        token.attrs[relIndex][1] = relValue;
+    }
+    return self.renderToken(tokens, idx, options);
+};

package/lib/webview-ui/utils/stream-text-handler.d.ts

@@ -1,4 +1,3 @@
 import type { ChatCompletion } from "@vectorx/ai-sdk";
 export declare function parseStreamChunk(dataLine: string): ChatCompletion | null;
 export declare function parseNonStreamChunk(chunk: any): ChatCompletion | null;
-//# sourceMappingURL=stream-text-handler.d.ts.map

package/lib/webview-ui/utils/stream-text-handler.js

@@ -18,7 +18,7 @@ function parseStreamChunk(dataLine) {
         }
         if (obj && Array.isArray(obj.choices))
             return obj;
-        if (obj && obj.data && Array.isArray(obj.data.choices))
+        if (obj?.data && Array.isArray(obj.data.choices))
             return obj.data;
         return null;
     }
@@ -45,10 +45,13 @@ function parseNonStreamChunk(chunk) {
             return data;
     }
     const inner = chunk.data;
-    if (inner && typeof inner === "object" && typeof inner.code === "number" && inner.code === 0 && inner.data) {
+    if (inner &&
+        typeof inner === "object" &&
+        typeof inner.code === "number" &&
+        inner.code === 0 &&
+        inner.data) {
         if (Array.isArray(inner.data.choices))
             return inner.data;
     }
     return null;
 }
-//# sourceMappingURL=stream-text-handler.js.map

package/lib/webview-ui/utils/upload.d.ts

@@ -5,4 +5,3 @@ export declare function createUploader(options: {
     scene: string;
     getToken?: () => Promise<any>;
 }): Uploader;
-//# sourceMappingURL=upload.d.ts.map

package/lib/webview-ui/utils/upload.js

@@ -17,6 +17,9 @@ async function getUploadToken() {
 }
 function createUploader(options) {
     const { bizName, scene, getToken } = options;
-    return new cos_1.Uploader({ bizName, scene, getToken: getToken ?? getUploadToken });
+    return new cos_1.Uploader({
+        bizName,
+        scene,
+        getToken: getToken ?? getUploadToken,
+    });
 }
-//# sourceMappingURL=upload.js.map

package/lib/webview-ui/widgets/BubbleComponents.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
+import type React from "react";
 export declare const ReasoningCard: React.FC<{
     content: string;
 }>;
 export declare const CustomMarkdown: React.FC<{
     content: string | any;
 }>;
-//# sourceMappingURL=BubbleComponents.d.ts.map

package/lib/webview-ui/widgets/BubbleComponents.js

@@ -43,7 +43,7 @@ const CustomMarkdown = ({ content }) => {
         try {
             return JSON.stringify(content);
         }
-        catch (e) {
+        catch (_e) {
             return String(content);
         }
     })();
@@ -59,4 +59,3 @@ const CustomMarkdown = ({ content }) => {
     }
 };
 exports.CustomMarkdown = CustomMarkdown;
-//# sourceMappingURL=BubbleComponents.js.map

package/lib/webview-ui/widgets/ChatInput.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import "./ChatInput.less";
 interface ChatInputProps {
     loading: boolean;
@@ -24,4 +24,3 @@ interface ChatInputProps {
 }
 export declare const ChatInput: React.FC<ChatInputProps>;
 export {};
-//# sourceMappingURL=ChatInput.d.ts.map

package/lib/webview-ui/widgets/ChatInput.js

@@ -10,53 +10,10 @@ const ThemeContext_1 = require("../contexts/ThemeContext");
 const agent_service_1 = require("../services/agent-service");
 const env_helper_1 = require("../utils/env-helper");
 require("./ChatInput.less");
-const MOCK_SUGGESTIONS = [
-    { label: "帮我写一篇关于AI的文章", value: "ai-article" },
-    { label: "生成一张夕阳下的海滩图片", value: "beach-image" },
-    { label: "制作一个产品展示动画", value: "product-animation" },
-    { label: "协调多个AI完成项目规划", value: "ai-planning" },
-];
-// 根据模块动态生成建议提示
-const getModuleSuggestions = (moduleId) => {
-    switch (moduleId) {
-        case "chat":
-            return [
-                { label: "帮我写一篇关于AI的文章", value: "ai-article" },
-                { label: "帮我写一篇关于广州的旅游攻略", value: "travel-guide" },
-                { label: "帮我写一篇购物笔记", value: "shopping-note" },
-                { label: "帮我总结一下今天的会议内容", value: "meeting-summary" },
-            ];
-        case "image":
-            return [
-                { label: "给我一个五彩斑斓的黑", value: "colorful-black" },
-                { label: "生成一张夕阳下的海滩图片", value: "sunset-beach" },
-                { label: "画一只可爱的小猫咪", value: "cute-kitten" },
-                { label: "创作一幅抽象艺术作品", value: "abstract-art" },
-            ];
-        case "video":
-            // 文生视频模块暂不支持，返回默认建议
-            return [
-                { label: "帮我写一篇关于AI的文章", value: "ai-article" },
-                { label: "生成一张夕阳下的海滩图片", value: "beach-image" },
-                { label: "制作一个产品展示动画", value: "product-animation" },
-                { label: "协调多个AI完成项目规划", value: "ai-planning" },
-            ];
-        case "multi-agent":
-            // 多智能体编排模块暂不支持，返回默认建议
-            return [
-                { label: "帮我写一篇关于AI的文章", value: "ai-article" },
-                { label: "生成一张夕阳下的海滩图片", value: "beach-image" },
-                { label: "制作一个产品展示动画", value: "product-animation" },
-                { label: "协调多个AI完成项目规划", value: "ai-planning" },
-            ];
-        default:
-            // 默认建议（未选择模块时）
-            return MOCK_SUGGESTIONS;
-    }
-};
-const ChatInput = ({ loading, inputValue, canSendMessage, isLoggedIn, attachedFiles, uploadConfig, currentModule, attachmentsOpen = false, onAttachmentsOpenChange, onInputChange, onSubmit, onCancel, onPasteFile, enqueueUpload, onRemoveFile, getDisabledReason, onAgentFileUpload, }) => {
+const ChatInput = ({ loading, inputValue, canSendMessage, isLoggedIn, attachedFiles, uploadConfig, currentModule: _, attachmentsOpen = false, onAttachmentsOpenChange, onInputChange, onSubmit, onCancel, onPasteFile, enqueueUpload, onRemoveFile, getDisabledReason, onAgentFileUpload, }) => {
     // 获取主题状态
     const { isDark } = (0, ThemeContext_1.useThemeHook)();
+    const embedded = (0, env_helper_1.isEmbeddedInIde)();
     // 如果没有外部传入的状态控制，则使用内部状态（向后兼容）
     const [internalAttachmentsOpen, setInternalAttachmentsOpen] = (0, react_1.useState)(false);
     const attachmentsOpenState = attachmentsOpen !== undefined ? attachmentsOpen : internalAttachmentsOpen;
@@ -65,8 +22,6 @@ const ChatInput = ({ loading, inputValue, canSendMessage, isLoggedIn, attachedFi
     const fileInputRef = (0, react_1.useRef)(null);
     // 判断是否有上传成功的 OpenAI 文件（从 attachedFiles 中查找）
     const hasAgentFiles = attachedFiles?.some((f) => f.fileSource === "openai" && f.status === "done") || false;
-    // 根据当前模块动态获取建议提示
-    const moduleSuggestions = getModuleSuggestions(currentModule);
     // 处理文件上传到 Agent
     const handleAgentFileUpload = async () => {
         // IDE 环境下跳过登录检查
@@ -151,7 +106,13 @@ const ChatInput = ({ loading, inputValue, canSendMessage, isLoggedIn, attachedFi
                     return {
                         ...file,
                         name: fileName,
-                        description: ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: "12px", color: "#666" }, children: [(0, jsx_runtime_1.jsx)(icons_1.OpenAIOutlined, { style: { fontSize: "14px", color: "#10a37f" } }), (0, jsx_runtime_1.jsxs)("span", { children: ["File ID: ", fileId] })] })),
+                        description: ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: 6,
+                                fontSize: "12px",
+                                color: "#666",
+                            }, children: [(0, jsx_runtime_1.jsx)(icons_1.OpenAIOutlined, { style: { fontSize: "14px", color: "#10a37f" } }), (0, jsx_runtime_1.jsxs)("span", { children: ["File ID: ", fileId] })] })),
                         // 尝试通过 thumbUrl 设置图标（如果 Attachments 支持）
                         thumbUrl: undefined, // OpenAI 文件没有图片预览
                     };
@@ -164,47 +125,59 @@ const ChatInput = ({ loading, inputValue, canSendMessage, isLoggedIn, attachedFi
                     title: "上传多模态文件",
                     description: "支持图片、PDF、视频、音频等文件格式",
                 } }) }));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `chat-input-container ${isDark ? "dark" : ""}`, children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", style: { display: "none" }, onChange: handleFileChange, accept: "*/*" }), (0, jsx_runtime_1.jsx)(x_1.Suggestion, { items: moduleSuggestions, onSelect: (value) => {
-                    // 根据 value 找到对应的 label
-                    const selectedItem = moduleSuggestions.find((item) => item.value === value);
-                    const label = selectedItem?.label || value || "未知建议";
-                    onInputChange(`${label}`);
-                }, children: ({ onTrigger, onKeyDown, }) => ((0, jsx_runtime_1.jsx)(x_1.Sender, { loading: loading, value: inputValue, disabled: !canSendMessage, onChange: (v) => {
-                        onTrigger(v === "/" ? "/" : "");
-                        onInputChange(v || "");
-                    }, onSubmit: () => {
-                        onSubmit(inputValue);
-                        onInputChange("");
-                    }, onCancel: onCancel, allowSpeech: true, placeholder: !canSendMessage ? getDisabledReason() || "Ask or input / use skills" : "Ask or input / use skills", onKeyDown: onKeyDown, header: sendHeader, prefix: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", className: "attachment-button", icon: (0, jsx_runtime_1.jsx)(icons_1.PaperClipOutlined, {}), onClick: () => {
-                                    // IDE 环境下跳过登录检查
-                                    if (!(0, env_helper_1.isIDE)() && !isLoggedIn) {
-                                        antd_1.message.warning("请先登录后再上传文件");
-                                        return;
-                                    }
-                                    setAttachmentsOpen(!attachmentsOpenState);
-                                }, disabled: !canSendMessage }), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: "bold", marginBottom: 6 }, children: "\u667A\u80FD\u4F53\u6587\u4EF6\u4E0A\u4F20 (OpenAI \u6807\u51C6)" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: "12px", lineHeight: "1.6", color: "rgba(255,255,255,0.85)" }, children: [(0, jsx_runtime_1.jsx)("div", { children: "\u2022 \u5BF9\u63A5\u300C\u667A\u80FD\u4F53\u4E0A\u4F20\u63A5\u53E3\u670D\u52A1\u300D" }), (0, jsx_runtime_1.jsx)("div", { children: "\u2022 \u4E0A\u4F20\u6210\u529F\u540E\u8FD4\u56DE file_id" }), (0, jsx_runtime_1.jsx)("div", { children: "\u2022 \u9700\u5728\u667A\u80FD\u4F53\u5185\u81EA\u884C\u89E3\u6790\u6587\u4EF6" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 6, paddingTop: 6, borderTop: "1px solid rgba(255,255,255,0.15)" }, children: [(0, jsx_runtime_1.jsx)("div", { style: { color: "rgba(255,255,255,0.65)", marginBottom: 2 }, children: (0, jsx_runtime_1.jsx)("strong", { children: "\u4E0E\u5DE6\u4FA7\u4E0A\u4F20\u7684\u533A\u522B\uFF1A" }) }), (0, jsx_runtime_1.jsx)("div", { children: "\u5DE6\u4FA7\u4E0A\u4F20\u8FD4\u56DE\u516C\u7F51\u94FE\u63A5\uFF0C\u6587\u4EF6\u76F4\u63A5\u663E\u793A\u5728\u5BF9\u8BDD\u4E2D" })] })] })] }), placement: "topLeft", overlayStyle: { maxWidth: 340 }, children: (0, jsx_runtime_1.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", className: "file-upload-button", style: {
-                                                color: hasAgentFiles ? "#52c41a" : undefined,
-                                                transition: "color 0.3s ease",
-                                            }, icon: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", className: "icon size-5", width: "1em", height: "1em", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 16v3m0 0v3m0-3h3m-3 0h-3m4-10v-.172a2 2 0 0 0-.586-1.414l-3.828-3.828A2 2 0 0 0 14.172 3H14m6 6h-4a2 2 0 0 1-2-2V3m6 6v3m-6-9H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" }) }), onClick: handleAgentFileUpload, disabled: !canSendMessage || uploading, loading: uploading }), (0, jsx_runtime_1.jsx)("span", { style: {
-                                                position: "absolute",
-                                                top: "2px",
-                                                right: "2px",
-                                                fontSize: "10px",
-                                                fontWeight: "bold",
-                                                color: "#1890ff",
-                                                backgroundColor: "rgba(255, 255, 255, 0.9)",
-                                                borderRadius: "50%",
-                                                width: "14px",
-                                                height: "14px",
-                                                display: "flex",
-                                                alignItems: "center",
-                                                justifyContent: "center",
-                                                lineHeight: "1",
-                                                pointerEvents: "none",
-                                            }, children: "?" })] }) })] }), onPasteFile: onPasteFile, actions: (_, info) => {
-                        const { SendButton, LoadingButton, SpeechButton } = info.components;
-                        return ((0, jsx_runtime_1.jsxs)("div", { className: "action-buttons", children: [(0, jsx_runtime_1.jsx)(SpeechButton, { className: "speech-button", disabled: !canSendMessage }), loading ? ((0, jsx_runtime_1.jsx)(LoadingButton, { type: "default" })) : ((0, jsx_runtime_1.jsx)(SendButton, { type: "primary", disabled: !canSendMessage }))] }));
-                    } })) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `chat-input-container ${isDark ? "dark" : ""} ${embedded ? "embedded" : ""}`, style: embedded
+            ? {
+                padding: "4px 8px",
+                background: "transparent",
+                borderTop: "none",
+            }
+            : undefined, children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", style: { display: "none" }, onChange: handleFileChange, accept: "*/*" }), (0, jsx_runtime_1.jsx)(x_1.Sender, { loading: loading, value: inputValue, disabled: !canSendMessage, submitType: "enter", onChange: (v) => {
+                    onInputChange(v || "");
+                }, onSubmit: () => {
+                    onSubmit(inputValue);
+                    onInputChange("");
+                }, onCancel: onCancel, allowSpeech: true, placeholder: !canSendMessage ? getDisabledReason() || "输入消息，回车发送" : "输入消息，回车发送", style: embedded ? { fontSize: 13 } : undefined, header: sendHeader, prefix: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", className: "attachment-button", icon: (0, jsx_runtime_1.jsx)(icons_1.PaperClipOutlined, {}), size: embedded ? "small" : "middle", onClick: () => {
+                                if (!(0, env_helper_1.isIDE)() && !isLoggedIn) {
+                                    antd_1.message.warning("请先登录后再上传文件");
+                                    return;
+                                }
+                                setAttachmentsOpen(!attachmentsOpenState);
+                            }, disabled: !canSendMessage }), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: "bold", marginBottom: 6 }, children: "\u667A\u80FD\u4F53\u6587\u4EF6\u4E0A\u4F20 (OpenAI \u6807\u51C6)" }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                            fontSize: "12px",
+                                            lineHeight: "1.6",
+                                            color: "rgba(255,255,255,0.85)",
+                                        }, children: [(0, jsx_runtime_1.jsx)("div", { children: "\u2022 \u5BF9\u63A5\u300C\u667A\u80FD\u4F53\u4E0A\u4F20\u63A5\u53E3\u670D\u52A1\u300D" }), (0, jsx_runtime_1.jsx)("div", { children: "\u2022 \u4E0A\u4F20\u6210\u529F\u540E\u8FD4\u56DE file_id" }), (0, jsx_runtime_1.jsx)("div", { children: "\u2022 \u9700\u5728\u667A\u80FD\u4F53\u5185\u81EA\u884C\u89E3\u6790\u6587\u4EF6" }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                                    marginTop: 6,
+                                                    paddingTop: 6,
+                                                    borderTop: "1px solid rgba(255,255,255,0.15)",
+                                                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                                            color: "rgba(255,255,255,0.65)",
+                                                            marginBottom: 2,
+                                                        }, children: (0, jsx_runtime_1.jsx)("strong", { children: "\u4E0E\u5DE6\u4FA7\u4E0A\u4F20\u7684\u533A\u522B\uFF1A" }) }), (0, jsx_runtime_1.jsx)("div", { children: "\u5DE6\u4FA7\u4E0A\u4F20\u8FD4\u56DE\u516C\u7F51\u94FE\u63A5\uFF0C\u6587\u4EF6\u76F4\u63A5\u663E\u793A\u5728\u5BF9\u8BDD\u4E2D" })] })] })] }), placement: "topLeft", overlayStyle: { maxWidth: 340 }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    position: "relative",
+                                    display: "inline-block",
+                                }, children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", className: "file-upload-button", size: embedded ? "small" : "middle", style: {
+                                            color: hasAgentFiles ? "#52c41a" : undefined,
+                                            transition: "color 0.3s ease",
+                                        }, icon: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", className: "icon size-5", width: "1em", height: "1em", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 16v3m0 0v3m0-3h3m-3 0h-3m4-10v-.172a2 2 0 0 0-.586-1.414l-3.828-3.828A2 2 0 0 0 14.172 3H14m6 6h-4a2 2 0 0 1-2-2V3m6 6v3m-6-9H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" }) }), onClick: handleAgentFileUpload, disabled: !canSendMessage || uploading, loading: uploading }), (0, jsx_runtime_1.jsx)("span", { style: {
+                                            position: "absolute",
+                                            top: "2px",
+                                            right: "2px",
+                                            fontSize: "10px",
+                                            fontWeight: "bold",
+                                            color: "#1890ff",
+                                            backgroundColor: "rgba(255, 255, 255, 0.9)",
+                                            borderRadius: "50%",
+                                            width: "14px",
+                                            height: "14px",
+                                            display: "flex",
+                                            alignItems: "center",
+                                            justifyContent: "center",
+                                            lineHeight: "1",
+                                            pointerEvents: "none",
+                                        }, children: "?" })] }) })] }), onPasteFile: onPasteFile, actions: (_, info) => {
+                    const { SendButton, LoadingButton, SpeechButton } = info.components;
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "action-buttons", children: [(0, jsx_runtime_1.jsx)(SpeechButton, { className: "speech-button", disabled: !canSendMessage }), loading ? ((0, jsx_runtime_1.jsx)(LoadingButton, { type: "default" })) : ((0, jsx_runtime_1.jsx)(SendButton, { type: "primary", disabled: !canSendMessage }))] }));
+                } })] }));
 };
 exports.ChatInput = ChatInput;
-//# sourceMappingURL=ChatInput.js.map

package/lib/webview-ui/widgets/LogPanel.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { AgentSimulatorInfo } from "../services/agent-service";
+import type React from "react";
+import type { AgentSimulatorInfo } from "../services/agent-service";
 import type { DebugStatusType } from "./ToolBar";
 interface LogPanelProps {
     open: boolean;
@@ -12,4 +12,3 @@ interface LogPanelProps {
 }
 export declare const LogPanel: React.FC<LogPanelProps>;
 export {};
-//# sourceMappingURL=LogPanel.d.ts.map

package/lib/webview-ui/widgets/LogPanel.js

@@ -20,7 +20,11 @@ const LogPanel = ({ open, activeTab, onTabChange, onClose, agentSimulatorInfo, h
         }
     };
     return ((0, jsx_runtime_1.jsxs)(antd_1.Drawer, { placement: "bottom", open: open, onClose: onClose, height: height, mask: true, maskClosable: true, styles: {
-            body: { padding: 0, display: "flex", flexDirection: "column" },
+            body: {
+                padding: 0,
+                display: "flex",
+                flexDirection: "column",
+            },
             header: { display: "none" },
         }, destroyOnClose: false, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     borderBottom: `1px solid ${token.colorBorder}`,
@@ -56,4 +60,3 @@ const LogPanel = ({ open, activeTab, onTabChange, onClose, agentSimulatorInfo, h
                             }, children: "Agent \u670D\u52A1\u672A\u8FDE\u63A5\uFF0C\u65E0\u6CD5\u83B7\u53D6\u7528\u6237\u65E5\u5FD7" })))] })] }));
 };
 exports.LogPanel = LogPanel;
-//# sourceMappingURL=LogPanel.js.map

package/lib/webview-ui/widgets/SystemLogs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { LogType } from "../services/logger-service";
 import type { DebugStatusType } from "./ToolBar";
 interface SystemLogsProps {
@@ -27,4 +27,3 @@ export declare enum AgentType {
  */
 export declare const SystemLogs: React.FC<SystemLogsProps>;
 export {};
-//# sourceMappingURL=SystemLogs.d.ts.map

package/lib/webview-ui/widgets/SystemLogs.js

@@ -238,7 +238,10 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
             });
             if (response.success) {
                 // @ts-ignore
-                const newRemoteLogs = response.data.map((log) => ({ ...log, source: "remote" }));
+                const newRemoteLogs = response.data.map((log) => ({
+                    ...log,
+                    source: "remote",
+                }));
                 if (isLoadMore) {
                     // 加载更多：追加日志
                     setLogs((prevLogs) => [...prevLogs, ...newRemoteLogs]);
@@ -276,7 +279,9 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
                 "@timestamp": new Date().toISOString(),
                 level: "error",
                 eventId: "",
-                message: JSON.stringify({ msg: `日志获取失败: ${error.message}` }),
+                message: JSON.stringify({
+                    msg: `日志获取失败: ${error.message}`,
+                }),
                 source: "local",
             };
             setLogs((prevLogs) => [...prevLogs, errorLog]);
@@ -303,14 +308,18 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
                     "@timestamp": new Date().toISOString(),
                     level: "system",
                     eventId: "",
-                    message: JSON.stringify({ msg: `👤 用户日志拉取成功 ${new Date().toLocaleString()}` }),
+                    message: JSON.stringify({
+                        msg: `👤 用户日志拉取成功 ${new Date().toLocaleString()}`,
+                    }),
                     source: "local",
                 }
                 : {
                     "@timestamp": new Date().toISOString(),
                     level: "system",
                     eventId: "",
-                    message: JSON.stringify({ msg: `🖥️ 系统日志拉取成功 ${new Date().toLocaleString()}` }),
+                    message: JSON.stringify({
+                        msg: `🖥️ 系统日志拉取成功 ${new Date().toLocaleString()}`,
+                    }),
                     source: "local",
                 },
             {
@@ -324,7 +333,9 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
                 "@timestamp": new Date().toISOString(),
                 level: "system",
                 eventId: "",
-                message: JSON.stringify({ msg: `Agent '${agentName}' 已加载` }),
+                message: JSON.stringify({
+                    msg: `Agent '${agentName}' 已加载`,
+                }),
                 source: "local",
             },
         ];
@@ -349,7 +360,9 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
             "@timestamp": new Date().toISOString(),
             level: debugStatus === "normal" ? "system" : "warn",
             eventId: "",
-            message: JSON.stringify({ msg: `调试状态变更: ${debugStatus}` }),
+            message: JSON.stringify({
+                msg: `调试状态变更: ${debugStatus}`,
+            }),
             source: "local",
         };
         setLogs((prevLogs) => [...prevLogs, statusLog]);
@@ -396,7 +409,10 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
             loadMoreWithThrottle();
         }
     }, [loadMoreWithThrottle]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "system-logs", style: { height: "100%", backgroundColor: token.colorBgElevated }, children: (0, jsx_runtime_1.jsxs)("div", { className: "logs-content", style: { height: "100%", margin: 0 }, children: [debugStatus !== "normal" && ((0, jsx_runtime_1.jsx)("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "system-logs", style: {
+            height: "100%",
+            backgroundColor: token.colorBgElevated,
+        }, children: (0, jsx_runtime_1.jsxs)("div", { className: "logs-content", style: { height: "100%", margin: 0 }, children: [debugStatus !== "normal" && ((0, jsx_runtime_1.jsx)("div", { style: {
                         background: "rgba(250, 173, 20, 0.1)",
                         color: "#faad14",
                         padding: "8px 16px",
@@ -441,7 +457,9 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
                                             color: "#a3a3a3",
                                             whiteSpace: "pre-wrap",
                                             wordBreak: "break-all",
-                                        }, children: logType === logger_service_1.LogType.USERCODE ? formatUserLogDetailedInfo(entry) : formatDetailedInfo(entry) }))] }, index));
+                                        }, children: logType === logger_service_1.LogType.USERCODE
+                                            ? formatUserLogDetailedInfo(entry)
+                                            : formatDetailedInfo(entry) }))] }, index));
                         }), isLoadingMore && ((0, jsx_runtime_1.jsx)("div", { style: {
                                 textAlign: "center",
                                 padding: "16px",
@@ -457,4 +475,3 @@ const SystemLogs = ({ baseUrl, agentName, debugStatus, isOpen = false, logType =
                             }, children: ["\u5DF2\u52A0\u8F7D\u5168\u90E8\u65E5\u5FD7 (", logs.filter((log) => log.source === "remote").length, " \u6761)"] }))] })] }) }));
 };
 exports.SystemLogs = SystemLogs;
-//# sourceMappingURL=SystemLogs.js.map

package/lib/webview-ui/widgets/ToolBar.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { AgentSimulatorInfo } from "../services/agent-service";
+import type React from "react";
+import type { FunctionMode } from "../hooks/useAgentStatus";
+import type { AgentSimulatorInfo } from "../services/agent-service";
 export type DebugStatusType = "normal" | "stopped" | "error" | "connecting" | "timeout";
 export interface ToolBarProps {
     agentSimulatorInfo: AgentSimulatorInfo | null;
@@ -9,10 +10,10 @@ export interface ToolBarProps {
     onRetryConnection: () => void;
     onClearChat: () => void;
     onToggleLogs: () => void;
+    functionMode?: FunctionMode;
 }
 /**
  * 工具栏组件
  * 提供调试控制和系统状态显示
  */
 export declare const ToolBar: React.FC<ToolBarProps>;
-//# sourceMappingURL=ToolBar.d.ts.map

package/lib/webview-ui/widgets/ToolBar.js

@@ -9,7 +9,7 @@ const AuthIndicator_1 = require("../components/AuthIndicator");
  * 工具栏组件
  * 提供调试控制和系统状态显示
  */
-const ToolBar = ({ agentSimulatorInfo, debugStatus, showSystemLogs, isConnecting = false, onRetryConnection, onClearChat, onToggleLogs, }) => {
+const ToolBar = ({ agentSimulatorInfo, debugStatus, showSystemLogs, isConnecting = false, onRetryConnection, onClearChat, onToggleLogs, functionMode = "agent", }) => {
     const { token } = antd_1.theme.useToken();
     // 获取调试状态显示文本
     const getDebugStatusText = () => {
@@ -37,7 +37,7 @@ const ToolBar = ({ agentSimulatorInfo, debugStatus, showSystemLogs, isConnecting
                 await navigator.clipboard.writeText(agentId);
                 antd_1.message.success("AgentId 已复制到剪贴板");
             }
-            catch (err) {
+            catch (_err) {
                 // 兼容旧浏览器
                 const textArea = document.createElement("textarea");
                 textArea.value = agentId;
@@ -66,7 +66,10 @@ const ToolBar = ({ agentSimulatorInfo, debugStatus, showSystemLogs, isConnecting
                                         display: "inline-flex",
                                         alignItems: "center",
                                         gap: 8,
-                                    }, children: [agentSimulatorInfo?.agentInfo?.agent_name || "未连接", (0, jsx_runtime_1.jsx)("span", { style: { display: "inline-flex", alignItems: "center" }, children: (0, jsx_runtime_1.jsx)(AuthIndicator_1.AuthIndicator, {}) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "agent-info-right", children: (0, jsx_runtime_1.jsxs)("div", { className: "agent-id-container", children: [(0, jsx_runtime_1.jsx)("span", { className: "agent-id-value", title: agentSimulatorInfo?.agentInfo?.agent_id || "获取中...", style: {
+                                    }, children: [agentSimulatorInfo?.agentInfo?.agent_name || "未连接", functionMode === "websocket" && ((0, jsx_runtime_1.jsx)(antd_1.Tag, { color: "blue", style: { margin: 0, fontSize: 10, lineHeight: "16px", padding: "0 4px" }, children: "WS" })), (0, jsx_runtime_1.jsx)("span", { style: {
+                                                display: "inline-flex",
+                                                alignItems: "center",
+                                            }, children: (0, jsx_runtime_1.jsx)(AuthIndicator_1.AuthIndicator, {}) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "agent-info-right", children: (0, jsx_runtime_1.jsxs)("div", { className: "agent-id-container", children: [(0, jsx_runtime_1.jsx)("span", { className: "agent-id-value", title: agentSimulatorInfo?.agentInfo?.agent_id || "获取中...", style: {
                                                 color: token.colorText,
                                             }, children: agentSimulatorInfo?.agentInfo?.agent_id || "获取中..." }), agentSimulatorInfo?.agentInfo?.agent_id && ((0, jsx_runtime_1.jsx)(antd_1.Button, { className: "copy-icon", type: "text", size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}), onClick: copyAgentId, title: "\u70B9\u51FB\u590D\u5236 AgentId", style: {
                                                 padding: "0 4px",
@@ -87,4 +90,3 @@ const ToolBar = ({ agentSimulatorInfo, debugStatus, showSystemLogs, isConnecting
                                 }, children: isConnecting ? "连接中..." : "重试连接" })] })] })] }));
 };
 exports.ToolBar = ToolBar;
-//# sourceMappingURL=ToolBar.js.map

package/lib/webview-ui/widgets/WebSocketDebugger.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface WebSocketDebuggerProps {
+    wsProxyBase: string;
+}
+export declare const WebSocketDebugger: React.FC<WebSocketDebuggerProps>;
+export {};