@zero-library/chat-copilot 3.1.14 → 3.1.16

package/dist/index.cjs.js

@@ -19,7 +19,8 @@ var LexicalTypeaheadMenuPlugin = require('@lexical/react/LexicalTypeaheadMenuPlu
 var utils = require('@lexical/utils');
 var ReactDOM = require('react-dom');
 var dayjs = require('dayjs');
-var classNames = require('classnames');
+var classNames2 = require('classnames');
+var console2 = require('console');
 var InfiniteScroll = require('react-infinite-scroll-component');
 var xCard = require('@ant-design/x-card');
 require('@ant-design/x-markdown/themes/light.css');
@@ -49,7 +50,8 @@ function _interopNamespace(e) {
 var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
+var console2__default = /*#__PURE__*/_interopDefault(console2);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 var XMarkdown__default = /*#__PURE__*/_interopDefault(XMarkdown);
 var Latex__default = /*#__PURE__*/_interopDefault(Latex);
@@ -72,7 +74,7 @@ var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender"};
 var Attachments_default = React10.forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
-  const { message: message3 } = antd.App.useApp();
+  const { message: message4 } = antd.App.useApp();
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
   const fileListRef = React10.useRef([]);
@@ -100,7 +102,7 @@ var Attachments_default = React10.forwardRef(({ fileUpload, fileUploadConfig, fi
     onChange(files);
   }, [attachedFiles]);
   const onErrorTip = common.useDebounce((errorMsg) => {
-    message3.error(errorMsg);
+    message4.error(errorMsg);
   }, 300);
   const findConfig = (file) => {
     return fileUploadConfig?.allowedTypes?.find((type) => type === common.getFileSuffixName(file.name)) || "";
@@ -268,6 +270,7 @@ var index_module_default = {
 var CONV_MODE = {
   PROD: 1};
 var TOKEN_KEY = "NS-TOKEN";
+var SHARE_KEY = "SHARE-TOKEN";
 var tokenManager = common.createTokenManager({
   key: TOKEN_KEY
 });
@@ -359,8 +362,9 @@ var getFileIcon = (extension, fontSize = 24) => {
   return createIcon(icons.FileUnknownOutlined, "#94a3b8");
 };
 var getFileUrl = (params, baseUrl, url) => {
+  const authParams = baseUrl === "/luya/share" ? { [SHARE_KEY]: localStorage.getItem(SHARE_KEY) || "" } : { [TOKEN_KEY]: tokenManager.get() };
   const data = {
-    [TOKEN_KEY]: tokenManager.get(),
+    ...authParams,
     workspaceType: "conversation" /* CONVERSATION */,
     ...params
   };
@@ -849,7 +853,7 @@ var ChatInput = React10__namespace.forwardRef(
               }
             }
           ),
-          placeholder: !stringValue && placeholder ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.promptEditorPlaceholder, children: placeholder }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.promptEditorPlaceholder, children: "\u4ECA\u5929\u80FD\u5E2E\u4F60\u505A\u4EC0\u4E48\uFF1F" }),
+          placeholder: !stringValue ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default.promptEditorPlaceholder, children: placeholder || "\u4ECA\u5929\u5E2E\u4F60\u505A\u4E9B\u4EC0\u4E48\uFF1F\u8F93\u5165 '/' \u8C03\u7528\u6280\u80FD\u4E0E\u77E5\u8BC6\u5E93" }) : null,
           ErrorBoundary: LexicalErrorBoundary.LexicalErrorBoundary
         }
       ),
@@ -863,6 +867,7 @@ var ChatInput = React10__namespace.forwardRef(
 var ChatInput_default = ChatInput;
 var ChatSender_default = React10.forwardRef(
   ({
+    placeholder,
     content,
     commandConfig = {},
     fileList = [],
@@ -935,6 +940,7 @@ var ChatSender_default = React10.forwardRef(
           className: styles_module_default.chatSender,
           ref: senderRef,
           value: inputValue,
+          placeholder,
           header: senderHeader,
           onSubmit,
           onChange: setInputValue,
@@ -1030,6 +1036,9 @@ var createChatService = (request, config) => {
   const conversationFavorite = (conversationId, isFavorite) => {
     return request.put("/agents/conversations/favorite", { conversationIds: [conversationId], favorite: isFavorite });
   };
+  const shareConversation = (conversationId) => {
+    return request.get(`/agents/conversations/${conversationId}/share/url`);
+  };
   return {
     fetchModelList,
     fetchAgentInfo,
@@ -1049,7 +1058,8 @@ var createChatService = (request, config) => {
     listDataSources,
     listTags,
     getAgentAvatar,
-    conversationFavorite
+    conversationFavorite,
+    shareConversation
   };
 };
 
@@ -1095,7 +1105,13 @@ function createChatStore() {
     return await config.services.request.fetchModelList();
   };
   const setServices = ({ http, websocket } = {}) => {
-    const httpConfig = { baseURL: "/luya/v1", headers: { [TOKEN_KEY]: tokenManager.get() }, ...http?.config };
+    const baseURL = http?.config?.baseURL || "/luya/v1";
+    const headers = baseURL === "/luya/share" ? { [SHARE_KEY]: localStorage.getItem(SHARE_KEY) || "" } : { [TOKEN_KEY]: tokenManager.get() };
+    const httpConfig = {
+      baseURL,
+      headers,
+      ...http?.config
+    };
     const request = common.createRequest(httpConfig);
     if (config.hooks?.onRequestInterceptor) {
       request.instance.interceptors.request.use(...config.hooks.onRequestInterceptor);
@@ -1116,9 +1132,9 @@ function createChatStore() {
     config.services.request = { ...createChatService(request, httpConfig), ...http?.request };
     config.services.websocketUrls = ["", ""];
     if (common.isArray(websocket?.baseURLs)) {
-      websocket.baseURLs.forEach((baseURL, index) => {
-        if (common.isString(baseURL)) {
-          config.services.websocketUrls[index] = getChatSocketUrl(baseURL, websocket?.params || httpConfig.headers);
+      websocket.baseURLs.forEach((baseURL2, index) => {
+        if (common.isString(baseURL2)) {
+          config.services.websocketUrls[index] = getChatSocketUrl(baseURL2, websocket?.params || httpConfig.headers);
         }
       });
     } else {
@@ -1257,6 +1273,7 @@ function createChatStore() {
       await config.services.request.deleteConversation(conversationId);
       antd.message.success("\u5220\u9664\u6210\u529F");
       conversations.list.items = conversations.list.items.filter((item) => item.key !== conversationId);
+      favorite.list.items = favorite.list.items.filter((item) => item.id !== conversationId);
       delete conversation.messages[conversationId];
       if (conversation.active.id === conversationId) {
         createConversation();
@@ -1302,6 +1319,7 @@ function createChatStore() {
       id: "id",
       label: "title",
       spec: "spec",
+      isFavorite: "isFavorite",
       group: (c) => {
         return classifyTime(c.updatedAt);
       }
@@ -1356,7 +1374,9 @@ function createChatStore() {
           item.isFavorite = isFavorite;
         }
       }
-      if (!isFavorite && favorite.list.items.length) {
+      if (isFavorite) {
+        await getConversationFavorite();
+      } else if (favorite.list.items.length) {
         favorite.list.items = favorite.list.items.filter((item) => item.id !== conversationId);
       }
       antd.message.success(isFavorite ? "\u6536\u85CF\u6210\u529F" : "\u5DF2\u53D6\u6D88\u6536\u85CF");
@@ -1617,7 +1637,7 @@ function createChatStore() {
     }
     if (isMain) config.hooks?.onStepMessage?.(msg);
   }
-  function doneCallback(msg, message3, isMain) {
+  function doneCallback(msg, message4, isMain) {
     conversation.messages[msg.conversationId].loading = false;
     const messages = conversation.messages[msg.conversationId]?.message;
     if (messages) {
@@ -1910,9 +1930,9 @@ function createChatStore() {
       }
     }
   }
-  function processMessageContent(message3, targetMessages) {
+  function processMessageContent(message4, targetMessages) {
     const newMessage = {
-      ...message3,
+      ...message4,
       agentId: agent.agentInfo.id
     };
     const isMain = !targetMessages;
@@ -1980,13 +2000,13 @@ function createChatStore() {
     }
     processMessageContent(newMessage);
   };
-  const sendMessage = async (message3, msgFiles = [], params) => {
+  const sendMessage = async (message4, msgFiles = [], params) => {
     const conversationId = conversation.active.id;
     if (conversation.messages[conversationId].loading) return;
     let msgContent = "", files;
     const references = conversation.messages[conversationId].references;
-    if (message3) {
-      msgContent = message3;
+    if (message4) {
+      msgContent = message4;
       files = [...msgFiles, ...conversation.messages[conversationId].files || []];
     } else {
       if (references?.type === 1 && references?.content?.msgContent) {
@@ -2033,9 +2053,9 @@ function createChatStore() {
     };
     const extraParams = common.deepCopy(config.params?.params || {});
     const userInputParams = variablesToObject(conversation.active.userInput || []);
-    Object.assign(extraParams, message3 ? {} : { ...references?.params }, params, userInputParams);
+    Object.assign(extraParams, message4 ? {} : { ...references?.params }, params, userInputParams);
     sendParams.params = extraParams;
-    if (!message3) {
+    if (!message4) {
       setContent("");
       setContentParams();
       setReferences();
@@ -2229,103 +2249,56 @@ window._iconfont_svg_string_5021436 = '<svg><symbol id="icon-Ollama" viewBox="0
 // src/components/IconFont/index.ts
 var IconFont = icons.createFromIconfontCN({});
 var IconFont_default = IconFont;
-
-// 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",
-  favoriteCard: "style_module_favoriteCard",
-  favoriteCardActive: "style_module_favoriteCardActive",
-  favoriteCardTitle: "style_module_favoriteCardTitle",
-  favoriteCardActions: "style_module_favoriteCardActions"};
 var ConversationFavoritesBtn_default = ({ icon, ...rest }) => {
   const chatStore = useChatStore();
+  const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
-  const favoriteState = valtio.useSnapshot(chatStore.favorite);
-  const getFavoriteList = common.useDebounce(() => {
-    chatStore.getConversationFavorite();
-  }, 300);
-  const renderFavoriteList = React10.useMemo(() => {
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 4, className: classNames__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: classNames__default.default(style_module_default.favoriteCard, { [style_module_default.favoriteCardActive]: conversationState.active.id === item.id }),
-        onClick: () => chatStore.switchConversation(item.id),
-        children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: classNames__default.default(style_module_default.favoriteCardTitle, "text-ellipsis"), children: item.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: style_module_default.favoriteCardActions, children: /* @__PURE__ */ jsxRuntime.jsx(
-            antd.Popconfirm,
-            {
-              title: "\u63D0\u793A",
-              okText: "\u786E\u5B9A",
-              cancelText: "\u53D6\u6D88",
-              description: "\u786E\u8BA4\u53D6\u6D88\u6536\u85CF\u8BE5\u4F1A\u8BDD\u5417\uFF1F",
-              onConfirm: (e) => {
-                e.stopPropagation();
-                chatStore.collectConversation(item.id, false);
-              },
-              onCancel: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                antd.Button,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
-                  title: "\u5220\u9664",
-                  type: "text",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                  }
-                }
-              )
-            }
-          ) })
-        ] })
-      },
-      item.id
-    )) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u6536\u85CF", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) });
-  }, [favoriteState.list.items, conversationState.active.id]);
-  const handlePopoverVisibleChange = (visible) => {
-    if (!visible) return;
-    getFavoriteList();
+  const activeConversation = React10.useMemo(() => {
+    return conversationsState.list.items.find((item) => item.id === conversationState.active.id);
+  }, [conversationsState.list.items, conversationState.active.id]);
+  const isFavorite = activeConversation?.isFavorite === true;
+  const handleToggleFavorite = () => {
+    if (!conversationState.active.id) return;
+    chatStore.collectConversation(conversationState.active.id, !isFavorite);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Popover,
+    antd.Button,
     {
-      classNames: { container: style_module_default.popover },
-      getPopupContainer: (e) => e,
-      placement: "bottom",
-      content: renderFavoriteList,
-      trigger: ["click"],
-      onOpenChange: handlePopoverVisibleChange,
-      children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u6536\u85CF\u5939", type: "text", size: "large", icon: icon?.() || /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {}), ...rest })
+      title: isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF",
+      type: "text",
+      size: "large",
+      disabled: !conversationState.active.id,
+      icon: icon?.() || (isFavorite ? /* @__PURE__ */ jsxRuntime.jsx(icons.StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {})),
+      onClick: handleToggleFavorite,
+      ...rest
+    }
+  );
+};
+var ConversationShareBtn_default = ({ icon, ...rest }) => {
+  const chatStore = useChatStore();
+  const conversationState = valtio.useSnapshot(chatStore.conversation);
+  const configState = valtio.useSnapshot(chatStore.config);
+  const handleShareConversation = async () => {
+    try {
+      const { data } = await configState.services.request.shareConversation(conversationState.active.id);
+      if (data) {
+        common.copyText(data);
+        antd.message.success("\u5206\u4EAB\u94FE\u63A5\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
+      }
+    } catch (error) {
+      antd.message.error("\u5206\u4EAB\u4F1A\u8BDD\u5931\u8D25");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Button,
+    {
+      title: "\u5206\u4EAB",
+      type: "text",
+      size: "large",
+      disabled: !conversationState.active.id,
+      icon: icon?.() || /* @__PURE__ */ jsxRuntime.jsx(icons.ShareAltOutlined, {}),
+      ...rest,
+      onClick: handleShareConversation
     }
   );
 };
@@ -2344,6 +2317,10 @@ var styles_module_default2 = {
   conversationListPanel: "styles_module_conversationListPanel",
   createConversationButton: "styles_module_createConversationButton",
   conversations: "styles_module_conversations",
+  conversationTabs: "styles_module_conversationTabs",
+  conversationTabPane: "styles_module_conversationTabPane",
+  conversationEmpty: "styles_module_conversationEmpty",
+  conversationScrollArea: "styles_module_conversationScrollArea",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   promptItem: "styles_module_promptItem",
@@ -2362,12 +2339,30 @@ var styles_module_default2 = {
 };
 var ConversationList_default = () => {
   const chatStore = useChatStore();
+  const agentState = valtio.useSnapshot(chatStore.agent);
   const conversationsState = valtio.useSnapshot(chatStore.conversations);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
+  const favoriteState = valtio.useSnapshot(chatStore.favorite);
+  const [activeTabKey, setActiveTabKey] = React10.useState("history");
+  React10.useEffect(() => {
+    if (!agentState.agentInfo.id) return;
+    chatStore.getConversationFavorite();
+  }, [agentState.agentInfo.id, chatStore]);
   const conversationList = React10.useMemo(() => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
-  const menuConfig = (conversation) => ({
+  const favoriteConversationList = React10.useMemo(() => {
+    return favoriteState.list.items.filter((item) => item.title).map((item) => ({
+      ...item,
+      key: item.id,
+      id: item.id,
+      label: item.title,
+      spec: item.spec,
+      isFavorite: true,
+      group: classifyTime(item.updatedAt)
+    }));
+  }, [favoriteState.list.items]);
+  const historyMenuConfig = (conversation) => ({
     items: [
       {
         label: `${conversation.isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF"}`,
@@ -2390,31 +2385,135 @@ var ConversationList_default = () => {
       }
     }
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationList.length ? /* @__PURE__ */ jsxRuntime.jsx(
-    InfiniteScroll__default.default,
+  const favoriteMenuConfig = (conversation) => ({
+    trigger: /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Popconfirm,
+      {
+        title: "\u63D0\u793A",
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88",
+        description: "\u786E\u8BA4\u53D6\u6D88\u6536\u85CF\u8BE5\u4F1A\u8BDD\u5417\uFF1F",
+        onConfirm: (e) => {
+          e.stopPropagation();
+          chatStore.collectConversation(conversation.id, false);
+        },
+        onCancel: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Button,
+          {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
+            title: "\u53D6\u6D88\u6536\u85CF",
+            type: "text",
+            onClick: (e) => {
+              e.stopPropagation();
+            }
+          }
+        )
+      }
+    ),
+    items: []
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationTabs, children: /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Tabs,
     {
-      dataLength: conversationList.length,
-      hasMore: false,
-      next: () => {
-        console.log("next");
-      },
-      loader: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, { spin: true }), size: "small" }) }),
-      style: { overflow: "hidden" },
-      scrollableTarget: "scrollableDiv",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        xV2.Conversations,
+      activeKey: activeTabKey,
+      centered: true,
+      onChange: setActiveTabKey,
+      items: [
         {
-          className: styles_module_default2.conversations,
-          items: conversationList,
-          activeKey: conversationState.active.id,
-          onActiveChange: async (id) => chatStore.switchConversation(id),
-          groupable: true,
-          menu: menuConfig
+          key: "history",
+          label: "\u5386\u53F2\u4F1A\u8BDD",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationTabPane, children: conversationList.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationScrollArea, id: "historyConversationScrollableDiv", children: /* @__PURE__ */ jsxRuntime.jsx(
+            InfiniteScroll__default.default,
+            {
+              dataLength: conversationList.length,
+              hasMore: false,
+              next: () => {
+                console2__default.default.log("next");
+              },
+              loader: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, { spin: true }), size: "small" }) }),
+              style: { overflow: "hidden" },
+              scrollableTarget: "historyConversationScrollableDiv",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                xV2.Conversations,
+                {
+                  className: styles_module_default2.conversations,
+                  items: conversationList,
+                  activeKey: conversationState.active.id,
+                  onActiveChange: async (id) => chatStore.switchConversation(id),
+                  groupable: true,
+                  menu: historyMenuConfig
+                }
+              )
+            }
+          ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) })
+        },
+        {
+          key: "favorite",
+          label: "\u6536\u85CF\u4F1A\u8BDD",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationTabPane, children: favoriteConversationList.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationScrollArea, id: "favoriteConversationScrollableDiv", children: /* @__PURE__ */ jsxRuntime.jsx(
+            InfiniteScroll__default.default,
+            {
+              dataLength: favoriteConversationList.length,
+              hasMore: false,
+              next: () => {
+                console2__default.default.log("next");
+              },
+              loader: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, { spin: true }), size: "small" }) }),
+              style: { overflow: "hidden" },
+              scrollableTarget: "favoriteConversationScrollableDiv",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                xV2.Conversations,
+                {
+                  className: styles_module_default2.conversations,
+                  items: favoriteConversationList,
+                  activeKey: conversationState.active.id,
+                  onActiveChange: async (id) => chatStore.switchConversation(id),
+                  groupable: true,
+                  menu: favoriteMenuConfig
+                }
+              )
+            }
+          ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u6536\u85CF\u4F1A\u8BDD", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) })
         }
-      )
+      ]
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.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__ */ jsxRuntime.jsx(
     antd.Popover,
@@ -2434,12 +2533,13 @@ var ChatHeader_default = ({
   closeBtn = false,
   newConversationBtn = true,
   conversationListBtn = true,
-  conversationFavoriteBtn = true
+  conversationFavoriteBtn = true,
+  conversationShareBtn = true
 }) => {
   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("div", { className: classNames__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -2455,7 +2555,8 @@ var ChatHeader_default = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.chatHeaderBtnGroup, children: [
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: newConversationBtn, DefaultComponent: CreateBtn_default }),
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default }),
-        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationFavoriteBtn, DefaultComponent: ConversationFavoritesBtn_default })
+        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationFavoriteBtn, DefaultComponent: ConversationFavoritesBtn_default }),
+        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationShareBtn, DefaultComponent: ConversationShareBtn_default })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -2485,8 +2586,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(Text, { strong: true, className: classNames__default.default("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { type: "secondary", ellipsis: true, className: classNames__default.default("fz-12"), children: agentState.agentInfo.description })
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { strong: true, className: classNames2__default.default("fz-16"), children: agentState.agentInfo.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { type: "secondary", ellipsis: true, className: classNames2__default.default("fz-12"), children: agentState.agentInfo.description })
           ] }) })
         }
       )
@@ -2501,7 +2602,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames__default.default(styles_module_default2.createConversationButton),
+            className: classNames2__default.default(styles_module_default2.createConversationButton),
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2511,7 +2612,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames__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_default2.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, {}) })
   ] });
@@ -2980,7 +3081,7 @@ var CHART_COMPONENTS = Object.fromEntries(
 );
 var Charts_default = ({ data, loading }) => {
   const { type, config } = data;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames__default.default(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
     // Antd 骨架屏
     /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Node, { active: true, className: styles_module_default3.chartSkeleton, children: /* @__PURE__ */ jsxRuntime.jsx(icons.DotChartOutlined, { className: styles_module_default3.chartSkeletonIcon }) })
   ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -3063,12 +3164,12 @@ var DocDrawer_default = ({ title, open, onClose, paramsStr }) => {
   }, [paramsStr]);
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Drawer, { title, push: false, size: "100%", open, onClose, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsxRuntime.jsx(XMarkdown__default.default, { content }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { className: "m-t-32" }) }) });
 };
-var IndexQuote_default = ({ data, loading, message: message3 }) => {
+var IndexQuote_default = ({ data, loading, message: message4 }) => {
   const [open, setOpen] = React10.useState(false);
   const citation = React10.useMemo(() => {
-    const citations = message3.content?.find((item) => item.type === "citation")?.citations ?? [];
+    const citations = message4.content?.find((item) => item.type === "citation")?.citations ?? [];
     return citations?.find((item) => String(item.citationId) === String(data.citationId));
-  }, [data.citationId, message3.content]);
+  }, [data.citationId, message4.content]);
   const onClick = () => {
     if (!citation?.citationUrl) return;
     if (common.isExternal(citation.citationUrl)) {
@@ -3083,7 +3184,7 @@ var IndexQuote_default = ({ data, loading, message: message3 }) => {
     open && /* @__PURE__ */ jsxRuntime.jsx(DocDrawer_default, { paramsStr: citation?.citationUrl, title: citation?.citationName, open, onClose: () => setOpen(false) })
   ] });
 };
-var MarkImg_default = ({ data, loading, message: message3, ...rest }) => {
+var MarkImg_default = ({ data, loading, message: message4, ...rest }) => {
   const getPreviewFileUrl = (src) => {
     return common.buildUrlParams({ [TOKEN_KEY]: tokenManager.get() || "" }, src);
   };
@@ -3110,8 +3211,9 @@ var MdEdit_default = ({ data, loading }) => {
     !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 PreviewLink_default = ({ data, loading, message: message3, ...rest }) => {
+var PreviewLink_default = ({ data, loading, message: message4, ...rest }) => {
   const chatStore = useChatStore();
+  const conversationWorkspacePrefix = "/workspace/conversation/";
   const getLinkFileName = (path) => {
     const lastSegment = path.split("/").pop();
     if (!lastSegment) {
@@ -3123,13 +3225,27 @@ var PreviewLink_default = ({ data, loading, message: message3, ...rest }) => {
       return lastSegment;
     }
   };
-  const handlePreviewByPath = (path) => {
+  const normalizePreviewPath = (path) => {
+    if (!path) {
+      return path;
+    }
+    if (path.startsWith(conversationWorkspacePrefix)) {
+      return path;
+    }
+    if (path.startsWith(conversationWorkspacePrefix.slice(1))) {
+      return `/${path}`;
+    }
     const fileName = getLinkFileName(path);
+    return `${conversationWorkspacePrefix}${fileName}`;
+  };
+  const handlePreviewByPath = (path) => {
+    const normalizedPath = normalizePreviewPath(path);
+    const fileName = getLinkFileName(normalizedPath);
     const suffix = common.getFileSuffixName(fileName);
     chatStore.setPreview({
       fileUrl: chatStore.config.services.request.getPreviewUrl({
-        path,
-        workspaceId: message3.conversationId
+        path: normalizedPath,
+        workspaceId: message4.conversationId
       }),
       fileName,
       suffix
@@ -3242,7 +3358,7 @@ var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   return WrappedComponent;
 };
 var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
-var XMarkdown_default = React10.memo(({ message: message3, components = {}, content = "", ...rest }) => {
+var XMarkdown_default = React10.memo(({ message: message4, components = {}, content = "", ...rest }) => {
   const config = React10.useMemo(() => getMarkdownConfig(), []);
   const formattedContent = React10.useMemo(() => formatMixedContent(content), [content]);
   const newComponents = React10.useMemo(
@@ -3268,14 +3384,14 @@ var XMarkdown_default = React10.memo(({ message: message3, components = {}, cont
     [formattedContent, payloadTagPattern]
   );
   const payloadMapRef = React10.useRef(payloadMap);
-  const messageRef = React10.useRef(message3);
+  const messageRef = React10.useRef(message4);
   payloadMapRef.current = payloadMap;
-  messageRef.current = message3;
+  messageRef.current = message4;
   const markdownComponents = React10.useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     XMarkdown__default.default,
     {
-      className: classNames__default.default("x-markdown-light", styles_module_default4.xMarkdownStyle),
+      className: classNames2__default.default("x-markdown-light", styles_module_default4.xMarkdownStyle),
       config,
       ...rest,
       content: processedContent,
@@ -3620,7 +3736,7 @@ var Switch = ({ id, label, value, bind_path_token, onChange, onDataChange }) =>
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 13, color: "#555" }, children: label })
   ] });
 };
-var Button10 = ({ label, variant = "default", onClick, action, onAction }) => {
+var Button12 = ({ label, variant = "default", onClick, action, onAction }) => {
   const handleClick = () => {
     if (onClick) {
       onClick();
@@ -3650,7 +3766,7 @@ var A2uiComponents = {
   TextField,
   Select,
   Switch,
-  Button: Button10,
+  Button: Button12,
   Divider,
   Tag: Tag3,
   Progress,
@@ -3697,10 +3813,10 @@ function extractDismissedSurfaceIdsFromMessages(messages) {
   const lastCreateIndexBySurface = /* @__PURE__ */ new Map();
   const lastActionIndexBySurface = /* @__PURE__ */ new Map();
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex++) {
-    const message3 = messages[messageIndex];
-    const items = Array.isArray(message3?.content) ? message3.content : [];
+    const message4 = messages[messageIndex];
+    const items = Array.isArray(message4?.content) ? message4.content : [];
     for (const item of items) {
-      if (message3?.role !== 1) {
+      if (message4?.role !== 1) {
         if (item?.type === "a2uiCommand" && item.command) {
           const surfaceId = String(item.command?.createSurface?.surfaceId || "").trim();
           if (surfaceId) lastCreateIndexBySurface.set(surfaceId, messageIndex);
@@ -3716,7 +3832,7 @@ function extractDismissedSurfaceIdsFromMessages(messages) {
           }
         }
       }
-      if (message3?.role === 1 && item?.type === "text") {
+      if (message4?.role === 1 && item?.type === "text") {
         const text = item.messageContent || item.text || "";
         if (typeof text !== "string" || !text.includes("a2ui_action.v1")) continue;
         try {
@@ -4299,9 +4415,9 @@ function diffConversationMessages(messages, prevCursors) {
   const nextCursors = [];
   const pendingItems = [];
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex += 1) {
-    const message3 = messages[messageIndex];
-    const messageId = String(message3?.messageId ?? messageIndex);
-    const items = Array.isArray(message3?.content) ? message3.content : [];
+    const message4 = messages[messageIndex];
+    const messageId = String(message4?.messageId ?? messageIndex);
+    const items = Array.isArray(message4?.content) ? message4.content : [];
     const prevCursor = prevCursors[messageIndex];
     const startIndex = prevCursor ? prevCursor.contentLength : 0;
     if (prevCursor && (prevCursor.messageId !== messageId || items.length < prevCursor.contentLength)) {
@@ -4318,9 +4434,9 @@ function scanA2uiTagsFromMessages(messages, processedTagIds) {
   const newTags = [];
   const newTagIds = [];
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex += 1) {
-    const message3 = messages[messageIndex];
-    const messageId = String(message3?.messageId ?? messageIndex);
-    const items = Array.isArray(message3?.content) ? message3.content : [];
+    const message4 = messages[messageIndex];
+    const messageId = String(message4?.messageId ?? messageIndex);
+    const items = Array.isArray(message4?.content) ? message4.content : [];
     for (const item of items) {
       const text = extractItemTextForA2ui(item);
       if (typeof text !== "string" || !text.includes("<A2UI")) continue;
@@ -4376,9 +4492,9 @@ function reduceA2uiRuntimeMessages(state, messages) {
       processA2uiCommand(cmd, messageIndex, messageId, nextState, effects, deletedSurfaceIds, nextWizardSteps);
     }
   });
-  nextState.processedMessageCursors = shouldReplayAll ? messages.map((message3, messageIndex) => ({
-    messageId: String(message3?.messageId ?? messageIndex),
-    contentLength: Array.isArray(message3?.content) ? message3.content.length : 0
+  nextState.processedMessageCursors = shouldReplayAll ? messages.map((message4, messageIndex) => ({
+    messageId: String(message4?.messageId ?? messageIndex),
+    contentLength: Array.isArray(message4?.content) ? message4.content.length : 0
   })) : nextCursors;
   nextState.wizardStepBySurface = { ...nextState.wizardStepBySurface, ...nextWizardSteps };
   if (deletedSurfaceIds.size) {
@@ -4726,8 +4842,8 @@ function readContextModelPath(context) {
 function buildLatestCommandIndexBySurface(messages) {
   const indexBySurface = {};
   let commandIndex = -1;
-  for (const message3 of messages) {
-    const items = Array.isArray(message3?.content) ? message3.content : [];
+  for (const message4 of messages) {
+    const items = Array.isArray(message4?.content) ? message4.content : [];
     for (const item of items) {
       if (item?.type === "a2uiCommand" && item.command) {
         commandIndex += 1;
@@ -4915,7 +5031,7 @@ var TextNode2 = React10__namespace.default.memo(
     item,
     role,
     customComponents,
-    message: message3
+    message: message4
   }) => {
     const content = toA2uiDisplayText(role, item?.messageContent);
     const markdownComponents = {
@@ -4928,7 +5044,7 @@ var TextNode2 = React10__namespace.default.memo(
     const markdownContent = typeof content === "string" ? transformResourceText(content) : content;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       !!item.reasoningContent && /* @__PURE__ */ jsxRuntime.jsx(xV2.Think, { title: "\u6DF1\u5EA6\u601D\u8003", style: { marginBottom: "16px" }, children: item.reasoningContent }),
-      !!markdownContent && /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { message: message3, components: markdownComponents, content: markdownContent })
+      !!markdownContent && /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { message: message4, components: markdownComponents, content: markdownContent })
     ] });
   }
 );
@@ -5256,9 +5372,9 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "runFailed", "files", "plan"];
-var MessageRender_default = React10__namespace.default.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
+var MessageRender_default = React10__namespace.default.memo(({ role, message: message4, messageIndex = -1, loading, containerRef, customComponents }) => {
   const content = React10.useMemo(() => {
-    return (message3.content || []).filter((item) => {
+    return (message4.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
         return false;
       }
@@ -5271,12 +5387,12 @@ var MessageRender_default = React10__namespace.default.memo(({ role, message: me
       }
       return true;
     });
-  }, [message3.content]);
+  }, [message4.content]);
   const quoteMsg = React10.useMemo(() => {
     const quoteMsg2 = {};
-    if (message3.params) {
+    if (message4.params) {
       try {
-        const citation = JSON.parse(message3.params).citation;
+        const citation = JSON.parse(message4.params).citation;
         if (citation) {
           quoteMsg2.messageContent = citation;
         }
@@ -5284,7 +5400,7 @@ var MessageRender_default = React10__namespace.default.memo(({ role, message: me
       }
     }
     return common.isEmptyObj(quoteMsg2) ? null : quoteMsg2;
-  }, [message3.params, message3.quoteMsg]);
+  }, [message4.params, message4.quoteMsg]);
   const showPending = loading && (content.length === 0 || content[content.length - 1].type !== "text");
   if (content.length === 0 && !showPending) return null;
   const lastToolCallIndex = (() => {
@@ -5308,20 +5424,20 @@ var MessageRender_default = React10__namespace.default.memo(({ role, message: me
               TextNode2,
               {
                 item,
-                role: message3.role,
+                role: message4.role,
                 customComponents,
-                message: message3,
+                message: message4,
                 messageIndex
               },
               `message-${index}`
             ),
-            (item.type === "stepError" || item.type === "runFailed") && (item.errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { message: message3, components: customComponents, content: item.errorMessage }) : null),
+            (item.type === "stepError" || item.type === "runFailed") && (item.errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { message: message4, components: customComponents, content: item.errorMessage }) : null),
             item.type === "files" && /* @__PURE__ */ jsxRuntime.jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsxRuntime.jsx(A2uiPlanNode, { item }, `plan-${index}`)
           ] })
         }
       ),
-      index === lastToolCallIndex && messageIndex >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(A2uiMessageCards, { messageIndex, message: message3 }) : null
+      index === lastToolCallIndex && messageIndex >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(A2uiMessageCards, { messageIndex, message: message4 }) : null
     ] }, `message-${index}`)),
     showPending && role.user === "agent" && /* @__PURE__ */ jsxRuntime.jsx(xV2.Bubble, { role: role.user, placement: role.placement, content: /* @__PURE__ */ jsxRuntime.jsx(RunStartedNode, {}) }),
     quoteMsg && /* @__PURE__ */ jsxRuntime.jsx(QuoteMsgNode, { quoteMsg, role })
@@ -5340,7 +5456,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsxRuntime.jsx(
       xV2.Welcome,
       {
-        className: classNames__default.default(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames2__default.default(styles_module_default2.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsxRuntime.jsx(
           common.RenderWrapper,
@@ -5366,7 +5482,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
           xV2.Prompts,
           {
-            className: classNames__default.default("m-t-16", styles_module_default2.promptItem),
+            className: classNames2__default.default("m-t-16", styles_module_default2.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -5417,13 +5533,13 @@ var BubbleListItems_default = ({
   const messageRefs = React10.useRef({});
   const chatRecords = React10.useMemo(() => {
     const chatRecords2 = [];
-    conversationMessages.forEach((message3, messageIndex) => {
-      const role = getRole(message3.role);
+    conversationMessages.forEach((message4, messageIndex) => {
+      const role = getRole(message4.role);
       const isLeftBubble = role.user === "agent";
-      const isMessageLoading = !!message3.generating;
-      const baseKey = `${message3.executionId}-${messageIndex}`;
+      const isMessageLoading = !!message4.generating;
+      const baseKey = `${message4.executionId}-${messageIndex}`;
       const footerNode = !isMessageLoading ? /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-        message3.stopFlag && isLeftBubble && /* @__PURE__ */ jsxRuntime.jsx(Text3, { type: "secondary", style: { flex: "none" }, children: "\u5DF2\u505C\u6B62" }),
+        message4.stopFlag && isLeftBubble && /* @__PURE__ */ jsxRuntime.jsx(Text3, { type: "secondary", style: { flex: "none" }, children: "\u5DF2\u505C\u6B62" }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", gap: 4, children: role.user === "agent" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
@@ -5443,21 +5559,21 @@ var BubbleListItems_default = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
-              color: message3.feedback === 1 ? "primary" : "default",
+              color: message4.feedback === 1 ? "primary" : "default",
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LikeOutlined, {}),
-              onClick: () => chatStore.feedback(message3.executionId, 1, messageIndex)
+              onClick: () => chatStore.feedback(message4.executionId, 1, messageIndex)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
-              color: message3.feedback === 2 ? "primary" : "default",
+              color: message4.feedback === 2 ? "primary" : "default",
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DislikeOutlined, {}),
-              onClick: () => chatStore.feedback(message3.executionId, 2, messageIndex)
+              onClick: () => chatStore.feedback(message4.executionId, 2, messageIndex)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -5465,7 +5581,7 @@ var BubbleListItems_default = ({
             {
               control: agentActions,
               ctx: {
-                message: message3,
+                message: message4,
                 get dom() {
                   return messageRefs.current[baseKey];
                 }
@@ -5483,7 +5599,7 @@ var BubbleListItems_default = ({
           MessageRender_default,
           {
             role,
-            message: message3,
+            message: message4,
             messageIndex,
             customComponents,
             loading: isMessageLoading,
@@ -5575,7 +5691,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames2__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -5726,7 +5842,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
           return /* @__PURE__ */ jsxRuntime.jsxs(
             antd.Flex,
             {
-              className: classNames__default.default(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
+              className: classNames2__default.default(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
               onClick: () => handleCategoryChange(cat.id, !isChecked),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -5761,7 +5877,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             "\u5DF2\u9009 ",
             selectedIds.length
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames__default.default(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, className: style_module_default.tagContainer, wrap: true, ref: tagsContainerRef, children: [
               selectedIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Tag,
@@ -5791,7 +5907,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: classNames__default.default(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
+                className: classNames2__default.default(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
                 onClick: () => toggleItemSelection(item.id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: style_module_default.itemIconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: iconType }) }),
@@ -5921,7 +6037,7 @@ var ReasonBtn_default = ({}) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: classNames__default.default(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
+      className: classNames2__default.default(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
       onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-reason" }),
@@ -6394,9 +6510,9 @@ var ChatMainPanel = React10.memo(
     );
     const configState = valtio.useSnapshot(chatStore.config);
     const agentState = valtio.useSnapshot(chatStore.agent);
-    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames__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, { align: "center", vertical: true, gap: 24, className: classNames__default.default("height-full", styles_module_default5.bodyWidth), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", vertical: true, gap: 24, className: classNames2__default.default("height-full", styles_module_default5.bodyWidth), children: [
         common.shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.userInput, 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, {}) }),
@@ -6431,7 +6547,7 @@ var ChatPreviewPanel = React10.memo(({ file }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     file.fileUrl && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default5.previewHeader, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames__default.default(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
         /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
@@ -6536,6 +6652,8 @@ var layouts_default = React10.forwardRef(({ theme: theme5, params, hooks, layout
   common.useDeepEffect(() => {
     if (agentState.agentInfo.id) {
       chatStore.initConversation(config);
+    } else if (config.conversationId) {
+      chatStore.switchConversation(config.conversationId);
     }
   }, [agentState.agentInfo.id, config.conversationId]);
   const hasPreView = React10.useMemo(() => {
@@ -6554,25 +6672,25 @@ var layouts_default = React10.forwardRef(({ theme: theme5, params, hooks, layout
   }, [hasPreView]);
   common.useWebSocket({
     url: configState.services.websocketUrls?.[0],
-    onMessage: (message3) => chatStore.acceptMessage(message3.payload),
+    onMessage: (message4) => chatStore.acceptMessage(message4.payload),
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
   common.useWebSocket({
     url: configState.services.websocketUrls?.[1],
-    onMessage: (message3) => chatStore.acceptMessage(message3.payload),
+    onMessage: (message4) => chatStore.acceptMessage(message4.payload),
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
   React10.useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames__default.default(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default(index_module_default3.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: classNames__default.default("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames2__default.default("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.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, { file: configState.preview.file }) })
       ] })