@vectorx/agent-simulator 1.0.0 → 1.1.0

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

@@ -3,6 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageRenderer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const _1 = require(".");
+/** 将 part（image/video/audio）转为 MultimodalFile，供 MultimodalFileRenderer 渲染 */
+function partToMultimodalFile(part, messageId, index) {
+    const type = part.type;
+    return {
+        id: `${messageId}-part-${index}`,
+        name: type === "image" ? "图片" : type === "video" ? "视频" : "音频",
+        url: part.content,
+        type,
+        size: 0,
+        mimeType: type === "audio" ? "audio/mpeg" : type === "image" ? "image/png" : "video/mp4",
+        uploadTime: Date.now(),
+        status: "success",
+        metadata: part.metadata,
+    };
+}
 const cardComponentMap = {
     knowledge_base_search: _1.KnowledgeBaseSearchBlock,
     knowledge_base_search_response: (props) => (0, jsx_runtime_1.jsx)(_1.KnowledgeBaseSearchBlock, { ...props, isResponse: true }),
@@ -12,8 +27,37 @@ const cardComponentMap = {
     error_card: (props) => (0, jsx_runtime_1.jsx)(_1.ErrorCard, { ...props }),
 };
 const MessageRenderer = ({ message }) => {
-    const { cards, reasoningContent, content, files, type } = message;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: [cards?.map((card, index) => {
+    const { cards, reasoningContent, content, files, type, metadata, parts } = message;
+    // 有 parts 时按多段顺序渲染
+    const renderBody = () => {
+        if (parts?.length) {
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: parts.map((part, index) => {
+                    if (part.type === "text") {
+                        return part.content ? ((0, jsx_runtime_1.jsx)(_1.MarkdownRenderer, { content: part.content }, `${message.id}-part-${index}`)) : null;
+                    }
+                    if (part.type === "image" || part.type === "video" || part.type === "audio") {
+                        const file = partToMultimodalFile(part, message.id, index);
+                        return (0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: [file] }, `${message.id}-part-${index}`);
+                    }
+                    return null;
+                }) }));
+        }
+        // 兼容：无 parts 时按原 type/content 渲染
+        if (type === "error")
+            return null;
+        if (type === "image")
+            return ((0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [], primaryMedia: content ? { url: content, type: "image" } : undefined }));
+        if (type === "audio")
+            return ((0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [], primaryMedia: content ? { url: content, type: "audio", metadata } : undefined }));
+        if (content)
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(_1.MarkdownRenderer, { content: content }), (0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [] })] }));
+        return (0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [] });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "4px",
+        }, children: [cards?.map((card, index) => {
                 const CardComponent = cardComponentMap[card.type];
                 if (!CardComponent) {
                     console.warn(`No component found for card type: ${card.type}`);
@@ -23,11 +67,10 @@ const MessageRenderer = ({ message }) => {
                 try {
                     cardContent = JSON.parse(card.content);
                 }
-                catch (e) {
+                catch (_e) {
                     cardContent = { content: card.content };
                 }
                 return (0, jsx_runtime_1.jsx)(CardComponent, { ...cardContent }, index);
-            }), reasoningContent && (0, jsx_runtime_1.jsx)(_1.ThinkingBlock, { message: message }), type === "error" ? null : type === "image" ? ((0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [], primaryMedia: content ? { url: content, type: "image" } : undefined })) : content ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(_1.MarkdownRenderer, { content: content }), (0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [] })] })) : ((0, jsx_runtime_1.jsx)(_1.MultimodalFileRenderer, { files: files || [] }))] }));
+            }), reasoningContent && (0, jsx_runtime_1.jsx)(_1.ThinkingBlock, { message: message }), renderBody()] }));
 };
 exports.MessageRenderer = MessageRenderer;
-//# sourceMappingURL=MessageRenderer.js.map

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import type { MultimodalFile } from "../types";
 interface MultimodalFileRendererProps {
     files: MultimodalFile[];
@@ -11,10 +11,10 @@ interface MultimodalFileRendererProps {
         type: "image" | "video" | "audio";
         name?: string;
         thumbnail?: string;
+        metadata?: Record<string, any>;
     };
     maxPreviewCount?: number;
     showDownload?: boolean;
 }
 export declare const MultimodalFileRenderer: React.FC<MultimodalFileRendererProps>;
 export {};
-//# sourceMappingURL=MultimodalFileRenderer.d.ts.map

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

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@ant-design/icons");
 const antd_1 = require("antd");
 const react_1 = require("react");
+const ThemeContext_1 = require("../contexts/ThemeContext");
 const { Text } = antd_1.Typography;
 // 文件类型图标映射
 const fileTypeIcons = {
@@ -22,6 +23,24 @@ const fileTypeNames = {
     video: "视频",
     audio: "音频",
 };
+// 音频卡片容器样式
+const getAudioCardStyle = (isDark) => ({
+    width: "100%",
+    borderRadius: "8px",
+    background: isDark ? "#1f1f1f" : "#fafafa",
+    border: `1px solid ${isDark ? "#303030" : "#f0f0f0"}`,
+    padding: "12px",
+});
+// 音频元数据标签样式
+const getAudioTagStyle = (isDark) => ({
+    fontSize: "11px",
+    padding: "1px 6px",
+    borderRadius: "4px",
+    background: isDark ? "#111a2c" : "#e6f4ff",
+    color: isDark ? "#3c89e8" : "#1677ff",
+    fontFamily: "monospace",
+    lineHeight: "18px",
+});
 // 格式化文件大小
 const formatFileSize = (bytes) => {
     if (bytes === 0)
@@ -32,7 +51,7 @@ const formatFileSize = (bytes) => {
     return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
 };
 // 单个文件组件
-const FileItem = ({ file, onDownload }) => {
+const FileItem = ({ file, isDark, onDownload }) => {
     const [previewVisible, setPreviewVisible] = (0, react_1.useState)(false);
     const [imagePreviewVisible, setImagePreviewVisible] = (0, react_1.useState)(false);
     const handleDownload = () => {
@@ -84,7 +103,11 @@ const FileItem = ({ file, onDownload }) => {
                             border: "1px solid #d9d9d9",
                             borderRadius: "8px",
                             boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: "36px", color: "#10a37f", marginBottom: "12px" }, children: (0, jsx_runtime_1.jsx)(icons_1.PictureOutlined, {}) }), (0, jsx_runtime_1.jsx)(Text, { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                    fontSize: "36px",
+                                    color: "#10a37f",
+                                    marginBottom: "12px",
+                                }, children: (0, jsx_runtime_1.jsx)(icons_1.PictureOutlined, {}) }), (0, jsx_runtime_1.jsx)(Text, { style: {
                                     fontSize: "13px",
                                     textAlign: "center",
                                     fontWeight: 500,
@@ -97,7 +120,10 @@ const FileItem = ({ file, onDownload }) => {
                                 maxHeight: "200px",
                                 borderRadius: "8px",
                                 cursor: "pointer",
-                            }, onClick: () => setImagePreviewVisible(true), preview: false }), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "\u9884\u89C8", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), size: "small", style: {
+                            }, preview: {
+                                visible: imagePreviewVisible,
+                                onVisibleChange: (v) => setImagePreviewVisible(v),
+                            } }), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "\u9884\u89C8", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), size: "small", style: {
                                     position: "absolute",
                                     top: "8px",
                                     right: "8px",
@@ -106,61 +132,86 @@ const FileItem = ({ file, onDownload }) => {
                                     border: "none",
                                 }, onClick: handlePreview }) })] }));
             case "video":
-                return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "100%", maxHeight: "200px", borderRadius: "8px" }, children: "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u89C6\u9891\u64AD\u653E" }));
-            case "audio":
-                return (0, jsx_runtime_1.jsx)("div", { style: { width: "100%" }, children: "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u97F3\u9891\u64AD\u653E" });
+                return ((0, jsx_runtime_1.jsx)("div", { style: {
+                        maxWidth: "100%",
+                        maxHeight: "200px",
+                        borderRadius: "8px",
+                    }, children: "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u89C6\u9891\u64AD\u653E" }));
+            case "audio": {
+                const tagStyle = getAudioTagStyle(isDark);
+                return ((0, jsx_runtime_1.jsxs)("div", { style: getAudioCardStyle(isDark), children: [(0, jsx_runtime_1.jsx)("audio", { controls: true, preload: "auto", style: { width: "100%", borderRadius: "6px" }, children: (0, jsx_runtime_1.jsx)("source", { src: file.url, type: file.mimeType || undefined }) }), file.metadata && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                marginTop: "8px",
+                                display: "flex",
+                                flexWrap: "wrap",
+                                gap: "6px",
+                            }, children: [file.metadata.model && (0, jsx_runtime_1.jsx)("span", { style: tagStyle, children: file.metadata.model }), file.metadata.voice && (0, jsx_runtime_1.jsxs)("span", { style: tagStyle, children: ["voice: ", file.metadata.voice] }), file.metadata.format && (0, jsx_runtime_1.jsx)("span", { style: tagStyle, children: file.metadata.format }), file.metadata.sizeBytes > 0 && ((0, jsx_runtime_1.jsx)("span", { style: tagStyle, children: formatFileSize(file.metadata.sizeBytes) })), file.metadata.mode && (0, jsx_runtime_1.jsxs)("span", { style: tagStyle, children: ["mode: ", file.metadata.mode] }), file.metadata.characters != null && ((0, jsx_runtime_1.jsxs)("span", { style: tagStyle, children: ["chars: ", file.metadata.characters] })), file.metadata.chunks != null && ((0, jsx_runtime_1.jsxs)("span", { style: tagStyle, children: ["chunks: ", file.metadata.chunks] }))] }))] }));
+            }
             case "pdf":
             case "document":
-                return ((0, jsx_runtime_1.jsxs)(antd_1.Card, { size: "small", style: {
-                        width: "240px",
-                        height: "140px",
+                return ((0, jsx_runtime_1.jsx)(antd_1.Card, { size: "small", style: {
+                        width: "315px",
+                        minHeight: "88px",
                         display: "flex",
-                        flexDirection: "column",
-                        justifyContent: "center",
+                        flexDirection: "row",
                         alignItems: "center",
                         cursor: file.fileSource === "openai" && !file.url ? "default" : "pointer",
                         border: "1px solid #d9d9d9",
                         borderRadius: "8px",
                         boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
                         transition: "all 0.3s ease",
-                    }, hoverable: !(file.fileSource === "openai" && !file.url), onClick: file.fileSource === "openai" && !file.url ? undefined : handlePreview, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                fontSize: "36px",
-                                color: file.type === "pdf" ? "#ff4d4f" : "#1890ff",
-                                marginBottom: "12px",
-                            }, children: fileTypeIcons[file.type] }), (0, jsx_runtime_1.jsx)(Text, { style: {
-                                fontSize: "13px",
-                                textAlign: "center",
-                                fontWeight: 500,
-                                marginBottom: "4px",
-                                maxWidth: "200px",
-                            }, ellipsis: { tooltip: file.name }, children: file.name }), (0, jsx_runtime_1.jsx)(Text, { type: "secondary", style: { fontSize: "11px" }, children: file.fileSource === "openai" && file.fileId
-                                ? `OpenAI 文件 • ID: ${file.fileId.slice(0, 8)}...`
-                                : file.size > 0
-                                    ? formatFileSize(file.size)
-                                    : fileTypeNames[file.type] })] }));
+                    }, hoverable: !(file.fileSource === "openai" && !file.url), onClick: file.fileSource === "openai" && !file.url ? undefined : handlePreview, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 12,
+                            width: "100%",
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                    fontSize: "32px",
+                                    color: file.type === "pdf" ? "#ff4d4f" : "#1890ff",
+                                    flexShrink: 0,
+                                }, children: fileTypeIcons[file.type] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    alignItems: "flex-start",
+                                    gap: 4,
+                                    width: "100%",
+                                    minWidth: 0,
+                                }, children: [(0, jsx_runtime_1.jsx)(Text, { style: {
+                                            fontSize: "13px",
+                                            fontWeight: 500,
+                                            maxWidth: "100%",
+                                        }, ellipsis: { tooltip: file.name }, children: file.name }), (0, jsx_runtime_1.jsx)(Text, { type: "secondary", style: { fontSize: "11px" }, children: file.fileSource === "openai" && file.fileId
+                                            ? `OpenAI 文件 • ID: ${file.fileId.slice(0, 8)}...`
+                                            : file.size > 0
+                                                ? formatFileSize(file.size)
+                                                : fileTypeNames[file.type] })] })] }) }));
             default:
                 return null;
         }
     };
     const renderStatus = () => {
+        const statusGap = "4px"; /* 图片/文件与下方信息行间距 */
         switch (file.status) {
             case "uploading":
-                return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "8px" }, children: [(0, jsx_runtime_1.jsx)(antd_1.Progress, { percent: 0, size: "small", status: "active" }), (0, jsx_runtime_1.jsx)(Text, { type: "secondary", style: { fontSize: "12px" }, children: "\u4E0A\u4F20\u4E2D..." })] }));
+                return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: statusGap }, children: [(0, jsx_runtime_1.jsx)(antd_1.Progress, { percent: 0, size: "small", status: "active" }), (0, jsx_runtime_1.jsx)(Text, { type: "secondary", style: { fontSize: "12px" }, children: "\u4E0A\u4F20\u4E2D..." })] }));
             case "error":
-                return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "8px", color: "#ff4d4f" }, children: [(0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleOutlined, { style: { marginRight: "4px" } }), (0, jsx_runtime_1.jsx)(Text, { type: "danger", style: { fontSize: "12px" }, children: file.errorMessage || "上传失败" })] }));
+                return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: statusGap, color: "#ff4d4f" }, children: [(0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleOutlined, { style: { marginRight: "4px" } }), (0, jsx_runtime_1.jsx)(Text, { type: "danger", style: { fontSize: "12px" }, children: file.errorMessage || "上传失败" })] }));
             case "success":
-                return ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: "8px" }, children: (0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", children: [(0, jsx_runtime_1.jsxs)(Text, { type: "secondary", style: { fontSize: "12px" }, children: [file.fileSource === "openai" ? "OpenAI " : "", fileTypeNames[file.type], " \u2022 ", formatFileSize(file.size), file.fileSource === "openai" && file.fileId ? ` • ID: ${file.fileId.slice(0, 8)}...` : ""] }), (0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", children: [!(file.fileSource === "openai" && !file.url) && ((0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "\u9884\u89C8", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), size: "small", onClick: handlePreview }) })), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: file.fileSource === "openai" && !file.url ? "OpenAI 文件无法直接下载" : "下载", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), size: "small", onClick: handleDownload, disabled: file.fileSource === "openai" && !file.url }) })] })] }) }));
+                return ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: statusGap }, children: (0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", children: [(0, jsx_runtime_1.jsxs)(Text, { type: "secondary", style: { fontSize: "12px" }, children: [file.fileSource === "openai" ? "OpenAI " : "", fileTypeNames[file.type], file.size > 0 ? ` • ${formatFileSize(file.size)}` : "", file.fileSource === "openai" && file.fileId
+                                        ? ` • ID: ${file.fileId.slice(0, 8)}...`
+                                        : ""] }), (0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", children: [!(file.fileSource === "openai" && !file.url) && ((0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "\u9884\u89C8", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), size: "small", onClick: handlePreview }) })), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: file.fileSource === "openai" && !file.url ? "OpenAI 文件无法直接下载" : "下载", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), size: "small", onClick: handleDownload, disabled: file.fileSource === "openai" && !file.url }) })] })] }) }));
             default:
                 return null;
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "16px" }, children: [renderFileContent(), renderStatus(), file.url && ((0, jsx_runtime_1.jsx)(antd_1.Image, { style: { display: "none" }, src: file.url, alt: file.name, preview: {
-                    visible: imagePreviewVisible,
-                    onVisibleChange: setImagePreviewVisible,
-                } })), (0, jsx_runtime_1.jsxs)(antd_1.Modal, { title: (0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [fileTypeIcons[file.type], (0, jsx_runtime_1.jsx)("span", { children: file.name })] }), open: previewVisible, onCancel: () => setPreviewVisible(false), footer: [
+    const hasAudioMetadata = file.type === "audio" && file.metadata;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: hasAudioMetadata ? "4px" : "8px" }, children: [renderFileContent(), !hasAudioMetadata && renderStatus(), (0, jsx_runtime_1.jsxs)(antd_1.Modal, { title: (0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [fileTypeIcons[file.type], (0, jsx_runtime_1.jsx)("span", { children: file.name })] }), open: previewVisible, onCancel: () => setPreviewVisible(false), footer: [
                     (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: handleDownload, children: "\u4E0B\u8F7D\u6587\u4EF6" }, "download"),
                     (0, jsx_runtime_1.jsx)(antd_1.Button, { onClick: () => setPreviewVisible(false), children: "\u5173\u95ED" }, "close"),
-                ], width: "90%", style: { top: 20 }, destroyOnClose: true, children: [file.type === "pdf" && file.url && ((0, jsx_runtime_1.jsx)("div", { style: { height: "75vh", border: "1px solid #d9d9d9", borderRadius: "4px" }, children: (0, jsx_runtime_1.jsx)("iframe", { src: `${file.url}#toolbar=1&navpanes=1&scrollbar=1`, style: {
+                ], width: "90%", style: { top: 20 }, destroyOnClose: true, children: [file.type === "pdf" && file.url && ((0, jsx_runtime_1.jsx)("div", { style: {
+                            height: "75vh",
+                            border: "1px solid #d9d9d9",
+                            borderRadius: "4px",
+                        }, children: (0, jsx_runtime_1.jsx)("iframe", { src: `${file.url}#toolbar=1&navpanes=1&scrollbar=1`, style: {
                                 width: "100%",
                                 height: "100%",
                                 border: "none",
@@ -173,7 +224,11 @@ const FileItem = ({ file, onDownload }) => {
                             background: "#fafafa",
                             borderRadius: "8px",
                             border: "1px dashed #d9d9d9",
-                        }, children: [(0, jsx_runtime_1.jsx)(icons_1.FileTextOutlined, { style: { fontSize: "72px", color: "#10a37f", marginBottom: "16px" } }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "8px" }, children: (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: "16px", fontWeight: 500 }, children: "OpenAI \u6587\u4EF6" }) }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "8px" }, children: (0, jsx_runtime_1.jsxs)(Text, { type: "secondary", style: { fontSize: "14px" }, children: ["\u6587\u4EF6 ID: ", file.fileId || file.id] }) }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "24px" }, children: (0, jsx_runtime_1.jsx)(Text, { type: "secondary", children: "OpenAI \u6587\u4EF6\u65E0\u6CD5\u5728\u7EBF\u9884\u89C8\uFF0C\u6587\u4EF6\u5DF2\u4E0A\u4F20\u5230\u670D\u52A1\u5668" }) })] })), file.type === "document" && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)(icons_1.FileTextOutlined, { style: {
+                                    fontSize: "72px",
+                                    color: "#10a37f",
+                                    marginBottom: "16px",
+                                } }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "8px" }, children: (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: "16px", fontWeight: 500 }, children: "OpenAI \u6587\u4EF6" }) }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "8px" }, children: (0, jsx_runtime_1.jsxs)(Text, { type: "secondary", style: { fontSize: "14px" }, children: ["\u6587\u4EF6 ID: ", file.fileId || file.id] }) }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "24px" }, children: (0, jsx_runtime_1.jsx)(Text, { type: "secondary", children: "OpenAI \u6587\u4EF6\u65E0\u6CD5\u5728\u7EBF\u9884\u89C8\uFF0C\u6587\u4EF6\u5DF2\u4E0A\u4F20\u5230\u670D\u52A1\u5668" }) })] })), file.type === "document" && ((0, jsx_runtime_1.jsxs)("div", { style: {
                             textAlign: "center",
                             padding: "60px 20px",
                             background: "#fafafa",
@@ -185,10 +240,11 @@ const FileItem = ({ file, onDownload }) => {
                                     marginBottom: "16px",
                                 } }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "8px" }, children: (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: "16px", fontWeight: 500 }, children: file.fileSource === "openai" ? "OpenAI 文件" : "文档预览" }) }), file.fileSource === "openai" && file.fileId && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "8px" }, children: (0, jsx_runtime_1.jsxs)(Text, { type: "secondary", style: { fontSize: "14px" }, children: ["\u6587\u4EF6 ID: ", file.fileId] }) })), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "24px" }, children: (0, jsx_runtime_1.jsx)(Text, { type: "secondary", children: file.fileSource === "openai"
                                         ? "OpenAI 文件无法在线预览，文件已上传到服务器"
-                                        : "暂不支持此类型文档的在线预览，请下载后查看" }) }), (0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [!(file.fileSource === "openai" && !file.url) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: handleDownload, children: "\u4E0B\u8F7D\u6587\u6863" }), file.url && ((0, jsx_runtime_1.jsx)(antd_1.Button, { icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), onClick: () => window.open(file.url, "_blank"), children: "\u65B0\u7A97\u53E3\u6253\u5F00" }))] })), file.fileSource === "openai" && !file.url && (0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: true, children: "OpenAI \u6587\u4EF6\u65E0\u6CD5\u76F4\u63A5\u4E0B\u8F7D" })] })] }))] })] }));
+                                        : "暂不支持此类型文档的在线预览，请下载后查看" }) }), (0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [!(file.fileSource === "openai" && !file.url) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: handleDownload, children: "\u4E0B\u8F7D\u6587\u6863" }), file.url && ((0, jsx_runtime_1.jsx)(antd_1.Button, { icon: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), onClick: () => window.open(file.url, "_blank"), children: "\u65B0\u7A97\u53E3\u6253\u5F00" }))] })), file.fileSource === "openai" && !file.url && ((0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: true, children: "OpenAI \u6587\u4EF6\u65E0\u6CD5\u76F4\u63A5\u4E0B\u8F7D" }))] })] }))] })] }));
 };
 // 主组件
 const MultimodalFileRenderer = ({ files, primaryMedia, maxPreviewCount = 4, showDownload = true, }) => {
+    const { isDark } = (0, ThemeContext_1.useThemeHook)();
     const [showAll, setShowAll] = (0, react_1.useState)(false);
     // 将 primaryMedia 统一转为文件项，放在首位（若存在）
     const primaryAsFile = primaryMedia
@@ -197,11 +253,12 @@ const MultimodalFileRenderer = ({ files, primaryMedia, maxPreviewCount = 4, show
             name: primaryMedia.name || "模型输出",
             url: primaryMedia.url,
             type: primaryMedia.type,
-            size: 0,
-            mimeType: "",
+            size: primaryMedia.metadata?.sizeBytes || 0,
+            mimeType: primaryMedia.type === "audio" ? `audio/${primaryMedia.metadata?.format || "mp3"}` : "",
             uploadTime: Date.now(),
             status: "success",
             thumbnail: primaryMedia.thumbnail,
+            metadata: primaryMedia.metadata,
         }
         : null;
     const mergedFiles = primaryAsFile ? [primaryAsFile, ...(files || [])] : files || [];
@@ -210,7 +267,7 @@ const MultimodalFileRenderer = ({ files, primaryMedia, maxPreviewCount = 4, show
     }
     const displayFiles = showAll ? mergedFiles : mergedFiles.slice(0, maxPreviewCount);
     const hasMore = mergedFiles.length > maxPreviewCount;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "12px" }, children: [(0, jsx_runtime_1.jsx)("div", { className: "multimodal-file-grid", children: displayFiles.map((file) => ((0, jsx_runtime_1.jsx)(FileItem, { file: file, onDownload: showDownload ? undefined : undefined }, file.id))) }), hasMore && !showAll && ((0, jsx_runtime_1.jsxs)(antd_1.Button, { type: "link", size: "small", onClick: () => setShowAll(true), style: { padding: 0 }, children: ["\u663E\u793A\u5168\u90E8 ", mergedFiles.length, " \u4E2A\u6587\u4EF6"] })), hasMore && showAll && ((0, jsx_runtime_1.jsx)(antd_1.Button, { type: "link", size: "small", onClick: () => setShowAll(false), style: { padding: 0 }, children: "\u6536\u8D77" }))] }));
+    const isAudioOnly = mergedFiles.length === 1 && mergedFiles[0].type === "audio";
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: "4px" }, children: [(0, jsx_runtime_1.jsx)("div", { className: "multimodal-file-grid", children: displayFiles.map((file) => ((0, jsx_runtime_1.jsx)(FileItem, { file: file, isDark: isDark, onDownload: showDownload ? undefined : undefined }, file.id))) }), hasMore && !showAll && ((0, jsx_runtime_1.jsxs)(antd_1.Button, { type: "link", size: "small", onClick: () => setShowAll(true), style: { padding: 0 }, children: ["\u663E\u793A\u5168\u90E8 ", mergedFiles.length, " \u4E2A\u6587\u4EF6"] })), hasMore && showAll && ((0, jsx_runtime_1.jsx)(antd_1.Button, { type: "link", size: "small", onClick: () => setShowAll(false), style: { padding: 0 }, children: "\u6536\u8D77" }))] }));
 };
 exports.MultimodalFileRenderer = MultimodalFileRenderer;
-//# sourceMappingURL=MultimodalFileRenderer.js.map

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

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

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

@@ -72,4 +72,3 @@ const ThinkingBlock = ({ message }) => {
     return ((0, jsx_runtime_1.jsx)("div", { className: styles.thinkingContainer, children: (0, jsx_runtime_1.jsx)(antd_1.Collapse, { items: collapseItems, size: "small", defaultActiveKey: ["1"], ghost: true, expandIconPosition: "end", className: styles.transparentCollapse }) }));
 };
 exports.ThinkingBlock = ThinkingBlock;
-//# sourceMappingURL=ThinkingBlock.js.map

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 interface ToolUseBlockProps {
     tool_name: string;
     tool_args?: Record<string, any>;
@@ -7,4 +7,3 @@ interface ToolUseBlockProps {
 }
 export declare const ToolUseBlock: React.FC<ToolUseBlockProps>;
 export {};
-//# sourceMappingURL=ToolUseBlock.d.ts.map

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

@@ -4,11 +4,10 @@ exports.ToolUseBlock = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const _1 = require(".");
-const ToolUseBlock = ({ tool_name, tool_args, result, isResponse }) => {
+const ToolUseBlock = ({ tool_name, tool_args, result, isResponse, }) => {
     const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
     const headerText = isResponse ? `工具调用结果: ${tool_name}` : `工具调用: ${tool_name}`;
     const content = isResponse ? result : tool_args;
     return ((0, jsx_runtime_1.jsxs)("div", { className: "tool-use-block", children: [(0, jsx_runtime_1.jsx)(_1.ToolUseBlockHeader, { toolName: headerText, isExpanded: isExpanded, onToggleExpand: () => setIsExpanded(!isExpanded) }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "tool-use-body", children: (0, jsx_runtime_1.jsx)("pre", { children: (0, jsx_runtime_1.jsx)("code", { children: JSON.stringify(content, null, 2) }) }) }))] }));
 };
 exports.ToolUseBlock = ToolUseBlock;
-//# sourceMappingURL=ToolUseBlock.js.map

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 interface ToolUseBlockHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     toolName: string;
     isExpanded: boolean;
@@ -7,4 +7,3 @@ interface ToolUseBlockHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare const ToolUseBlockHeader: React.FC<ToolUseBlockHeaderProps>;
 export {};
-//# sourceMappingURL=ToolUseBlockHeader.d.ts.map

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

@@ -25,7 +25,6 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
 }));
 const ToolUseBlockHeader = ({ toolName, isExpanded, onToggleExpand, icon, className, ...props }) => {
     const { styles, cx } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cx(styles.header, className), onClick: onToggleExpand, ...props, children: [isExpanded ? (0, jsx_runtime_1.jsx)(icons_1.CaretDownOutlined, { className: styles.icon }) : (0, jsx_runtime_1.jsx)(icons_1.CaretRightOutlined, { className: styles.icon }), icon && (0, jsx_runtime_1.jsx)("span", { className: styles.icon, children: icon }), toolName] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx(styles.header, className), onClick: onToggleExpand, ...props, children: [isExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.CaretDownOutlined, { className: styles.icon })) : ((0, jsx_runtime_1.jsx)(icons_1.CaretRightOutlined, { className: styles.icon })), icon && (0, jsx_runtime_1.jsx)("span", { className: styles.icon, children: icon }), toolName] }));
 };
 exports.ToolUseBlockHeader = ToolUseBlockHeader;
-//# sourceMappingURL=ToolUseBlockHeader.js.map

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

@@ -1,6 +1,5 @@
-import React from "react";
+import type React from "react";
 import type { MultimodalFile } from "../types";
 export declare const UploadPreview: React.FC<{
     files: MultimodalFile[];
 }>;
-//# sourceMappingURL=UploadPreview.d.ts.map

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

@@ -9,4 +9,3 @@ const UploadPreview = ({ files }) => {
     return (0, jsx_runtime_1.jsx)(MultimodalFileRenderer_1.MultimodalFileRenderer, { files: files });
 };
 exports.UploadPreview = UploadPreview;
-//# sourceMappingURL=UploadPreview.js.map

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

@@ -7,4 +7,3 @@ interface WelcomeModuleProps {
 }
 export declare const WelcomeModule: React.FC<WelcomeModuleProps>;
 export {};
-//# sourceMappingURL=WelcomeModule.d.ts.map

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

@@ -38,6 +38,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@ant-design/icons");
 const antd_1 = require("antd");
 const react_1 = __importStar(require("react"));
+const env_helper_1 = require("../utils/env-helper");
 require("./WelcomeModule.less");
 const { Title, Text, Paragraph } = antd_1.Typography;
 const MODULES = [
@@ -60,7 +61,12 @@ const MODULES = [
         description: "图片生成与智能识别分析",
         icon: (0, jsx_runtime_1.jsx)(icons_1.PictureOutlined, { style: { fontSize: 20, color: "#52c41a" } }),
         color: "#52c41a",
-        prompts: ["给我一个五彩斑斓的黑", "生成一张夕阳下的海滩图片", "画一只可爱的小猫咪", "创作一幅抽象艺术作品"],
+        prompts: [
+            "给我一个五彩斑斓的黑",
+            "生成一张夕阳下的海滩图片",
+            "画一只可爱的小猫咪",
+            "创作一幅抽象艺术作品",
+        ],
     },
     {
         id: "video",
@@ -68,7 +74,12 @@ const MODULES = [
         description: "AI视频生成与编辑",
         icon: (0, jsx_runtime_1.jsx)(icons_1.VideoCameraOutlined, { style: { fontSize: 20, color: "#fa541c" } }),
         color: "#fa541c",
-        prompts: ["生成一段海浪拍打沙滩的视频", "制作一个产品展示动画", "创建一段城市夜景延时摄影", "生成一个logo动效视频"],
+        prompts: [
+            "生成一段海浪拍打沙滩的视频",
+            "制作一个产品展示动画",
+            "创建一段城市夜景延时摄影",
+            "生成一个logo动效视频",
+        ],
         disabled: true,
         disabledReason: "逐步开放中",
     },
@@ -78,14 +89,24 @@ const MODULES = [
         description: "协同工作的智能体系统",
         icon: (0, jsx_runtime_1.jsx)(icons_1.ClusterOutlined, { style: { fontSize: 20, color: "#722ed1" } }),
         color: "#722ed1",
-        prompts: ["协调多个AI完成项目规划", "让团队AI协作写代码", "多智能体讨论解决方案", "AI团队头脑风暴创意"],
+        prompts: [
+            "协调多个AI完成项目规划",
+            "让团队AI协作写代码",
+            "多智能体讨论解决方案",
+            "AI团队头脑风暴创意",
+        ],
         disabled: true,
         disabledReason: "逐步开放中",
     },
 ];
-const WelcomeModule = ({ onPromptSelect, onModuleChange, isDark = false }) => {
+const WelcomeModule = ({ onPromptSelect, onModuleChange, isDark = false, }) => {
     const [selectedModule, setSelectedModule] = (0, react_1.useState)(null);
     const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    const embedded = (0, env_helper_1.isEmbeddedInIde)();
+    const iconSize = embedded ? 16 : 24;
+    const arrowSize = embedded ? 10 : 14;
+    const gutterSize = embedded ? [12, 12] : [24, 24];
+    const promptGutter = embedded ? [10, 10] : [20, 20];
     (0, react_1.useEffect)(() => {
         // 组件挂载后的入场动画
         const timer = setTimeout(() => setIsVisible(true), 100);
@@ -105,15 +126,20 @@ const WelcomeModule = ({ onPromptSelect, onModuleChange, isDark = false }) => {
     const selectedModuleData = MODULES.find((m) => m.id === selectedModule);
     return ((0, jsx_runtime_1.jsx)("div", { className: `welcome-module-container ${isVisible ? "visible" : ""}`, children: !selectedModule ? (
         // 模块选择视图
-        (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: `welcome-header ${isVisible ? "visible" : ""}`, children: [(0, jsx_runtime_1.jsx)(Title, { level: 1, className: `welcome-title ${isDark ? "dark" : "light"}`, children: "\u5C0F\u7A0B\u5E8F\u5F00\u653E\u5E73\u53F0\u667A\u80FD\u4F53\u8C03\u8BD5\u5668" }), (0, jsx_runtime_1.jsx)(Paragraph, { className: `welcome-description ${isDark ? "dark" : "light"}`, children: "\u63A2\u7D22\u5E73\u53F0\u591A\u5143\u5316AI\u80FD\u529B\uFF0C\u9009\u62E9\u4E00\u4E2A\u6A21\u5757\u5FEB\u901F\u8FDB\u884C\u8C03\u8BD5" })] }), (0, jsx_runtime_1.jsx)(antd_1.Row, { gutter: [24, 24], children: MODULES.map((module, index) => ((0, jsx_runtime_1.jsx)(antd_1.Col, { xs: 24, sm: 12, children: (0, jsx_runtime_1.jsx)("div", { className: `module-card-wrapper ${isVisible ? "visible" : ""}`, children: (0, jsx_runtime_1.jsxs)(antd_1.Card, { hoverable: !module.disabled, className: `welcome-module-card ${isDark ? "dark" : "light"} ${module.disabled ? "disabled" : ""}`, onClick: () => !module.disabled && handleModuleClick(module.id), styles: {
+        (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: `welcome-header ${isVisible ? "visible" : ""}`, children: [(0, jsx_runtime_1.jsx)(Title, { level: 1, className: `welcome-title ${isDark ? "dark" : "light"}`, children: "\u5C0F\u7A0B\u5E8F\u5F00\u653E\u5E73\u53F0\u667A\u80FD\u4F53\u8C03\u8BD5\u5668" }), (0, jsx_runtime_1.jsx)(Paragraph, { className: `welcome-description ${isDark ? "dark" : "light"}`, children: "\u63A2\u7D22\u5E73\u53F0\u591A\u5143\u5316AI\u80FD\u529B\uFF0C\u9009\u62E9\u4E00\u4E2A\u6A21\u5757\u5FEB\u901F\u8FDB\u884C\u8C03\u8BD5" })] }), (0, jsx_runtime_1.jsx)(antd_1.Row, { gutter: gutterSize, children: MODULES.map((module) => ((0, jsx_runtime_1.jsx)(antd_1.Col, { xs: 24, sm: 12, children: (0, jsx_runtime_1.jsx)("div", { className: `module-card-wrapper ${isVisible ? "visible" : ""}`, children: (0, jsx_runtime_1.jsxs)(antd_1.Card, { hoverable: !module.disabled, className: `welcome-module-card ${isDark ? "dark" : "light"} ${module.disabled ? "disabled" : ""}`, onClick: () => !module.disabled && handleModuleClick(module.id), styles: {
                                     body: { padding: 0 },
                                 }, children: [(0, jsx_runtime_1.jsx)("div", { className: "decorative-bg", style: {
                                             background: `${module.color}10`,
-                                        } }), (0, jsx_runtime_1.jsxs)("div", { className: `card-header ${isDark ? "dark" : "light"}`, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 20, marginBottom: 16 }, children: [(0, jsx_runtime_1.jsx)("div", { className: `module-icon-container ${isDark ? "dark" : "light"}`, style: {
+                                        } }), (0, jsx_runtime_1.jsxs)("div", { className: `card-header ${isDark ? "dark" : "light"}`, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                                    display: "flex",
+                                                    alignItems: "center",
+                                                    gap: embedded ? 12 : 20,
+                                                    marginBottom: embedded ? 8 : 16,
+                                                }, children: [(0, jsx_runtime_1.jsx)("div", { className: `module-icon-container ${isDark ? "dark" : "light"}`, style: {
                                                             borderColor: `${module.color}30`,
                                                         }, children: react_1.default.cloneElement(module.icon, {
                                                             style: {
-                                                                fontSize: 24,
+                                                                fontSize: iconSize,
                                                                 color: module.color,
                                                                 filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.1))",
                                                             },
@@ -122,40 +148,44 @@ const WelcomeModule = ({ onPromptSelect, onModuleChange, isDark = false }) => {
                                                 alignItems: "center",
                                                 justifyContent: "space-between",
                                                 width: "100%",
-                                            }, children: [(0, jsx_runtime_1.jsx)(Text, { className: `footer-text ${isDark ? "dark" : "light"}`, style: { color: module.disabled ? "#999" : undefined }, children: module.disabledReason }), (0, jsx_runtime_1.jsx)("div", { className: "arrow-container disabled", style: {
+                                            }, children: [(0, jsx_runtime_1.jsx)(Text, { className: `footer-text ${isDark ? "dark" : "light"}`, style: {
+                                                        color: module.disabled ? "#999" : undefined,
+                                                    }, children: module.disabledReason }), (0, jsx_runtime_1.jsx)("div", { className: "arrow-container disabled", style: {
                                                         background: "#f5f5f5",
                                                         opacity: 0.5,
                                                     }, children: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, { style: {
                                                             color: "#ccc",
-                                                            fontSize: 14,
+                                                            fontSize: arrowSize,
                                                             fontWeight: "bold",
                                                         } }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text, { className: `footer-text ${isDark ? "dark" : "light"}`, children: "\u70B9\u51FB\u8FDB\u5165" }), (0, jsx_runtime_1.jsx)("div", { className: "arrow-container", style: {
                                                         background: `${module.color}15`,
                                                     }, children: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, { style: {
                                                             color: module.color,
-                                                            fontSize: 14,
+                                                            fontSize: arrowSize,
                                                             fontWeight: "bold",
                                                         } }) })] })) })] }) }) }, module.id))) })] })) : (
         // 提示词选择视图
-        (0, jsx_runtime_1.jsxs)("div", { className: `prompt-selection-view ${isVisible ? "visible" : ""}`, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 32 }, children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", onClick: handleBackToModules, className: `back-button ${isDark ? "dark" : "light"}`, children: "\u2190 \u8FD4\u56DE\u6A21\u5757\u9009\u62E9" }) }), (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: "center", marginBottom: 48 }, children: [(0, jsx_runtime_1.jsxs)("div", { className: `module-header ${isDark ? "dark" : "light"}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `header-icon ${isDark ? "dark" : "light"}`, style: {
+        (0, jsx_runtime_1.jsxs)("div", { className: `prompt-selection-view ${isVisible ? "visible" : ""}`, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 32 }, children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", onClick: handleBackToModules, className: `back-button ${isDark ? "dark" : "light"}`, children: "\u2190 \u8FD4\u56DE\u6A21\u5757\u9009\u62E9" }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        textAlign: "center",
+                        marginBottom: embedded ? 20 : 48,
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { className: `module-header ${isDark ? "dark" : "light"}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `header-icon ${isDark ? "dark" : "light"}`, style: {
                                         borderColor: `${selectedModuleData?.color}30`,
                                     }, children: react_1.default.cloneElement(selectedModuleData?.icon, {
                                         style: {
-                                            fontSize: 24,
+                                            fontSize: iconSize,
                                             color: selectedModuleData?.color,
                                             filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.1))",
                                         },
-                                    }) }), (0, jsx_runtime_1.jsx)(Title, { level: 2, className: `header-title ${isDark ? "dark" : "light"}`, children: selectedModuleData?.title })] }), (0, jsx_runtime_1.jsx)(Paragraph, { className: `prompt-description ${isDark ? "dark" : "light"}`, children: "\u9009\u62E9\u4E00\u4E2A\u63D0\u793A\u8BCD\u5F00\u59CB\u5BF9\u8BDD\uFF0C\u6216\u8005\u8F93\u5165\u4F60\u81EA\u5DF1\u7684\u95EE\u9898" })] }), (0, jsx_runtime_1.jsx)(antd_1.Row, { gutter: [20, 20], children: selectedModuleData?.prompts.map((prompt, index) => ((0, jsx_runtime_1.jsx)(antd_1.Col, { xs: 24, sm: 12, children: (0, jsx_runtime_1.jsx)("div", { className: `prompt-card-wrapper ${isVisible ? "visible" : ""}`, children: (0, jsx_runtime_1.jsxs)(antd_1.Card, { hoverable: true, className: `welcome-prompt-card ${isDark ? "dark" : "light"}`, styles: {
-                                    body: { padding: "24px" },
+                                    }) }), (0, jsx_runtime_1.jsx)(Title, { level: 2, className: `header-title ${isDark ? "dark" : "light"}`, children: selectedModuleData?.title })] }), (0, jsx_runtime_1.jsx)(Paragraph, { className: `prompt-description ${isDark ? "dark" : "light"}`, children: "\u9009\u62E9\u4E00\u4E2A\u63D0\u793A\u8BCD\u5F00\u59CB\u5BF9\u8BDD\uFF0C\u6216\u8005\u8F93\u5165\u4F60\u81EA\u5DF1\u7684\u95EE\u9898" })] }), (0, jsx_runtime_1.jsx)(antd_1.Row, { gutter: promptGutter, children: selectedModuleData?.prompts.map((prompt, index) => ((0, jsx_runtime_1.jsx)(antd_1.Col, { xs: 24, sm: 12, children: (0, jsx_runtime_1.jsx)("div", { className: `prompt-card-wrapper ${isVisible ? "visible" : ""}`, children: (0, jsx_runtime_1.jsxs)(antd_1.Card, { hoverable: true, className: `welcome-prompt-card ${isDark ? "dark" : "light"}`, styles: {
+                                    body: { padding: embedded ? "12px" : "24px" },
                                 }, onClick: () => handlePromptClick(prompt), children: [(0, jsx_runtime_1.jsx)("div", { className: "prompt-border", style: {
                                             background: `linear-gradient(90deg, ${selectedModuleData?.color}, ${selectedModuleData?.color}80)`,
                                         } }), (0, jsx_runtime_1.jsxs)("div", { className: "prompt-content", children: [(0, jsx_runtime_1.jsx)(Text, { className: `prompt-text ${isDark ? "dark" : "light"}`, children: prompt }), (0, jsx_runtime_1.jsx)("div", { className: "prompt-arrow", style: {
                                                     background: `${selectedModuleData?.color}15`,
                                                 }, children: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, { style: {
                                                         color: selectedModuleData?.color,
-                                                        fontSize: 12,
+                                                        fontSize: embedded ? 9 : 12,
                                                         fontWeight: "bold",
                                                     } }) })] })] }) }) }, index))) })] })) }));
 };
 exports.WelcomeModule = WelcomeModule;
-//# sourceMappingURL=WelcomeModule.js.map

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

@@ -11,4 +11,3 @@ export * from "./UploadPreview";
 export * from "./AsyncTaskBlock";
 export * from "./WelcomeModule";
 export * from "./ErrorCard";
-//# sourceMappingURL=index.d.ts.map

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

@@ -27,4 +27,3 @@ __exportStar(require("./UploadPreview"), exports);
 __exportStar(require("./AsyncTaskBlock"), exports);
 __exportStar(require("./WelcomeModule"), exports);
 __exportStar(require("./ErrorCard"), exports);
-//# sourceMappingURL=index.js.map

package/lib/webview-ui/config/cos-config.d.ts

@@ -38,4 +38,3 @@ export declare const uploadConfig: {
         "application/vnd.openxmlformats-officedocument.presentationml.presentation": "document";
     };
 };
-//# sourceMappingURL=cos-config.d.ts.map