@vectorx/agent-simulator 0.1.3 → 0.3.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../../src/webview-ui/components/MarkdownRenderer.tsx"],"names":[],"mappings":";;;;;;;AAAA,+BAAkC;AAClC,2CAA0C;AAC1C,8DAAqC;AAErC,iCAAgC;AAChC,+CAAoD;AAEpD,MAAM,EAAE,GAAG,IAAA,qBAAU,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AAEpD,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,gBAAgB;IAChB,eAAe,EAAE,GAAG,CAAA;;;GAGnB;CACF,CAAC,CAAC,CAAC;AAMG,MAAM,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/E,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAe,GAAE,CAAC;IACpD,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,iBAAU,cACT,gCACE,SAAS,EAAE,oBAAoB,aAAa,CAAC,eAAe,IAAI,MAAM,CAAC,eAAe,EAAE,EACxF,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,GACS,CACd,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B"}

package/{types → lib}/webview-ui/components/MessageRenderer.d.ts

@@ -4,3 +4,4 @@ export interface MessageRendererProps {
     message: ChatMessage;
 }
 export declare const MessageRenderer: React.FC<MessageRendererProps>;
+//# sourceMappingURL=MessageRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/MessageRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,CAAC;CACtB;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuC1D,CAAC"}

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

@@ -1,36 +1,33 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageRenderer = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const _1 = require(".");
 const cardComponentMap = {
     knowledge_base_search: _1.KnowledgeBaseSearchBlock,
-    knowledge_base_search_response: (props) => react_1.default.createElement(_1.KnowledgeBaseSearchBlock, Object.assign({}, props, { isResponse: true })),
+    knowledge_base_search_response: (props) => (0, jsx_runtime_1.jsx)(_1.KnowledgeBaseSearchBlock, { ...props, isResponse: true }),
     function_call: _1.ToolUseBlock,
-    function_call_response: (props) => react_1.default.createElement(_1.ToolUseBlock, Object.assign({}, props, { isResponse: true })),
+    function_call_response: (props) => (0, jsx_runtime_1.jsx)(_1.ToolUseBlock, { ...props, isResponse: true }),
+    async_task: (props) => (0, jsx_runtime_1.jsx)(_1.AsyncTaskBlock, { ...props }),
+    error_card: (props) => (0, jsx_runtime_1.jsx)(_1.ErrorCard, { ...props }),
 };
 const MessageRenderer = ({ message }) => {
-    const { cards, reasoningContent, content } = message;
-    return (react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "10px" } }, cards === null || cards === void 0 ? void 0 :
-        cards.map((card, index) => {
-            const CardComponent = cardComponentMap[card.type];
-            if (!CardComponent) {
-                console.warn(`No component found for card type: ${card.type}`);
-                return null;
-            }
-            let cardContent;
-            try {
-                cardContent = JSON.parse(card.content);
-            }
-            catch (e) {
-                cardContent = { content: card.content };
-            }
-            return react_1.default.createElement(CardComponent, Object.assign({ key: index }, cardContent));
-        }),
-        reasoningContent && react_1.default.createElement(_1.ThinkingBlock, { message: message }),
-        content && react_1.default.createElement(_1.MarkdownRenderer, { content: content })));
+    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 CardComponent = cardComponentMap[card.type];
+                if (!CardComponent) {
+                    console.warn(`No component found for card type: ${card.type}`);
+                    return null;
+                }
+                let cardContent;
+                try {
+                    cardContent = JSON.parse(card.content);
+                }
+                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 || [] }))] }));
 };
 exports.MessageRenderer = MessageRenderer;
+//# sourceMappingURL=MessageRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRenderer.js","sourceRoot":"","sources":["../../../src/webview-ui/components/MessageRenderer.tsx"],"names":[],"mappings":";;;;AACA,wBAQW;AAOX,MAAM,gBAAgB,GAAqC;IACzD,qBAAqB,EAAE,2BAAwB;IAC/C,8BAA8B,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,2BAAwB,OAAK,KAAK,EAAE,UAAU,SAAG;IAC7F,aAAa,EAAE,eAAY;IAC3B,sBAAsB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,eAAY,OAAK,KAAK,EAAE,UAAU,SAAG;IACzE,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,iBAAc,OAAK,KAAK,GAAI;IACpD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,YAAS,OAAK,KAAK,GAAI;CAChD,CAAC;AAEK,MAAM,eAAe,GAAmC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAElE,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAClE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC1B,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClD,IAAI,CAAC,aAAa,EAAE,CAAC;oBACnB,OAAO,CAAC,IAAI,CAAC,qCAAqC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;oBAC/D,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,IAAI,WAAW,CAAC;gBAChB,IAAI,CAAC;oBACH,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACzC,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACX,WAAW,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC1C,CAAC;gBAED,OAAO,uBAAC,aAAa,OAAiB,WAAW,IAAtB,KAAK,CAAqB,CAAC;YACxD,CAAC,CAAC,EACD,gBAAgB,IAAI,uBAAC,gBAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EAGvD,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC5C,uBAAC,yBAAsB,IACrB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,GACnE,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,6DACE,uBAAC,mBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,EACtC,uBAAC,yBAAsB,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,GAAI,IAC7C,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAsB,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,GAAI,CAC/C,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+import type { MultimodalFile } from "../types";
+interface MultimodalFileRendererProps {
+    files: MultimodalFile[];
+    /**
+     * 用于统一“模型主输出”的多模态展示（例如模型返回的图片 URL）。
+     * 传入后会作为第一个文件项参与渲染，避免在其他组件里单独写 <img/>。
+     */
+    primaryMedia?: {
+        url: string;
+        type: "image" | "video" | "audio";
+        name?: string;
+        thumbnail?: string;
+    };
+    maxPreviewCount?: number;
+    showDownload?: boolean;
+}
+export declare const MultimodalFileRenderer: React.FC<MultimodalFileRendererProps>;
+export {};
+//# sourceMappingURL=MultimodalFileRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalFileRenderer.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/MultimodalFileRenderer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,UAAU,2BAA2B;IACnC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;QAClC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA2OD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAqDxE,CAAC"}

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

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultimodalFileRenderer = void 0;
+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 { Text } = antd_1.Typography;
+// 文件类型图标映射
+const fileTypeIcons = {
+    image: (0, jsx_runtime_1.jsx)(icons_1.PictureOutlined, {}),
+    pdf: (0, jsx_runtime_1.jsx)(icons_1.FileTextOutlined, {}),
+    document: (0, jsx_runtime_1.jsx)(icons_1.FileTextOutlined, {}),
+    video: (0, jsx_runtime_1.jsx)(icons_1.PlayCircleOutlined, {}),
+    audio: (0, jsx_runtime_1.jsx)(icons_1.AudioOutlined, {}),
+};
+// 文件类型名称映射
+const fileTypeNames = {
+    image: "图片",
+    pdf: "PDF文档",
+    document: "文档",
+    video: "视频",
+    audio: "音频",
+};
+// 格式化文件大小
+const formatFileSize = (bytes) => {
+    if (bytes === 0)
+        return "0 B";
+    const k = 1024;
+    const sizes = ["B", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+};
+// 单个文件组件
+const FileItem = ({ file, onDownload }) => {
+    const [previewVisible, setPreviewVisible] = (0, react_1.useState)(false);
+    const [imagePreviewVisible, setImagePreviewVisible] = (0, react_1.useState)(false);
+    const handleDownload = () => {
+        if (onDownload) {
+            onDownload();
+        }
+        else {
+            // 默认下载逻辑
+            const link = document.createElement("a");
+            link.href = file.url;
+            link.download = file.name;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            antd_1.message.success("开始下载文件");
+        }
+    };
+    const handlePreview = () => {
+        if (file.type === "image") {
+            setImagePreviewVisible(true);
+        }
+        else {
+            setPreviewVisible(true);
+        }
+    };
+    const renderFileContent = () => {
+        switch (file.type) {
+            case "image":
+                return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [(0, jsx_runtime_1.jsx)(antd_1.Image, { src: file.thumbnail || file.url, alt: file.name, style: {
+                                maxWidth: "100%",
+                                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: {
+                                    position: "absolute",
+                                    top: "8px",
+                                    right: "8px",
+                                    background: "rgba(0,0,0,0.6)",
+                                    color: "white",
+                                    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" });
+            case "pdf":
+            case "document":
+                return ((0, jsx_runtime_1.jsxs)(antd_1.Card, { size: "small", style: {
+                        width: "200px",
+                        height: "120px",
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "center",
+                        alignItems: "center",
+                        cursor: "pointer",
+                        border: "1px dashed #d9d9d9",
+                    }, onClick: handlePreview, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: "32px", color: "#1890ff", marginBottom: "8px" }, children: fileTypeIcons[file.type] }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: "12px", textAlign: "center" }, ellipsis: true, children: file.name }), (0, jsx_runtime_1.jsx)(Text, { type: "secondary", style: { fontSize: "10px" }, children: formatFileSize(file.size) })] }));
+            default:
+                return null;
+        }
+    };
+    const renderStatus = () => {
+        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..." })] }));
+            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 || "上传失败" })] }));
+            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: [fileTypeNames[file.type], " \u2022 ", formatFileSize(file.size)] }), (0, jsx_runtime_1.jsxs)(antd_1.Space, { size: "small", children: [(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: "\u4E0B\u8F7D", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), size: "small", onClick: handleDownload }) })] })] }) }));
+            default:
+                return null;
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "16px" }, children: [renderFileContent(), renderStatus(), (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: file.name, open: previewVisible, onCancel: () => setPreviewVisible(false), footer: [
+                    (0, jsx_runtime_1.jsx)(antd_1.Button, { icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: handleDownload, children: "\u4E0B\u8F7D" }, "download"),
+                    (0, jsx_runtime_1.jsx)(antd_1.Button, { onClick: () => setPreviewVisible(false), children: "\u5173\u95ED" }, "close"),
+                ], width: "80%", style: { top: 20 }, children: [file.type === "pdf" && ((0, jsx_runtime_1.jsx)("iframe", { src: `${file.url}#toolbar=0`, style: { width: "100%", height: "70vh", border: "none" }, title: file.name })), file.type === "document" && ((0, jsx_runtime_1.jsxs)("div", { style: { textAlign: "center", padding: "40px" }, children: [(0, jsx_runtime_1.jsx)(icons_1.FileTextOutlined, { style: { fontSize: "64px", color: "#1890ff" } }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: "16px" }, children: (0, jsx_runtime_1.jsx)(Text, { children: "\u6587\u6863\u9884\u89C8\u529F\u80FD\u5F00\u53D1\u4E2D\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B" }) }), (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: handleDownload, style: { marginTop: "16px" }, children: "\u4E0B\u8F7D\u6587\u6863" })] }))] })] }));
+};
+// 主组件
+const MultimodalFileRenderer = ({ files, primaryMedia, maxPreviewCount = 4, showDownload = true, }) => {
+    const [showAll, setShowAll] = (0, react_1.useState)(false);
+    // 将 primaryMedia 统一转为文件项，放在首位（若存在）
+    const primaryAsFile = primaryMedia
+        ? {
+            id: `primary_${Date.now()}`,
+            name: primaryMedia.name || "模型输出",
+            url: primaryMedia.url,
+            type: primaryMedia.type,
+            size: 0,
+            mimeType: "",
+            uploadTime: Date.now(),
+            status: "success",
+            thumbnail: primaryMedia.thumbnail,
+        }
+        : null;
+    const mergedFiles = primaryAsFile ? [primaryAsFile, ...(files || [])] : files || [];
+    if (!mergedFiles || mergedFiles.length === 0) {
+        return null;
+    }
+    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" }))] }));
+};
+exports.MultimodalFileRenderer = MultimodalFileRenderer;
+//# sourceMappingURL=MultimodalFileRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalFileRenderer.js","sourceRoot":"","sources":["../../../src/webview-ui/components/MultimodalFileRenderer.tsx"],"names":[],"mappings":"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"}

package/{types → lib}/webview-ui/components/ThinkingBlock.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingBlock.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/ThinkingBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAqCvC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsDtD,CAAC"}

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

@@ -1,43 +1,12 @@
 "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 });
 exports.ThinkingBlock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const antd_1 = require("antd");
 const antd_style_1 = require("antd-style");
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
+    // 工具调用容器
     thinkingContainer: css `
 		border: 1px solid ${token.colorBorder};
 		border-radius: 8px;
@@ -46,10 +15,12 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
 		margin-bottom: 12px;
 		width: 100%;
 	`,
+    // 透明折叠面板
     transparentCollapse: css `
 		background: transparent;
 		border: none;
 	`,
+    // 标签容器
     labelContainer: css `
 		display: flex;
 		align-items: center;
@@ -58,6 +29,7 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
 		font-weight: 500;
 		color: ${token.colorTextSecondary};
 	`,
+    // 内容容器
     contentContainer: css `
 		font-size: 12px;
 		line-height: 1.6;
@@ -74,7 +46,7 @@ const ThinkingBlock = ({ message }) => {
             intervalRef.current = setInterval(() => {
                 const seconds = (Date.now() - startTime) / 1000;
                 setElapsedTime(seconds);
-            }, 50);
+            }, 50); // 更新频率改为50毫秒
         }
         else {
             if (intervalRef.current) {
@@ -93,13 +65,11 @@ const ThinkingBlock = ({ message }) => {
     const collapseItems = [
         {
             key: "1",
-            label: (react_1.default.createElement("div", { className: styles.labelContainer },
-                react_1.default.createElement("span", null, message.isThinking ? "🤔" : "✅"),
-                timeText)),
-            children: react_1.default.createElement("div", { className: styles.contentContainer }, message.reasoningContent || "..."),
+            label: ((0, jsx_runtime_1.jsxs)("div", { className: styles.labelContainer, children: [(0, jsx_runtime_1.jsx)("span", { children: message.isThinking ? "🤔" : "✅" }), timeText] })),
+            children: (0, jsx_runtime_1.jsx)("div", { className: styles.contentContainer, children: message.reasoningContent || "..." }),
         },
     ];
-    return (react_1.default.createElement("div", { className: styles.thinkingContainer },
-        react_1.default.createElement(antd_1.Collapse, { items: collapseItems, size: "small", defaultActiveKey: ["1"], ghost: true, expandIconPosition: "end", className: styles.transparentCollapse })));
+    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/ThinkingBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingBlock.js","sourceRoot":"","sources":["../../../src/webview-ui/components/ThinkingBlock.tsx"],"names":[],"mappings":";;;;AAAA,+BAAgC;AAChC,2CAA0C;AAC1C,iCAA2D;AAG3D,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,SAAS;IACT,iBAAiB,EAAE,GAAG,CAAA;sBACF,KAAK,CAAC,WAAW;;;gBAGvB,KAAK,CAAC,eAAe;;;EAGnC;IAEA,SAAS;IACT,mBAAmB,EAAE,GAAG,CAAA;;;EAGxB;IAEA,OAAO;IACP,cAAc,EAAE,GAAG,CAAA;;;;;;WAMV,KAAK,CAAC,kBAAkB;EACjC;IAEA,OAAO;IACP,gBAAgB,EAAE,GAAG,CAAA;;;WAGZ,KAAK,CAAC,kBAAkB;EACjC;CACD,CAAC,CAAC,CAAC;AAMG,MAAM,aAAa,GAAiC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;YAC5C,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;YACpC,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;gBACrC,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC;gBAChD,cAAc,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU;QACjC,CAAC,CAAC,cAAc,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;QAC3C,CAAC,CAAC,cAAc,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9C,MAAM,aAAa,GAAG;QACpB;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,CACL,iCAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,2CAAO,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAQ,EAC7C,QAAQ,IACL,CACP;YACD,QAAQ,EAAE,gCAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,YAAG,OAAO,CAAC,gBAAgB,IAAI,KAAK,GAAO;SAC7F;KACF,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,uBAAC,eAAQ,IACP,KAAK,EAAE,aAAa,EACpB,IAAI,EAAC,OAAO,EACZ,gBAAgB,EAAE,CAAC,GAAG,CAAC,EACvB,KAAK,QACL,kBAAkB,EAAC,KAAK,EACxB,SAAS,EAAE,MAAM,CAAC,mBAAmB,GACrC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,aAAa,iBAsDxB"}

package/{types → lib}/webview-ui/components/ToolUseBlock.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolUseBlock.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/ToolUseBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuBpD,CAAC"}

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

@@ -1,20 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolUseBlock = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+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 [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
     const headerText = isResponse ? `工具调用结果: ${tool_name}` : `工具调用: ${tool_name}`;
     const content = isResponse ? result : tool_args;
-    return (react_1.default.createElement("div", { className: "tool-use-block" },
-        react_1.default.createElement(_1.ToolUseBlockHeader, { toolName: headerText, isExpanded: isExpanded, onToggleExpand: () => setIsExpanded(!isExpanded) }),
-        isExpanded && (react_1.default.createElement("div", { className: "tool-use-body" },
-            react_1.default.createElement("pre", null,
-                react_1.default.createElement("code", null, JSON.stringify(content, null, 2)))))));
+    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/ToolUseBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolUseBlock.js","sourceRoot":"","sources":["../../../src/webview-ui/components/ToolUseBlock.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,wBAAuC;AAShC,MAAM,YAAY,GAAgC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE;IACxG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC;IAE9E,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhD,OAAO,CACL,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,qBAAkB,IACjB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,GAChD,EACD,UAAU,IAAI,CACb,gCAAK,SAAS,EAAC,eAAe,YAC5B,0CACE,2CAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,GAC3C,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,YAAY,gBAuBvB"}

package/{types → lib}/webview-ui/components/ToolUseBlockHeader.d.ts

@@ -7,3 +7,4 @@ 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolUseBlockHeader.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/ToolUseBlockHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiBhE,CAAC"}

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

@@ -1,23 +1,9 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolUseBlockHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@ant-design/icons");
 const antd_style_1 = require("antd-style");
-const react_1 = __importDefault(require("react"));
 const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
     header: css `
     display: flex;
@@ -37,12 +23,9 @@ const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
     margin-right: 6px;
   `,
 }));
-const ToolUseBlockHeader = (_a) => {
-    var { toolName, isExpanded, onToggleExpand, icon, className } = _a, props = __rest(_a, ["toolName", "isExpanded", "onToggleExpand", "icon", "className"]);
+const ToolUseBlockHeader = ({ toolName, isExpanded, onToggleExpand, icon, className, ...props }) => {
     const { styles, cx } = useStyles();
-    return (react_1.default.createElement("div", Object.assign({ className: cx(styles.header, className), onClick: onToggleExpand }, props),
-        isExpanded ? react_1.default.createElement(icons_1.CaretDownOutlined, { className: styles.icon }) : react_1.default.createElement(icons_1.CaretRightOutlined, { className: styles.icon }),
-        icon && react_1.default.createElement("span", { className: styles.icon }, 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/ToolUseBlockHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolUseBlockHeader.js","sourceRoot":"","sources":["../../../src/webview-ui/components/ToolUseBlockHeader.tsx"],"names":[],"mappings":";;;;AAAA,6CAA0E;AAC1E,2CAA0C;AAG1C,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,CAAA;;;;;aAKA,KAAK,CAAC,kBAAkB;;;;;;oBAMjB,KAAK,CAAC,aAAa;;GAEpC;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;CACF,CAAC,CAAC,CAAC;AASG,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,UAAU,EACV,cAAc,EACd,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IAEnC,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,KAAM,KAAK,aAC7E,UAAU,CAAC,CAAC,CAAC,uBAAC,yBAAiB,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,uBAAC,0BAAkB,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAC3G,IAAI,IAAI,iCAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAQ,EACnD,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,kBAAkB,sBAiB7B"}

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

@@ -0,0 +1,6 @@
+import 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreview.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/UploadPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,CAG/D,CAAC"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadPreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MultimodalFileRenderer_1 = require("./MultimodalFileRenderer");
+const UploadPreview = ({ files }) => {
+    if (!files?.length)
+        return null;
+    return (0, jsx_runtime_1.jsx)(MultimodalFileRenderer_1.MultimodalFileRenderer, { files: files });
+};
+exports.UploadPreview = UploadPreview;
+//# sourceMappingURL=UploadPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreview.js","sourceRoot":"","sources":["../../../src/webview-ui/components/UploadPreview.tsx"],"names":[],"mappings":";;;;AAEA,qEAAkE;AAE3D,MAAM,aAAa,GAA0C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChF,IAAI,CAAC,KAAK,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAChC,OAAO,uBAAC,+CAAsB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAClD,CAAC,CAAC;AAHW,QAAA,aAAa,iBAGxB"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./WelcomeModule.less";
+interface WelcomeModuleProps {
+    onPromptSelect: (prompt: string) => void;
+    onModuleChange?: (moduleId: string | null) => void;
+    isDark?: boolean;
+}
+export declare const WelcomeModule: React.FC<WelcomeModuleProps>;
+export {};
+//# sourceMappingURL=WelcomeModule.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeModule.d.ts","sourceRoot":"","sources":["../../../src/webview-ui/components/WelcomeModule.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,sBAAsB,CAAC;AA4D9B,UAAU,kBAAkB;IAC1B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4NtD,CAAC"}