@zero-library/chat-copilot 1.0.2 → 1.0.3

package/dist/index.cjs.js

@@ -4,27 +4,30 @@ var icons = require('@ant-design/icons');
 var xV2 = require('@ant-design/x-v2');
 var common = require('@zero-library/common');
 var antd = require('antd');
-var React9 = require('react');
+var React7 = require('react');
 var valtio = require('valtio');
 var dayjs = require('dayjs');
-var Latex = require('@ant-design/x-markdown/plugins/Latex');
+var Latex2 = require('@ant-design/x-markdown/plugins/Latex');
 var jsxRuntime = require('react/jsx-runtime');
-var XMarkdown = require('@ant-design/x-markdown');
 require('@ant-design/x-markdown/themes/light.css');
-var classNames5 = require('classnames');
 var xCard = require('@ant-design/x-card');
+var XMarkdown = require('@ant-design/x-markdown');
+var classNames2 = require('classnames');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React9__default = /*#__PURE__*/_interopDefault(React9);
+var React7__default = /*#__PURE__*/_interopDefault(React7);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var Latex__default = /*#__PURE__*/_interopDefault(Latex);
+var Latex2__default = /*#__PURE__*/_interopDefault(Latex2);
 var XMarkdown__default = /*#__PURE__*/_interopDefault(XMarkdown);
-var classNames5__default = /*#__PURE__*/_interopDefault(classNames5);
+var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 // 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();
@@ -38,7 +41,7 @@ function formatFileSize(size) {
 }
 var getFileIcon = (extension, fontSize = 24) => {
   const baseStyle = { fontSize };
-  const createIcon = (Icon, color) => React9__default.default.createElement(Icon, { style: { ...baseStyle, color } });
+  const createIcon = (Icon, color) => React7__default.default.createElement(Icon, { style: { ...baseStyle, color } });
   if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension)) {
     return createIcon(icons.FileImageOutlined, "#22c55e");
   }
@@ -62,6 +65,7 @@ var getFileIcon = (extension, fontSize = 24) => {
   }
   return createIcon(icons.FileUnknownOutlined, "#94a3b8");
 };
+var getChatCopilotLogo = () => logo_default;
 var classifyTime = (timestamp) => {
   const now = dayjs__default.default();
   const target = dayjs__default.default(timestamp);
@@ -114,41 +118,15 @@ 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__default.default();
-  const extensions = Array.isArray(latexExtensions) ? [...latexExtensions, singleTildeExtension] : [latexExtensions, singleTildeExtension];
-  return {
-    extensions,
-    breaks: options?.breaks ?? false
-  };
-};
 var getChatSocketUrl = (baseURL, params) => {
   return common.buildUrlParams(params, common.getWebSocketUrl(`${baseURL}/ws`), "comma");
 };
-var ChatContext = React9.createContext(null);
+var ChatContext = React7.createContext(null);
 function ChatProvider({ store, children }) {
-  return React9__default.default.createElement(ChatContext.Provider, { value: store }, children);
+  return React7__default.default.createElement(ChatContext.Provider, { value: store }, children);
 }
 function useChatStore() {
-  const store = React9.useContext(ChatContext);
+  const store = React7.useContext(ChatContext);
   if (!store) {
     throw new Error("useChatStore must be used within ChatProvider");
   }
@@ -159,14 +137,18 @@ function useChatStore() {
 var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender",
-  runStartedNode: "styles_module_runStartedNode"};
-var Attachments_default = React9.forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
+  runStartedNode: "styles_module_runStartedNode",
+  chatQuoteMsg: "styles_module_chatQuoteMsg",
+  quoteTooltip: "styles_module_quoteTooltip",
+  quoteTooltipContainer: "styles_module_quoteTooltipContainer"
+};
+var Attachments_default = React7.forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
   const { message: message3 } = antd.App.useApp();
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
-  const fileListRef = React9.useRef([]);
+  const fileListRef = React7.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     if (JSON.stringify(fileList) !== JSON.stringify(fileListRef.current)) {
       fileListRef.current = fileList;
       const mapped = fileList.map((file) => ({
@@ -178,7 +160,7 @@ var Attachments_default = React9.forwardRef(({ fileUpload, fileUploadConfig, fil
       setAttachedFiles(mapped);
     }
   }, [fileList]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     const files = attachedFiles.filter((file) => file.status === "done").map((file) => {
       const f = { ...file };
       delete f.status;
@@ -282,7 +264,7 @@ var Attachments_default = React9.forwardRef(({ fileUpload, fileUploadConfig, fil
     chatStore.config.params.convMeta?.libraryId;
     file.path;
   };
-  React9.useImperativeHandle(
+  React7.useImperativeHandle(
     ref,
     () => ({
       validateFile: () => {
@@ -302,7 +284,7 @@ var Attachments_default = React9.forwardRef(({ fileUpload, fileUploadConfig, fil
     }),
     []
   );
-  const acceptStr = React9.useMemo(() => {
+  const acceptStr = React7.useMemo(() => {
     const allTypes = fileUploadConfig?.allowedTypes.map((type) => `.${type}`) || [];
     return allTypes.length ? allTypes.join(",") : void 0;
   }, [fileUploadConfig]);
@@ -332,7 +314,7 @@ var Attachments_default = React9.forwardRef(({ fileUpload, fileUploadConfig, fil
     }
   );
 });
-var ChatSender_default = React9.forwardRef(
+var ChatSender_default = React7.forwardRef(
   ({
     placeholder,
     content,
@@ -351,10 +333,10 @@ var ChatSender_default = React9.forwardRef(
     sendBtnProps,
     fileUpload
   }, ref) => {
-    const senderRef = React9.useRef(null);
+    const senderRef = React7.useRef(null);
     const { inputValue, setInputValue } = common.useSyncInput(content || "", onContentChange);
     const attachmentsNode = fileUpload?.config?.enabled && /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { dot: !!fileList?.length && !headerOpen, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperClipOutlined, {}), onClick: () => onHeaderOpenChange(!headerOpen) }) });
-    const attachmentsRef = React9.useRef();
+    const attachmentsRef = React7.useRef();
     const senderHeader = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(xV2.Sender.Header, { title: "\u9009\u62E9\u6587\u4EF6", open: headerOpen, onOpenChange: onHeaderOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(
         Attachments_default,
@@ -374,14 +356,14 @@ var ChatSender_default = React9.forwardRef(
         onSend();
       }
     };
-    const isFocusedRef = React9.useRef(false);
-    React9.useEffect(() => {
+    const isFocusedRef = React7.useRef(false);
+    React7.useEffect(() => {
       if (!content) return;
       if (!isFocusedRef.current) {
         senderRef.current?.focus({ cursor: "end" });
       }
     }, [content]);
-    React9.useImperativeHandle(
+    React7.useImperativeHandle(
       ref,
       () => ({
         focus: (options) => {
@@ -669,7 +651,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();
 }
@@ -738,11 +720,11 @@ function exportJsonFile(data, fileName) {
   exportTextFile(json, fileName, "application/json;charset=utf-8");
 }
 var ChartViewer = ({ artifactId, title, payload }) => {
-  const containerRef = React9__default.default.useRef(null);
-  const [containerWidth, setContainerWidth] = React9__default.default.useState(0);
+  const containerRef = React7__default.default.useRef(null);
+  const [containerWidth, setContainerWidth] = React7__default.default.useState(0);
   const spec = payload?.spec;
   const needsContainerWidth = true;
-  React9__default.default.useLayoutEffect(() => {
+  React7__default.default.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     let frame = 0;
@@ -792,39 +774,62 @@ var ChartViewer = ({ artifactId, title, payload }) => {
     }
   );
 };
-var AgentNavigateComponent = React9__default.default.memo((props) => {
-  const [content, setContent] = React9.useState(null);
-  const { children } = props;
-  React9.useEffect(() => {
-    if (!children) {
+var AgentNavigate_default = React7.memo(({ data }) => {
+  const [content, setContent] = React7.useState(null);
+  React7.useEffect(() => {
+    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__ */ jsxRuntime.jsx(antd.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__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 4, align: "center", className: styles_module_default2.appCard, onClick, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: data.iconUrl }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("code", { children });
+    return /* @__PURE__ */ jsxRuntime.jsx("code", { children: data });
   }
   if (lang === "mermaid") {
-    return /* @__PURE__ */ jsxRuntime.jsx(xV2.Mermaid, { children });
+    return /* @__PURE__ */ jsxRuntime.jsx(xV2.Mermaid, { children: data });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -835,11 +840,54 @@ var CodeHighlight = (props) => {
         overflowX: "auto",
         borderRadius: 8
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: "max-content" }, children: /* @__PURE__ */ jsxRuntime.jsx(xV2.CodeHighlighter, { lang, style: { margin: 0 }, children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: "max-content" }, children: /* @__PURE__ */ jsxRuntime.jsx(xV2.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__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default2.fileEditHeader, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: "md", fontSize: 18 }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlayCircleOutlined, {}), onClick: onPreview, children: "\u9884\u89C8\u7F16\u8F91" }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}), onClick: () => common.copyText(data.content), children: "\u590D\u5236" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: data.content }) })
+  ] });
+};
+var FileView_default = ({ data, loading }) => {
+  const chatStore = useChatStore();
+  const onClick = () => {
+    chatStore.setPreview(data, false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileView, onClick, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: data.suffix }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+  ] }) });
+};
+var MdEdit_default = ({ data, loading }) => {
+  const chatStore = useChatStore();
+  const [value, setValue] = React7.useState("");
+  const btnText = data.btnText || "\u7EE7\u7EED";
+  const onOk = () => {
+    chatStore.sendMessage(btnText, [], { citation: value });
+  };
+  React7.useEffect(() => {
+    setValue(data.content);
+  }, [data.content]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.mdEdit, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(common.MarkdownEditor, { disabled: loading, value, onChange: setValue, fixedToolbar: false, floatToolbar: false }),
+    !loading && /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "primary", variant: "outlined", onClick: onOk, children: btnText }) })
+  ] });
+};
 var TOKEN_KEY = "NS-TOKEN";
 var tokenManager = common.createTokenManager({
   key: TOKEN_KEY
@@ -848,20 +896,20 @@ var redirectUrl = () => {
   const path = localStorage.getItem("SIGNPATH");
   common.emit("jumpLink", { url: `/uc${path || "/sign-in"}` });
 };
-var PreviewLinkComponent = (props) => {
+var PreviewLink_default = ({ data, ...rest }) => {
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
   return /* @__PURE__ */ jsxRuntime.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);
@@ -879,16 +927,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");
           }
@@ -897,246 +945,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-        XMarkdown__default.default,
-        {
-          className: "xMarkdownStyle",
-          components: { code: code_highlight_default },
-          config: getMarkdownConfig(),
-          content: argsContent.isJson ? `\`\`\`json
-${argsContent.text}
-\`\`\`` : argsContent.text
-        }
-      ) })
-    ] }),
-    item.result && resultContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-        XMarkdown__default.default,
-        {
-          className: "xMarkdownStyle",
-          components: { code: code_highlight_default },
-          config: getMarkdownConfig(),
-          content: resultContent.isJson ? `\`\`\`json
-${resultContent.text}
-\`\`\`` : resultContent.text
-        }
-      ) })
-    ] }),
-    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-        XMarkdown__default.default,
-        {
-          className: "xMarkdownStyle",
-          components: { code: code_highlight_default },
-          config: getMarkdownConfig(),
-          content: `\`\`\`
-${errorMessage}
-\`\`\``
-        }
-      ) })
-    ] })
-  ] });
-};
-var default_render_default = DefaultToolRender;
-var TodoWriteRender = ({ args, result }) => {
-  const { token } = antd.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__ */ jsxRuntime.jsx(icons.CheckCircleOutlined, { style: { color: token.colorSuccess } });
-      case "in_progress":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.ClockCircleOutlined, { style: { color: token.colorPrimary } });
-      case "pending":
-      default:
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.ClockCircleOutlined, { style: { color: token.colorTextTertiary } });
-    }
-  };
-  if (!todos || todos.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", className: index_module_default.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.List,
-    {
-      size: "small",
-      dataSource: todos,
-      renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsxs(antd.List.Item, { className: index_module_default.todoItem, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.statusIconWrapper, children: getStatusIcon(item.status) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.todoContent, children: /* @__PURE__ */ jsxRuntime.jsx(antd.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__default.default();
+  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__ */ jsxRuntime.jsx(Component, { ...rest, data: common.safeParseJson(children, { repair: true }), loading: streamStatus === "loading" });
+  WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
+  return WrappedComponent;
 };
-var ToolCallItem = ({ item }) => {
-  const { token } = antd.theme.useToken();
-  const renderConfig = getToolRenderConfig(item.toolName);
-  const CustomRender = renderConfig.component;
-  const status = React9.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 = React9.useMemo(() => formatContent(item.arguments || item.content), [item.arguments, item.content]);
-  const resultContent = React9.useMemo(() => item.result ? formatContent(item.result) : null, [item.result]);
-  const hasContent = React9.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 = React9.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__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}),
-      color: token.colorPrimary
-    },
-    success: {
-      icon: null,
-      color: token.colorSuccess
-    },
-    error: {
-      icon: null,
-      color: token.colorSuccess
-    },
-    pending: {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}),
-      color: token.colorTextSecondary
-    }
-  }[status] || {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}),
-    color: token.colorPrimary
-  };
-  const renderIcon = () => {
-    if (!item.toolIcon) {
-      return /* @__PURE__ */ jsxRuntime.jsx(icons.ToolOutlined, { style: { fontSize: 14, color: token.colorTextSecondary } });
-    }
-    const isUrl = /^(http|\/)/.test(item.toolIcon);
-    if (isUrl) {
-      return /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.toolIcon, alt: "tool-icon", style: { width: "100%", height: "100%", objectFit: "contain" } });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: item.toolIcon });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.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__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.iconContainer, children: renderIcon() }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default.toolName, children: item.title || item.toolName || "Unknown Tool" }),
-            (status === "running" || status === "pending") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
-            item.duration && /* @__PURE__ */ jsxRuntime.jsxs(antd.Typography.Text, { className: index_module_default.duration, children: [
-              item.duration,
-              "ms"
-            ] })
-          ] }),
-          children: /* @__PURE__ */ jsxRuntime.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 = React7.useMemo(() => getMarkdownConfig(), []);
+  const markdownComponents = React7.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__ */ jsxRuntime.jsx(
+    XMarkdown__default.default,
+    {
+      config,
+      ...rest,
+      content: formatMixedContent(content),
+      components: markdownComponents
+    }
+  );
+};
 var ReportViewer = ({ artifactId, title, payload }) => {
   const markdown = typeof payload?.markdown === "string" ? payload.markdown : null;
   if (!markdown) {
@@ -1153,20 +1024,7 @@ var ReportViewer = ({ artifactId, title, payload }) => {
       style: { borderRadius: 12 },
       title: title || "\u62A5\u544A",
       extra: /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { size: 4, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "text", onClick: exportMd, children: "\u5BFC\u51FAMD" }) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { lineHeight: 1.75 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        XMarkdown__default.default,
-        {
-          openLinksInNewTab: true,
-          className: classNames5__default.default("x-markdown-light", "xMarkdownStyle"),
-          components: {
-            code: code_highlight_default,
-            agentnavigate: agent_navigate_default,
-            a: PreviewLinkComponent
-          },
-          config: getMarkdownConfig(),
-          content: formatMixedContent(markdown)
-        }
-      ) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { lineHeight: 1.75 }, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: markdown }) })
     }
   );
 };
@@ -1336,8 +1194,8 @@ function useBoundFieldState({
   const valuePath = decodeBindPathToken(bindPathToken) ?? pathFromValue(value);
   const cachedValue = readCachedValue(readPathValue(valuePath));
   const externalValue = readExternalValue(value);
-  const dirtyRef = React9__default.default.useRef(false);
-  const [localValue, setLocalValue] = React9__default.default.useState(() => {
+  const dirtyRef = React7__default.default.useRef(false);
+  const [localValue, setLocalValue] = React7__default.default.useState(() => {
     if (valuePath && cachedValue !== void 0) {
       return cachedValue;
     }
@@ -1350,10 +1208,10 @@ function useBoundFieldState({
     if (cachedValue !== void 0) return cachedValue;
     return defaultValue;
   });
-  React9__default.default.useEffect(() => {
+  React7__default.default.useEffect(() => {
     dirtyRef.current = false;
   }, [valuePath]);
-  React9__default.default.useEffect(() => {
+  React7__default.default.useEffect(() => {
     if (valuePath && cachedValue !== void 0) {
       setLocalValue(cachedValue);
       return;
@@ -1377,10 +1235,10 @@ function useBoundFieldState({
       setLocalValue(cachedValue);
     }
   }, [cachedValue, externalValue, preferCachedOverExternal, valuePath]);
-  React9__default.default.useEffect(() => {
+  React7__default.default.useEffect(() => {
     rememberPathValue(valuePath, localValue);
   }, [valuePath, localValue]);
-  const updateLocalValue = React9__default.default.useCallback(
+  const updateLocalValue = React7__default.default.useCallback(
     (nextValue) => {
       dirtyRef.current = true;
       setLocalValue(nextValue);
@@ -1400,7 +1258,7 @@ function emitFieldChange(nextValue, valuePath, updateLocalValue, onDataChange, o
   onChange?.(nextValue);
 }
 function useControlId(id) {
-  const autoId = React9__default.default.useId();
+  const autoId = React7__default.default.useId();
   return id ?? autoId;
 }
 function readActionEvent(action) {
@@ -1487,7 +1345,7 @@ var Switch = ({ id, label, value, bind_path_token, onChange, onDataChange }) =>
     /* @__PURE__ */ jsxRuntime.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();
@@ -1517,7 +1375,7 @@ var A2uiComponents = {
   TextField,
   Select,
   Switch,
-  Button: Button3,
+  Button: Button5,
   Divider,
   Tag,
   Progress,
@@ -1527,7 +1385,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];
 }
@@ -1633,7 +1491,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);
@@ -1771,7 +1629,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 ?? "";
@@ -1792,7 +1650,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];
@@ -2001,7 +1859,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: [],
@@ -2201,7 +2059,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") {
@@ -2217,23 +2075,23 @@ function applyA2uiRuntimeEffects(effects) {
 }
 function useA2uiController(params) {
   const { conversationId, conversationMessages, dismissedSurfaceIds } = params;
-  const runtimeRef = React9.useRef(createA2uiRuntimeState());
-  const [runtimeState, setRuntimeState] = React9.useState(() => createA2uiRuntimeState());
-  React9.useEffect(() => {
+  const runtimeRef = React7.useRef(createA2uiRuntimeState());
+  const [runtimeState, setRuntimeState] = React7.useState(() => createA2uiRuntimeState());
+  React7.useEffect(() => {
     const nextState = createA2uiRuntimeState();
     runtimeRef.current = nextState;
     setRuntimeState(nextState);
     clearAllModelValues();
   }, [conversationId]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     const result = reduceA2uiRuntimeMessages(runtimeRef.current, conversationMessages || []);
     if (result.state === runtimeRef.current && result.effects.length === 0) return;
     runtimeRef.current = result.state;
     applyA2uiRuntimeEffects(result.effects);
     setRuntimeState(result.state);
   }, [conversationMessages, conversationId]);
-  const view = React9.useMemo(() => selectA2uiRuntimeView(runtimeState, dismissedSurfaceIds), [runtimeState, dismissedSurfaceIds]);
-  const handleRuntimeAction = React9.useCallback((payload) => {
+  const view = React7.useMemo(() => selectA2uiRuntimeView(runtimeState, dismissedSurfaceIds), [runtimeState, dismissedSurfaceIds]);
+  const handleRuntimeAction = React7.useCallback((payload) => {
     const surfaceId = String(payload?.surfaceId || payload?.cardId || "");
     const name = String(payload?.name || payload?.event?.name || "").trim();
     const rawContext = payload?.context || payload?.event?.context || {};
@@ -2254,15 +2112,15 @@ function useA2uiController(params) {
     handleRuntimeAction
   };
 }
-var A2uiRuntimeContext = React9__default.default.createContext({
+var A2uiRuntimeContext = React7__default.default.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__default.default.useContext(A2uiRuntimeContext);
+  return React7__default.default.useContext(A2uiRuntimeContext);
 }
 function A2uiMessageCards({ messageIndex }) {
   const { surfaceIdsByMessageIndex } = useA2uiRuntimeView();
@@ -2271,7 +2129,7 @@ function A2uiMessageCards({ messageIndex }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { children: surfaceIds.map((surfaceId) => /* @__PURE__ */ jsxRuntime.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");
@@ -2371,11 +2229,6 @@ function shouldHideA2uiPlan(item) {
     return (kind === "form" || kind === "wizard" || kind === "dashboard") && !!surfaceId;
   });
 }
-function formatMixedContent2(content) {
-  return content.replace(/<!DOCTYPE html>[\s\S]*?<\/html>/gi, (match) => `\`\`\`html
-${match}
-\`\`\``);
-}
 function extractPlanPayload(plan) {
   if (!plan || typeof plan !== "object") return null;
   const raw = plan;
@@ -2424,16 +2277,7 @@ function ViewerPlan({ payload }) {
 
 ${description || ""}`.trim() : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    header ? /* @__PURE__ */ jsxRuntime.jsx(
-      XMarkdown__default.default,
-      {
-        openLinksInNewTab: true,
-        className: classNames5__default.default("x-markdown-light", "xMarkdownStyle"),
-        components: { code: code_highlight_default, agentnavigate: agent_navigate_default },
-        config: getMarkdownConfig(),
-        content: formatMixedContent2(header)
-      }
-    ) : null,
+    header ? /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: header }) : null,
     artifacts.map((artifact, index) => renderArtifact(artifact, index))
   ] });
 }
@@ -2451,16 +2295,7 @@ function A2uiPlanNode({ item }) {
 ${JSON.stringify(item.plan, null, 2)}
 \`\`\`` : "";
   if (!title && !content) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    XMarkdown__default.default,
-    {
-      openLinksInNewTab: true,
-      className: classNames5__default.default("x-markdown-light", "xMarkdownStyle"),
-      components: { code: code_highlight_default, agentnavigate: agent_navigate_default },
-      config: getMarkdownConfig(),
-      content: formatMixedContent2(`${title}${content}`)
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: `${title}${content}` });
 }
 function extractSurfaceId3(command) {
   if (!command || typeof command !== "object") return "";
@@ -2499,19 +2334,19 @@ function A2uiRuntimeProvider({ messages, children }) {
   const chatStore = useChatStore();
   const conversationState = valtio.useSnapshot(chatStore.conversation);
   const conversationId = conversationState.active.id;
-  const processedMessageCursorsRef = React9__default.default.useRef([]);
-  const latestCommandIndexBySurfaceRef = React9__default.default.useRef({});
-  const commandIndexRef = React9__default.default.useRef(-1);
-  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React9__default.default.useState({});
-  const [dismissedAtBySurface, setDismissedAtBySurface] = React9__default.default.useState({});
-  React9__default.default.useEffect(() => {
+  const processedMessageCursorsRef = React7__default.default.useRef([]);
+  const latestCommandIndexBySurfaceRef = React7__default.default.useRef({});
+  const commandIndexRef = React7__default.default.useRef(-1);
+  const [latestCommandIndexBySurface, setLatestCommandIndexBySurface] = React7__default.default.useState({});
+  const [dismissedAtBySurface, setDismissedAtBySurface] = React7__default.default.useState({});
+  React7__default.default.useEffect(() => {
     processedMessageCursorsRef.current = [];
     latestCommandIndexBySurfaceRef.current = {};
     commandIndexRef.current = -1;
     setLatestCommandIndexBySurface({});
     setDismissedAtBySurface({});
   }, [conversationId]);
-  React9__default.default.useEffect(() => {
+  React7__default.default.useEffect(() => {
     const { shouldReplayAll, nextCursors, pendingItems } = diffMessages(messages, processedMessageCursorsRef.current);
     const itemsToProcess = shouldReplayAll ? messages.flatMap((message3) => {
       const items = Array.isArray(message3?.content) ? message3.content : [];
@@ -2534,10 +2369,10 @@ function A2uiRuntimeProvider({ messages, children }) {
     commandIndexRef.current = nextCommandIndex;
     setLatestCommandIndexBySurface(nextLatestCommandIndexBySurface);
   }, [messages]);
-  const dismissedSurfaceIds = React9__default.default.useMemo(() => {
+  const dismissedSurfaceIds = React7__default.default.useMemo(() => {
     return Object.entries(dismissedAtBySurface).filter(([surfaceId, dismissedAt]) => (latestCommandIndexBySurface[surfaceId] ?? -1) <= dismissedAt).map(([surfaceId]) => surfaceId);
   }, [dismissedAtBySurface, latestCommandIndexBySurface]);
-  const dispatchA2uiAction = React9__default.default.useCallback(
+  const dispatchA2uiAction = React7__default.default.useCallback(
     async (payload) => {
       const actionPayload = normalizeA2uiActionPayload(payload);
       if (!actionPayload.name) return;
@@ -2564,7 +2399,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     conversationMessages: messages,
     dismissedSurfaceIds
   });
-  const onAction = React9__default.default.useCallback(
+  const onAction = React7__default.default.useCallback(
     (payload) => {
       const result = handleRuntimeAction(payload);
       if (result.handled || !result.name) return;
@@ -2577,7 +2412,7 @@ function A2uiRuntimeProvider({ messages, children }) {
     },
     [commands, dispatchA2uiAction, handleRuntimeAction, runtimeState.modelPathBySurface]
   );
-  const contextValue = React9__default.default.useMemo(
+  const contextValue = React7__default.default.useMemo(
     () => ({ commands, onAction, surfaceIdsByMessageIndex: anchoredSurfaceIdsByMessageIndex }),
     [anchoredSurfaceIdsByMessageIndex, commands, onAction]
   );
@@ -2586,12 +2421,218 @@ function A2uiRuntimeProvider({ messages, children }) {
 function A2uiRenderer(props) {
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
+${argsContent.text}
+\`\`\`` : argsContent.text }) })
+    ] }),
+    item.result && resultContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
+${resultContent.text}
+\`\`\`` : resultContent.text }) })
+    ] }),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default.sectionBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { className: index_module_default.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.markdownContainer, children: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: `\`\`\`
+${errorMessage}
+\`\`\`` }) })
+    ] })
+  ] });
+};
+var default_render_default = DefaultToolRender;
+var TodoWriteRender = ({ args, result }) => {
+  const { token } = antd.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__ */ jsxRuntime.jsx(icons.CheckCircleOutlined, { style: { color: token.colorSuccess } });
+      case "in_progress":
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.ClockCircleOutlined, { style: { color: token.colorPrimary } });
+      case "pending":
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.ClockCircleOutlined, { style: { color: token.colorTextTertiary } });
+    }
+  };
+  if (!todos || todos.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", className: index_module_default.emptyText, children: "\u6682\u65E0\u4EFB\u52A1" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.List,
+    {
+      size: "small",
+      dataSource: todos,
+      renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsxs(antd.List.Item, { className: index_module_default.todoItem, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.statusIconWrapper, children: getStatusIcon(item.status) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.todoContent, children: /* @__PURE__ */ jsxRuntime.jsx(antd.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 } = antd.theme.useToken();
+  const renderConfig = getToolRenderConfig(item.toolName);
+  const CustomRender = renderConfig.component;
+  const status = React7.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 = React7.useMemo(() => formatContent(item.arguments || item.content), [item.arguments, item.content]);
+  const resultContent = React7.useMemo(() => item.result ? formatContent(item.result) : null, [item.result]);
+  const hasContent = React7.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 = React7.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__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}),
+      color: token.colorPrimary
+    },
+    success: {
+      icon: null,
+      color: token.colorSuccess
+    },
+    error: {
+      icon: null,
+      color: token.colorSuccess
+    },
+    pending: {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}),
+      color: token.colorTextSecondary
+    }
+  }[status] || {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}),
+    color: token.colorPrimary
+  };
+  const renderIcon = () => {
+    if (!item.toolIcon) {
+      return /* @__PURE__ */ jsxRuntime.jsx(icons.ToolOutlined, { style: { fontSize: 14, color: token.colorTextSecondary } });
+    }
+    const isUrl = /^(http|\/)/.test(item.toolIcon);
+    if (isUrl) {
+      return /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.toolIcon, alt: "tool-icon", style: { width: "100%", height: "100%", objectFit: "contain" } });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: item.toolIcon });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.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__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.iconContainer, children: renderIcon() }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default.toolName, children: item.title || item.toolName || "Unknown Tool" }),
+            (status === "running" || status === "pending") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
+            item.duration && /* @__PURE__ */ jsxRuntime.jsxs(antd.Typography.Text, { className: index_module_default.duration, children: [
+              item.duration,
+              "ms"
+            ] })
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", flexDirection: "column", gap: 4 }, children: [
@@ -2599,56 +2640,33 @@ function QuestionSummary({ content }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
   ] });
 }
-var RunStartedNode = React9__default.default.memo(({ loading }) => {
+var RunStartedNode = React7__default.default.memo(({ loading }) => {
   if (!loading) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default.runStartedNode, children: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, { style: { color: "#1677ff" } }) });
 });
-var ToolCallNode = React9__default.default.memo(({ item }) => {
+var ToolCallNode = React7__default.default.memo(({ item }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(tool_call_item_default, { item });
 });
-var TextNode = React9__default.default.memo(({ item, role, customComponents }) => {
+var TextNode = React7__default.default.memo(({ item, role, customComponents }) => {
   const content = toA2uiDisplayText(role, item?.messageContent);
   if (typeof content === "string" && content.startsWith("Question:")) {
     return /* @__PURE__ */ jsxRuntime.jsx(QuestionSummary, { content });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     !!item.reasoningContent && /* @__PURE__ */ jsxRuntime.jsx(xV2.Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
-    !!content && /* @__PURE__ */ jsxRuntime.jsx(
-      XMarkdown__default.default,
-      {
-        openLinksInNewTab: true,
-        className: classNames5__default.default("x-markdown-light", "xMarkdownStyle"),
-        components: {
-          code: code_highlight_default,
-          agentnavigate: agent_navigate_default,
-          a: PreviewLinkComponent,
-          ...customComponents
-        },
-        config: getMarkdownConfig(),
-        content: formatMixedContent3(content)
-      }
-    )
+    !!content && /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { components: customComponents, content })
   ] });
 });
-var StepErrorNode = React9__default.default.memo(({ item, customComponents }) => {
+var StepErrorNode = React7__default.default.memo(({ item, customComponents }) => {
   if (!item.errorMessage) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    XMarkdown__default.default,
-    {
-      openLinksInNewTab: true,
-      className: classNames5__default.default("x-markdown-light", "xMarkdownStyle"),
-      components: { code: code_highlight_default, agentnavigate: agent_navigate_default, ...customComponents },
-      config: getMarkdownConfig(),
-      content: item.errorMessage
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { components: customComponents, content: item.errorMessage });
 });
-var FilesNode = React9__default.default.memo(({ item }) => {
+var FilesNode = React7__default.default.memo(({ item }) => {
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
   const agentState = valtio.useSnapshot(chatStore.agent);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const fileItems = React9.useMemo(() => {
+  const fileItems = React7.useMemo(() => {
     return (item.files || []).map((file) => {
       const previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path);
       let fileType = "file";
@@ -2670,8 +2688,8 @@ var FilesNode = React9__default.default.memo(({ item }) => {
   }, [item.files]);
   return /* @__PURE__ */ jsxRuntime.jsx(xV2.FileCard.List, { items: fileItems });
 });
-var MessageRender_default = React9__default.default.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
-  const content = React9.useMemo(() => {
+var MessageRender_default = React7__default.default.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
+  const content = React7.useMemo(() => {
     return (message3.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
         return false;
@@ -2685,26 +2703,65 @@ var MessageRender_default = React9__default.default.memo(({ role, message: messa
       return true;
     });
   }, [loading, message3.content]);
+  const quoteMsg = React7.useMemo(() => {
+    const quoteMsg2 = {};
+    if (message3.params) {
+      try {
+        const citation = JSON.parse(message3.params).citation;
+        if (citation) {
+          quoteMsg2.messageContent = citation;
+        }
+      } catch (e) {
+      }
+    }
+    return common.isEmptyObj(quoteMsg2) ? null : quoteMsg2;
+  }, [message3.params, message3.quoteMsg]);
   if (content.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { ref: containerRef, vertical: true, gap: 8, children: [
     content.map((item, index) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
         xV2.Bubble,
         {
+          role: role.user,
           className: "m-t-8",
           placement: role.placement,
           variant: item.type === "files" ? "borderless" : void 0,
           content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             item.type === "runStarted" && /* @__PURE__ */ jsxRuntime.jsx(RunStartedNode, { loading }, `flow-start-${index}`),
             (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsxRuntime.jsx(ToolCallNode, { item }, `tool-call-${item.toolCallId || index}`),
-            item.type === "text" && /* @__PURE__ */ jsxRuntime.jsx(TextNode, { item, role: message3.role, customComponents }, `message-${index}`),
+            item.type === "text" && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(TextNode, { item, role: message3.role, customComponents }, `message-${index}`) }),
             item.type === "stepError" && /* @__PURE__ */ jsxRuntime.jsx(StepErrorNode, { item, customComponents }, `step-error-${index}`),
             item.type === "files" && /* @__PURE__ */ jsxRuntime.jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsxRuntime.jsx(A2uiPlanNode, { item }, `plan-${index}`)
           ] })
-        }
+        },
+        `message-${index}`
       );
     }),
+    quoteMsg && /* @__PURE__ */ jsxRuntime.jsx(
+      xV2.Bubble,
+      {
+        className: styles_module_default.chatQuoteMsg,
+        placement: role.placement,
+        variant: "borderless",
+        content: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, children: quoteMsg.messageContent && /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Tooltip,
+          {
+            arrow: false,
+            classNames: {
+              root: styles_module_default.quoteTooltip,
+              container: `${styles_module_default.quoteTooltipContainer} scroll-fade-in`
+            },
+            title: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: quoteMsg.messageContent }),
+            getPopupContainer: (node) => node,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
+              /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: "text-ellipsis-2", children: quoteMsg.messageContent })
+            ] })
+          }
+        ) })
+      }
+    ),
     messageIndex >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(A2uiMessageCards, { messageIndex }) : null
   ] });
 });
@@ -3526,18 +3583,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 || []);
@@ -3567,7 +3626,7 @@ function createChatStore() {
       conversationId,
       message: msgContent,
       convMeta: config.params.convMeta,
-      files: conversation.messages[conversationId].files,
+      files,
       params,
       spec: {
         ...conversation.active.spec,
@@ -3578,7 +3637,7 @@ function createChatStore() {
     };
     const extraParams = common.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("");
@@ -3684,7 +3743,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",
@@ -3713,7 +3772,7 @@ var ConversationList_default = () => {
   const chatStore = useChatStore();
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const conversationList = React9.useMemo(() => {
+  const conversationList = React7.useMemo(() => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
   const menuConfig = (conversation) => ({
@@ -3746,7 +3805,7 @@ var ConversationList_default = () => {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         xV2.Conversations,
         {
-          className: styles_module_default2.conversations,
+          className: styles_module_default3.conversations,
           items: conversationList,
           activeKey: conversationState.active.id,
           onActiveChange: async (id) => chatStore.switchConversation(id),
@@ -3761,17 +3820,17 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames5__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames2__default.default(styles_module_default3.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
           control: avatar,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: agentState.agentInfo.iconUrl, alt: agentState.agentInfo.name })
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: agentState.agentInfo.iconUrl || getChatCopilotLogo(), alt: agentState.agentInfo.name })
         }
       ),
       " ",
-      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.chatTitle, children: agentState.agentInfo.name }) })
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.chatTitle, children: agentState.agentInfo.name }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 2, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3790,7 +3849,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__ */ jsxRuntime.jsx(ConversationList_default, {}),
               trigger: ["click"],
               children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u5386\u53F2\u4F1A\u8BDD", type: "text", size: "large", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CommentOutlined, {}) })
@@ -3818,7 +3877,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         common.RenderWrapper,
         {
           control: avatar,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 50, src: agentState.agentInfo?.iconUrl, shape: "square", style: { flexShrink: 0 }, children: (agentState.agentInfo?.name || "AI").slice(0, 1) })
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 50, src: agentState.agentInfo?.iconUrl || getChatCopilotLogo(), shape: "square", style: { flexShrink: 0 }, children: (agentState.agentInfo?.name || "AI").slice(0, 1) })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3826,8 +3885,8 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         {
           control: title,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 4, flex: 1, style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Text2, { strong: true, className: classNames5__default.default("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(Text2, { type: "secondary", ellipsis: true, className: classNames5__default.default("fz-12"), children: agentState.agentInfo.description })
+            /* @__PURE__ */ jsxRuntime.jsx(Text2, { strong: true, className: classNames2__default.default("fz-16"), children: agentState.agentInfo.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Text2, { type: "secondary", ellipsis: true, className: classNames2__default.default("fz-12"), children: agentState.agentInfo.description })
           ] }) })
         }
       )
@@ -3842,7 +3901,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames5__default.default(styles_module_default2.createConversationButton),
+            className: classNames2__default.default(styles_module_default3.createConversationButton),
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -3852,7 +3911,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames5__default.default("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full", "zero-chat-conversations", styles_module_default3.conversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
@@ -3861,19 +3920,25 @@ var ConversationListPanel_default = ConversationListPanel;
 var WelcomeItem_default = ({ icon = true, title = true, description = true, prompts = true }) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
-  const recommendQuestions = React9.useMemo(() => {
+  const recommendQuestions = React7.useMemo(() => {
     return agentState.agentInfo?.config?.onboarding?.guiding?.map((item, index) => ({
       key: String(index),
       description: item
     }));
   }, [agentState.agentInfo?.config?.onboarding?.guiding]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, justify: "center", className: styles_module_default2.chatWelcomeWrap, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, justify: "center", className: styles_module_default3.chatWelcomeWrap, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       xV2.Welcome,
       {
-        className: classNames5__default.default(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames2__default.default(styles_module_default3.chatWelcome, "p-t-32"),
         variant: "borderless",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: agentState.agentInfo?.iconUrl || "" }) }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(
+          common.RenderWrapper,
+          {
+            control: icon,
+            DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: agentState.agentInfo?.iconUrl || getChatCopilotLogo() })
+          }
+        ),
         title: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${agentState.agentInfo?.name || ""}` }),
         description: /* @__PURE__ */ jsxRuntime.jsx(
           common.RenderWrapper,
@@ -3891,7 +3956,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
           xV2.Prompts,
           {
-            className: classNames5__default.default("m-t-16", styles_module_default2.promptItem),
+            className: classNames2__default.default("m-t-16", styles_module_default3.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -3915,7 +3980,7 @@ var BubbleListItems_default = ({
   const configState = valtio.useSnapshot(chatStore.config);
   const isDebug = configState.params.convMeta.mode === CONV_MODE.DEBUG;
   const isWorkFlow = agentState.agentInfo.agentType === 1 /* FLOW */;
-  const conversationRoles = React9.useMemo(() => {
+  const conversationRoles = React7.useMemo(() => {
     const roles = {};
     if (agentState.agentInfo?.id) {
       roles.agent = {
@@ -3933,7 +3998,7 @@ var BubbleListItems_default = ({
     };
     return roles;
   }, [agentState.agentInfo.id]);
-  const chatMessage = React9.useMemo(
+  const chatMessage = React7.useMemo(
     () => conversationState.messages[conversationState.active.id] || {},
     [conversationState.messages[conversationState.active.id]]
   );
@@ -3942,8 +4007,8 @@ var BubbleListItems_default = ({
     const roleKey = Object.keys(conversationRoles).find((key) => conversationRoles[key].role === role);
     return conversationRoles[roleKey] || {};
   };
-  const messageRefs = React9.useRef({});
-  const chatRecords = React9.useMemo(() => {
+  const messageRefs = React7.useRef({});
+  const chatRecords = React7.useMemo(() => {
     const chatRecords2 = [];
     conversationMessages.forEach((message3, messageIndex) => {
       const role = getRole(message3.role);
@@ -4045,31 +4110,37 @@ var BubbleListItems_default = ({
     });
     return chatRecords2;
   }, [agentActions, chatStore, conversationMessages, conversationRoles, conversationState.active.id, isDebug, isWorkFlow]);
-  const firstMessagesRecord = React9.useMemo(() => {
+  const firstMessagesRecord = React7.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 = React9.useMemo(() => {
-    if (!welcomeMessage) return [];
-    return [
+  const welcomeMessageRecord = React7.useMemo(() => {
+    const isExist = common.shouldRender(welcomeMessage);
+    return isExist ? [
       {
         key: "welcome-message",
-        content: /* @__PURE__ */ jsxRuntime.jsx(WelcomeItem_default, {}),
+        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: welcomeMessage, DefaultComponent: WelcomeItem_default }),
         variant: "borderless"
       }
-    ];
-  }, [welcomeMessage]);
-  const bubbleListItems = React9.useMemo(() => {
+    ] : [];
+  }, [welcomeMessage, agentState.agentInfo.id]);
+  const bubbleListItems = React7.useMemo(() => {
     const list = [];
     list.push(...firstMessagesRecord);
     list.push(...chatRecords);
@@ -4078,21 +4149,21 @@ var BubbleListItems_default = ({
     }
     return [...welcomeMessageRecord];
   }, [chatRecords, welcomeMessageRecord, firstMessagesRecord]);
-  const listRef = React9.useRef(null);
-  const autoScrollRef = React9.useRef(true);
+  const listRef = React7.useRef(null);
+  const autoScrollRef = React7.useRef(true);
   const handleScroll = (el) => {
     const target = el.target;
     const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
     autoScrollRef.current = distanceToBottom < 90;
   };
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     const latestMessage = conversationMessages[conversationMessages?.length - 1];
     if (!latestMessage) return;
     if (latestMessage.generating) {
       autoScrollRef.current = true;
     }
   }, [conversationMessages?.length]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     const el = listRef.current?.nativeElement;
     if (!el || !bubbleListItems.length) return;
     if (autoScrollRef.current) {
@@ -4112,7 +4183,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames5__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames2__default.default(styles_module_default3.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -4159,9 +4230,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 = icons.createFromIconfontCN({});
-var icon_font_default = IconFont;
+var IconFont_default = IconFont;
 var { Text: Text4 } = antd.Typography;
 var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
   const chatStore = useChatStore();
@@ -4170,10 +4241,10 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       antd.Flex,
       {
-        className: classNames5__default.default(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+        className: classNames2__default.default(styles_module_default3.resourceBtn, { [styles_module_default3.resourceBtnActive]: agentState.model.reasoning }),
         onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icon_font_default, { type: "icon-remark" }),
+          /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-remark" }),
           /* @__PURE__ */ jsxRuntime.jsx(Text4, { style: { color: agentState.model.reasoning ? "#fff" : "#000" }, children: "\u6DF1\u5EA6\u601D\u8003" })
         ]
       }
@@ -4185,10 +4256,10 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
         DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs(
           antd.Flex,
           {
-            className: classNames5__default.default(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+            className: classNames2__default.default(styles_module_default3.resourceBtn, { [styles_module_default3.resourceBtnActive]: agentState.model.reasoning }),
             onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(icon_font_default, { type: "icon-remark" }),
+              /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-remark" }),
               /* @__PURE__ */ jsxRuntime.jsx(Text4, { style: { color: agentState.model.reasoning ? "#fff" : "#000" }, children: "\u6280\u80FD" })
             ]
           }
@@ -4202,10 +4273,10 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
         DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs(
           antd.Flex,
           {
-            className: classNames5__default.default(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+            className: classNames2__default.default(styles_module_default3.resourceBtn, { [styles_module_default3.resourceBtnActive]: agentState.model.reasoning }),
             onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(icon_font_default, { type: "icon-remark" }),
+              /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-remark" }),
               /* @__PURE__ */ jsxRuntime.jsx(Text4, { style: { color: agentState.model.reasoning ? "#fff" : "#000" }, children: "\u77E5\u8BC6\u5E93" })
             ]
           }
@@ -4214,18 +4285,18 @@ var FeaturesRenderer_default = ({ skillsBtn, knowledgeBtn }) => {
     )
   ] });
 };
-var ChatSender_default2 = React9.forwardRef(
+var ChatSender_default2 = React7.forwardRef(
   ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false, skillsBtn = false, knowledgeBtn = false }, ref) => {
     const chatStore = useChatStore();
     const configState = valtio.useSnapshot(chatStore.config);
     const agentState = valtio.useSnapshot(chatStore.agent);
     const conversationState = valtio.useSnapshot(chatStore.conversation);
     const fileUploadRequest = (formData, signal) => configState.services.request.chatUpload(agentState.agentInfo.id, formData, conversationState.active.id, signal);
-    const chatMessage = React9.useMemo(
+    const chatMessage = React7.useMemo(
       () => conversationState.messages[conversationState.active.id] || {},
       [conversationState.messages[conversationState.active.id]]
     );
-    const referenceContent = React9.useMemo(() => {
+    const referenceContent = React7.useMemo(() => {
       const content = chatMessage.references?.content?.name;
       if (content) {
         return common.markdownToText(content);
@@ -4271,8 +4342,8 @@ var ChatSender_default2 = React9.forwardRef(
             open: !!referenceContent,
             onOpenChange: () => chatStore.setReferences(),
             classNames: {
-              header: styles_module_default2.senderReferenceHeaderTitle,
-              content: common.shouldRender(referencesBtn) ? "" : styles_module_default2.senderReferenceHeaderContent
+              header: styles_module_default3.senderReferenceHeaderTitle,
+              content: common.shouldRender(referencesBtn) ? "" : styles_module_default3.senderReferenceHeaderContent
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               common.RenderWrapper,
@@ -4290,35 +4361,32 @@ var ChatSender_default2 = React9.forwardRef(
     ) });
   }
 );
-
-// src/assets/images/logo.png
-var logo_default = "./logo-BX4TAWHK.png";
 var ChatSenderHeader = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.logoArea, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.logoContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.staticHalo }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.logoHoverWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo_default, alt: "LoLR.AI Logo", className: styles_module_default2.logoImage }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.logoArea, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.logoContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.staticHalo }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.logoHoverWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: getChatCopilotLogo(), alt: "LoLR.AI Logo", className: styles_module_default3.logoImage }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: styles_module_default2.greetingTitle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: styles_module_default3.greetingTitle, children: [
       "\u4F60\u597D\uFF0C\u6211\u662F ",
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module_default2.gradientText, children: "LoLR.AI" })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module_default3.gradientText, children: "LoLR.AI" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles_module_default2.greetingSubtitle, children: "\u4ECA\u5929\u60F3\u63A2\u7D22\u70B9\u4EC0\u4E48\uFF1F" })
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles_module_default3.greetingSubtitle, children: "\u4ECA\u5929\u60F3\u63A2\u7D22\u70B9\u4EC0\u4E48\uFF1F" })
   ] });
 };
 var ChatSenderHeader_default = ChatSenderHeader;
 var MonacoEditor = ({ value = "", onChange, placeholder, height = 200, readOnly = false, style }) => {
-  const handleKeyDownCapture = React9.useCallback((e) => {
+  const handleKeyDownCapture = React7.useCallback((e) => {
     if (e.key === " " || e.code === "Space") {
       e.stopPropagation();
     }
   }, []);
-  const handleKeyUpCapture = React9.useCallback((e) => {
+  const handleKeyUpCapture = React7.useCallback((e) => {
     if (e.key === " " || e.code === "Space") {
       e.stopPropagation();
     }
   }, []);
-  const handleScriptChange = React9.useCallback(
+  const handleScriptChange = React7.useCallback(
     (event) => {
       onChange?.(event.target.value || "");
     },
@@ -4341,7 +4409,7 @@ var MonacoEditor = ({ value = "", onChange, placeholder, height = 200, readOnly
     }
   ) });
 };
-var monaco_editor_default = MonacoEditor;
+var MonacoEditor_default = MonacoEditor;
 var { Text: Text5 } = antd.Typography;
 var START_NODE_TYPE = "start";
 var FormFileUpload = ({ value, onChange, multiple = false }) => {
@@ -4425,25 +4493,25 @@ var FormFileUpload = ({ value, onChange, multiple = false }) => {
 };
 var FormMonacoEditor = ({ value, onChange }) => {
   const { token } = antd.theme.useToken();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { backgroundColor: token.colorFillAlter, padding: 8, borderRadius: token.borderRadius }, children: /* @__PURE__ */ jsxRuntime.jsx(monaco_editor_default, { language: "json", placeholder: "\u8BF7\u8F93\u5165\u503C...", height: 80, value, onChange }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { backgroundColor: token.colorFillAlter, padding: 8, borderRadius: token.borderRadius }, children: /* @__PURE__ */ jsxRuntime.jsx(MonacoEditor_default, { language: "json", placeholder: "\u8BF7\u8F93\u5165\u503C...", height: 80, value, onChange }) });
 };
 var UserInputPanel = () => {
   const chatStore = useChatStore();
   const agentSnap = valtio.useSnapshot(chatStore.agent);
   const flowSpecSnap = valtio.useSnapshot(flowSpecState);
   const [form] = antd.Form.useForm();
-  const [activeKey, setActiveKey] = React9.useState(["1"]);
+  const [activeKey, setActiveKey] = React7.useState(["1"]);
   const { layout } = valtio.useSnapshot(chatStore.config);
-  const startNode = React9.useMemo(() => {
+  const startNode = React7.useMemo(() => {
     return flowSpecSnap.nodes.find((n) => String(n.type || "").toLowerCase() === START_NODE_TYPE);
   }, [flowSpecSnap.nodes]);
-  const inputs = React9.useMemo(() => {
+  const inputs = React7.useMemo(() => {
     if (agentSnap.agentInfo.userInput?.length > 0) {
       return agentSnap.agentInfo.userInput.filter((i) => i.enableEdit);
     }
     return (startNode?.data.input || []).filter((i) => i.enableEdit);
   }, [startNode, agentSnap.agentInfo.userInput]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     if (inputs.length > 0) {
       const initialValues = inputs.reduce((acc, cur) => {
         const value = cur.value;
@@ -4602,12 +4670,12 @@ var UserInputPanel = () => {
       label: "\u53C2\u6570\u8BBE\u7F6E",
       extra: genExtra(),
       children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Form, { form, layout: "vertical", onValuesChange: handleValuesChange, style: { maxHeight: 500, overflow: "auto", paddingRight: 16 }, children: inputs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 12, children: inputs.map((item) => /* @__PURE__ */ jsxRuntime.jsx(React9__default.default.Fragment, { children: renderFormItem(item) }, item.name)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "10px", color: "#999", textAlign: "center" }, children: "\u6682\u65E0\u7528\u6237\u8F93\u5165\u5B57\u6BB5" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Form, { form, layout: "vertical", onValuesChange: handleValuesChange, style: { maxHeight: 500, overflow: "auto", paddingRight: 16 }, children: inputs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 12, children: inputs.map((item) => /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: renderFormItem(item) }, item.name)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "10px", color: "#999", textAlign: "center" }, children: "\u6682\u65E0\u7528\u6237\u8F93\u5165\u5B57\u6BB5" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", justify: "center", className: "m-t-16", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", onClick: handleStartChat, children: "\u5F00\u59CB\u4F1A\u8BDD" }) })
       ] })
     }
   ];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.userInputCollapse, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.userInputCollapse, children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Collapse,
     {
       activeKey,
@@ -4629,7 +4697,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",
@@ -4638,11 +4706,11 @@ var styles_module_default3 = {
   closeIcon: "styles_module_closeIcon",
   rotateIcon: "styles_module_rotateIcon"
 };
-var ChatMainPanel = React9.memo(
-  React9.forwardRef((_props, ref) => {
+var ChatMainPanel = React7.memo(
+  React7.forwardRef((_props, ref) => {
     const chatStore = useChatStore();
-    const senderRef = React9.useRef(null);
-    React9.useImperativeHandle(
+    const senderRef = React7.useRef(null);
+    React7.useImperativeHandle(
       ref,
       () => ({
         focus: (options) => {
@@ -4653,19 +4721,19 @@ var ChatMainPanel = React9.memo(
     );
     const configState = valtio.useSnapshot(chatStore.config);
     const agentState = valtio.useSnapshot(chatStore.agent);
-    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames5__default.default("height-full"), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", align: "center", vertical: true, gap: 24, className: classNames5__default.default("height-full", styles_module_default3.bodyWidth), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", align: "center", vertical: true, gap: 24, className: classNames2__default.default("height-full", styles_module_default4.bodyWidth), children: [
         common.shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { DefaultComponent: UserInputPanel_default }),
         common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderHeader, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(ChatSenderHeader_default, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: styles_module_default3.inputContainer, vertical: true, gap: 8, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: styles_module_default4.inputContainer, vertical: true, gap: 8, children: [
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { ref: senderRef, DefaultComponent: ChatSender_default2 }),
           /* @__PURE__ */ jsxRuntime.jsx(
             common.RenderWrapper,
             {
               control: configState.layout.disclaimerNotice,
-              DefaultComponent: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter })
@@ -4675,16 +4743,17 @@ var ChatMainPanel = React9.memo(
   })
 );
 var ChatMainPanel_default = ChatMainPanel;
-var ChatPreviewPanel = React9.memo(({ agentId, conversationId, file }) => {
+var { Text: Text6 } = antd.Typography;
+var ChatPreviewPanel = React7.memo(({ agentId, conversationId, file }) => {
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
-  const fileUrl = React9.useMemo(() => {
+  const fileUrl = React7.useMemo(() => {
     if (file?.fileUrl) return file.fileUrl;
     if (!file?.path || !agentId || !conversationId) return "";
     const previewUrl = configState.services.request.getPreviewUrl(agentId, conversationId, file.path);
     return previewUrl;
   }, [agentId, conversationId, file]);
-  const suffix = React9.useMemo(() => {
+  const suffix = React7.useMemo(() => {
     const name = file?.fileName || file?.path || "";
     return name.split(".").pop() || file?.ext || "";
   }, [file]);
@@ -4701,11 +4770,14 @@ var ChatPreviewPanel = React9.memo(({ agentId, conversationId, file }) => {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, style: { height: "100%", overflow: "hidden" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "flex-end", className: styles_module_default3.previewHeader, children: [
-      file?.path && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.previewCloseBtn, onClick: handleDownload, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), className: styles_module_default3.closeIcon }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames5__default.default(styles_module_default3.previewCloseBtn, styles_module_default3.rotateIcon), onClick: () => chatStore.setPreview({ path: "", fileName: "" }), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}), className: styles_module_default3.closeIcon }) })
+    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", className: styles_module_default4.previewHeader, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text6, { strong: true, children: file?.fileName || file?.path || "" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+        file?.path && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default4.previewCloseBtn, onClick: handleDownload, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), className: styles_module_default4.closeIcon }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default4.previewCloseBtn, styles_module_default4.rotateIcon), onClick: () => chatStore.setPreview({ path: "", fileName: "" }), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}), className: styles_module_default4.closeIcon }) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(common.FilePreview, { fileUrl, suffix }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(common.LuyaFilePreview, { fileUrl, suffix }) })
   ] });
 });
 var ChatPreviewPanel_default = ChatPreviewPanel;
@@ -4717,10 +4789,10 @@ var index_module_default2 = {
   animatedSplitter: "index_module_animatedSplitter",
   hideSplitterBar: "index_module_hideSplitterBar"
 };
-var layouts_default = React9.forwardRef(({ theme: theme4, params, hooks, layout, config, services }, _ref) => {
-  const chatStore = React9.useMemo(() => createChatStore(), []);
-  const senderRef = React9.useRef(null);
-  React9.useImperativeHandle(
+var layouts_default = React7.forwardRef(({ theme: theme4, params, hooks, layout, config, services }, _ref) => {
+  const chatStore = React7.useMemo(() => createChatStore(), []);
+  const senderRef = React7.useRef(null);
+  React7.useImperativeHandle(
     _ref,
     () => ({
       sendMessage: chatStore.sendMessage,
@@ -4741,20 +4813,20 @@ var layouts_default = React9.forwardRef(({ theme: theme4, params, hooks, layout,
   const configState = valtio.useSnapshot(chatStore.config);
   const agentState = valtio.useSnapshot(chatStore.agent);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const containerRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const containerRef = React7.useRef(null);
+  React7.useEffect(() => {
     chatStore.setHooks(hooks);
   }, [hooks]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     chatStore.setLayout(layout);
   }, [layout]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     chatStore.setParams(params);
   }, [params]);
   common.useDeepEffect(() => {
     chatStore.setServices(services);
   }, [services]);
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     chatStore.getModels();
   }, []);
   common.useDeepEffect(() => {
@@ -4782,14 +4854,14 @@ var layouts_default = React9.forwardRef(({ theme: theme4, params, hooks, layout,
       chatStore.initConversation(config);
     }
   }, [agentState.agentInfo.id, config.conversationId]);
-  const hasPreView = React9.useMemo(() => {
+  const hasPreView = React7.useMemo(() => {
     return common.shouldRender(configState.layout.preview) && !!configState.preview.file.path;
   }, [configState.layout.preview, configState.preview.file]);
-  const [sizes, setSizes] = React9.useState([0, "100%"]);
+  const [sizes, setSizes] = React7.useState([0, "100%"]);
   const setSplitterSizes = (sizes2) => {
     setSizes(sizes2);
   };
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     if (hasPreView) {
       setSplitterSizes(["50%", "50%"]);
     } else {
@@ -4808,15 +4880,15 @@ var layouts_default = React9.forwardRef(({ theme: theme4, params, hooks, layout,
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
-  React9.useEffect(() => {
+  React7.useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: index_module_default2.spinWrapper }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames5__default.default(index_module_default2.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: index_module_default2.spinWrapper }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default(index_module_default2.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames5__default.default("flex-1", index_module_default2.animatedSplitter, { [index_module_default2.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames2__default.default("flex-1", index_module_default2.animatedSplitter, { [index_module_default2.hideSplitterBar]: !hasPreView }), children: [
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsx(ChatMainPanel_default, { ref: senderRef }) }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: /* @__PURE__ */ jsxRuntime.jsx(
           ChatPreviewPanel_default,