@vectorx/agent-simulator 0.1.2 → 0.3.0

package/lib/webview-ui/App.js

@@ -33,28 +33,44 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@ant-design/icons");
 const icons_2 = require("@ant-design/icons");
 const x_1 = require("@ant-design/x");
 const antd_1 = require("antd");
 const antd_2 = require("antd");
 const react_1 = __importStar(require("react"));
+const upload_config_1 = require("../config/upload.config");
 const Agent_1 = require("./Agent");
 const ErrorBoundary_1 = require("./ErrorBoundary");
 const components_1 = require("./components");
+const cos_config_1 = require("./config/cos-config");
 const constants_1 = require("./constants");
+const AgentContext_1 = require("./contexts/AgentContext");
+const AuthContext_1 = require("./contexts/AuthContext");
 const ThemeContext_1 = require("./contexts/ThemeContext");
 const useAgentStatus_1 = require("./hooks/useAgentStatus");
+const useUploader_1 = require("./hooks/useUploader");
+const useUserAvatar_1 = require("./hooks/useUserAvatar");
 const copilot_1 = require("./styles/copilot");
 const workarea_1 = require("./styles/workarea");
+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 getBase64 = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
+});
 const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequestEnd, onUserSubmit, onCancel, }) => {
-    const abortController = (0, react_1.useRef)(null);
+    let abortController = (0, react_1.useRef)(null);
     const [agent] = (0, x_1.useXAgent)({
         baseURL: (0, Agent_1.getSendMessageUri)(agentSimulatorInfo),
     });
-    const handleUserSubmit = (0, react_1.useCallback)((val, messages) => {
+    const handleUserSubmit = (0, react_1.useCallback)((val, messages, files) => {
+        // 添加用户消息
         const userMessage = {
             id: `user-${Date.now()}`,
             role: "user",
@@ -65,101 +81,191 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
             isUiDiscard: false,
             uiTimeStr: new Date().toLocaleTimeString(),
             type: "answer",
+            files: files || [],
         };
         const newMessages = [...messages, userMessage];
         onMessageUpdate(newMessages);
         onRequestStart();
-        agent.request({
+        // 发送请求（将图文转为多模态消息内容）
+        const contentParts = [];
+        if (files && files.length > 0) {
+            files.forEach((file) => {
+                if (file.type === "image" && file.url) {
+                    contentParts.push({
+                        type: "image_url",
+                        image_url: { url: file.url },
+                    });
+                }
+                // 其他类型暂不参与多模态对话内容，仍在气泡中展示
+            });
+        }
+        if (val && val.trim()) {
+            contentParts.push({ type: "text", text: val.trim() });
+        }
+        const requestData = {
             msg: val,
-            history: [],
-        }, {
+            files: files?.map((file) => ({
+                url: file.url,
+                type: file.type,
+                size: file.size,
+                mimeType: file.mimeType,
+            })) || [],
+            history: contentParts.length
+                ? [
+                    {
+                        role: "user",
+                        content: contentParts,
+                    },
+                ]
+                : [],
+        };
+        agent.request(requestData, {
             onUpdate: (chunk) => {
                 try {
-                    if (chunk === null || chunk === void 0 ? void 0 : chunk.data) {
-                        const data = typeof chunk.data === "string" ? chunk.data : chunk.data.toString();
-                        if (data.endsWith("[DONE]")) {
+                    let message = null;
+                    if (typeof chunk?.data === "string") {
+                        message = (0, stream_text_handler_1.parseStreamChunk)(chunk.data);
+                        if (!message)
                             return;
+                    }
+                    else if (chunk && typeof chunk === "object") {
+                        message = (0, stream_text_handler_1.parseNonStreamChunk)(chunk);
+                    }
+                    if (!message || typeof message !== "object") {
+                        console.warn("Invalid message object:", message);
+                        return;
+                    }
+                    // 兼容两种格式：message (旧) 和 delta (新)
+                    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 currentText = messageData.content || "";
+                    const currentReasoning = messageData.reasoning_content || "";
+                    const messageId = message.id;
+                    // 对于错误情况，提取错误信息
+                    const errorInfo = isError
+                        ? {
+                            message: message.error || currentText || message.message || "未知错误",
+                            code: message.code,
+                            log_id: message.log_id,
+                            rawData: message,
                         }
-                        let message;
-                        try {
-                            message = JSON.parse(data);
+                        : null;
+                    onMessageUpdate((prev) => {
+                        const newMessages = [...prev];
+                        let existingIndex = newMessages.findIndex((msg) => msg.id === messageId);
+                        if (existingIndex === -1) {
+                            const newMessage = {
+                                id: messageId,
+                                role: "assistant",
+                                content: "",
+                                reasoningContent: "",
+                                isThinking: true,
+                                isTimeout: false,
+                                isInterrupted: false,
+                                isUiDiscard: false,
+                                uiTimeStr: new Date().toLocaleTimeString(),
+                                type: "thinking",
+                                cards: [],
+                                timestamp: Date.now(),
+                            };
+                            newMessages.push(newMessage);
+                            existingIndex = newMessages.length - 1;
                         }
-                        catch (parseError) {
-                            console.error("Failed to parse message data:", parseError);
-                            return;
+                        const existingMessage = newMessages[existingIndex];
+                        // 创建一个可变副本进行更新
+                        const updatedMessage = {
+                            ...existingMessage,
+                        };
+                        updatedMessage.reasoningContent = (updatedMessage.reasoningContent || "") + currentReasoning;
+                        updatedMessage.isThinking = !!currentReasoning;
+                        // 根据消息类型处理
+                        if (msgType === "error") {
+                            // 错误类型处理
+                            updatedMessage.content = errorInfo?.message || "处理失败";
+                            updatedMessage.type = "error";
+                            updatedMessage.isThinking = false;
+                            // 将完整的错误信息存储在 cards 中供 ErrorCard 使用
+                            updatedMessage.cards = [
+                                {
+                                    type: "error_card",
+                                    content: JSON.stringify(errorInfo),
+                                },
+                            ];
                         }
-                        if (!message || typeof message !== "object") {
-                            console.warn("Invalid message object:", message);
-                            return;
+                        else if (msgType === "answer") {
+                            updatedMessage.content = (updatedMessage.content || "") + currentText;
+                            updatedMessage.type = "answer";
                         }
-                        const msgType = message.choices[0].message.type;
-                        const currentText = message.choices[0].message.content || "";
-                        const currentReasoning = message.choices[0].message.reasoning_content || "";
-                        const messageId = message.id;
-                        onMessageUpdate((prev) => {
-                            const newMessages = [...prev];
-                            let existingIndex = newMessages.findIndex((msg) => msg.id === messageId);
-                            if (existingIndex === -1) {
-                                const newMessage = {
-                                    id: messageId,
-                                    role: "assistant",
-                                    content: "",
-                                    reasoningContent: "",
-                                    isThinking: true,
-                                    isTimeout: false,
-                                    isInterrupted: false,
-                                    isUiDiscard: false,
-                                    uiTimeStr: new Date().toLocaleTimeString(),
-                                    type: "thinking",
-                                    cards: [],
-                                    timestamp: Date.now(),
-                                };
-                                newMessages.push(newMessage);
-                                existingIndex = newMessages.length - 1;
+                        else if ([
+                            "function_call",
+                            "function_call_response",
+                            "knowledge_base_search",
+                            "knowledge_base_search_response",
+                        ].includes(msgType)) {
+                            const cards = updatedMessage.cards ? [...updatedMessage.cards] : [];
+                            const existingCardIndex = cards.findIndex((card) => card.type === msgType);
+                            const newCard = {
+                                type: msgType,
+                                content: currentText,
+                            };
+                            if (existingCardIndex !== -1) {
+                                // 如果卡片已存在，则更新它 (流式更新卡片内容)
+                                cards[existingCardIndex].content += currentText;
                             }
-                            const existingMessage = newMessages[existingIndex];
-                            const updatedMessage = Object.assign({}, existingMessage);
-                            updatedMessage.reasoningContent = (updatedMessage.reasoningContent || "") + currentReasoning;
-                            updatedMessage.isThinking = !!currentReasoning;
-                            if (msgType === "answer") {
-                                updatedMessage.content = (updatedMessage.content || "") + currentText;
-                                updatedMessage.type = "answer";
+                            else {
+                                cards.push(newCard);
                             }
-                            else if ([
-                                "function_call",
-                                "function_call_response",
-                                "knowledge_base_search",
-                                "knowledge_base_search_response",
-                            ].includes(msgType)) {
-                                const cards = updatedMessage.cards ? [...updatedMessage.cards] : [];
-                                const existingCardIndex = cards.findIndex((card) => card.type === msgType);
-                                const newCard = {
-                                    type: msgType,
-                                    content: currentText,
-                                };
-                                if (existingCardIndex !== -1) {
-                                    cards[existingCardIndex].content += currentText;
-                                }
-                                else {
-                                    cards.push(newCard);
-                                }
-                                updatedMessage.cards = cards;
-                                if (existingMessage.type === "thinking") {
-                                    updatedMessage.type = msgType;
-                                }
+                            updatedMessage.cards = cards;
+                            // 如果消息还在思考中，则更新其主类型
+                            if (existingMessage.type === "thinking") {
+                                updatedMessage.type = msgType;
                             }
-                            newMessages[existingIndex] = updatedMessage;
-                            return newMessages;
-                        });
-                    }
+                        }
+                        // 图片/视频类型：主内容按图片渲染，type 跟随分片类型
+                        else if (msgType === "image" || msgType === "video") {
+                            if (currentText) {
+                                updatedMessage.content = currentText; // 图片/视频 URL/base64
+                            }
+                            updatedMessage.type = msgType;
+                            // 图片/视频结果为最终结果，确保结束思考态以触发渲染
+                            updatedMessage.isThinking = false;
+                        }
+                        // 异步任务类型：统一走卡片渲染
+                        else if (msgType === "async_task") {
+                            const cards = updatedMessage.cards ? [...updatedMessage.cards] : [];
+                            const existingCardIndex = cards.findIndex((card) => card.type === msgType);
+                            const newCard = {
+                                type: msgType,
+                                content: currentText,
+                            };
+                            if (existingCardIndex !== -1) {
+                                cards[existingCardIndex].content += currentText;
+                            }
+                            else {
+                                cards.push(newCard);
+                            }
+                            updatedMessage.cards = cards;
+                            if (existingMessage.type === "thinking") {
+                                updatedMessage.type = msgType;
+                            }
+                        }
+                        newMessages[existingIndex] = updatedMessage;
+                        return newMessages;
+                    });
                 }
                 catch (error) {
                     console.error("Transform message error:", error);
                 }
             },
-            onSuccess: () => {
+            onSuccess: (chunks) => {
                 onMessageUpdate((prev) => {
-                    return prev.map((msg) => (Object.assign(Object.assign({}, msg), { isThinking: false })));
+                    return prev.map((msg) => ({
+                        ...msg,
+                        isThinking: false,
+                    }));
                 });
                 onRequestEnd();
             },
@@ -169,46 +275,59 @@ const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequ
                     const newMessages = [...prev];
                     const lastMessageIndex = newMessages.length - 1;
                     if (lastMessageIndex >= 0 && newMessages[lastMessageIndex].isThinking) {
-                        newMessages[lastMessageIndex] = Object.assign(Object.assign({}, newMessages[lastMessageIndex]), { content: error.name === "AbortError" ? "请求已取消" : "请求失败，请重试！", isThinking: false });
+                        newMessages[lastMessageIndex] = {
+                            ...newMessages[lastMessageIndex],
+                            content: error.name === "AbortError" ? "请求已取消" : "请求失败，请重试！",
+                            isThinking: false,
+                        };
                     }
                     return newMessages;
                 });
                 onRequestEnd();
             },
             onStream: (controller) => {
+                // @ts-ignore
                 abortController.current = controller;
             },
         });
     }, [agent, onMessageUpdate, onRequestStart, onRequestEnd]);
     const handleCancel = (0, react_1.useCallback)(() => {
-        var _a;
-        (_a = abortController.current) === null || _a === void 0 ? void 0 : _a.abort();
+        abortController.current?.abort();
     }, []);
+    // 向父组件暴露方法
     react_1.default.useEffect(() => {
         onUserSubmit(handleUserSubmit);
         onCancel(handleCancel);
     }, [handleUserSubmit, handleCancel, onUserSubmit, onCancel]);
-    return react_1.default.createElement("div", { style: { display: "none" } });
+    // 返回一个隐藏的 div，而不是 null
+    return (0, jsx_runtime_1.jsx)("div", { style: { display: "none" } });
 };
 const Copilot = () => {
     const { isDark } = (0, ThemeContext_1.useThemeHook)();
     const { token } = antd_1.theme.useToken();
     const { styles } = (0, copilot_1.useCopilotStyle)();
-    const attachmentsRef = (0, react_1.useRef)(null);
+    const { isLoggedIn } = (0, AuthContext_1.useAuth)();
+    const { getUserAvatarProps } = (0, useUserAvatar_1.useUserAvatar)();
     const chatUserSubmitRef = (0, react_1.useRef)(null);
     const chatCancelRef = (0, react_1.useRef)(null);
+    // ==================== State ====================
     const [attachmentsOpen, setAttachmentsOpen] = (0, react_1.useState)(false);
-    const [files, setFiles] = (0, react_1.useState)([]);
+    const [attachedFiles, setAttachedFiles] = (0, react_1.useState)([]);
     const [inputValue, setInputValue] = (0, react_1.useState)("");
     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)();
+    // ========== Widgets 相关状态 ==========
     const [showSystemLogs, setShowSystemLogs] = (0, react_1.useState)(false);
     const [activeLogTab, setActiveLogTab] = (0, react_1.useState)("system");
+    const [currentModule, setCurrentModule] = (0, react_1.useState)(null);
+    // ToolBar 事件
     const handleClearChat = () => {
         setMessages([]);
     };
     const handleToggleLogs = () => setShowSystemLogs((v) => !v);
+    // ==================== 消息发送可用性检查 ====================
     const canSendMessage = agentSimulatorInfo && debugStatus === "normal";
     const getDisabledReason = () => {
         if (!agentSimulatorInfo) {
@@ -217,15 +336,33 @@ const Copilot = () => {
         if (debugStatus !== "normal") {
             return "调试状态异常，无法发送消息";
         }
-        return "";
+        return "Ask or input / use skills";
     };
+    // ==================== Event ====================
     const handleUserSubmit = (val) => {
         if (!canSendMessage) {
             antd_2.message.warning(getDisabledReason());
             return;
         }
+        // 将附加文件中已完成上传的转为 MultimodalFile
+        const files = (attachedFiles || [])
+            .filter((f) => f.status === "done" && f.url)
+            .map((f) => ({
+            id: f.uid || `file_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,
+            name: f.name,
+            url: f.url,
+            type: "image", // 仅以图片参与多模态发送，其他类型仅做展示
+            size: f.size || 0,
+            mimeType: f.type || "image/*",
+            uploadTime: Date.now(),
+            status: "success",
+            thumbnail: f.url,
+        }));
         if (chatUserSubmitRef.current) {
-            chatUserSubmitRef.current(val, messages);
+            chatUserSubmitRef.current(val, messages, files);
+            // 发送后清空附件面板
+            setAttachedFiles([]);
+            setAttachmentsOpen(false);
         }
     };
     const handleCancel = () => {
@@ -233,109 +370,154 @@ const Copilot = () => {
             chatCancelRef.current();
         }
     };
+    // 处理文件上传
+    const { uploadFiles } = (0, useUploader_1.useUploader)({
+        bizName: upload_config_1.uploadBizConfig.bizName,
+        scene: upload_config_1.uploadBizConfig.scene,
+        getToken: async () => {
+            const res = await http_client_1.httpClient.get(`/api/upload/token`, {
+                params: {
+                    bizName: upload_config_1.uploadBizConfig.bizName,
+                    scene: upload_config_1.uploadBizConfig.scene,
+                },
+            });
+            if (res.code === 0) {
+                return res.data;
+            }
+            throw new Error(`处理文件上传，获取上传Token失败: ${res.message}`);
+        },
+    });
+    const enqueueUpload = (file) => {
+        const uid = `manual_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+        const newItem = {
+            uid,
+            name: file.name,
+            status: "uploading",
+            originFileObj: file,
+            percent: 0,
+        };
+        setAttachedFiles((prev) => [...prev, newItem]);
+        uploadFiles([file], {
+            onStart: () => { },
+            onComplete: (ok) => {
+                setAttachedFiles((prev) => prev.map((it) => (it.uid === uid ? { ...it, status: "done", url: ok.url, percent: 100 } : it)));
+                antd_2.message.success(`${ok.name} 上传成功`);
+            },
+            onError: (err) => {
+                setAttachedFiles((prev) => prev.map((it) => (it.uid === uid ? { ...it, status: "error" } : it)));
+                antd_2.message.error(`${file.name} 上传失败: ${err.message}`);
+            },
+        });
+    };
+    const handleFileUpload = async (fileList) => {
+        if (!fileList?.length)
+            return;
+        fileList.forEach((f) => enqueueUpload(f));
+    };
+    // 获取文件类型
+    const getFileType = (file) => {
+        const mimeType = file.type.toLowerCase();
+        return cos_config_1.uploadConfig.fileTypeMap[mimeType] || "document";
+    };
     const onPasteFile = (_, files) => {
-        var _a;
-        for (const file of files) {
-            (_a = attachmentsRef.current) === null || _a === void 0 ? void 0 : _a.upload(file);
+        if (!isLoggedIn) {
+            antd_2.message.warning("请先登录后再上传文件");
+            return;
         }
+        const fileArray = Array.from(files);
+        handleFileUpload(fileArray);
         setAttachmentsOpen(true);
     };
-    const chatList = (react_1.default.createElement("div", { className: styles.chatList, style: { display: "flex", flexDirection: "column" } }, (messages === null || messages === void 0 ? void 0 : messages.length) ? (react_1.default.createElement(x_1.Bubble.List, { style: { height: "100%", padding: "12px 16px" }, items: messages.map((item) => {
-            return {
-                content: item.content,
-                role: item.role,
-                messageRender: () => (item.role === "user" ? item.content : react_1.default.createElement(components_1.MessageRenderer, { message: item })),
-            };
-        }), roles: {
-            assistant: {
-                placement: "start",
-                loadingRender: () => (react_1.default.createElement(antd_2.Space, null,
-                    react_1.default.createElement(antd_2.Spin, { size: "small" }),
-                    "Custom loading...")),
-                avatar: {
-                    icon: react_1.default.createElement(icons_2.AliwangwangFilled, null),
-                    style: { background: token.colorInfoText },
-                },
-                styles: {
-                    content: {
-                        backgroundColor: "transparent",
-                        padding: 0,
+    // 预览功能如需启用，请结合 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) => {
+                return {
+                    content: item.content,
+                    role: item.role,
+                    messageRender: () => (0, jsx_runtime_1.jsx)(components_1.MessageRenderer, { message: item }),
+                };
+            }), roles: {
+                assistant: {
+                    placement: "start",
+                    loadingRender: () => ((0, jsx_runtime_1.jsxs)(antd_2.Space, { children: [(0, jsx_runtime_1.jsx)(antd_2.Spin, { size: "small" }), "Custom loading..."] })),
+                    avatar: {
+                        icon: (0, jsx_runtime_1.jsx)(icons_2.AliwangwangFilled, {}),
+                        style: { background: token.colorInfoText },
+                    },
+                    styles: {
+                        content: {
+                            backgroundColor: "transparent",
+                            padding: 0,
+                        },
                     },
                 },
-            },
-            user: {
-                placement: "start",
-                avatar: {
-                    icon: react_1.default.createElement(icons_2.UserOutlined, null),
-                    style: {
-                        background: token.colorSuccessText,
+                user: {
+                    placement: "start",
+                    avatar: {
+                        ...getUserAvatarProps(),
+                        size: 40,
                     },
                 },
-            },
-        } })) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(x_1.Welcome, { variant: "borderless", title: "\uD83D\uDC4B Hello, \u5C0F\u7A0B\u5E8F\u5F00\u653E\u5E73\u53F0\u667A\u80FD\u4F53\u8C03\u8BD5\u5668", description: "\u63D0\u4F9B Agent \u8C03\u8BD5\u6A21\u62DF\u529F\u80FD", className: styles.chatWelcome, style: {
-                backgroundImage: isDark
-                    ? "linear-gradient(97deg, rgba(90,196,255,0.12) 0%, rgba(174,136,255,0.12) 100%)"
-                    : "linear-gradient(97deg, #f2f9fe 0%, #f7f3ff 100%)",
-            } }),
-        react_1.default.createElement(x_1.Prompts, { vertical: true, title: "\u6211\u53EF\u4EE5\u5E2E\u52A9\u4F60\uFF1A", items: constants_1.MOCK_QUESTIONS.map((i) => ({
-                key: i,
-                description: i,
-            })), onItemClick: (info) => { var _a; return handleUserSubmit((_a = info === null || info === void 0 ? void 0 : info.data) === null || _a === void 0 ? void 0 : _a.description); }, style: {
-                marginInline: 16,
-            }, styles: {
-                title: { fontSize: 14 },
-            } })))));
-    const sendHeader = (react_1.default.createElement(x_1.Sender.Header, { title: "Upload File", styles: { content: { padding: 0 } }, open: attachmentsOpen, onOpenChange: setAttachmentsOpen, forceRender: true },
-        react_1.default.createElement(x_1.Attachments, { ref: attachmentsRef, beforeUpload: () => false, items: files, onChange: ({ fileList }) => setFiles(fileList), placeholder: (type) => type === "drop"
-                ? { title: "Drop file here" }
+            } })) : ((0, jsx_runtime_1.jsx)(components_1.WelcomeModule, { onPromptSelect: handleUserSubmit, onModuleChange: setCurrentModule, isDark: isDark })) }));
+    const sendHeader = ((0, jsx_runtime_1.jsx)(x_1.Sender.Header, { title: "Upload File", styles: { content: { padding: 0 } }, open: attachmentsOpen, onOpenChange: (open) => {
+            if (!isLoggedIn && open) {
+                antd_2.message.warning("请先登录后再上传文件");
+                return;
+            }
+            setAttachmentsOpen(open);
+        }, forceRender: true, children: (0, jsx_runtime_1.jsx)(x_1.Attachments, { beforeUpload: (file) => {
+                // 登录校验
+                if (!isLoggedIn) {
+                    antd_2.message.warning("请先登录后再上传文件");
+                    return antd_2.Upload.LIST_IGNORE;
+                }
+                // 类型和大小校验
+                if (file.size > cos_config_1.uploadConfig.maxFileSize) {
+                    antd_2.message.error(`文件大小不能超过 ${cos_config_1.uploadConfig.maxFileSize / 1024 / 1024}MB`);
+                    return antd_2.Upload.LIST_IGNORE;
+                }
+                if (!cos_config_1.uploadConfig.allowedTypes.includes(file.type)) {
+                    antd_2.message.error("不支持的文件类型");
+                    return antd_2.Upload.LIST_IGNORE;
+                }
+                // 自定义上传：交由 enqueueUpload 统一入列与上传
+                enqueueUpload(file);
+                // 阻止组件默认入列与上传
+                return antd_2.Upload.LIST_IGNORE;
+            }, items: attachedFiles, onRemove: (file) => {
+                const index = attachedFiles.indexOf(file);
+                const newFileList = attachedFiles.slice();
+                newFileList.splice(index, 1);
+                setAttachedFiles(newFileList);
+            }, placeholder: (type) => type === "drop"
+                ? { title: "拖拽文件到此处上传" }
                 : {
-                    icon: react_1.default.createElement(icons_1.CloudUploadOutlined, null),
-                    title: "Upload files",
-                    description: "Click or drag files to this area to upload",
-                } })));
-    const chatSender = (react_1.default.createElement("div", { className: styles.chatSend, style: {
-            background: token.colorBgContainer,
-            borderTop: `1px solid ${token.colorBorder}`,
-            borderRadius: 0,
-            padding: "16px 20px",
-        } },
-        react_1.default.createElement(x_1.Suggestion, { items: constants_1.MOCK_SUGGESTIONS, onSelect: (itemVal) => setInputValue(`[${itemVal}]:`) }, ({ onTrigger, onKeyDown }) => (react_1.default.createElement(x_1.Sender, { loading: loading, value: inputValue, disabled: !canSendMessage, onChange: (v) => {
-                onTrigger(v === "/");
-                setInputValue(v);
-            }, onSubmit: () => {
-                handleUserSubmit(inputValue);
-                setInputValue("");
-            }, onCancel: handleCancel, allowSpeech: true, placeholder: !canSendMessage ? getDisabledReason() : "Ask or input / use skills", onKeyDown: onKeyDown, header: sendHeader, prefix: react_1.default.createElement(antd_2.Button, { type: "text", icon: react_1.default.createElement(icons_1.PaperClipOutlined, { style: { fontSize: 18 } }), onClick: () => setAttachmentsOpen(!attachmentsOpen), disabled: !canSendMessage }), onPasteFile: onPasteFile, actions: (_, info) => {
-                const { SendButton, LoadingButton, SpeechButton } = info.components;
-                return (react_1.default.createElement("div", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 4,
-                    } },
-                    react_1.default.createElement(SpeechButton, { className: styles.speechButton, disabled: !canSendMessage }),
-                    loading ? (react_1.default.createElement(LoadingButton, { type: "default" })) : (react_1.default.createElement(SendButton, { type: "primary", disabled: !canSendMessage }))));
-            } })))));
-    return (react_1.default.createElement("div", { className: styles.copilotChat, style: {
-            background: token.colorBgContainer,
-            minHeight: "100vh",
-            borderRadius: 0,
-            boxShadow: "none",
-            padding: 0,
-            border: `1px solid ${token.colorBorder}`,
-        } },
-        react_1.default.createElement(widgets_1.ToolBar, { agentSimulatorInfo: agentSimulatorInfo, debugStatus: debugStatus, showSystemLogs: showSystemLogs, isConnecting: isConnecting, onRetryConnection: retryConnection, onClearChat: handleClearChat, onToggleLogs: handleToggleLogs }),
-        react_1.default.createElement(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 && (react_1.default.createElement(ChatAgent, { agentSimulatorInfo: agentSimulatorInfo, onMessageUpdate: setMessages, onRequestStart: () => setLoading(true), onRequestEnd: () => setLoading(false), onUserSubmit: (fn) => {
-                chatUserSubmitRef.current = fn;
-            }, onCancel: (fn) => {
-                chatCancelRef.current = fn;
-            } }))));
+                    icon: (0, jsx_runtime_1.jsx)(icons_1.CloudUploadOutlined, {}),
+                    title: "上传多模态文件",
+                    description: "支持图片、PDF、视频、音频等文件格式",
+                } }) }));
+    const chatSender = ((0, jsx_runtime_1.jsx)(widgets_1.ChatInput, { loading: loading, inputValue: inputValue, canSendMessage: canSendMessage || false, isLoggedIn: isLoggedIn, attachedFiles: attachedFiles, uploadConfig: cos_config_1.uploadConfig, currentModule: currentModule, onInputChange: (value) => setInputValue(value || ""), onSubmit: handleUserSubmit, onCancel: handleCancel, onPasteFile: onPasteFile, enqueueUpload: enqueueUpload, onRemoveFile: (file) => {
+            const index = attachedFiles.indexOf(file);
+            const newFileList = attachedFiles.slice();
+            newFileList.splice(index, 1);
+            setAttachedFiles(newFileList);
+        }, getDisabledReason: getDisabledReason }));
+    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",
+                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;
+                    } }))] }) }));
 };
 const CopilotSimulator = () => {
     const { styles: workareaStyles } = (0, workarea_1.useWorkareaStyle)();
+    // 从 URL query 参数中读取 isDark
     const getIsDarkFromQuery = () => {
         const params = new URLSearchParams(window.location.search);
         return params.get("isDark") ? params.get("isDark") === "true" : false;
@@ -343,17 +525,16 @@ const CopilotSimulator = () => {
     const initIsDarkMode = getIsDarkFromQuery();
     const [darkMode, setDarkMode] = (0, react_1.useState)(initIsDarkMode);
     if (typeof require === "function") {
+        // 当前运行在IDE中，electron环境
         const { ipcRenderer } = require("electron");
+        // @ts-ignore
         ipcRenderer.on("setTheme", (event, isDark) => {
             setDarkMode(isDark);
         });
     }
-    return (react_1.default.createElement(ThemeContext_1.ThemeProvider, { isDark: darkMode },
-        react_1.default.createElement(antd_1.ConfigProvider, { theme: {
+    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,
-            } },
-            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, null,
-                react_1.default.createElement("div", { className: workareaStyles.copilotWrapper },
-                    react_1.default.createElement(Copilot, null))))));
+            }, 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, {}) }) }) }) }) }));
 };
 exports.default = CopilotSimulator;
+//# sourceMappingURL=App.js.map