@zero-library/chat-copilot 1.0.20 → 3.1.0

package/dist/index.esm.js

@@ -1,12 +1,12 @@
-import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, PlayCircleOutlined, DotChartOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
-import { Attachments, Sender, Think, FileCard, Bubble, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
+import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, PlayCircleOutlined, DotChartOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
 import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, FileIcon, LazyComponent, deepCopy, transforms, deepMerge, buildUrlParams, createRequest, HttpStatus, isArray, isString, isExternal, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import dayjs from 'dayjs';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Popover, Skeleton, Alert, Modal, Checkbox, Input, Empty, message, List, Drawer, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
+import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Popover, Skeleton, Alert, Modal, Checkbox, Input, Empty, message, Drawer, List, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
 import React7, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback } from 'react';
 import { useSnapshot, proxy } from 'valtio';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classNames2 from 'classnames';
+import dayjs from 'dayjs';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { XCard as XCard$1 } from '@ant-design/x-card';
 import '@ant-design/x-markdown/themes/light.css';
@@ -14,31 +14,6 @@ import XMarkdown from '@ant-design/x-markdown';
 import Latex from '@ant-design/x-markdown/plugins/Latex';
 
 // src/components/Attachments.tsx
-var classifyTime = (timestamp) => {
-  const now = dayjs();
-  const target = dayjs(timestamp);
-  if (target.isSame(now, "day")) {
-    return "\u4ECA\u5929";
-  }
-  const diffInDays = now.diff(target, "day");
-  if (diffInDays < 7) {
-    return "\u6700\u8FD1 7 \u5929";
-  } else if (diffInDays < 30) {
-    return "\u6700\u8FD1 30 \u5929";
-  } else if (diffInDays < 180) {
-    return "\u6700\u8FD1\u534A\u5E74";
-  } else {
-    return "\u66F4\u65E9";
-  }
-};
-var getChatSocketUrl = (baseURL, params) => {
-  return buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
-};
-var isDocument = (fileName) => {
-  if (!fileName) return false;
-  const ext = getFileSuffixName(fileName);
-  return ["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "csv"].includes(ext);
-};
 var ChatContext = createContext(null);
 function ChatProvider({ store, children }) {
   return React7.createElement(ChatContext.Provider, { value: store }, children);
@@ -54,12 +29,7 @@ function useChatStore() {
 // src/components/styles.module.less
 var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
-  chatSender: "styles_module_chatSender",
-  runStartedNode: "styles_module_runStartedNode",
-  chatQuoteMsg: "styles_module_chatQuoteMsg",
-  quoteTooltip: "styles_module_quoteTooltip",
-  quoteTooltipContainer: "styles_module_quoteTooltipContainer"
-};
+  chatSender: "styles_module_chatSender"};
 var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
   const { message: message2 } = App.useApp();
   const chatStore = useChatStore();
@@ -147,21 +117,7 @@ var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList =
       const uploadedFile = data[0];
       let previewUrl = uploadedFile.id;
       if (uploadedFile.conversationId && uploadedFile.path) {
-        if (isDocument(uploadedFile.name)) {
-          previewUrl = chatStore.config.services.request.getPreviewUrl(
-            agentState.agentInfo.id,
-            uploadedFile.conversationId,
-            uploadedFile.path,
-            "preview"
-          );
-        } else {
-          previewUrl = chatStore.config.services.request.getPreviewUrl(
-            agentState.agentInfo.id,
-            uploadedFile.conversationId,
-            uploadedFile.path,
-            "download"
-          );
-        }
+        previewUrl = chatStore.config.services.request.getPreviewUrl(agentState.agentInfo.id, uploadedFile.conversationId, uploadedFile.path);
       }
       setAttachedFiles(
         getAttachedFiles().map((f) => {
@@ -345,6 +301,26 @@ var ChatSender_default = forwardRef(
     );
   }
 );
+var classifyTime = (timestamp) => {
+  const now = dayjs();
+  const target = dayjs(timestamp);
+  if (target.isSame(now, "day")) {
+    return "\u4ECA\u5929";
+  }
+  const diffInDays = now.diff(target, "day");
+  if (diffInDays < 7) {
+    return "\u6700\u8FD1 7 \u5929";
+  } else if (diffInDays < 30) {
+    return "\u6700\u8FD1 30 \u5929";
+  } else if (diffInDays < 180) {
+    return "\u6700\u8FD1\u534A\u5E74";
+  } else {
+    return "\u66F4\u65E9";
+  }
+};
+var getChatSocketUrl = (baseURL, params) => {
+  return buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
+};
 
 // src/core/constants.ts
 var CONV_MODE = {
@@ -384,9 +360,6 @@ var createChatService = (request, config) => {
   const cancelMessage = (executionId) => {
     return request.post(`/agents/executions/${executionId}/cancel`);
   };
-  const getRecommendQuestions = (params) => {
-    return request.post(`/agents/conversations/${params.conversationId}/messages/recommend`, params);
-  };
   const getAgentUserInput = (agentId) => {
     return request.get(`/agents/${agentId}/workflow/params`);
   };
@@ -402,8 +375,8 @@ var createChatService = (request, config) => {
       signal
     });
   };
-  const getPreviewUrl = (agentId, conversationId, path, type) => {
-    return `${config?.baseURL}/agents/${agentId}/${conversationId}/files/${type}?path=${encodeURIComponent(path)}&${TOKEN_KEY}=${tokenManager.get()}`;
+  const getPreviewUrl = (agentId, conversationId, path) => {
+    return `${config?.baseURL}/agents/${agentId}/${conversationId}/files/download?path=${path}&${TOKEN_KEY}=${tokenManager.get()}`;
   };
   const docQuery = (params) => {
     return request.get(`/library/cloud/document?${params}`);
@@ -429,7 +402,6 @@ var createChatService = (request, config) => {
     fetchMessages,
     sendMessageStream,
     cancelMessage,
-    getRecommendQuestions,
     getAgentUserInput,
     feedbackUpdate,
     chatUpload,
@@ -1155,7 +1127,8 @@ function createChatStore() {
   const acceptMessage = async (newMessage) => {
     const conversationId = newMessage.conversationId;
     if (!conversation.messages[conversationId]?.message) return;
-    const canProceed = await config.hooks?.onBeforeAcceptMessage?.(newMessage);
+    const isActive = conversation.active.id === conversationId;
+    const canProceed = await config.hooks?.onBeforeAcceptMessage?.(newMessage, isActive);
     if (canProceed === false) {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
@@ -1390,7 +1363,6 @@ var styles_module_default2 = {
   chatTitle: "styles_module_chatTitle",
   defaultLogo: "styles_module_defaultLogo",
   chatHeaderBtnGroup: "styles_module_chatHeaderBtnGroup",
-  popover: "styles_module_popover",
   conversationListPanel: "styles_module_conversationListPanel",
   createConversationButton: "styles_module_createConversationButton",
   conversations: "styles_module_conversations",
@@ -1398,10 +1370,6 @@ var styles_module_default2 = {
   chatWelcome: "styles_module_chatWelcome",
   promptItem: "styles_module_promptItem",
   bubbleList: "styles_module_bubbleList",
-  resourceBtn: "styles_module_resourceBtn",
-  divider: "styles_module_divider",
-  count: "styles_module_count",
-  resourceBtnActive: "styles_module_resourceBtnActive",
   logoArea: "styles_module_logoArea",
   logoContainer: "styles_module_logoContainer",
   staticHalo: "styles_module_staticHalo",
@@ -1411,33 +1379,7 @@ var styles_module_default2 = {
   gradientText: "styles_module_gradientText",
   greetingSubtitle: "styles_module_greetingSubtitle",
   senderReferenceHeaderTitle: "styles_module_senderReferenceHeaderTitle",
-  senderReferenceHeaderContent: "styles_module_senderReferenceHeaderContent",
-  customModal: "styles_module_customModal",
-  layout: "styles_module_layout",
-  sider: "styles_module_sider",
-  categoryName: "styles_module_categoryName",
-  siderContent: "styles_module_siderContent",
-  categoryItem: "styles_module_categoryItem",
-  categoryActive: "styles_module_categoryActive",
-  roundCheckbox: "styles_module_roundCheckbox",
-  content: "styles_module_content",
-  searchInput: "styles_module_searchInput",
-  selectedCount: "styles_module_selectedCount",
-  tagsArea: "styles_module_tagsArea",
-  tagContainer: "styles_module_tagContainer",
-  tag: "styles_module_tag",
-  expandBtnWrapper: "styles_module_expandBtnWrapper",
-  expandBtn: "styles_module_expandBtn",
-  tagsExpanded: "styles_module_tagsExpanded",
-  listArea: "styles_module_listArea",
-  listInner: "styles_module_listInner",
-  listItem: "styles_module_listItem",
-  listItemSelected: "styles_module_listItemSelected",
-  itemIconWrapper: "styles_module_itemIconWrapper",
-  itemInfo: "styles_module_itemInfo",
-  itemDesc: "styles_module_itemDesc",
-  footer: "styles_module_footer",
-  titleContainer: "styles_module_titleContainer"
+  senderReferenceHeaderContent: "styles_module_senderReferenceHeaderContent"
 };
 var ConversationList_default = () => {
   const chatStore = useChatStore();
@@ -1487,13 +1429,48 @@ var ConversationList_default = () => {
     }
   ) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
+
+// src/ui/common/FeatureComponents/style.module.less
+var style_module_default = {
+  popover: "style_module_popover",
+  resourceBtn: "style_module_resourceBtn",
+  divider: "style_module_divider",
+  count: "style_module_count",
+  resourceBtnActive: "style_module_resourceBtnActive",
+  customModal: "style_module_customModal",
+  layout: "style_module_layout",
+  sider: "style_module_sider",
+  categoryName: "style_module_categoryName",
+  siderContent: "style_module_siderContent",
+  categoryItem: "style_module_categoryItem",
+  categoryActive: "style_module_categoryActive",
+  roundCheckbox: "style_module_roundCheckbox",
+  content: "style_module_content",
+  searchInput: "style_module_searchInput",
+  selectedCount: "style_module_selectedCount",
+  tagsArea: "style_module_tagsArea",
+  tagContainer: "style_module_tagContainer",
+  tag: "style_module_tag",
+  expandBtnWrapper: "style_module_expandBtnWrapper",
+  expandBtn: "style_module_expandBtn",
+  tagsExpanded: "style_module_tagsExpanded",
+  listArea: "style_module_listArea",
+  listInner: "style_module_listInner",
+  listItem: "style_module_listItem",
+  listItemSelected: "style_module_listItemSelected",
+  itemIconWrapper: "style_module_itemIconWrapper",
+  itemInfo: "style_module_itemInfo",
+  itemDesc: "style_module_itemDesc",
+  footer: "style_module_footer",
+  titleContainer: "style_module_titleContainer"
+};
 var HistoryBtn_default = ({ icon, ...rest }) => {
   return /* @__PURE__ */ jsx(
     Popover,
     {
       getPopupContainer: (e) => e,
       placement: "bottom",
-      classNames: { container: styles_module_default2.popover },
+      classNames: { container: style_module_default.popover },
       content: /* @__PURE__ */ jsx(ConversationList_default, {}),
       trigger: ["click"],
       children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", size: "large", type: "text", icon: icon?.() || /* @__PURE__ */ jsx(CommentOutlined, {}), ...rest })
@@ -1823,7 +1800,7 @@ function renderMiniChart(spec, opts) {
   ] }) });
 }
 
-// src/components/CustomComponents/a2ui-runtime/components/artifacts/export-utils.ts
+// src/components/CustomComponents/A2uiRuntime/components/artifacts/export-utils.ts
 function sanitizeFileName(name) {
   return name.replace(/[\\/:*?"<>|\u0000-\u001F]/g, "_").replace(/\s+/g, " ").trim();
 }
@@ -2177,15 +2154,7 @@ var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
     }
   };
   const getPreviewFileUrl = (href) => {
-    const url = new URL(href, window.location.origin);
-    const path = url.searchParams.get("path") || url.pathname;
-    const fileName = getLinkFileName(href);
-    console.log(path, fileName);
-    if (isDocument(fileName)) {
-      return chatStore.config.services.request.getPreviewUrl(message2.agentId, message2.conversationId, path, "preview");
-    } else {
-      return chatStore.config.services.request.getPreviewUrl(message2.agentId, message2.conversationId, path, "download");
-    }
+    return buildUrlParams({ [TOKEN_KEY]: tokenManager.get() || "" }, href);
   };
   const handlePreviewLink = (href) => {
     const fileName = getLinkFileName(href);
@@ -2196,6 +2165,15 @@ var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
       suffix
     });
   };
+  const handlePathToUrl = (href) => {
+    const fileName = getLinkFileName(href);
+    const suffix = getFileSuffixName(fileName);
+    chatStore.setPreview({
+      fileUrl: chatStore.config.services.request.getPreviewUrl(message2.agentId, message2.conversationId, href),
+      fileName,
+      suffix
+    });
+  };
   const handleClick = (e) => {
     rest.onClick?.(e);
     const href = rest.href || e.currentTarget.href;
@@ -2207,6 +2185,10 @@ var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
       handlePreviewLink(href);
       return;
     }
+    if (String(rest.href).startsWith("/workspace")) {
+      handlePathToUrl(href);
+      return;
+    }
     window.open(href, "_blank");
   };
   return /* @__PURE__ */ jsx("a", { ...rest, onClick: handleClick, children: data });
@@ -2707,7 +2689,7 @@ var A2uiComponents = {
   ReportViewer
 };
 
-// src/components/CustomComponents/a2ui-runtime/controller/meta.ts
+// src/components/CustomComponents/A2uiRuntime/controller/meta.ts
 function readProp(current, props, key) {
   return current[key] ?? props?.[key];
 }
@@ -2813,7 +2795,7 @@ function collectActionDisplayMeta(commands, surfaceId, context) {
   return Object.keys(labels).length || Object.keys(valueLabels).length ? { labels, valueLabels } : null;
 }
 
-// src/components/CustomComponents/a2ui-runtime/controller/action.ts
+// src/components/CustomComponents/A2uiRuntime/controller/action.ts
 function extractPathFromRef2(value) {
   if (typeof value === "string") {
     if (value.startsWith("$bind:/")) return value.slice("$bind:".length);
@@ -2951,7 +2933,7 @@ function buildDispatchContext(surfaceId, rawContext, commands) {
   };
 }
 
-// src/components/CustomComponents/a2ui-runtime/controller/visibility.ts
+// src/components/CustomComponents/A2uiRuntime/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 ?? "";
@@ -2972,7 +2954,7 @@ function resolveVisibleSurfaceIds(commands, dismissedSurfaceIds = []) {
   return Array.from(states.entries()).filter(([sid, st]) => !st.deleted && !dismissedSurfaceIds.includes(sid)).map(([sid]) => sid);
 }
 
-// src/components/CustomComponents/a2ui-runtime/controller/wizard.ts
+// src/components/CustomComponents/A2uiRuntime/controller/wizard.ts
 function readString(obj, ...keys) {
   for (const k of keys) {
     const v = obj?.[k];
@@ -3181,7 +3163,7 @@ function buildWizardUpdateComponentsCommand(schema, stepId) {
   };
 }
 
-// src/components/CustomComponents/a2ui-runtime/controller/runtime.ts
+// src/components/CustomComponents/A2uiRuntime/controller/runtime.ts
 function createA2uiRuntimeState() {
   return {
     processedMessageCursors: [],
@@ -3381,7 +3363,7 @@ function selectA2uiRuntimeView(state, dismissedSurfaceIds) {
   };
 }
 
-// src/components/CustomComponents/a2ui-runtime/controller/index.ts
+// src/components/CustomComponents/A2uiRuntime/controller/index.ts
 function applyA2uiRuntimeEffects(effects) {
   effects.forEach((effect) => {
     if (effect.type === "reset-model-store") {
@@ -3440,7 +3422,7 @@ var A2uiRuntimeContext = React7.createContext({
   surfaceIdsByMessageIndex: {}
 });
 
-// src/components/CustomComponents/a2ui-runtime/renderer/useA2uiRuntimeView.ts
+// src/components/CustomComponents/A2uiRuntime/renderer/useA2uiRuntimeView.ts
 function useA2uiRuntimeView() {
   return React7.useContext(A2uiRuntimeContext);
 }
@@ -3451,7 +3433,7 @@ function A2uiMessageCards({ messageIndex }) {
   return /* @__PURE__ */ jsx("div", { children: surfaceIds.map((surfaceId) => /* @__PURE__ */ jsx(XCard.Card, { id: surfaceId }, surfaceId)) });
 }
 
-// src/components/CustomComponents/a2ui-runtime/renderer/protocol.ts
+// src/components/CustomComponents/A2uiRuntime/renderer/protocol.ts
 function isSubmitLikeActionName2(name) {
   const normalized = String(name || "").trim();
   return normalized === "submit" || normalized === "confirm" || normalized.startsWith("submit_") || normalized.endsWith(".confirm");
@@ -3743,8 +3725,87 @@ function A2uiRuntimeProvider({ messages, children }) {
 function A2uiRenderer(props) {
   return /* @__PURE__ */ jsx(A2uiRuntimeProvider, { ...props });
 }
+var FilesNode = React7.memo(({ item }) => {
+  const chatStore = useChatStore();
+  const configState = useSnapshot(chatStore.config);
+  const agentState = useSnapshot(chatStore.agent);
+  const conversationState = useSnapshot(chatStore.conversation);
+  const fileItems = useMemo(() => {
+    return (item.files || []).map((file) => {
+      const previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path);
+      let fileType = "file";
+      const ext = file.ext?.toLowerCase() || "";
+      if (["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "webp"].includes(ext)) {
+        fileType = "image";
+      } else if (["mp4", "webm", "ogg", "mov"].includes(ext)) {
+        fileType = "video";
+      } else if (["mp3", "wav", "ogg", "m4a"].includes(ext)) {
+        fileType = "audio";
+      }
+      return {
+        ...file,
+        src: previewUrl,
+        type: fileType,
+        onClick: () => chatStore.setPreview({ fileUrl: previewUrl, fileName: file.name, suffix: ext })
+      };
+    });
+  }, [item.files]);
+  return /* @__PURE__ */ jsx(FileCard.List, { items: fileItems });
+});
+var QuoteMsgNode = React7.memo(({ quoteMsg, role }) => {
+  if (!quoteMsg || !quoteMsg.messageContent) return null;
+  return /* @__PURE__ */ jsx(
+    Bubble,
+    {
+      placement: role.placement,
+      variant: "borderless",
+      content: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          arrow: false,
+          title: /* @__PURE__ */ jsx(XMarkdown_default, { content: quoteMsg.messageContent }),
+          getPopupContainer: (node) => node,
+          children: /* @__PURE__ */ jsxs(Flex, { children: [
+            /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
+            /* @__PURE__ */ jsx(Flex, { flex: 1, className: "text-ellipsis-2", style: {
+              color: "#666",
+              background: "rgba(0,0,0,0.04)",
+              padding: "2px 8px",
+              borderRadius: "4px",
+              fontSize: "12px",
+              cursor: "pointer"
+            }, children: quoteMsg.messageContent })
+          ] })
+        }
+      ) })
+    }
+  );
+});
+var RunStartedNode = React7.memo(({ loading }) => {
+  if (!loading) return null;
+  return /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", style: { minHeight: 24 }, children: /* @__PURE__ */ jsx(LoadingOutlined, { style: { color: "#1677ff" } }) });
+});
+function QuestionSummary({ content }) {
+  const answer = content.replace(/^Question:\s*/, "").trim() || "\u5DF2\u56DE\u7B54";
+  return /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", flexDirection: "column", gap: 4 }, children: [
+    /* @__PURE__ */ jsx("span", { style: { fontSize: 13, fontWeight: 600, color: "#1677ff", lineHeight: 1.4 }, children: "Question" }),
+    /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
+  ] });
+}
+var TextNode = React7.memo(
+  ({ item, role, customComponents, message: message2 }) => {
+    const content = toA2uiDisplayText(role, item?.messageContent);
+    if (typeof content === "string" && content.startsWith("Question:")) {
+      return /* @__PURE__ */ jsx(QuestionSummary, { content });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      !!item.reasoningContent && /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
+      !!content && /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content })
+    ] });
+  }
+);
 
-// src/components/CustomComponents/tool-renders/index.module.less
+// src/components/CustomComponents/ToolRenders/index.module.less
 var index_module_default = {
   iconContainer: "index_module_iconContainer",
   toolName: "index_module_toolName",
@@ -3955,70 +4016,6 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "files", "plan"];
-function QuestionSummary({ content }) {
-  const answer = content.replace(/^Question:\s*/, "").trim() || "\u5DF2\u56DE\u7B54";
-  return /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", flexDirection: "column", gap: 4 }, children: [
-    /* @__PURE__ */ jsx("span", { style: { fontSize: 13, fontWeight: 600, color: "#1677ff", lineHeight: 1.4 }, children: "Question" }),
-    /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
-  ] });
-}
-var RunStartedNode = React7.memo(({ loading }) => {
-  if (!loading) return null;
-  return /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: styles_module_default.runStartedNode, children: /* @__PURE__ */ jsx(LoadingOutlined, { style: { color: "#1677ff" } }) });
-});
-var ToolCallNode = React7.memo(({ item }) => {
-  return /* @__PURE__ */ jsx(tool_call_item_default, { item });
-});
-var TextNode = React7.memo(
-  ({ item, role, customComponents, message: message2 }) => {
-    const content = toA2uiDisplayText(role, item?.messageContent);
-    if (typeof content === "string" && content.startsWith("Question:")) {
-      return /* @__PURE__ */ jsx(QuestionSummary, { content });
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !!item.reasoningContent && /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
-      !!content && /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content })
-    ] });
-  }
-);
-var StepErrorNode = React7.memo(
-  ({ item, customComponents, message: message2 }) => {
-    if (!item.errorMessage) return null;
-    return /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content: item.errorMessage });
-  }
-);
-var FilesNode = React7.memo(({ item }) => {
-  const chatStore = useChatStore();
-  const configState = useSnapshot(chatStore.config);
-  const agentState = useSnapshot(chatStore.agent);
-  const conversationState = useSnapshot(chatStore.conversation);
-  const fileItems = useMemo(() => {
-    return (item.files || []).map((file) => {
-      let previewUrl = file.id;
-      if (isDocument(file.name)) {
-        previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path, "preview");
-      } else {
-        previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path, "download");
-      }
-      let fileType = "file";
-      const ext = file.ext?.toLowerCase() || "";
-      if (["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "webp"].includes(ext)) {
-        fileType = "image";
-      } else if (["mp4", "webm", "ogg", "mov"].includes(ext)) {
-        fileType = "video";
-      } else if (["mp3", "wav", "ogg", "m4a"].includes(ext)) {
-        fileType = "audio";
-      }
-      return {
-        ...file,
-        src: previewUrl,
-        type: fileType,
-        onClick: () => chatStore.setPreview({ fileUrl: previewUrl, fileName: file.name, suffix: ext })
-      };
-    });
-  }, [item.files]);
-  return /* @__PURE__ */ jsx(FileCard.List, { items: fileItems });
-});
 var MessageRender_default = React7.memo(({ role, message: message2, messageIndex = -1, loading, containerRef, customComponents }) => {
   const content = useMemo(() => {
     return (message2.content || []).filter((item) => {
@@ -4058,9 +4055,9 @@ var MessageRender_default = React7.memo(({ role, message: message2, messageIndex
           variant: item.type === "files" ? "borderless" : void 0,
           content: /* @__PURE__ */ jsxs(Fragment, { children: [
             item.type === "runStarted" && /* @__PURE__ */ jsx(RunStartedNode, { loading }, `flow-start-${index}`),
-            (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsx(ToolCallNode, { item }, `tool-call-${item.toolCallId || index}`),
-            item.type === "text" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TextNode, { item, role: message2.role, customComponents, message: message2 }, `message-${index}`) }),
-            item.type === "stepError" && /* @__PURE__ */ jsx(StepErrorNode, { item, customComponents, message: message2 }, `step-error-${index}`),
+            (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsx(tool_call_item_default, { item }, `tool-call-${item.toolCallId || index}`),
+            item.type === "text" && /* @__PURE__ */ jsx(TextNode, { item, role: message2.role, customComponents, message: message2 }, `message-${index}`),
+            item.type === "stepError" && (item.errorMessage ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content: item.errorMessage }) : null),
             item.type === "files" && /* @__PURE__ */ jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsx(A2uiPlanNode, { item }, `plan-${index}`)
           ] })
@@ -4068,30 +4065,7 @@ var MessageRender_default = React7.memo(({ role, message: message2, messageIndex
         `message-${index}`
       );
     }),
-    quoteMsg && /* @__PURE__ */ jsx(
-      Bubble,
-      {
-        className: styles_module_default.chatQuoteMsg,
-        placement: role.placement,
-        variant: "borderless",
-        content: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, children: quoteMsg.messageContent && /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            arrow: false,
-            classNames: {
-              root: styles_module_default.quoteTooltip,
-              container: `${styles_module_default.quoteTooltipContainer} scroll-fade-in`
-            },
-            title: /* @__PURE__ */ jsx(XMarkdown_default, { content: quoteMsg.messageContent }),
-            getPopupContainer: (node) => node,
-            children: /* @__PURE__ */ jsxs(Flex, { children: [
-              /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
-              /* @__PURE__ */ jsx(Flex, { flex: 1, className: "text-ellipsis-2", children: quoteMsg.messageContent })
-            ] })
-          }
-        ) })
-      }
-    ),
+    quoteMsg && /* @__PURE__ */ jsx(QuoteMsgNode, { quoteMsg, role }),
     messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex }) : null
   ] });
 });
@@ -4480,43 +4454,43 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
     Modal,
     {
       open,
-      className: styles_module_default2.customModal,
+      className: style_module_default.customModal,
       onCancel,
       closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
       width: 960,
       centered: true,
       destroyOnHidden: true,
-      title: /* @__PURE__ */ jsx(Flex, { className: styles_module_default2.titleContainer, children: /* @__PURE__ */ jsx(Title2, { level: 5, children: title }) }),
-      footer: /* @__PURE__ */ jsx(Flex, { className: styles_module_default2.footer, children: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleConfirm, children: "\u786E\u8BA4" }) }),
-      children: /* @__PURE__ */ jsxs(Layout, { className: styles_module_default2.layout, children: [
-        /* @__PURE__ */ jsx(Sider, { width: 220, className: styles_module_default2.sider, theme: "light", children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.siderContent, children: /* @__PURE__ */ jsx(Flex, { gap: 4, vertical: true, children: categories.map((cat) => {
+      title: /* @__PURE__ */ jsx(Flex, { className: style_module_default.titleContainer, children: /* @__PURE__ */ jsx(Title2, { level: 5, children: title }) }),
+      footer: /* @__PURE__ */ jsx("div", { className: style_module_default.footer, children: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleConfirm, children: "\u786E\u8BA4" }) }),
+      children: /* @__PURE__ */ jsxs(Layout, { className: style_module_default.layout, children: [
+        /* @__PURE__ */ jsx(Sider, { width: 220, className: style_module_default.sider, theme: "light", children: /* @__PURE__ */ jsx("div", { className: style_module_default.siderContent, children: /* @__PURE__ */ jsx(Flex, { gap: 4, vertical: true, children: categories.map((cat) => {
           const isChecked = selectedCategoryIds.includes(cat.id);
           return /* @__PURE__ */ jsxs(
             Flex,
             {
-              className: classNames2(styles_module_default2.categoryItem, { [styles_module_default2.categoryActive]: isChecked }),
+              className: classNames2(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
               onClick: () => handleCategoryChange(cat.id, !isChecked),
               children: [
                 /* @__PURE__ */ jsx(
                   Checkbox,
                   {
                     checked: isChecked,
-                    className: cat.id === ALL_CATEGORY_ID ? styles_module_default2.roundCheckbox : "",
+                    className: cat.id === ALL_CATEGORY_ID ? style_module_default.roundCheckbox : "",
                     onClick: (e) => e.stopPropagation(),
                     onChange: (e) => handleCategoryChange(cat.id, e.target.checked)
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: styles_module_default2.categoryName, children: cat.name })
+                /* @__PURE__ */ jsx("span", { className: style_module_default.categoryName, children: cat.name })
               ]
             },
             cat.id
           );
         }) }) }) }),
-        /* @__PURE__ */ jsxs(Content, { className: styles_module_default2.content, children: [
+        /* @__PURE__ */ jsxs(Content, { className: style_module_default.content, children: [
           /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: /* @__PURE__ */ jsx(
             Input,
             {
-              className: styles_module_default2.searchInput,
+              className: style_module_default.searchInput,
               placeholder: `\u641C\u7D22${isSkill ? "\u6280\u80FD" : "\u77E5\u8BC6\u5E93"}\u540D\u79F0`,
               prefix: /* @__PURE__ */ jsx(SearchOutlined, { style: { color: token.colorTextQuaternary } }),
               value: searchText,
@@ -4525,12 +4499,12 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
               autoFocus: true
             }
           ) }),
-          selectedIds.length > 0 && /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 2, children: /* @__PURE__ */ jsxs(Text4, { type: "secondary", className: styles_module_default2.selectedCount, children: [
+          selectedIds.length > 0 && /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 2, children: /* @__PURE__ */ jsxs(Text4, { type: "secondary", className: style_module_default.selectedCount, children: [
             "\u5DF2\u9009 ",
             selectedIds.length
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: classNames2(styles_module_default2.tagsArea, { [styles_module_default2.tagsExpanded]: tagsExpanded }), children: [
-            /* @__PURE__ */ jsxs(Flex, { gap: 8, className: styles_module_default2.tagContainer, wrap: true, ref: tagsContainerRef, children: [
+          /* @__PURE__ */ jsxs("div", { className: classNames2(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 8, className: style_module_default.tagContainer, wrap: true, ref: tagsContainerRef, children: [
               selectedIds.map((id) => /* @__PURE__ */ jsx(
                 Tag,
                 {
@@ -4539,36 +4513,36 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
                     e.preventDefault();
                     toggleItemSelection(id);
                   },
-                  className: styles_module_default2.tag,
+                  className: style_module_default.tag,
                   children: getDisplayName(id)
                 },
                 id
               )),
-              showExpandBtn && tagsExpanded && /* @__PURE__ */ jsxs(Button, { size: "small", className: styles_module_default2.expandBtn, onClick: () => setTagsExpanded(false), children: [
+              showExpandBtn && tagsExpanded && /* @__PURE__ */ jsxs(Button, { size: "small", className: style_module_default.expandBtn, onClick: () => setTagsExpanded(false), children: [
                 "\u6536\u8D77 ",
                 /* @__PURE__ */ jsx(UpOutlined, {})
               ] })
             ] }),
-            showExpandBtn && !tagsExpanded && /* @__PURE__ */ jsx("div", { className: styles_module_default2.expandBtnWrapper, children: /* @__PURE__ */ jsxs(Button, { size: "small", className: styles_module_default2.expandBtn, onClick: () => setTagsExpanded(true), children: [
+            showExpandBtn && !tagsExpanded && /* @__PURE__ */ jsx("div", { className: style_module_default.expandBtnWrapper, children: /* @__PURE__ */ jsxs(Button, { size: "small", className: style_module_default.expandBtn, onClick: () => setTagsExpanded(true), children: [
               "\u5C55\u5F00 ",
               /* @__PURE__ */ jsx(DownOutlined, {})
             ] }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: styles_module_default2.listArea, children: /* @__PURE__ */ jsx(Spin, { spinning: loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.listInner, children: /* @__PURE__ */ jsx(Flex, { gap: 8, vertical: true, children: filteredResources.length > 0 ? filteredResources.map((item) => {
+          /* @__PURE__ */ jsx("div", { className: style_module_default.listArea, children: /* @__PURE__ */ jsx(Spin, { spinning: loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsx("div", { className: style_module_default.listInner, children: /* @__PURE__ */ jsx(Flex, { gap: 8, vertical: true, children: filteredResources.length > 0 ? filteredResources.map((item) => {
             const isSelected = selectedIds.includes(item.id);
             return /* @__PURE__ */ jsxs(
               "div",
               {
-                className: classNames2(styles_module_default2.listItem, { [styles_module_default2.listItemSelected]: isSelected }),
+                className: classNames2(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
                 onClick: () => toggleItemSelection(item.id),
                 children: [
-                  /* @__PURE__ */ jsx("div", { className: styles_module_default2.itemIconWrapper, children: /* @__PURE__ */ jsx(IconFont_default, { type: iconType }) }),
-                  /* @__PURE__ */ jsxs(Flex, { vertical: true, className: styles_module_default2.itemInfo, children: [
+                  /* @__PURE__ */ jsx("div", { className: style_module_default.itemIconWrapper, children: /* @__PURE__ */ jsx(IconFont_default, { type: iconType }) }),
+                  /* @__PURE__ */ jsxs(Flex, { vertical: true, className: style_module_default.itemInfo, children: [
                     /* @__PURE__ */ jsxs(Flex, { justify: "space-between", children: [
                       /* @__PURE__ */ jsx(Text4, { strong: true, children: getDisplayName(item.id) }),
                       isSelected && /* @__PURE__ */ jsx(Tag, { color: token.colorPrimary, variant: "outlined", children: "\u5DF2\u6DFB\u52A0" })
                     ] }),
-                    /* @__PURE__ */ jsx(Text4, { type: "secondary", className: styles_module_default2.itemDesc, children: item.description || "\u6682\u65E0\u63CF\u8FF0" })
+                    /* @__PURE__ */ jsx(Text4, { type: "secondary", className: style_module_default.itemDesc, children: item.description || "\u6682\u65E0\u63CF\u8FF0" })
                   ] })
                 ]
               },
@@ -4587,12 +4561,12 @@ var KnowledgeBtn_default = ({}) => {
   const [modalOpen, setModalOpen] = useState(false);
   const knowledgeCount = conversationState.active.spec?.knowledge?.items?.length ?? 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles_module_default2.resourceBtn, onClick: () => setModalOpen(true), children: [
+    /* @__PURE__ */ jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
       /* @__PURE__ */ jsx(IconFont_default, { type: "icon-remark" }),
       /* @__PURE__ */ jsx(Text5, { children: "\u77E5\u8BC6\u5E93" }),
       knowledgeCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Divider$1, { vertical: true, className: styles_module_default2.divider }),
-        /* @__PURE__ */ jsx(Flex, { className: styles_module_default2.count, children: knowledgeCount })
+        /* @__PURE__ */ jsx(Divider$1, { vertical: true, className: style_module_default.divider }),
+        /* @__PURE__ */ jsx(Flex, { className: style_module_default.count, children: knowledgeCount })
       ] })
     ] }),
     modalOpen && /* @__PURE__ */ jsx(ResourceSelectorModal_default, { open: modalOpen, type: "knowledge", onCancel: () => setModalOpen(false) })
@@ -4626,6 +4600,17 @@ var ModelSelect_default = ({}) => {
     }))
   }));
   const selectedModelValue = modelOptions.find((item) => item.value === agentState.model.providerName)?.options.find((item) => item.value === agentState.model.modelName)?.value || void 0;
+  useEffect(() => {
+    if (!selectedModelValue && models.length > 0 && models[0].models?.length > 0) {
+      const firstProvider = models[0];
+      const firstModel = firstProvider.models[0];
+      chatStore.setAgentModel({
+        ...agentState.model,
+        modelName: firstModel.modelName,
+        providerName: firstProvider.providerName
+      });
+    }
+  }, [selectedModelValue, models, agentState.model, chatStore]);
   const handleModelChange = (_, option) => {
     if (Array.isArray(option) || !option || !("providerName" in option)) return;
     chatStore.setAgentModel({
@@ -4678,7 +4663,7 @@ var ReasonBtn_default = ({}) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames2(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
+      className: classNames2(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
       onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
       children: [
         /* @__PURE__ */ jsx(IconFont_default, { type: "icon-reason" }),
@@ -4694,12 +4679,12 @@ var SkillBtn_default = ({}) => {
   const [modalOpen, setModalOpen] = useState(false);
   const skillsCount = conversationState.active.spec?.skills?.items?.length ?? 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles_module_default2.resourceBtn, onClick: () => setModalOpen(true), children: [
+    /* @__PURE__ */ jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
       /* @__PURE__ */ jsx(IconFont_default, { type: "icon-skill" }),
       /* @__PURE__ */ jsx(Text7, { children: "\u6280\u80FD" }),
       skillsCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Divider$1, { vertical: true, className: styles_module_default2.divider }),
-        /* @__PURE__ */ jsx(Flex, { className: styles_module_default2.count, children: skillsCount })
+        /* @__PURE__ */ jsx(Divider$1, { vertical: true, className: style_module_default.divider }),
+        /* @__PURE__ */ jsx(Flex, { className: style_module_default.count, children: skillsCount })
       ] })
     ] }),
     modalOpen && /* @__PURE__ */ jsx(ResourceSelectorModal_default, { open: modalOpen, type: "skill", onCancel: () => setModalOpen(false) })
@@ -4857,6 +4842,16 @@ var ChatMainPanel = memo(
 var ChatMainPanel_default = ChatMainPanel;
 var ChatPreviewPanel = memo(({ file }) => {
   const chatStore = useChatStore();
+  const preview = useMemo(() => {
+    const urlFile = file;
+    if (urlFile.fileUrl) {
+      return {
+        ...file,
+        fileUrl: urlFile.fileUrl + "&isPreview=true"
+      };
+    }
+    return file;
+  }, [file]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     file.fileUrl && /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsxs(Flex, { justify: "space-between", className: styles_module_default5.previewHeader, children: [
@@ -4874,7 +4869,7 @@ var ChatPreviewPanel = memo(({ file }) => {
           /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(CloseOutlined, {}), className: styles_module_default5.actionIcon, onClick: () => chatStore.setPreview() })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(LuyaFilePreview, { ...file }) })
+      /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(LuyaFilePreview, { ...preview }) })
     ] }),
     file.content && /* @__PURE__ */ jsx(
       MarkdownEditor,