@zero-library/chat-copilot 1.0.2 → 1.0.3

package/dist/index.esm.js

@@ -1,19 +1,22 @@
-import { CloudUploadOutlined, PaperClipOutlined, LoadingOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlusOutlined, CommentOutlined, FileTextOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileUnknownOutlined } from '@ant-design/icons';
-import { Attachments, Sender, Suggestion, Think, FileCard, Bubble, XProvider, Mermaid, CodeHighlighter, Conversations, Welcome, Prompts } from '@ant-design/x-v2';
-import { useRefState, useDebounce, useSyncInput, createTokenManager, markdownToText, RenderWrapper, shouldRender, isFunction, FilePreview, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, isBoolean, UserAvatar, htmlToMarkdown, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, emit, buildUrlParams, getWebSocketUrl } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Spin, Splitter, theme, Collapse, Avatar, Space, Popover, Form, Empty, Input, InputNumber, Switch as Switch$1, message, List, Upload, Card, Table, Tag as Tag$1, Progress as Progress$1, Divider as Divider$1, Select as Select$1 } from 'antd';
-import React9, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState, memo, useContext, useCallback } from 'react';
+import { CloudUploadOutlined, PaperClipOutlined, LoadingOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlusOutlined, CommentOutlined, FileTextOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, RedoOutlined, PlayCircleOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileUnknownOutlined } from '@ant-design/icons';
+import { Attachments, Sender, Suggestion, Think, FileCard, Bubble, XProvider, Conversations, Welcome, Prompts, Mermaid, CodeHighlighter } from '@ant-design/x-v2';
+import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, LuyaFilePreview, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, isBoolean, UserAvatar, htmlToMarkdown, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, FileIcon, RenderMarkdown, MarkdownEditor, isDef, isNull, transform, emit, buildUrlParams, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Tooltip, Spin, Splitter, theme, Collapse, Avatar, Space, Popover, Form, Empty, Input, InputNumber, Switch as Switch$1, message, List, Upload, Card, Table, Tag as Tag$1, Progress as Progress$1, Divider as Divider$1, Select as Select$1 } from 'antd';
+import React7, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback } from 'react';
 import { useSnapshot, proxy } from 'valtio';
 import dayjs from 'dayjs';
-import Latex from '@ant-design/x-markdown/plugins/Latex';
+import Latex2 from '@ant-design/x-markdown/plugins/Latex';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import XMarkdown from '@ant-design/x-markdown';
 import '@ant-design/x-markdown/themes/light.css';
-import classNames5 from 'classnames';
 import { XCard as XCard$1 } from '@ant-design/x-card';
+import XMarkdown from '@ant-design/x-markdown';
+import classNames2 from 'classnames';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
 // src/components/Attachments.tsx
+
+// src/assets/images/logo.png
+var logo_default = "./logo-BX4TAWHK.png";
 function getFileExtension(fileName = "") {
   const ext = fileName.split(".").pop();
   return (ext || "").toLowerCase();
@@ -27,7 +30,7 @@ function formatFileSize(size) {
 }
 var getFileIcon = (extension, fontSize = 24) => {
   const baseStyle = { fontSize };
-  const createIcon = (Icon, color) => React9.createElement(Icon, { style: { ...baseStyle, color } });
+  const createIcon = (Icon, color) => React7.createElement(Icon, { style: { ...baseStyle, color } });
   if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension)) {
     return createIcon(FileImageOutlined, "#22c55e");
   }
@@ -51,6 +54,7 @@ var getFileIcon = (extension, fontSize = 24) => {
   }
   return createIcon(FileUnknownOutlined, "#94a3b8");
 };
+var getChatCopilotLogo = () => logo_default;
 var classifyTime = (timestamp) => {
   const now = dayjs();
   const target = dayjs(timestamp);
@@ -103,38 +107,12 @@ var variablesToObject = (variables) => {
     {}
   );
 };
-var singleTildeExtension = {
-  name: "singleTilde",
-  level: "inline",
-  start(src) {
-    return src.match(/(?<!~)~(?!~)/)?.index;
-  },
-  tokenizer(src) {
-    const match = /^(?<!~)~(?!~)/.exec(src);
-    if (match) {
-      return {
-        type: "text",
-        raw: match[0],
-        text: match[0]
-      };
-    }
-    return void 0;
-  }
-};
-var getMarkdownConfig = (options) => {
-  const latexExtensions = Latex();
-  const extensions = Array.isArray(latexExtensions) ? [...latexExtensions, singleTildeExtension] : [latexExtensions, singleTildeExtension];
-  return {
-    extensions,
-    breaks: options?.breaks ?? false
-  };
-};
 var getChatSocketUrl = (baseURL, params) => {
   return buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
 };
 var ChatContext = createContext(null);
 function ChatProvider({ store, children }) {
-  return React9.createElement(ChatContext.Provider, { value: store }, children);
+  return React7.createElement(ChatContext.Provider, { value: store }, children);
 }
 function useChatStore() {
   const store = useContext(ChatContext);
@@ -148,7 +126,11 @@ function useChatStore() {
 var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender",
-  runStartedNode: "styles_module_runStartedNode"};
+  runStartedNode: "styles_module_runStartedNode",
+  chatQuoteMsg: "styles_module_chatQuoteMsg",
+  quoteTooltip: "styles_module_quoteTooltip",
+  quoteTooltipContainer: "styles_module_quoteTooltipContainer"
+};
 var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
   const { message: message3 } = App.useApp();
   const chatStore = useChatStore();
@@ -658,7 +640,7 @@ function renderMiniChart(spec, opts) {
   ] }) });
 }
 
-// src/components/custom-components/a2ui-runtime/components/artifacts/export-utils.ts
+// src/components/CustomComponents/a2ui-runtime/components/artifacts/export-utils.ts
 function sanitizeFileName(name) {
   return name.replace(/[\\/:*?"<>|\u0000-\u001F]/g, "_").replace(/\s+/g, " ").trim();
 }
@@ -727,11 +709,11 @@ function exportJsonFile(data, fileName) {
   exportTextFile(json, fileName, "application/json;charset=utf-8");
 }
 var ChartViewer = ({ artifactId, title, payload }) => {
-  const containerRef = React9.useRef(null);
-  const [containerWidth, setContainerWidth] = React9.useState(0);
+  const containerRef = React7.useRef(null);
+  const [containerWidth, setContainerWidth] = React7.useState(0);
   const spec = payload?.spec;
   const needsContainerWidth = true;
-  React9.useLayoutEffect(() => {
+  React7.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     let frame = 0;
@@ -781,39 +763,62 @@ var ChartViewer = ({ artifactId, title, payload }) => {
     }
   );
 };
-var AgentNavigateComponent = React9.memo((props) => {
+var AgentNavigate_default = memo(({ data }) => {
   const [content, setContent] = useState(null);
-  const { children } = props;
   useEffect(() => {
-    if (!children) {
+    if (!data) {
       return;
     }
-    console.log(typeof children, children);
-    if (typeof children === "string") {
+    console.log(typeof data, data);
+    if (typeof data === "string") {
       try {
-        setContent(JSON.parse(children));
+        setContent(JSON.parse(data));
       } catch (_error) {
         setContent(null);
       }
     } else {
-      setContent(children);
+      setContent(data);
     }
-  }, [children]);
+  }, [data]);
   const handleClick = () => {
     if (!content?.emit) return;
   };
   return /* @__PURE__ */ jsx(Button, { onClick: handleClick, style: { padding: 0 }, type: "link", children: content?.name || "\u70B9\u51FB\u6B64\u5904" });
 });
-var agent_navigate_default = AgentNavigateComponent;
-var CodeHighlight = (props) => {
-  const { className, children } = props;
+
+// src/components/CustomComponents/XMarkdown/styles.module.less
+var styles_module_default2 = {
+  appCard: "styles_module_appCard",
+  fileView: "styles_module_fileView",
+  fileEdit: "styles_module_fileEdit",
+  fileEditHeader: "styles_module_fileEditHeader",
+  fileEditContent: "styles_module_fileEditContent",
+  mdEdit: "styles_module_mdEdit"
+};
+var AppCard_default = ({ data, loading }) => {
+  const chatStore = useChatStore();
+  const onClick = async () => {
+    if (data.appKey) {
+      const canProceed = await chatStore.config.hooks?.onAppRightVerify?.(data.appKey);
+      if (canProceed === false) {
+        return;
+      }
+    }
+    chatStore.getAgentInfo(data.agentId);
+  };
+  return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, align: "center", className: styles_module_default2.appCard, onClick, children: [
+    /* @__PURE__ */ jsx("img", { src: data.iconUrl }),
+    /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.appName, children: data.appName })
+  ] }) });
+};
+var CodeHighlight_default = ({ className, data }) => {
   const lang = className?.match(/language-(\w+)/)?.[1] || "";
-  if (typeof children !== "string") return null;
+  if (typeof data !== "string") return null;
   if (!lang) {
-    return /* @__PURE__ */ jsx("code", { children });
+    return /* @__PURE__ */ jsx("code", { children: data });
   }
   if (lang === "mermaid") {
-    return /* @__PURE__ */ jsx(Mermaid, { children });
+    return /* @__PURE__ */ jsx(Mermaid, { children: data });
   }
   return /* @__PURE__ */ jsx(
     "div",
@@ -824,11 +829,54 @@ var CodeHighlight = (props) => {
         overflowX: "auto",
         borderRadius: 8
       },
-      children: /* @__PURE__ */ jsx("div", { style: { minWidth: "max-content" }, children: /* @__PURE__ */ jsx(CodeHighlighter, { lang, style: { margin: 0 }, children }) })
+      children: /* @__PURE__ */ jsx("div", { style: { minWidth: "max-content" }, children: /* @__PURE__ */ jsx(CodeHighlighter, { lang, style: { margin: 0 }, children: data }) })
     }
   );
 };
-var code_highlight_default = CodeHighlight;
+var FileEdit_default = ({ data, loading }) => {
+  const chatStore = useChatStore();
+  const onPreview = () => {
+    chatStore.setPreview(data, true);
+  };
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default2.fileEditHeader, children: [
+      /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", className: "flex-1", children: [
+        /* @__PURE__ */ jsx(FileIcon, { suffix: "md", fontSize: 18 }),
+        /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+      ] }),
+      /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { children: [
+        /* @__PURE__ */ jsx(Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(PlayCircleOutlined, {}), onClick: onPreview, children: "\u9884\u89C8\u7F16\u8F91" }),
+        /* @__PURE__ */ jsx(Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}), onClick: () => copyText(data.content), children: "\u590D\u5236" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: data.content }) })
+  ] });
+};
+var FileView_default = ({ data, loading }) => {
+  const chatStore = useChatStore();
+  const onClick = () => {
+    chatStore.setPreview(data, false);
+  };
+  return /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: styles_module_default2.fileView, onClick, children: [
+    /* @__PURE__ */ jsx(FileIcon, { suffix: data.suffix }),
+    /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+  ] }) });
+};
+var MdEdit_default = ({ data, loading }) => {
+  const chatStore = useChatStore();
+  const [value, setValue] = useState("");
+  const btnText = data.btnText || "\u7EE7\u7EED";
+  const onOk = () => {
+    chatStore.sendMessage(btnText, [], { citation: value });
+  };
+  useEffect(() => {
+    setValue(data.content);
+  }, [data.content]);
+  return /* @__PURE__ */ jsxs("div", { className: styles_module_default2.mdEdit, children: [
+    /* @__PURE__ */ jsx(MarkdownEditor, { disabled: loading, value, onChange: setValue, fixedToolbar: false, floatToolbar: false }),
+    !loading && /* @__PURE__ */ jsx(Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { color: "primary", variant: "outlined", onClick: onOk, children: btnText }) })
+  ] });
+};
 var TOKEN_KEY = "NS-TOKEN";
 var tokenManager = createTokenManager({
   key: TOKEN_KEY
@@ -837,20 +885,20 @@ var redirectUrl = () => {
   const path = localStorage.getItem("SIGNPATH");
   emit("jumpLink", { url: `/uc${path || "/sign-in"}` });
 };
-var PreviewLinkComponent = (props) => {
+var PreviewLink_default = ({ data, ...rest }) => {
   const chatStore = useChatStore();
   const configState = useSnapshot(chatStore.config);
   return /* @__PURE__ */ jsx(
     "a",
     {
-      ...props,
+      ...rest,
       onClick: (e) => {
-        if (props.onClick) {
-          props.onClick(e);
+        if (rest.onClick) {
+          rest.onClick(e);
         }
         if (!e.defaultPrevented && e.currentTarget.href) {
           e.preventDefault();
-          if (props.href && String(props.href).startsWith("/luya") && configState.layout.preview) {
+          if (rest.href && String(rest.href).startsWith("/luya") && configState.layout.preview) {
             let fileName = "link";
             let path = e.currentTarget.href;
             const url = new URL(path, window.location.origin);
@@ -868,16 +916,16 @@ var PreviewLinkComponent = (props) => {
                   fileName = lastSegment;
                 }
               }
-            } else if (typeof props.children === "string") {
-              fileName = props.children;
-            } else if (Array.isArray(props.children) && typeof props.children[0] === "string") {
-              fileName = String(props.children[0]);
+            } else if (typeof data === "string") {
+              fileName = data;
+            } else if (Array.isArray(data) && typeof data[0] === "string") {
+              fileName = String(data[0]);
             }
             chatStore.setPreview({ path, fileName });
-          } else if (props.href && !String(props.href).startsWith("/luya")) {
-            window.open(props.href || e.currentTarget.href, "_blank");
-          } else if (props.href && String(props.href).startsWith("/luya") && !configState.layout.preview) {
-            const urlObj = new URL(props.href, window.location.origin);
+          } else if (rest.href && !String(rest.href).startsWith("/luya")) {
+            window.open(rest.href || e.currentTarget.href, "_blank");
+          } else if (rest.href && String(rest.href).startsWith("/luya") && !configState.layout.preview) {
+            const urlObj = new URL(rest.href, window.location.origin);
             urlObj.searchParams.set("NS-TOKEN", tokenManager.get() || "");
             window.open(urlObj.toString(), "_blank");
           }
@@ -886,246 +934,69 @@ var PreviewLinkComponent = (props) => {
     }
   );
 };
-
-// src/components/custom-components/tool-renders/index.module.less
-var index_module_default = {
-  iconContainer: "index_module_iconContainer",
-  toolName: "index_module_toolName",
-  duration: "index_module_duration",
-  statusIcon: "index_module_statusIcon",
-  sectionLabel: "index_module_sectionLabel",
-  markdownContainer: "index_module_markdownContainer",
-  sectionBlock: "index_module_sectionBlock",
-  todoList: "index_module_todoList",
-  todoItem: "index_module_todoItem",
-  statusIconWrapper: "index_module_statusIconWrapper",
-  todoContent: "index_module_todoContent",
-  todoText: "index_module_todoText",
-  completed: "index_module_completed",
-  emptyText: "index_module_emptyText"
-};
-var DefaultToolRender = ({ argsContent, resultContent, errorMessage, item }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(
-        XMarkdown,
-        {
-          className: "xMarkdownStyle",
-          components: { code: code_highlight_default },
-          config: getMarkdownConfig(),
-          content: argsContent.isJson ? `\`\`\`json
-${argsContent.text}
-\`\`\`` : argsContent.text
-        }
-      ) })
-    ] }),
-    item.result && resultContent && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(
-        XMarkdown,
-        {
-          className: "xMarkdownStyle",
-          components: { code: code_highlight_default },
-          config: getMarkdownConfig(),
-          content: resultContent.isJson ? `\`\`\`json
-${resultContent.text}
-\`\`\`` : resultContent.text
-        }
-      ) })
-    ] }),
-    errorMessage && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(
-        XMarkdown,
-        {
-          className: "xMarkdownStyle",
-          components: { code: code_highlight_default },
-          config: getMarkdownConfig(),
-          content: `\`\`\`
-${errorMessage}
-\`\`\``
-        }
-      ) })
-    ] })
-  ] });
-};
-var default_render_default = DefaultToolRender;
-var TodoWriteRender = ({ args, result }) => {
-  const { token } = theme.useToken();
-  const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
-  const getStatusIcon = (status) => {
-    switch (status) {
-      case "completed":
-        return /* @__PURE__ */ jsx(CheckCircleOutlined, { style: { color: token.colorSuccess } });
-      case "in_progress":
-        return /* @__PURE__ */ jsx(ClockCircleOutlined, { style: { color: token.colorPrimary } });
-      case "pending":
-      default:
-        return /* @__PURE__ */ jsx(ClockCircleOutlined, { style: { color: token.colorTextTertiary } });
-    }
-  };
-  if (!todos || todos.length === 0) {
-    return /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", className: index_module_default.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
-  }
-  return /* @__PURE__ */ jsx(
-    List,
-    {
-      size: "small",
-      dataSource: todos,
-      renderItem: (item) => /* @__PURE__ */ jsxs(List.Item, { className: index_module_default.todoItem, children: [
-        /* @__PURE__ */ jsx("div", { className: index_module_default.statusIconWrapper, children: getStatusIcon(item.status) }),
-        /* @__PURE__ */ jsx("div", { className: index_module_default.todoContent, children: /* @__PURE__ */ jsx(Typography.Text, { className: `${index_module_default.todoText} ${item.status === "completed" ? index_module_default.completed : ""}`, children: item.title || item.content }) })
-      ] }),
-      className: index_module_default.todoList
+var singleTildeExtension = {
+  name: "singleTilde",
+  level: "inline",
+  start(src) {
+    return src.match(/(?<!~)~(?!~)/)?.index;
+  },
+  tokenizer(src) {
+    const match = /^(?<!~)~(?!~)/.exec(src);
+    if (match) {
+      return {
+        type: "text",
+        raw: match[0],
+        text: match[0]
+      };
     }
-  );
-};
-var todo_write_render_default = TodoWriteRender;
-var toolRenders = {
-  todo_write: {
-    component: todo_write_render_default,
-    defaultExpanded: false,
-    alwaysShowContent: (args, result) => {
-      const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
-      return todos && todos.length > 0;
-    },
-    hideStatus: true,
-    disableExpandOnError: true
+    return void 0;
   }
 };
-var getToolRenderConfig = (toolName) => {
-  if (toolName && toolRenders[toolName]) {
-    return toolRenders[toolName];
-  }
+var getMarkdownConfig = (options) => {
+  const latexExtensions = Latex2();
+  const extensions = Array.isArray(latexExtensions) ? [...latexExtensions, singleTildeExtension] : [latexExtensions, singleTildeExtension];
   return {
-    component: default_render_default,
-    defaultExpanded: false,
-    alwaysShowContent: false
+    extensions,
+    breaks: options?.breaks ?? false
   };
 };
-var formatContent = (content) => {
-  try {
-    if (!content) return { text: "", isJson: false, parsed: null };
-    if (typeof content === "object") {
-      return { text: JSON.stringify(content, null, 2), isJson: true, parsed: content };
-    }
-    const parsed = JSON.parse(content);
-    if (typeof parsed === "object" && parsed !== null) {
-      return { text: JSON.stringify(parsed, null, 2), isJson: true, parsed };
-    }
-    return { text: content, isJson: false, parsed: null };
-  } catch {
-    return { text: typeof content === "string" ? content : "", isJson: false, parsed: null };
-  }
+var adaptMarkdownComponent = (Component) => {
+  const WrappedComponent = ({ children, streamStatus, ...rest }) => /* @__PURE__ */ jsx(Component, { ...rest, data: safeParseJson(children, { repair: true }), loading: streamStatus === "loading" });
+  WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
+  return WrappedComponent;
 };
-var ToolCallItem = ({ item }) => {
-  const { token } = theme.useToken();
-  const renderConfig = getToolRenderConfig(item.toolName);
-  const CustomRender = renderConfig.component;
-  const status = useMemo(() => {
-    if (item.status) return item.status;
-    if (item.errorMessage) return "error";
-    if (item.result) return "success";
-    return "running";
-  }, [item.status, item.errorMessage, item.result]);
-  const argsContent = useMemo(() => formatContent(item.arguments || item.content), [item.arguments, item.content]);
-  const resultContent = useMemo(() => item.result ? formatContent(item.result) : null, [item.result]);
-  const hasContent = useMemo(() => {
-    if (renderConfig.disableExpandOnError && status === "error") return false;
-    let alwaysShow = false;
-    if (typeof renderConfig.alwaysShowContent === "function") {
-      alwaysShow = renderConfig.alwaysShowContent(argsContent.parsed, resultContent?.parsed);
-    } else if (renderConfig.alwaysShowContent) {
-      alwaysShow = renderConfig.alwaysShowContent;
-    }
-    if (alwaysShow) return true;
-    return Boolean(item.errorMessage);
-  }, [renderConfig.disableExpandOnError, renderConfig.alwaysShowContent, item.errorMessage, status, argsContent.parsed, resultContent?.parsed]);
-  const isDefaultExpanded = useMemo(() => {
-    if (typeof renderConfig.defaultExpanded === "function") {
-      return renderConfig.defaultExpanded(argsContent.parsed, resultContent?.parsed);
-    }
-    return renderConfig.defaultExpanded;
-  }, [renderConfig.defaultExpanded, argsContent.parsed, resultContent?.parsed]);
-  const statusConfig = {
-    running: {
-      icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
-      color: token.colorPrimary
-    },
-    success: {
-      icon: null,
-      color: token.colorSuccess
-    },
-    error: {
-      icon: null,
-      color: token.colorSuccess
-    },
-    pending: {
-      icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
-      color: token.colorTextSecondary
-    }
-  }[status] || {
-    icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
-    color: token.colorPrimary
-  };
-  const renderIcon = () => {
-    if (!item.toolIcon) {
-      return /* @__PURE__ */ jsx(ToolOutlined, { style: { fontSize: 14, color: token.colorTextSecondary } });
-    }
-    const isUrl = /^(http|\/)/.test(item.toolIcon);
-    if (isUrl) {
-      return /* @__PURE__ */ jsx("img", { src: item.toolIcon, alt: "tool-icon", style: { width: "100%", height: "100%", objectFit: "contain" } });
-    }
-    return /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: item.toolIcon });
-  };
-  return /* @__PURE__ */ jsx(
-    Collapse,
-    {
-      style: { width: "70%" },
-      collapsible: hasContent ? void 0 : "disabled",
-      defaultActiveKey: isDefaultExpanded && hasContent ? [item.toolCallId || "fallback-key"] : void 0,
-      expandIconPlacement: "end",
-      styles: {
-        header: {
-          padding: "6px 10px"
-        }
-      },
-      items: [
-        {
-          key: item.toolCallId || "fallback-key",
-          showArrow: hasContent,
-          label: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx("div", { className: index_module_default.iconContainer, children: renderIcon() }),
-            /* @__PURE__ */ jsx("span", { className: index_module_default.toolName, children: item.title || item.toolName || "Unknown Tool" }),
-            (status === "running" || status === "pending") && /* @__PURE__ */ jsx("div", { className: index_module_default.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
-            item.duration && /* @__PURE__ */ jsxs(Typography.Text, { className: index_module_default.duration, children: [
-              item.duration,
-              "ms"
-            ] })
-          ] }),
-          children: /* @__PURE__ */ jsx(
-            CustomRender,
-            {
-              item,
-              args: argsContent.parsed,
-              result: resultContent?.parsed,
-              argsContent,
-              resultContent,
-              errorMessage: item.errorMessage
-            }
-          )
-        }
-      ]
-    }
-  );
-};
-var tool_call_item_default = ToolCallItem;
+var adaptMarkdownComponents = (components) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component)]));
 function formatMixedContent(content) {
   return content.replace(/<!DOCTYPE html>[\s\S]*?<\/html>/gi, (match) => `\`\`\`html
 ${match}
 \`\`\``);
 }
+var XMarkdown_default = ({ components, content, ...rest }) => {
+  const config = useMemo(() => getMarkdownConfig(), []);
+  const markdownComponents = useMemo(
+    () => adaptMarkdownComponents({
+      code: CodeHighlight_default,
+      agentnavigate: AgentNavigate_default,
+      a: PreviewLink_default,
+      appcard: AppCard_default,
+      fileview: FileView_default,
+      // indexquote: IndexQuote,
+      mdedit: MdEdit_default,
+      fileedit: FileEdit_default,
+      ...components
+    }),
+    [components]
+  );
+  return /* @__PURE__ */ jsx(
+    XMarkdown,
+    {
+      config,
+      ...rest,
+      content: formatMixedContent(content),
+      components: markdownComponents
+    }
+  );
+};
 var ReportViewer = ({ artifactId, title, payload }) => {
   const markdown = typeof payload?.markdown === "string" ? payload.markdown : null;
   if (!markdown) {
@@ -1142,20 +1013,7 @@ var ReportViewer = ({ artifactId, title, payload }) => {
       style: { borderRadius: 12 },
       title: title || "\u62A5\u544A",
       extra: /* @__PURE__ */ jsx(Space, { size: 4, children: /* @__PURE__ */ jsx(Button, { size: "small", type: "text", onClick: exportMd, children: "\u5BFC\u51FAMD" }) }),
-      children: /* @__PURE__ */ jsx("div", { style: { lineHeight: 1.75 }, children: /* @__PURE__ */ jsx(
-        XMarkdown,
-        {
-          openLinksInNewTab: true,
-          className: classNames5("x-markdown-light", "xMarkdownStyle"),
-          components: {
-            code: code_highlight_default,
-            agentnavigate: agent_navigate_default,
-            a: PreviewLinkComponent
-          },
-          config: getMarkdownConfig(),
-          content: formatMixedContent(markdown)
-        }
-      ) })
+      children: /* @__PURE__ */ jsx("div", { style: { lineHeight: 1.75 }, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: markdown }) })
     }
   );
 };
@@ -1325,8 +1183,8 @@ function useBoundFieldState({
   const valuePath = decodeBindPathToken(bindPathToken) ?? pathFromValue(value);
   const cachedValue = readCachedValue(readPathValue(valuePath));
   const externalValue = readExternalValue(value);
-  const dirtyRef = React9.useRef(false);
-  const [localValue, setLocalValue] = React9.useState(() => {
+  const dirtyRef = React7.useRef(false);
+  const [localValue, setLocalValue] = React7.useState(() => {
     if (valuePath && cachedValue !== void 0) {
       return cachedValue;
     }
@@ -1339,10 +1197,10 @@ function useBoundFieldState({
     if (cachedValue !== void 0) return cachedValue;
     return defaultValue;
   });
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     dirtyRef.current = false;
   }, [valuePath]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     if (valuePath && cachedValue !== void 0) {
       setLocalValue(cachedValue);
       return;
@@ -1366,10 +1224,10 @@ function useBoundFieldState({
       setLocalValue(cachedValue);
     }
   }, [cachedValue, externalValue, preferCachedOverExternal, valuePath]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     rememberPathValue(valuePath, localValue);
   }, [valuePath, localValue]);
-  const updateLocalValue = React9.useCallback(
+  const updateLocalValue = React7.useCallback(
     (nextValue) => {
       dirtyRef.current = true;
       setLocalValue(nextValue);
@@ -1389,7 +1247,7 @@ function emitFieldChange(nextValue, valuePath, updateLocalValue, onDataChange, o
   onChange?.(nextValue);
 }
 function useControlId(id) {
-  const autoId = React9.useId();
+  const autoId = React7.useId();
   return id ?? autoId;
 }
 function readActionEvent(action) {
@@ -1476,7 +1334,7 @@ var Switch = ({ id, label, value, bind_path_token, onChange, onDataChange }) =>
     /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#555" }, children: label })
   ] });
 };
-var Button3 = ({ label, variant = "default", onClick, action, onAction }) => {
+var Button5 = ({ label, variant = "default", onClick, action, onAction }) => {
   const handleClick = () => {
     if (onClick) {
       onClick();
@@ -1506,7 +1364,7 @@ var A2uiComponents = {
   TextField,
   Select,
   Switch,
-  Button: Button3,
+  Button: Button5,
   Divider,
   Tag,
   Progress,
@@ -1516,7 +1374,7 @@ var A2uiComponents = {
   ReportViewer
 };
 
-// src/components/custom-components/a2ui-runtime/controller/meta.ts
+// src/components/CustomComponents/a2ui-runtime/controller/meta.ts
 function readProp(current, props, key) {
   return current[key] ?? props?.[key];
 }
@@ -1622,7 +1480,7 @@ function collectActionDisplayMeta(commands, surfaceId, context) {
   return Object.keys(labels).length || Object.keys(valueLabels).length ? { labels, valueLabels } : null;
 }
 
-// src/components/custom-components/a2ui-runtime/controller/action.ts
+// src/components/CustomComponents/a2ui-runtime/controller/action.ts
 function extractPathFromRef2(value) {
   if (typeof value === "string") {
     if (value.startsWith("$bind:/")) return value.slice("$bind:".length);
@@ -1760,7 +1618,7 @@ function buildDispatchContext(surfaceId, rawContext, commands) {
   };
 }
 
-// src/components/custom-components/a2ui-runtime/controller/visibility.ts
+// src/components/CustomComponents/a2ui-runtime/controller/visibility.ts
 function extractSurfaceId(cmd) {
   if (!cmd || typeof cmd !== "object") return "";
   return cmd.createSurface?.surfaceId ?? cmd.updateComponents?.surfaceId ?? cmd.updateDataModel?.surfaceId ?? cmd.deleteSurface?.surfaceId ?? "";
@@ -1781,7 +1639,7 @@ function resolveVisibleSurfaceIds(commands, dismissedSurfaceIds = []) {
   return Array.from(states.entries()).filter(([sid, st]) => !st.deleted && !dismissedSurfaceIds.includes(sid)).map(([sid]) => sid);
 }
 
-// src/components/custom-components/a2ui-runtime/controller/wizard.ts
+// src/components/CustomComponents/a2ui-runtime/controller/wizard.ts
 function readString(obj, ...keys) {
   for (const k of keys) {
     const v = obj?.[k];
@@ -1990,7 +1848,7 @@ function buildWizardUpdateComponentsCommand(schema, stepId) {
   };
 }
 
-// src/components/custom-components/a2ui-runtime/controller/runtime.ts
+// src/components/CustomComponents/a2ui-runtime/controller/runtime.ts
 function createA2uiRuntimeState() {
   return {
     processedMessageCursors: [],
@@ -2190,7 +2048,7 @@ function selectA2uiRuntimeView(state, dismissedSurfaceIds) {
   };
 }
 
-// src/components/custom-components/a2ui-runtime/controller/index.ts
+// src/components/CustomComponents/a2ui-runtime/controller/index.ts
 function applyA2uiRuntimeEffects(effects) {
   effects.forEach((effect) => {
     if (effect.type === "reset-model-store") {
@@ -2243,15 +2101,15 @@ function useA2uiController(params) {
     handleRuntimeAction
   };
 }
-var A2uiRuntimeContext = React9.createContext({
+var A2uiRuntimeContext = React7.createContext({
   commands: [],
   onAction: () => void 0,
   surfaceIdsByMessageIndex: {}
 });
 
-// src/components/custom-components/a2ui-runtime/renderer/useA2uiRuntimeView.ts
+// src/components/CustomComponents/a2ui-runtime/renderer/useA2uiRuntimeView.ts
 function useA2uiRuntimeView() {
-  return React9.useContext(A2uiRuntimeContext);
+  return React7.useContext(A2uiRuntimeContext);
 }
 function A2uiMessageCards({ messageIndex }) {
   const { surfaceIdsByMessageIndex } = useA2uiRuntimeView();
@@ -2260,7 +2118,7 @@ function A2uiMessageCards({ messageIndex }) {
   return /* @__PURE__ */ jsx("div", { children: surfaceIds.map((surfaceId) => /* @__PURE__ */ jsx(XCard.Card, { id: surfaceId }, surfaceId)) });
 }
 
-// src/components/custom-components/a2ui-runtime/renderer/protocol.ts
+// src/components/CustomComponents/a2ui-runtime/renderer/protocol.ts
 function isSubmitLikeActionName2(name) {
   const normalized = String(name || "").trim();
   return normalized === "submit" || normalized === "confirm" || normalized.startsWith("submit_") || normalized.endsWith(".confirm");
@@ -2357,13 +2215,8 @@ function shouldHideA2uiPlan(item) {
   return candidates.some((plan) => {
     const kind = typeof plan.kind === "string" ? plan.kind.toLowerCase() : "";
     const surfaceId = typeof plan.surface_id === "string" ? plan.surface_id : "";
-    return (kind === "form" || kind === "wizard" || kind === "dashboard") && !!surfaceId;
-  });
-}
-function formatMixedContent2(content) {
-  return content.replace(/<!DOCTYPE html>[\s\S]*?<\/html>/gi, (match) => `\`\`\`html
-${match}
-\`\`\``);
+    return (kind === "form" || kind === "wizard" || kind === "dashboard") && !!surfaceId;
+  });
 }
 function extractPlanPayload(plan) {
   if (!plan || typeof plan !== "object") return null;
@@ -2413,16 +2266,7 @@ function ViewerPlan({ payload }) {
 
 ${description || ""}`.trim() : "";
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    header ? /* @__PURE__ */ jsx(
-      XMarkdown,
-      {
-        openLinksInNewTab: true,
-        className: classNames5("x-markdown-light", "xMarkdownStyle"),
-        components: { code: code_highlight_default, agentnavigate: agent_navigate_default },
-        config: getMarkdownConfig(),
-        content: formatMixedContent2(header)
-      }
-    ) : null,
+    header ? /* @__PURE__ */ jsx(XMarkdown_default, { content: header }) : null,
     artifacts.map((artifact, index) => renderArtifact(artifact, index))
   ] });
 }
@@ -2440,16 +2284,7 @@ function A2uiPlanNode({ item }) {
 ${JSON.stringify(item.plan, null, 2)}
 \`\`\`` : "";
   if (!title && !content) return null;
-  return /* @__PURE__ */ jsx(
-    XMarkdown,
-    {
-      openLinksInNewTab: true,
-      className: classNames5("x-markdown-light", "xMarkdownStyle"),
-      components: { code: code_highlight_default, agentnavigate: agent_navigate_default },
-      config: getMarkdownConfig(),
-      content: formatMixedContent2(`${title}${content}`)
-    }
-  );
+  return /* @__PURE__ */ jsx(XMarkdown_default, { content: `${title}${content}` });
 }
 function extractSurfaceId3(command) {
   if (!command || typeof command !== "object") return "";
@@ -2488,19 +2323,19 @@ function A2uiRuntimeProvider({ messages, children }) {
   const chatStore = useChatStore();
   const conversationState = useSnapshot(chatStore.conversation);
   const conversationId = conversationState.active.id;
-  const processedMessageCursorsRef = React9.useRef([]);
-  const latestCommandIndexBySurfaceRef = React9.useRef({});
-  const commandIndexRef = React9.useRef(-1);
-  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React9.useState({});
-  const [dismissedAtBySurface, setDismissedAtBySurface] = React9.useState({});
-  React9.useEffect(() => {
+  const processedMessageCursorsRef = React7.useRef([]);
+  const latestCommandIndexBySurfaceRef = React7.useRef({});
+  const commandIndexRef = React7.useRef(-1);
+  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React7.useState({});
+  const [dismissedAtBySurface, setDismissedAtBySurface] = React7.useState({});
+  React7.useEffect(() => {
     processedMessageCursorsRef.current = [];
     latestCommandIndexBySurfaceRef.current = {};
     commandIndexRef.current = -1;
     setLatestCommandIndexBySurface({});
     setDismissedAtBySurface({});
   }, [conversationId]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     const { shouldReplayAll, nextCursors, pendingItems } = diffMessages(messages, processedMessageCursorsRef.current);
     const itemsToProcess = shouldReplayAll ? messages.flatMap((message3) => {
       const items = Array.isArray(message3?.content) ? message3.content : [];
@@ -2523,10 +2358,10 @@ function A2uiRuntimeProvider({ messages, children }) {
     commandIndexRef.current = nextCommandIndex;
     setLatestCommandIndexBySurface(nextLatestCommandIndexBySurface);
   }, [messages]);
-  const dismissedSurfaceIds = React9.useMemo(() => {
+  const dismissedSurfaceIds = React7.useMemo(() => {
     return Object.entries(dismissedAtBySurface).filter(([surfaceId, dismissedAt]) => (latestCommandIndexBySurface[surfaceId] ?? -1) <= dismissedAt).map(([surfaceId]) => surfaceId);
   }, [dismissedAtBySurface, latestCommandIndexBySurface]);
-  const dispatchA2uiAction = React9.useCallback(
+  const dispatchA2uiAction = React7.useCallback(
     async (payload) => {
       const actionPayload = normalizeA2uiActionPayload(payload);
       if (!actionPayload.name) return;
@@ -2553,7 +2388,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     conversationMessages: messages,
     dismissedSurfaceIds
   });
-  const onAction = React9.useCallback(
+  const onAction = React7.useCallback(
     (payload) => {
       const result = handleRuntimeAction(payload);
       if (result.handled || !result.name) return;
@@ -2566,7 +2401,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     },
     [commands, dispatchA2uiAction, handleRuntimeAction, runtimeState.modelPathBySurface]
   );
-  const contextValue = React9.useMemo(
+  const contextValue = React7.useMemo(
     () => ({ commands, onAction, surfaceIdsByMessageIndex: anchoredSurfaceIdsByMessageIndex }),
     [anchoredSurfaceIdsByMessageIndex, commands, onAction]
   );
@@ -2575,12 +2410,218 @@ function A2uiRuntimeProvider({ messages, children }) {
 function A2uiRenderer(props) {
   return /* @__PURE__ */ jsx(A2uiRuntimeProvider, { ...props });
 }
+
+// src/components/CustomComponents/tool-renders/index.module.less
+var index_module_default = {
+  iconContainer: "index_module_iconContainer",
+  toolName: "index_module_toolName",
+  duration: "index_module_duration",
+  statusIcon: "index_module_statusIcon",
+  sectionLabel: "index_module_sectionLabel",
+  markdownContainer: "index_module_markdownContainer",
+  sectionBlock: "index_module_sectionBlock",
+  todoList: "index_module_todoList",
+  todoItem: "index_module_todoItem",
+  statusIconWrapper: "index_module_statusIconWrapper",
+  todoContent: "index_module_todoContent",
+  todoText: "index_module_todoText",
+  completed: "index_module_completed",
+  emptyText: "index_module_emptyText"
+};
+var DefaultToolRender = ({ argsContent, resultContent, errorMessage, item }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
+${argsContent.text}
+\`\`\`` : argsContent.text }) })
+    ] }),
+    item.result && resultContent && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
+${resultContent.text}
+\`\`\`` : resultContent.text }) })
+    ] }),
+    errorMessage && /* @__PURE__ */ jsxs("div", { className: index_module_default.sectionBlock, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: `\`\`\`
+${errorMessage}
+\`\`\`` }) })
+    ] })
+  ] });
+};
+var default_render_default = DefaultToolRender;
+var TodoWriteRender = ({ args, result }) => {
+  const { token } = theme.useToken();
+  const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
+  const getStatusIcon = (status) => {
+    switch (status) {
+      case "completed":
+        return /* @__PURE__ */ jsx(CheckCircleOutlined, { style: { color: token.colorSuccess } });
+      case "in_progress":
+        return /* @__PURE__ */ jsx(ClockCircleOutlined, { style: { color: token.colorPrimary } });
+      case "pending":
+      default:
+        return /* @__PURE__ */ jsx(ClockCircleOutlined, { style: { color: token.colorTextTertiary } });
+    }
+  };
+  if (!todos || todos.length === 0) {
+    return /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", className: index_module_default.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
+  }
+  return /* @__PURE__ */ jsx(
+    List,
+    {
+      size: "small",
+      dataSource: todos,
+      renderItem: (item) => /* @__PURE__ */ jsxs(List.Item, { className: index_module_default.todoItem, children: [
+        /* @__PURE__ */ jsx("div", { className: index_module_default.statusIconWrapper, children: getStatusIcon(item.status) }),
+        /* @__PURE__ */ jsx("div", { className: index_module_default.todoContent, children: /* @__PURE__ */ jsx(Typography.Text, { className: `${index_module_default.todoText} ${item.status === "completed" ? index_module_default.completed : ""}`, children: item.title || item.content }) })
+      ] }),
+      className: index_module_default.todoList
+    }
+  );
+};
+var todo_write_render_default = TodoWriteRender;
+var toolRenders = {
+  todo_write: {
+    component: todo_write_render_default,
+    defaultExpanded: false,
+    alwaysShowContent: (args, result) => {
+      const todos = Array.isArray(result) ? result : result?.todos || (Array.isArray(args) ? args : args?.todos) || [];
+      return todos && todos.length > 0;
+    },
+    hideStatus: true,
+    disableExpandOnError: true
+  }
+};
+var getToolRenderConfig = (toolName) => {
+  if (toolName && toolRenders[toolName]) {
+    return toolRenders[toolName];
+  }
+  return {
+    component: default_render_default,
+    defaultExpanded: false,
+    alwaysShowContent: false
+  };
+};
+var formatContent = (content) => {
+  try {
+    if (!content) return { text: "", isJson: false, parsed: null };
+    if (typeof content === "object") {
+      return { text: JSON.stringify(content, null, 2), isJson: true, parsed: content };
+    }
+    const parsed = JSON.parse(content);
+    if (typeof parsed === "object" && parsed !== null) {
+      return { text: JSON.stringify(parsed, null, 2), isJson: true, parsed };
+    }
+    return { text: content, isJson: false, parsed: null };
+  } catch {
+    return { text: typeof content === "string" ? content : "", isJson: false, parsed: null };
+  }
+};
+var ToolCallItem = ({ item }) => {
+  const { token } = theme.useToken();
+  const renderConfig = getToolRenderConfig(item.toolName);
+  const CustomRender = renderConfig.component;
+  const status = useMemo(() => {
+    if (item.status) return item.status;
+    if (item.errorMessage) return "error";
+    if (item.result) return "success";
+    return "running";
+  }, [item.status, item.errorMessage, item.result]);
+  const argsContent = useMemo(() => formatContent(item.arguments || item.content), [item.arguments, item.content]);
+  const resultContent = useMemo(() => item.result ? formatContent(item.result) : null, [item.result]);
+  const hasContent = useMemo(() => {
+    if (renderConfig.disableExpandOnError && status === "error") return false;
+    let alwaysShow = false;
+    if (typeof renderConfig.alwaysShowContent === "function") {
+      alwaysShow = renderConfig.alwaysShowContent(argsContent.parsed, resultContent?.parsed);
+    } else if (renderConfig.alwaysShowContent) {
+      alwaysShow = renderConfig.alwaysShowContent;
+    }
+    if (alwaysShow) return true;
+    return Boolean(item.errorMessage);
+  }, [renderConfig.disableExpandOnError, renderConfig.alwaysShowContent, item.errorMessage, status, argsContent.parsed, resultContent?.parsed]);
+  const isDefaultExpanded = useMemo(() => {
+    if (typeof renderConfig.defaultExpanded === "function") {
+      return renderConfig.defaultExpanded(argsContent.parsed, resultContent?.parsed);
+    }
+    return renderConfig.defaultExpanded;
+  }, [renderConfig.defaultExpanded, argsContent.parsed, resultContent?.parsed]);
+  const statusConfig = {
+    running: {
+      icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
+      color: token.colorPrimary
+    },
+    success: {
+      icon: null,
+      color: token.colorSuccess
+    },
+    error: {
+      icon: null,
+      color: token.colorSuccess
+    },
+    pending: {
+      icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
+      color: token.colorTextSecondary
+    }
+  }[status] || {
+    icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
+    color: token.colorPrimary
+  };
+  const renderIcon = () => {
+    if (!item.toolIcon) {
+      return /* @__PURE__ */ jsx(ToolOutlined, { style: { fontSize: 14, color: token.colorTextSecondary } });
+    }
+    const isUrl = /^(http|\/)/.test(item.toolIcon);
+    if (isUrl) {
+      return /* @__PURE__ */ jsx("img", { src: item.toolIcon, alt: "tool-icon", style: { width: "100%", height: "100%", objectFit: "contain" } });
+    }
+    return /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: item.toolIcon });
+  };
+  return /* @__PURE__ */ jsx(
+    Collapse,
+    {
+      style: { width: "70%" },
+      collapsible: hasContent ? void 0 : "disabled",
+      defaultActiveKey: isDefaultExpanded && hasContent ? [item.toolCallId || "fallback-key"] : void 0,
+      expandIconPlacement: "end",
+      styles: {
+        header: {
+          padding: "6px 10px"
+        }
+      },
+      items: [
+        {
+          key: item.toolCallId || "fallback-key",
+          showArrow: hasContent,
+          label: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx("div", { className: index_module_default.iconContainer, children: renderIcon() }),
+            /* @__PURE__ */ jsx("span", { className: index_module_default.toolName, children: item.title || item.toolName || "Unknown Tool" }),
+            (status === "running" || status === "pending") && /* @__PURE__ */ jsx("div", { className: index_module_default.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
+            item.duration && /* @__PURE__ */ jsxs(Typography.Text, { className: index_module_default.duration, children: [
+              item.duration,
+              "ms"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsx(
+            CustomRender,
+            {
+              item,
+              args: argsContent.parsed,
+              result: resultContent?.parsed,
+              argsContent,
+              resultContent,
+              errorMessage: item.errorMessage
+            }
+          )
+        }
+      ]
+    }
+  );
+};
+var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "files", "plan"];
-function formatMixedContent3(content) {
-  return content.replace(/<!DOCTYPE html>[\s\S]*?<\/html>/gi, (match) => `\`\`\`html
-${match}
-\`\`\``);
-}
 function QuestionSummary({ content }) {
   const answer = content.replace(/^Question:\s*/, "").trim() || "\u5DF2\u56DE\u7B54";
   return /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", flexDirection: "column", gap: 4 }, children: [
@@ -2588,51 +2629,28 @@ function QuestionSummary({ content }) {
     /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
   ] });
 }
-var RunStartedNode = React9.memo(({ loading }) => {
+var RunStartedNode = React7.memo(({ loading }) => {
   if (!loading) return null;
   return /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default.runStartedNode, children: /* @__PURE__ */ jsx(LoadingOutlined, { style: { color: "#1677ff" } }) });
 });
-var ToolCallNode = React9.memo(({ item }) => {
+var ToolCallNode = React7.memo(({ item }) => {
   return /* @__PURE__ */ jsx(tool_call_item_default, { item });
 });
-var TextNode = React9.memo(({ item, role, customComponents }) => {
+var TextNode = React7.memo(({ item, role, customComponents }) => {
   const content = toA2uiDisplayText(role, item?.messageContent);
   if (typeof content === "string" && content.startsWith("Question:")) {
     return /* @__PURE__ */ jsx(QuestionSummary, { content });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !!item.reasoningContent && /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
-    !!content && /* @__PURE__ */ jsx(
-      XMarkdown,
-      {
-        openLinksInNewTab: true,
-        className: classNames5("x-markdown-light", "xMarkdownStyle"),
-        components: {
-          code: code_highlight_default,
-          agentnavigate: agent_navigate_default,
-          a: PreviewLinkComponent,
-          ...customComponents
-        },
-        config: getMarkdownConfig(),
-        content: formatMixedContent3(content)
-      }
-    )
+    !!content && /* @__PURE__ */ jsx(XMarkdown_default, { components: customComponents, content })
   ] });
 });
-var StepErrorNode = React9.memo(({ item, customComponents }) => {
+var StepErrorNode = React7.memo(({ item, customComponents }) => {
   if (!item.errorMessage) return null;
-  return /* @__PURE__ */ jsx(
-    XMarkdown,
-    {
-      openLinksInNewTab: true,
-      className: classNames5("x-markdown-light", "xMarkdownStyle"),
-      components: { code: code_highlight_default, agentnavigate: agent_navigate_default, ...customComponents },
-      config: getMarkdownConfig(),
-      content: item.errorMessage
-    }
-  );
+  return /* @__PURE__ */ jsx(XMarkdown_default, { components: customComponents, content: item.errorMessage });
 });
-var FilesNode = React9.memo(({ item }) => {
+var FilesNode = React7.memo(({ item }) => {
   const chatStore = useChatStore();
   const configState = useSnapshot(chatStore.config);
   const agentState = useSnapshot(chatStore.agent);
@@ -2659,7 +2677,7 @@ var FilesNode = React9.memo(({ item }) => {
   }, [item.files]);
   return /* @__PURE__ */ jsx(FileCard.List, { items: fileItems });
 });
-var MessageRender_default = React9.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
+var MessageRender_default = React7.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
   const content = useMemo(() => {
     return (message3.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
@@ -2674,26 +2692,65 @@ var MessageRender_default = React9.memo(({ role, message: message3, messageIndex
       return true;
     });
   }, [loading, message3.content]);
+  const quoteMsg = useMemo(() => {
+    const quoteMsg2 = {};
+    if (message3.params) {
+      try {
+        const citation = JSON.parse(message3.params).citation;
+        if (citation) {
+          quoteMsg2.messageContent = citation;
+        }
+      } catch (e) {
+      }
+    }
+    return isEmptyObj(quoteMsg2) ? null : quoteMsg2;
+  }, [message3.params, message3.quoteMsg]);
   if (content.length === 0) return null;
   return /* @__PURE__ */ jsxs(Flex, { ref: containerRef, vertical: true, gap: 8, children: [
     content.map((item, index) => {
       return /* @__PURE__ */ jsx(
         Bubble,
         {
+          role: role.user,
           className: "m-t-8",
           placement: role.placement,
           variant: item.type === "files" ? "borderless" : void 0,
           content: /* @__PURE__ */ jsxs(Fragment, { children: [
             item.type === "runStarted" && /* @__PURE__ */ jsx(RunStartedNode, { loading }, `flow-start-${index}`),
             (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsx(ToolCallNode, { item }, `tool-call-${item.toolCallId || index}`),
-            item.type === "text" && /* @__PURE__ */ jsx(TextNode, { item, role: message3.role, customComponents }, `message-${index}`),
+            item.type === "text" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TextNode, { item, role: message3.role, customComponents }, `message-${index}`) }),
             item.type === "stepError" && /* @__PURE__ */ jsx(StepErrorNode, { item, customComponents }, `step-error-${index}`),
             item.type === "files" && /* @__PURE__ */ jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsx(A2uiPlanNode, { item }, `plan-${index}`)
           ] })
-        }
+        },
+        `message-${index}`
       );
     }),
+    quoteMsg && /* @__PURE__ */ jsx(
+      Bubble,
+      {
+        className: styles_module_default.chatQuoteMsg,
+        placement: role.placement,
+        variant: "borderless",
+        content: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, children: quoteMsg.messageContent && /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            arrow: false,
+            classNames: {
+              root: styles_module_default.quoteTooltip,
+              container: `${styles_module_default.quoteTooltipContainer} scroll-fade-in`
+            },
+            title: /* @__PURE__ */ jsx(XMarkdown_default, { content: quoteMsg.messageContent }),
+            getPopupContainer: (node) => node,
+            children: /* @__PURE__ */ jsxs(Flex, { children: [
+              /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
+              /* @__PURE__ */ jsx(Flex, { flex: 1, className: "text-ellipsis-2", children: quoteMsg.messageContent })
+            ] })
+          }
+        ) })
+      }
+    ),
     messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex }) : null
   ] });
 });
@@ -3515,18 +3572,20 @@ function createChatStore() {
     }
     processMessageContent(newMessage);
   };
-  const sendMessage = async (message3, files = [], params) => {
+  const sendMessage = async (message3, msgFiles = [], params) => {
     const conversationId = conversation.active.id;
     if (conversation.messages[conversationId].loading) return;
-    let msgContent = "";
+    let msgContent = "", files;
     const references = conversation.messages[conversationId].references;
     if (message3) {
       msgContent = message3;
+      files = msgFiles;
     } else {
       if (references?.type === 1 && references?.content?.msgContent) {
-        msgContent = references.content.msgContent + "\n";
+        msgContent = references.content.msgContent + "\n\n";
       }
       msgContent = msgContent + conversation.messages[conversationId].content;
+      files = conversation.messages[conversationId].files;
     }
     if (!msgContent) return;
     const canProceed = await config.hooks?.onBeforeSend?.(msgContent, files || []);
@@ -3556,7 +3615,7 @@ function createChatStore() {
       conversationId,
       message: msgContent,
       convMeta: config.params.convMeta,
-      files: conversation.messages[conversationId].files,
+      files,
       params,
       spec: {
         ...conversation.active.spec,
@@ -3567,7 +3626,7 @@ function createChatStore() {
     };
     const extraParams = deepCopy(config.params?.params || {});
     const userInputParams = variablesToObject(agent.agentInfo.userInput || []);
-    Object.assign(extraParams, userInputParams);
+    Object.assign(extraParams, userInputParams, message3 ? {} : { ...references?.params, params });
     sendParams.params = extraParams;
     if (!message3) {
       setContent("");
@@ -3673,7 +3732,7 @@ function createChatStore() {
 }
 
 // src/ui/common/styles.module.less
-var styles_module_default2 = {
+var styles_module_default3 = {
   chatHeader: "styles_module_chatHeader",
   chatTitle: "styles_module_chatTitle",
   popover: "styles_module_popover",
@@ -3735,7 +3794,7 @@ var ConversationList_default = () => {
       children: /* @__PURE__ */ jsx(
         Conversations,
         {
-          className: styles_module_default2.conversations,
+          className: styles_module_default3.conversations,
           items: conversationList,
           activeKey: conversationState.active.id,
           onActiveChange: async (id) => chatStore.switchConversation(id),
@@ -3750,17 +3809,17 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames5(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames2(styles_module_default3.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
         {
           control: avatar,
-          DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 22, src: agentState.agentInfo.iconUrl, alt: agentState.agentInfo.name })
+          DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 22, src: agentState.agentInfo.iconUrl || getChatCopilotLogo(), alt: agentState.agentInfo.name })
         }
       ),
       " ",
-      /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default2.chatTitle, children: agentState.agentInfo.name }) })
+      /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default3.chatTitle, children: agentState.agentInfo.name }) })
     ] }),
     /* @__PURE__ */ jsxs(Space, { size: 2, children: [
       /* @__PURE__ */ jsx(
@@ -3779,7 +3838,7 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
             {
               getPopupContainer: (e) => e,
               placement: "bottom",
-              classNames: { container: styles_module_default2.popover },
+              classNames: { container: styles_module_default3.popover },
               content: /* @__PURE__ */ jsx(ConversationList_default, {}),
               trigger: ["click"],
               children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsx(CommentOutlined, {}) })
@@ -3807,7 +3866,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         RenderWrapper,
         {
           control: avatar,
-          DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 50, src: agentState.agentInfo?.iconUrl, shape: "square", style: { flexShrink: 0 }, children: (agentState.agentInfo?.name || "AI").slice(0, 1) })
+          DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 50, src: agentState.agentInfo?.iconUrl || getChatCopilotLogo(), shape: "square", style: { flexShrink: 0 }, children: (agentState.agentInfo?.name || "AI").slice(0, 1) })
         }
       ),
       /* @__PURE__ */ jsx(
@@ -3815,8 +3874,8 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         {
           control: title,
           DefaultComponent: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, flex: 1, style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx(Text2, { strong: true, className: classNames5("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsx(Text2, { type: "secondary", ellipsis: true, className: classNames5("fz-12"), children: agentState.agentInfo.description })
+            /* @__PURE__ */ jsx(Text2, { strong: true, className: classNames2("fz-16"), children: agentState.agentInfo.name }),
+            /* @__PURE__ */ jsx(Text2, { type: "secondary", ellipsis: true, className: classNames2("fz-12"), children: agentState.agentInfo.description })
           ] }) })
         }
       )
@@ -3831,7 +3890,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames5(styles_module_default2.createConversationButton),
+            className: classNames2(styles_module_default3.createConversationButton),
             icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -3841,7 +3900,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames5("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full", "zero-chat-conversations", styles_module_default3.conversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
@@ -3856,13 +3915,19 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
       description: item
     }));
   }, [agentState.agentInfo?.config?.onboarding?.guiding]);
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, justify: "center", className: styles_module_default2.chatWelcomeWrap, children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, justify: "center", className: styles_module_default3.chatWelcomeWrap, children: [
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames5(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames2(styles_module_default3.chatWelcome, "p-t-32"),
         variant: "borderless",
-        icon: /* @__PURE__ */ jsx(RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: agentState.agentInfo?.iconUrl || "" }) }),
+        icon: /* @__PURE__ */ jsx(
+          RenderWrapper,
+          {
+            control: icon,
+            DefaultComponent: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: agentState.agentInfo?.iconUrl || getChatCopilotLogo() })
+          }
+        ),
         title: /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${agentState.agentInfo?.name || ""}` }),
         description: /* @__PURE__ */ jsx(
           RenderWrapper,
@@ -3880,7 +3945,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsx(
           Prompts,
           {
-            className: classNames5("m-t-16", styles_module_default2.promptItem),
+            className: classNames2("m-t-16", styles_module_default3.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -4036,28 +4101,34 @@ var BubbleListItems_default = ({
   }, [agentActions, chatStore, conversationMessages, conversationRoles, conversationState.active.id, isDebug, isWorkFlow]);
   const firstMessagesRecord = useMemo(() => {
     return (firstMessages || []).map((firstMessage, index) => {
-      const { role, ...args } = firstMessage;
-      const roleObj = getRole(role);
+      const { member, content, contentRender, ...args } = firstMessage;
+      const roleObj = getRole(member);
       return {
         key: `firstMessage-${index}`,
         role: roleObj.user,
         placement: roleObj.placement,
         avatar: roleObj.avatar,
+        styles: {
+          body: {
+            width: "auto"
+          }
+        },
         variant: "borderless",
-        ...args
+        ...args,
+        content: contentRender ? contentRender({ index, member }) : content
       };
     });
   }, [firstMessages, conversationRoles]);
   const welcomeMessageRecord = useMemo(() => {
-    if (!welcomeMessage) return [];
-    return [
+    const isExist = shouldRender(welcomeMessage);
+    return isExist ? [
       {
         key: "welcome-message",
-        content: /* @__PURE__ */ jsx(WelcomeItem_default, {}),
+        content: /* @__PURE__ */ jsx(RenderWrapper, { control: welcomeMessage, DefaultComponent: WelcomeItem_default }),
         variant: "borderless"
       }
-    ];
-  }, [welcomeMessage]);
+    ] : [];
+  }, [welcomeMessage, agentState.agentInfo.id]);
   const bubbleListItems = useMemo(() => {
     const list = [];
     list.push(...firstMessagesRecord);
@@ -4101,7 +4172,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames5(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames2(styles_module_default3.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -4148,9 +4219,9 @@ window._iconfont_svg_string_5021436 = '<svg><symbol id="icon-MiniMax" viewBox="0
   }
 })(window);
 
-// src/components/icon-font/index.ts
+// src/components/IconFont/index.ts
 var IconFont = createFromIconfontCN({});
-var icon_font_default = IconFont;
+var IconFont_default = IconFont;
 var { Text: Text4 } = Typography;
 var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
   const chatStore = useChatStore();
@@ -4159,10 +4230,10 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
     /* @__PURE__ */ jsxs(
       Flex,
       {
-        className: classNames5(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+        className: classNames2(styles_module_default3.resourceBtn, { [styles_module_default3.resourceBtnActive]: agentState.model.reasoning }),
         onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
         children: [
-          /* @__PURE__ */ jsx(icon_font_default, { type: "icon-remark" }),
+          /* @__PURE__ */ jsx(IconFont_default, { type: "icon-remark" }),
           /* @__PURE__ */ jsx(Text4, { style: { color: agentState.model.reasoning ? "#fff" : "#000" }, children: "\u6DF1\u5EA6\u601D\u8003" })
         ]
       }
@@ -4174,10 +4245,10 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
         DefaultComponent: /* @__PURE__ */ jsxs(
           Flex,
           {
-            className: classNames5(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+            className: classNames2(styles_module_default3.resourceBtn, { [styles_module_default3.resourceBtnActive]: agentState.model.reasoning }),
             onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
             children: [
-              /* @__PURE__ */ jsx(icon_font_default, { type: "icon-remark" }),
+              /* @__PURE__ */ jsx(IconFont_default, { type: "icon-remark" }),
               /* @__PURE__ */ jsx(Text4, { style: { color: agentState.model.reasoning ? "#fff" : "#000" }, children: "\u6280\u80FD" })
             ]
           }
@@ -4191,10 +4262,10 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
         DefaultComponent: /* @__PURE__ */ jsxs(
           Flex,
           {
-            className: classNames5(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+            className: classNames2(styles_module_default3.resourceBtn, { [styles_module_default3.resourceBtnActive]: agentState.model.reasoning }),
             onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
             children: [
-              /* @__PURE__ */ jsx(icon_font_default, { type: "icon-remark" }),
+              /* @__PURE__ */ jsx(IconFont_default, { type: "icon-remark" }),
               /* @__PURE__ */ jsx(Text4, { style: { color: agentState.model.reasoning ? "#fff" : "#000" }, children: "\u77E5\u8BC6\u5E93" })
             ]
           }
@@ -4260,8 +4331,8 @@ var ChatSender_default2 = forwardRef(
             open: !!referenceContent,
             onOpenChange: () => chatStore.setReferences(),
             classNames: {
-              header: styles_module_default2.senderReferenceHeaderTitle,
-              content: shouldRender(referencesBtn) ? "" : styles_module_default2.senderReferenceHeaderContent
+              header: styles_module_default3.senderReferenceHeaderTitle,
+              content: shouldRender(referencesBtn) ? "" : styles_module_default3.senderReferenceHeaderContent
             },
             children: /* @__PURE__ */ jsx(
               RenderWrapper,
@@ -4279,20 +4350,17 @@ var ChatSender_default2 = forwardRef(
     ) });
   }
 );
-
-// src/assets/images/logo.png
-var logo_default = "./logo-BX4TAWHK.png";
 var ChatSenderHeader = () => {
-  return /* @__PURE__ */ jsxs("div", { className: styles_module_default2.logoArea, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles_module_default2.logoContainer, children: [
-      /* @__PURE__ */ jsx("div", { className: styles_module_default2.staticHalo }),
-      /* @__PURE__ */ jsx("div", { className: styles_module_default2.logoHoverWrapper, children: /* @__PURE__ */ jsx("img", { src: logo_default, alt: "LoLR.AI Logo", className: styles_module_default2.logoImage }) })
+  return /* @__PURE__ */ jsxs("div", { className: styles_module_default3.logoArea, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles_module_default3.logoContainer, children: [
+      /* @__PURE__ */ jsx("div", { className: styles_module_default3.staticHalo }),
+      /* @__PURE__ */ jsx("div", { className: styles_module_default3.logoHoverWrapper, children: /* @__PURE__ */ jsx("img", { src: getChatCopilotLogo(), alt: "LoLR.AI Logo", className: styles_module_default3.logoImage }) })
     ] }),
-    /* @__PURE__ */ jsxs("h1", { className: styles_module_default2.greetingTitle, children: [
+    /* @__PURE__ */ jsxs("h1", { className: styles_module_default3.greetingTitle, children: [
       "\u4F60\u597D\uFF0C\u6211\u662F ",
-      /* @__PURE__ */ jsx("span", { className: styles_module_default2.gradientText, children: "LoLR.AI" })
+      /* @__PURE__ */ jsx("span", { className: styles_module_default3.gradientText, children: "LoLR.AI" })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: styles_module_default2.greetingSubtitle, children: "\u4ECA\u5929\u60F3\u63A2\u7D22\u70B9\u4EC0\u4E48\uFF1F" })
+    /* @__PURE__ */ jsx("p", { className: styles_module_default3.greetingSubtitle, children: "\u4ECA\u5929\u60F3\u63A2\u7D22\u70B9\u4EC0\u4E48\uFF1F" })
   ] });
 };
 var ChatSenderHeader_default = ChatSenderHeader;
@@ -4330,7 +4398,7 @@ var MonacoEditor = ({ value = "", onChange, placeholder, height = 200, readOnly
     }
   ) });
 };
-var monaco_editor_default = MonacoEditor;
+var MonacoEditor_default = MonacoEditor;
 var { Text: Text5 } = Typography;
 var START_NODE_TYPE = "start";
 var FormFileUpload = ({ value, onChange, multiple = false }) => {
@@ -4414,7 +4482,7 @@ var FormFileUpload = ({ value, onChange, multiple = false }) => {
 };
 var FormMonacoEditor = ({ value, onChange }) => {
   const { token } = theme.useToken();
-  return /* @__PURE__ */ jsx("div", { style: { backgroundColor: token.colorFillAlter, padding: 8, borderRadius: token.borderRadius }, children: /* @__PURE__ */ jsx(monaco_editor_default, { language: "json", placeholder: "\u8BF7\u8F93\u5165\u503C...", height: 80, value, onChange }) });
+  return /* @__PURE__ */ jsx("div", { style: { backgroundColor: token.colorFillAlter, padding: 8, borderRadius: token.borderRadius }, children: /* @__PURE__ */ jsx(MonacoEditor_default, { language: "json", placeholder: "\u8BF7\u8F93\u5165\u503C...", height: 80, value, onChange }) });
 };
 var UserInputPanel = () => {
   const chatStore = useChatStore();
@@ -4591,12 +4659,12 @@ var UserInputPanel = () => {
       label: "\u53C2\u6570\u8BBE\u7F6E",
       extra: genExtra(),
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Form, { form, layout: "vertical", onValuesChange: handleValuesChange, style: { maxHeight: 500, overflow: "auto", paddingRight: 16 }, children: inputs.length > 0 ? /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 12, children: inputs.map((item) => /* @__PURE__ */ jsx(React9.Fragment, { children: renderFormItem(item) }, item.name)) }) : /* @__PURE__ */ jsx("div", { style: { padding: "10px", color: "#999", textAlign: "center" }, children: "\u6682\u65E0\u7528\u6237\u8F93\u5165\u5B57\u6BB5" }) }),
+        /* @__PURE__ */ jsx(Form, { form, layout: "vertical", onValuesChange: handleValuesChange, style: { maxHeight: 500, overflow: "auto", paddingRight: 16 }, children: inputs.length > 0 ? /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 12, children: inputs.map((item) => /* @__PURE__ */ jsx(React7.Fragment, { children: renderFormItem(item) }, item.name)) }) : /* @__PURE__ */ jsx("div", { style: { padding: "10px", color: "#999", textAlign: "center" }, children: "\u6682\u65E0\u7528\u6237\u8F93\u5165\u5B57\u6BB5" }) }),
         /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleStartChat, children: "\u5F00\u59CB\u4F1A\u8BDD" }) })
       ] })
     }
   ];
-  return /* @__PURE__ */ jsx("div", { className: styles_module_default2.userInputCollapse, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: styles_module_default3.userInputCollapse, children: /* @__PURE__ */ jsx(
     Collapse,
     {
       activeKey,
@@ -4618,7 +4686,7 @@ var UserInputPanel = () => {
 var UserInputPanel_default = UserInputPanel;
 
 // src/ui/layouts/components/styles.module.less
-var styles_module_default3 = {
+var styles_module_default4 = {
   bodyWidth: "styles_module_bodyWidth",
   inputContainer: "styles_module_inputContainer",
   disclaimerNotice: "styles_module_disclaimerNotice",
@@ -4642,19 +4710,19 @@ var ChatMainPanel = memo(
     );
     const configState = useSnapshot(chatStore.config);
     const agentState = useSnapshot(chatStore.agent);
-    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames5("height-full"), children: [
+    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-      /* @__PURE__ */ jsxs(Flex, { justify: "center", align: "center", vertical: true, gap: 24, className: classNames5("height-full", styles_module_default3.bodyWidth), children: [
+      /* @__PURE__ */ jsxs(Flex, { justify: "center", align: "center", vertical: true, gap: 24, className: classNames2("height-full", styles_module_default4.bodyWidth), children: [
         shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsx(RenderWrapper, { DefaultComponent: UserInputPanel_default }),
         shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", style: { width: "100%" }, children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
         /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderHeader, DefaultComponent: /* @__PURE__ */ jsx(ChatSenderHeader_default, {}) }),
-        /* @__PURE__ */ jsxs(Flex, { className: styles_module_default3.inputContainer, vertical: true, gap: 8, children: [
+        /* @__PURE__ */ jsxs(Flex, { className: styles_module_default4.inputContainer, vertical: true, gap: 8, children: [
           /* @__PURE__ */ jsx(RenderWrapper, { ref: senderRef, DefaultComponent: ChatSender_default2 }),
           /* @__PURE__ */ jsx(
             RenderWrapper,
             {
               control: configState.layout.disclaimerNotice,
-              DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default3.disclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+              DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default4.disclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
             }
           ),
           /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderFooter })
@@ -4664,6 +4732,7 @@ var ChatMainPanel = memo(
   })
 );
 var ChatMainPanel_default = ChatMainPanel;
+var { Text: Text6 } = Typography;
 var ChatPreviewPanel = memo(({ agentId, conversationId, file }) => {
   const chatStore = useChatStore();
   const configState = useSnapshot(chatStore.config);
@@ -4690,11 +4759,14 @@ var ChatPreviewPanel = memo(({ agentId, conversationId, file }) => {
     }
   };
   return /* @__PURE__ */ jsxs(Flex, { vertical: true, style: { height: "100%", overflow: "hidden" }, children: [
-    /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", className: styles_module_default3.previewHeader, children: [
-      file?.path && /* @__PURE__ */ jsx("div", { className: styles_module_default3.previewCloseBtn, onClick: handleDownload, children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(DownloadOutlined, {}), className: styles_module_default3.closeIcon }) }),
-      /* @__PURE__ */ jsx("div", { className: classNames5(styles_module_default3.previewCloseBtn, styles_module_default3.rotateIcon), onClick: () => chatStore.setPreview({ path: "", fileName: "" }), children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(CloseOutlined, {}), className: styles_module_default3.closeIcon }) })
+    /* @__PURE__ */ jsxs(Flex, { justify: "space-between", className: styles_module_default4.previewHeader, children: [
+      /* @__PURE__ */ jsx(Text6, { strong: true, children: file?.fileName || file?.path || "" }),
+      /* @__PURE__ */ jsxs(Flex, { children: [
+        file?.path && /* @__PURE__ */ jsx("div", { className: styles_module_default4.previewCloseBtn, onClick: handleDownload, children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(DownloadOutlined, {}), className: styles_module_default4.closeIcon }) }),
+        /* @__PURE__ */ jsx("div", { className: classNames2(styles_module_default4.previewCloseBtn, styles_module_default4.rotateIcon), onClick: () => chatStore.setPreview({ path: "", fileName: "" }), children: /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(CloseOutlined, {}), className: styles_module_default4.closeIcon }) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(FilePreview, { fileUrl, suffix }) })
+    /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(LuyaFilePreview, { fileUrl, suffix }) })
   ] });
 });
 var ChatPreviewPanel_default = ChatPreviewPanel;
@@ -4800,12 +4872,12 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
   useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: index_module_default2.spinWrapper }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames5(index_module_default2.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: index_module_default2.spinWrapper }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2(index_module_default2.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxs(Splitter, { className: classNames5("flex-1", index_module_default2.animatedSplitter, { [index_module_default2.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxs(Splitter, { className: classNames2("flex-1", index_module_default2.animatedSplitter, { [index_module_default2.hideSplitterBar]: !hasPreView }), children: [
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsx(ChatMainPanel_default, { ref: senderRef }) }),
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: /* @__PURE__ */ jsx(
           ChatPreviewPanel_default,