@vectorx/agent-simulator 0.0.0-beta-20251112071234

package/lib/webview-ui/App.js

@@ -0,0 +1,775 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = 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");
+// 根据 mimeType 确定文件类型的工具函数
+const getFileTypeFromMimeType = (mimeType) => {
+    const normalizedType = mimeType.toLowerCase();
+    // 调试信息
+    console.log("==== 文件类型检测 ====", { mimeType, normalizedType });
+    if (normalizedType.startsWith("image/")) {
+        return "image";
+    }
+    else if (normalizedType === "application/pdf") {
+        return "pdf";
+    }
+    else if (normalizedType.startsWith("video/")) {
+        return "video";
+    }
+    else if (normalizedType.startsWith("audio/")) {
+        return "audio";
+    }
+    else {
+        // 如果 MIME 类型无法识别，尝试通过文件扩展名判断
+        const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp", ".svg"];
+        const hasImageExtension = imageExtensions.some((ext) => normalizedType.includes(ext) || mimeType.includes(ext));
+        if (hasImageExtension) {
+            console.log("==== 通过扩展名识别为图片 ====", mimeType);
+            return "image";
+        }
+        console.log("==== 无法识别文件类型，默认为文档 ====", mimeType);
+        return "document";
+    }
+};
+const ChatAgent = ({ agentSimulatorInfo, onMessageUpdate, onRequestStart, onRequestEnd, onUserSubmit, onCancel, }) => {
+    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, files, agentFiles) => {
+        // 将 OpenAI 文件转换为 MultimodalFile 格式
+        const agentFilesAsMultimodal = (agentFiles || []).map((file) => {
+            // 根据文件名推断文件类型（OpenAI 文件通常没有 mimeType）
+            const filename = file.filename || file.name || "";
+            let fileType = "document";
+            if (filename.toLowerCase().endsWith(".pdf")) {
+                fileType = "pdf";
+            }
+            else if (/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i.test(filename)) {
+                fileType = "image";
+            }
+            else if (/\.(mp4|avi|mov|wmv|flv|webm)$/i.test(filename)) {
+                fileType = "video";
+            }
+            else if (/\.(mp3|wav|ogg|aac|flac)$/i.test(filename)) {
+                fileType = "audio";
+            }
+            return {
+                id: `openai_${file.id}_${Date.now()}`,
+                name: file.filename || file.name || "OpenAI 文件",
+                url: undefined, // OpenAI 文件没有 HTTP URL
+                type: fileType,
+                size: file.bytes || 0,
+                mimeType: "application/octet-stream", // OpenAI 文件通常没有 mimeType
+                uploadTime: file.created_at || Date.now(),
+                status: "success",
+                fileSource: "openai",
+                fileId: file.id,
+                purpose: file.purpose || "file-extract",
+            };
+        });
+        // 合并标准文件和 OpenAI 文件
+        const allFiles = [...(files || []), ...agentFilesAsMultimodal];
+        // 添加用户消息
+        const userMessage = {
+            id: `user-${Date.now()}`,
+            role: "user",
+            content: val,
+            isThinking: false,
+            isTimeout: false,
+            isInterrupted: false,
+            isUiDiscard: false,
+            uiTimeStr: new Date().toLocaleTimeString(),
+            type: "answer",
+            files: allFiles,
+        };
+        const newMessages = [...messages, userMessage];
+        onMessageUpdate(newMessages);
+        onRequestStart();
+        // 发送请求（将图文转为多模态消息内容）
+        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 },
+                    });
+                }
+                else if (file.type === "pdf" && file.url) {
+                    contentParts.push({
+                        type: "doc_url",
+                        doc_url: [file.url],
+                        file_parsing_strategy: "auto",
+                    });
+                }
+                // 其他类型暂不参与多模态对话内容，仍在气泡中展示
+            });
+        }
+        if (val && val.trim()) {
+            contentParts.push({ type: "text", text: val.trim() });
+        }
+        // 合并标准文件和 OpenAI 文件到统一的 files 字段（用于请求）
+        const requestFiles = [
+            // 标准上传的文件（有 url）
+            ...(files?.map((file) => ({
+                url: file.url,
+                type: file.type,
+                size: file.size,
+                mimeType: file.mimeType,
+                fileSource: "standard", // 标识为标准上传
+            })) || []),
+            // OpenAI 上传的文件（OpenAI 标准格式，有 id）
+            ...(agentFiles?.map((file) => ({
+                id: file.id,
+                filename: file.filename,
+                purpose: file.purpose,
+                bytes: file.bytes,
+                created_at: file.created_at,
+                fileSource: "openai", // 标识为 OpenAI 上传
+            })) || []),
+        ];
+        // 注意：history 字段只支持字符串格式的 content，不支持多模态内容数组
+        // 多模态内容（图片、文档等）应通过 files 字段传递，由服务端处理
+        const requestData = {
+            msg: val || "",
+            files: requestFiles,
+            history: contentParts.length
+                ? [
+                    {
+                        role: "user",
+                        content: contentParts,
+                    },
+                ]
+                : [],
+        };
+        agent.request(requestData, {
+            onUpdate: (chunk) => {
+                try {
+                    let message = null;
+                    let rawChunk = null;
+                    if (typeof chunk?.data === "string") {
+                        message = (0, stream_text_handler_1.parseStreamChunk)(chunk.data);
+                        // 如果解析失败，尝试解析为错误响应
+                        if (!message) {
+                            try {
+                                const parsed = JSON.parse(chunk.data);
+                                // 检查是否是错误响应格式（有 code 字段且是字符串或非 0 数字，或有 message 字段）
+                                if (parsed && (parsed.code !== undefined || parsed.message)) {
+                                    rawChunk = parsed;
+                                }
+                            }
+                            catch {
+                                // 忽略解析失败
+                            }
+                            if (!rawChunk)
+                                return;
+                        }
+                    }
+                    else if (chunk && typeof chunk === "object") {
+                        message = (0, stream_text_handler_1.parseNonStreamChunk)(chunk);
+                        // 如果解析失败，检查是否是错误响应
+                        if (!message) {
+                            if (chunk.code !== 0 || chunk.message || chunk.error) {
+                                rawChunk = chunk;
+                            }
+                            else {
+                                return;
+                            }
+                        }
+                    }
+                    // 处理错误响应（没有 choices 字段的响应）
+                    if (rawChunk && !message) {
+                        const errorMessageId = `error-${Date.now()}`;
+                        // 构建标准错误信息格式，与 ErrorCard 的消费逻辑匹配
+                        const errorInfo = {
+                            message: rawChunk.message || rawChunk.error || "请求失败",
+                            code: rawChunk.code,
+                            log_id: rawChunk.log_id || rawChunk.requestId,
+                            rawData: {
+                                message: rawChunk.message || rawChunk.error || "请求失败",
+                                error: rawChunk.error || rawChunk.message || "请求失败",
+                                code: rawChunk.code,
+                                log_id: rawChunk.log_id || rawChunk.requestId,
+                            },
+                        };
+                        onMessageUpdate((prev) => {
+                            const newMessages = [...prev];
+                            const lastMessageIndex = newMessages.length - 1;
+                            if (lastMessageIndex >= 0 && newMessages[lastMessageIndex].isThinking) {
+                                newMessages[lastMessageIndex] = {
+                                    ...newMessages[lastMessageIndex],
+                                    id: errorMessageId,
+                                    content: errorInfo.message,
+                                    type: "error",
+                                    isThinking: false,
+                                    cards: [
+                                        {
+                                            type: "error_card",
+                                            content: JSON.stringify(errorInfo),
+                                        },
+                                    ],
+                                };
+                            }
+                            else {
+                                newMessages.push({
+                                    id: errorMessageId,
+                                    role: "assistant",
+                                    content: errorInfo.message,
+                                    type: "error",
+                                    isThinking: false,
+                                    isTimeout: false,
+                                    isInterrupted: false,
+                                    isUiDiscard: false,
+                                    uiTimeStr: new Date().toLocaleTimeString(),
+                                    cards: [
+                                        {
+                                            type: "error_card",
+                                            content: JSON.stringify(errorInfo),
+                                        },
+                                    ],
+                                    timestamp: Date.now(),
+                                });
+                            }
+                            return newMessages;
+                        });
+                        return;
+                    }
+                    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;
+                    // 对于错误情况，提取错误信息（构建标准格式，与 ErrorCard 匹配）
+                    const errorInfo = isError
+                        ? {
+                            message: message.error || currentText || message.message || "未知错误",
+                            code: message.code,
+                            log_id: message.log_id,
+                            rawData: {
+                                message: message.error || currentText || message.message || "未知错误",
+                                error: message.error || message.message || "未知错误",
+                                code: message.code,
+                                log_id: message.log_id,
+                            },
+                        }
+                        : 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;
+                        }
+                        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),
+                                },
+                            ];
+                        }
+                        else if (msgType === "answer") {
+                            updatedMessage.content = (updatedMessage.content || "") + currentText;
+                            updatedMessage.type = "answer";
+                        }
+                        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;
+                            }
+                        }
+                        // 图片/视频类型：主内容按图片渲染，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: (chunks) => {
+                onMessageUpdate((prev) => {
+                    return prev.map((msg) => ({
+                        ...msg,
+                        isThinking: false,
+                    }));
+                });
+                onRequestEnd();
+            },
+            onError: (error) => {
+                console.error("Request error:", error);
+                // 简化错误处理：直接使用错误消息
+                let errorMessage = error.message || "请求失败，请重试！";
+                // 如果是 AbortError，表示用户取消
+                if (error.name === "AbortError") {
+                    errorMessage = "请求已取消";
+                }
+                else if (errorMessage.includes("status")) {
+                    // 提取 HTTP 状态码：Fetch failed with status 500
+                    const statusMatch = errorMessage.match(/status (\d+)/);
+                    if (statusMatch) {
+                        errorMessage = `请求失败 (HTTP ${statusMatch[1]})`;
+                    }
+                }
+                // 构建标准错误信息格式，与 ErrorCard 的消费逻辑匹配
+                const errorMessageId = `error-${Date.now()}`;
+                const errorInfo = {
+                    message: errorMessage,
+                    code: undefined, // 网络错误没有 code
+                    log_id: undefined, // 网络错误没有 log_id
+                    rawData: {
+                        message: errorMessage,
+                        error: error.message || errorMessage,
+                    },
+                };
+                onMessageUpdate((prev) => {
+                    const newMessages = [...prev];
+                    const lastMessageIndex = newMessages.length - 1;
+                    if (lastMessageIndex >= 0 && newMessages[lastMessageIndex].isThinking) {
+                        // 更新现有的 thinking 消息为错误消息
+                        newMessages[lastMessageIndex] = {
+                            ...newMessages[lastMessageIndex],
+                            id: errorMessageId,
+                            content: errorMessage,
+                            type: "error",
+                            isThinking: false,
+                            cards: [
+                                {
+                                    type: "error_card",
+                                    content: JSON.stringify(errorInfo),
+                                },
+                            ],
+                        };
+                    }
+                    else {
+                        // 如果没有 thinking 消息，创建新的错误消息
+                        newMessages.push({
+                            id: errorMessageId,
+                            role: "assistant",
+                            content: errorMessage,
+                            type: "error",
+                            isThinking: false,
+                            isTimeout: false,
+                            isInterrupted: false,
+                            isUiDiscard: false,
+                            uiTimeStr: new Date().toLocaleTimeString(),
+                            cards: [
+                                {
+                                    type: "error_card",
+                                    content: JSON.stringify(errorInfo),
+                                },
+                            ],
+                            timestamp: Date.now(),
+                        });
+                    }
+                    return newMessages;
+                });
+                onRequestEnd();
+            },
+            onStream: (controller) => {
+                // @ts-ignore
+                abortController.current = controller;
+            },
+        });
+    }, [agent, onMessageUpdate, onRequestStart, onRequestEnd]);
+    const handleCancel = (0, react_1.useCallback)(() => {
+        abortController.current?.abort();
+    }, []);
+    // 向父组件暴露方法
+    react_1.default.useEffect(() => {
+        onUserSubmit(handleUserSubmit);
+        onCancel(handleCancel);
+    }, [handleUserSubmit, handleCancel, onUserSubmit, onCancel]);
+    // 返回一个隐藏的 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 { 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);
+    // 扩展 attachedFiles 类型，添加 fileSource 字段来区分文件来源
+    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) {
+            return "服务断开，无法发送消息";
+        }
+        if (debugStatus !== "normal") {
+            return "调试状态异常，无法发送消息";
+        }
+        return "Ask or input / use skills";
+    };
+    // ==================== Event ====================
+    const handleUserSubmit = (val) => {
+        if (!canSendMessage) {
+            antd_2.message.warning(getDisabledReason());
+            return;
+        }
+        // 分离标准上传的文件和 OpenAI 上传的文件
+        const standardFiles = (attachedFiles || []).filter((f) => f.fileSource !== "openai" && f.status === "done" && f.url);
+        const agentFiles = (attachedFiles || []).filter((f) => f.fileSource === "openai" && f.status === "done");
+        // 将标准上传的文件转为 MultimodalFile
+        const files = standardFiles.map((f) => {
+            // 根据 mimeType 确定文件类型
+            const mimeType = f.type || f.mimeType || f.originFileObj?.type || "application/octet-stream";
+            const fileType = getFileTypeFromMimeType(mimeType);
+            // 调试信息
+            console.log("==== 文件上传类型检测 ====", {
+                fileName: f.name,
+                mimeType,
+                fileType,
+                originFileObj: f.originFileObj?.type,
+            });
+            return {
+                id: f.uid || f.id || `file_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,
+                name: f.name || "未知文件",
+                url: f.url,
+                type: fileType,
+                size: f.size || f.originFileObj?.size || 0,
+                mimeType: f.type || f.mimeType || "application/octet-stream",
+                uploadTime: f.uploadTime || Date.now(),
+                status: "success",
+                thumbnail: fileType === "image" ? f.url : undefined,
+            };
+        });
+        // 将 OpenAI 上传的文件转为 OpenAI 标准格式
+        const agentFilesData = agentFiles.map((f) => {
+            // 移除可能的 [Agent] 前缀（如果在显示时添加了）
+            let filename = f.name || f.filename || "OpenAI 文件";
+            if (filename.startsWith("[Agent] ")) {
+                filename = filename.replace("[Agent] ", "");
+            }
+            return {
+                id: f.agentFileId || f.id,
+                filename,
+                purpose: f.purpose || "file-extract",
+                bytes: f.size || f.bytes || 0,
+                created_at: f.created_at || f.uploadTime || Date.now(),
+            };
+        });
+        if (chatUserSubmitRef.current) {
+            // 传递标准文件和 OpenAI 文件信息给 ChatAgent
+            chatUserSubmitRef.current(val, messages, files, agentFilesData);
+            setAttachedFiles([]);
+            setAttachmentsOpen(false);
+        }
+    };
+    const handleCancel = () => {
+        if (chatCancelRef.current) {
+            chatCancelRef.current();
+        }
+    };
+    // 处理 OpenAI 文件上传成功 - 添加到 attachedFiles 中，标记为 openai 类型
+    const handleAgentFileUpload = (fileInfo) => {
+        const uid = `openai_${fileInfo.id}_${Date.now()}`;
+        const agentFileItem = {
+            uid,
+            id: fileInfo.id,
+            name: fileInfo.filename || fileInfo.name || "OpenAI 文件",
+            status: "done",
+            percent: 100,
+            fileSource: "openai",
+            agentFileId: fileInfo.id,
+            size: fileInfo.bytes || 0,
+            purpose: fileInfo.purpose || "file-extract",
+            created_at: fileInfo.created_at || Date.now(),
+            uploadTime: fileInfo.created_at || Date.now(),
+            // 对于 OpenAI 文件，没有 url，只有 file_id，但为了显示可能需要一个占位符或特殊处理
+            url: undefined, // OpenAI 文件没有 HTTP 链接
+        };
+        setAttachedFiles((prev) => [...prev, agentFileItem]);
+        // 上传成功后自动打开 Attachments 面板
+        setAttachmentsOpen(true);
+    };
+    // 处理文件上传
+    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,
+            fileSource: "standard", // 标记为标准上传
+        };
+        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, fileSource: "standard" } : it));
+                antd_2.message.success(`${ok.name} 上传成功`);
+                // 上传成功后自动打开 Attachments 面板
+                setAttachmentsOpen(true);
+            },
+            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) => {
+        if (!isLoggedIn) {
+            antd_2.message.warning("请先登录后再上传文件");
+            return;
+        }
+        const fileArray = Array.from(files);
+        handleFileUpload(fileArray);
+        setAttachmentsOpen(true);
+    };
+    // 预览功能如需启用，请结合 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_1.AliwangwangFilled, {}),
+                        style: { background: token.colorInfoText },
+                    },
+                    styles: {
+                        content: {
+                            backgroundColor: "transparent",
+                            padding: 0,
+                        },
+                    },
+                },
+                user: {
+                    placement: "start",
+                    avatar: {
+                        ...getUserAvatarProps(),
+                        size: 40,
+                    },
+                },
+            } })) : ((0, jsx_runtime_1.jsx)(components_1.WelcomeModule, { onPromptSelect: handleUserSubmit, onModuleChange: setCurrentModule, isDark: isDark })) }));
+    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, attachmentsOpen: attachmentsOpen, onAttachmentsOpenChange: setAttachmentsOpen, onAgentFileUpload: handleAgentFileUpload, 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;
+    };
+    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 ((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, {}) }) }) }) }) }));
+};
+exports.default = CopilotSimulator;
+//# sourceMappingURL=App.js.map