@myun/gimi-chat 0.7.7 → 0.7.9

package/dist/components/file-card/index.js

@@ -3,7 +3,7 @@ import { Tooltip } from '@douyinfe/semi-ui';
 import styles from "./index.module.css";
 import { downloadExcelByUrl } from "../../utils/tools";
 import { useAppDispatch } from "../../store/hooks";
-import { setFilePreviewState, setShowSidebarFileList, setSidebarFileList } from "../../store/slices/gimiMenuSlice";
+import { setFilePreviewState, openSidebar } from "../../store/slices/gimiMenuSlice";
 import classNames from 'classnames';
 import { IconChevronRightStroked } from '@douyinfe/semi-icons';
 export var FileCard = function FileCard(_ref) {
@@ -78,11 +78,13 @@ export var MultipleFileCard = function MultipleFileCard(_ref2) {
   } else {
     renderList = list;
   }
-  var openSidebar = function openSidebar() {
-    dispatch(setShowSidebarFileList({
-      showSidebarFileList: true
+  var openSidebarHandler = function openSidebarHandler() {
+    dispatch(openSidebar({
+      type: 'fileList',
+      data: {
+        fileList: list
+      }
     }));
-    dispatch(setSidebarFileList(list));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: styles.main
@@ -99,7 +101,7 @@ export var MultipleFileCard = function MultipleFileCard(_ref2) {
     });
   }), hasMore && /*#__PURE__*/React.createElement("div", {
     className: styles.all,
-    onClick: openSidebar
+    onClick: openSidebarHandler
   }, "\u5168\u90E8", /*#__PURE__*/React.createElement(IconChevronRightStroked, null))));
 };
 export default MultipleFileCard;

package/dist/components/knowledge-trace/KnowledgeIconComponent.js

@@ -7,7 +7,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import styles from "./index.module.css";
 import { knowledgeConstants } from "../../constants";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
-import { setShowKonwledgeTrace, setKonwledgeTraceState } from "../../store/slices/gimiMenuSlice";
+import { openSidebar } from "../../store/slices/gimiMenuSlice";
 import React from 'react';
 var KnowledgeIcon = function KnowledgeIcon(_ref) {
   var url = _ref.url;
@@ -37,13 +37,15 @@ export var KnowledgeIconComponent = function KnowledgeIconComponent(_ref2) {
   var iconUrl = type === 'video' ? knowledgeConstants.VIDEO_ICON_KNOWLADGE_TRACE_ADDRESS : type === 'document' ? knowledgeConstants.DOCUMENT_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_ADDRESS;
   var handleIconClick = function handleIconClick() {
     if (isMsgRecieving && isLastMessage) return; // 最新一条正在流式输出的消息，不打开溯源面板
-    dispatch(setKonwledgeTraceState({
-      type: type,
-      resources: resources,
-      messageId: messageId
-    }));
-    dispatch(setShowKonwledgeTrace({
-      showKonwledgeTrace: true
+    dispatch(openSidebar({
+      type: 'knowledgeTrace',
+      data: {
+        knowledgeTrace: {
+          type: type,
+          resources: resources,
+          messageId: messageId
+        }
+      }
     }));
   };
   return /*#__PURE__*/React.createElement("div", {

package/dist/components/reasoning-search/index.js

@@ -2,7 +2,7 @@ import styles from "./index.module.css";
 import React from 'react';
 import { IconSearchStroked, IconChevronRightStroked } from '@douyinfe/semi-icons';
 import { useAppDispatch } from "../../store/hooks";
-import { setShowSidebarReasoningSearch, setSidebarReasoningSearchList } from "../../store/slices/gimiMenuSlice";
+import { openSidebar } from "../../store/slices/gimiMenuSlice";
 var ReasoningSearch = function ReasoningSearch(_ref) {
   var value = _ref.value;
   var dispatch = useAppDispatch();
@@ -12,20 +12,22 @@ var ReasoningSearch = function ReasoningSearch(_ref) {
   } catch (error) {
     return '';
   }
-  var openSidebar = function openSidebar() {
+  var openSidebarHandler = function openSidebarHandler() {
     var list = (searchResult.results || []).map(function (item) {
       return item['text_card'];
     });
     if (list.length > 0) {
-      dispatch(setShowSidebarReasoningSearch({
-        showSidebarReasoningSearch: true
+      dispatch(openSidebar({
+        type: 'reasoningSearch',
+        data: {
+          reasoningSearchList: list
+        }
       }));
-      dispatch(setSidebarReasoningSearchList(list));
     }
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.search_button,
-    onClick: openSidebar
+    onClick: openSidebarHandler
   }, /*#__PURE__*/React.createElement(IconSearchStroked, {
     className: styles.icon
   }), /*#__PURE__*/React.createElement("span", {

package/dist/components/templates/CommonChat.js

@@ -5,16 +5,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { store } from "../../store";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
-import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBusinessParams, setQuoteTeachModelList } from "../../store/slices/gimiMenuSlice";
+import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBusinessParams, setQuoteTeachModelList, openSidebar, closeSidebar } from "../../store/slices/gimiMenuSlice";
 import useCommonChatAPI from "../../hooks/useCommonChatAPI";
 import { replaceBraces } from "../../utils/tools";
 import styles from "./index.module.css";
@@ -24,14 +18,11 @@ import PresetAgentContent from "../preset-agent-content";
 import useChatVoice from "../../hooks/useChatVoice";
 import { useChatUI } from "../../hooks/useChatUI";
 import { IconChevronDown } from '@douyinfe/semi-icons';
-import KonwledgeTrace from "../knowledge-trace";
-import FileCardSideBar from "../file-card/fileCardSidebar";
 import OfficeFilePreviewPanel from "../file-preview";
-import ReasoningSearchSidebar from "../reasoning-search/sidebar";
 import AiLoading from "../ai-loading";
-import SearchCourseListSidebar from "../search-course-list/sidebar";
 import SearchCourseList from "../search-course-list";
 import useSearchCourse from "../../hooks/useSearchCase";
+import UnifiedSidebar from "../unified-sidebar";
 var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$showInput = props.showInput,
     showInput = _props$showInput === void 0 ? true : _props$showInput,
@@ -83,15 +74,21 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searching = _useSearchCourse.searching,
     searchCourses = _useSearchCourse.searchCourses,
     setSearchedCourseList = _useSearchCourse.setSearchedCourseList;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    showSearchCourseListSidebar = _React$useState2[0],
-    setShowSearchCourseListSidebar = _React$useState2[1];
+  var sidebar = useAppSelector(function (state) {
+    return state.gimiMenu.sidebar;
+  });
   var triggerSearchCourseListSidebar = React.useCallback(function () {
-    setShowSearchCourseListSidebar(function (prev) {
-      return !prev;
-    });
-  }, []);
+    if (sidebar.type === 'searchCourseList') {
+      dispatch(closeSidebar());
+    } else {
+      dispatch(openSidebar({
+        type: 'searchCourseList',
+        data: {
+          searchCourseList: searchedCourseList
+        }
+      }));
+    }
+  }, [dispatch, sidebar.type, searchedCourseList]);
   // 搜索相关课程 - 结束
 
   var hookParams = React.useMemo(function () {
@@ -195,14 +192,17 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     (_chatInputRef$current = chatInputRef.current) === null || _chatInputRef$current === void 0 || _chatInputRef$current.setValue('');
     // 清空AI搜课结果
     setSearchedCourseList([]);
-    setShowSearchCourseListSidebar(false);
+    // 只关闭搜索课程列表侧边栏
+    if (sidebar.type === 'searchCourseList') {
+      dispatch(closeSidebar());
+    }
     var conversationId = store.getState().gimiMenu.conversationId;
     if (!conversationId) {
       startConversationAndChat(val);
       return;
     }
     handleSend(val, agent, isSystemAuto);
-  }, [handleSend, startConversationAndChat, setSearchedCourseList]);
+  }, [handleSend, startConversationAndChat, setSearchedCourseList, dispatch, sidebar.type]);
 
   // 输入框开头Agent名称
   var showTitleSlot = React.useMemo(function () {
@@ -285,17 +285,8 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     questionList: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.questionList) || [],
     onQuickSend: handleInputSend,
     layout: 'horizontal'
-  })), /*#__PURE__*/React.createElement(KonwledgeTrace, _extends({}, props.sidebarConfig, {
-    isOverFlow: model === 'fullscreen' ? false : true
-  })), /*#__PURE__*/React.createElement(FileCardSideBar, _extends({}, props.sidebarConfig, {
-    isOverFlow: model === 'fullscreen' ? false : true
-  })), /*#__PURE__*/React.createElement(OfficeFilePreviewPanel, null), /*#__PURE__*/React.createElement(ReasoningSearchSidebar, _extends({}, props.sidebarConfig, {
-    isOverFlow: model === 'fullscreen' ? false : true
-  })), /*#__PURE__*/React.createElement(SearchCourseListSidebar, _extends({}, props.sidebarConfig, {
-    show: showSearchCourseListSidebar,
-    courseList: searchedCourseList,
-    onClose: triggerSearchCourseListSidebar,
+  })), /*#__PURE__*/React.createElement(UnifiedSidebar, _extends({}, props.sidebarConfig, {
     isOverFlow: model === 'fullscreen' ? false : true
-  })));
+  })), /*#__PURE__*/React.createElement(OfficeFilePreviewPanel, null));
 });
 export default CommonChat;

package/dist/components/unified-sidebar/FileListContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface FileListContentProps {
+    isOverFlow: boolean;
+}
+declare const FileListContent: React.FC<FileListContentProps>;
+export default FileListContent;

package/dist/components/unified-sidebar/FileListContent.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import styles from "../file-card/index.module.css";
+import { useAppSelector } from "../../store/hooks";
+import { FileCard } from "../file-card";
+var FileListContent = function FileListContent(_ref) {
+  var isOverFlow = _ref.isOverFlow;
+  var sidebar = useAppSelector(function (state) {
+    return state.gimiMenu.sidebar;
+  });
+  var fileList = sidebar.fileList;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.list
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.total
+  }, "\u672C\u5BF9\u8BDD\u5171".concat((fileList === null || fileList === void 0 ? void 0 : fileList.length) || 0, "\u4E2A\u6587\u6863")), fileList.map(function (file, index) {
+    return /*#__PURE__*/React.createElement(FileCard, {
+      fileName: file.fileName,
+      fileType: file.fileType,
+      size: file.size,
+      downloadUrl: file.downloadUrl,
+      key: index,
+      model: isOverFlow ? 'sidebar' : 'fullscreen'
+    });
+  }));
+};
+export default FileListContent;

package/dist/components/unified-sidebar/KnowledgeTraceContent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type KonwledgeType = 'video' | 'document' | 'product';
+interface KnowledgeTraceContentProps {
+    onCurrentTraceVideoClick?: (time?: string) => void;
+}
+declare const KnowledgeTraceContent: React.FC<KnowledgeTraceContentProps>;
+export default KnowledgeTraceContent;

package/dist/components/unified-sidebar/KnowledgeTraceContent.js

@@ -0,0 +1,105 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from 'react';
+import styles from "../knowledge-trace/index.module.css";
+import { useAppSelector } from "../../store/hooks";
+import { Tabs, TabPane } from '@douyinfe/semi-ui';
+import VideoList from "../knowledge-trace/videoList";
+import DocumentList from "../knowledge-trace/documentList";
+import ClassList from "../knowledge-trace/classList";
+import { getKnowledgeTraceListFromConent } from "../../utils/tools";
+import useKnowledgeService from "../../hooks/useKnowledgeService";
+import AiLoading from "../ai-loading";
+var KnowledgeTraceContent = function KnowledgeTraceContent(_ref) {
+  var onCurrentTraceVideoClick = _ref.onCurrentTraceVideoClick;
+  var sidebar = useAppSelector(function (state) {
+    return state.gimiMenu.sidebar;
+  });
+  var messageList = useAppSelector(function (state) {
+    return state.gimiMenu.messageList;
+  });
+  var konwledgeTraceState = sidebar.knowledgeTrace;
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    tabList = _React$useState2[0],
+    setTabList = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeKey = _React$useState4[0],
+    setActiveKey = _React$useState4[1];
+  var messageListRef = React.useRef(messageList);
+  messageListRef.current = messageList;
+  var kowledgeTraceList = React.useMemo(function () {
+    var chatList = messageListRef.current;
+    var matchIndex = chatList.findIndex(function (item) {
+      return item.id === konwledgeTraceState.messageId;
+    });
+    var matchMessage = chatList[matchIndex];
+    var sendMessage = chatList[matchIndex - 1];
+    if (!matchMessage) return [];
+    return getKnowledgeTraceListFromConent(matchMessage, sendMessage);
+  }, [konwledgeTraceState.messageId]);
+  React.useEffect(function () {
+    if ((kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0) {
+      setTabList(function () {
+        return kowledgeTraceList.map(function (item) {
+          return {
+            name: item.type === 'document' ? '文档' : item.type === 'video' ? '视频' : '课程',
+            type: item.type
+          };
+        });
+      });
+    }
+  }, [kowledgeTraceList]);
+  var _useKnowledgeService = useKnowledgeService(kowledgeTraceList),
+    videoSliceList = _useKnowledgeService.videoSliceList,
+    documentList = _useKnowledgeService.documentList,
+    productList = _useKnowledgeService.productList,
+    isLoading = _useKnowledgeService.isLoading;
+  React.useEffect(function () {
+    setActiveKey(konwledgeTraceState.type);
+  }, [konwledgeTraceState.type]);
+  var handleTabChange = function handleTabChange(activeKey) {
+    setActiveKey(activeKey);
+  };
+  var tabContent = React.useMemo(function () {
+    if (isLoading) return /*#__PURE__*/React.createElement(AiLoading, null);
+    switch (activeKey) {
+      case 'video':
+        return /*#__PURE__*/React.createElement(VideoList, {
+          list: videoSliceList,
+          onCurrentTraceVideoClick: onCurrentTraceVideoClick
+        });
+      case 'product':
+        return /*#__PURE__*/React.createElement(ClassList, {
+          list: productList
+        });
+      case 'document':
+        return /*#__PURE__*/React.createElement(DocumentList, {
+          list: documentList
+        });
+      default:
+        return null;
+    }
+  }, [activeKey, videoSliceList, productList, documentList, isLoading, onCurrentTraceVideoClick]);
+  if (!(kowledgeTraceList !== null && kowledgeTraceList !== void 0 && kowledgeTraceList.length)) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.tabs
+  }, (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 1 ? /*#__PURE__*/React.createElement(Tabs, {
+    type: "button",
+    size: "small",
+    activeKey: activeKey,
+    onChange: handleTabChange
+  }, tabList.map(function (tab) {
+    return /*#__PURE__*/React.createElement(TabPane, {
+      tab: tab.name,
+      itemKey: tab.type,
+      key: tab.type
+    }, tabContent);
+  })) : tabContent);
+};
+export default KnowledgeTraceContent;

package/dist/components/unified-sidebar/ReasoningSearchContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ReasoningSearchContent: React.FC;
+export default ReasoningSearchContent;

package/dist/components/unified-sidebar/ReasoningSearchContent.js

@@ -0,0 +1,75 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from 'react';
+import styles from "../reasoning-search/index.module.css";
+import { useAppSelector } from "../../store/hooks";
+import { Badge } from '@douyinfe/semi-ui';
+import GHIcon from "../../assets/image/gtrs_logo_lt.png";
+var getFaviconByUrl = function getFaviconByUrl(url) {
+  try {
+    var urlObj = new URL(url);
+    return "".concat(urlObj.origin, "/favicon.ico");
+  } catch (_unused) {
+    return '';
+  }
+};
+var IconComponent = function IconComponent(_ref) {
+  var iconUrl = _ref.iconUrl;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    iconError = _React$useState2[0],
+    setIconError = _React$useState2[1];
+  if (iconError || !iconUrl) {
+    return /*#__PURE__*/React.createElement("img", {
+      src: GHIcon,
+      alt: "icon",
+      className: styles.icon
+    });
+  }
+  return /*#__PURE__*/React.createElement("img", {
+    src: iconUrl,
+    alt: "icon",
+    className: styles.icon,
+    onError: function onError() {
+      return setIconError(true);
+    }
+  });
+};
+var ReasoningSearchContent = function ReasoningSearchContent() {
+  var sidebar = useAppSelector(function (state) {
+    return state.gimiMenu.sidebar;
+  });
+  var sidebarReasoningSearchList = sidebar.reasoningSearchList;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.list
+  }, sidebarReasoningSearchList.map(function (item, index) {
+    var iconUrl = getFaviconByUrl(item.url);
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: styles.item
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.item_title,
+      onClick: function onClick() {
+        return window.open(item.url);
+      }
+    }, item.title), /*#__PURE__*/React.createElement("div", {
+      className: styles.item_footer
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.footer_left
+    }, /*#__PURE__*/React.createElement(IconComponent, {
+      iconUrl: iconUrl,
+      item: item
+    }), /*#__PURE__*/React.createElement("span", null, item.sitename)), /*#__PURE__*/React.createElement(Badge, {
+      style: {
+        background: 'rgba(240, 240, 243, 1)',
+        color: 'rgba(154, 167, 183, 1)'
+      },
+      count: index + 1
+    })));
+  }));
+};
+export default ReasoningSearchContent;

package/dist/components/unified-sidebar/SearchCourseListContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SearchCourseListContent: React.FC;
+export default SearchCourseListContent;

package/dist/components/unified-sidebar/SearchCourseListContent.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import styles from "../search-course-list/index.module.css";
+import { useAppSelector } from "../../store/hooks";
+import { CourseCard } from "../search-course-list";
+var SearchCourseListContent = function SearchCourseListContent() {
+  var sidebar = useAppSelector(function (state) {
+    return state.gimiMenu.sidebar;
+  });
+  var courseList = sidebar.searchCourseList;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.list
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.total
+  }, "\u672C\u5BF9\u8BDD\u5171".concat((courseList === null || courseList === void 0 ? void 0 : courseList.length) || 0, "\u4E2A\u8BFE\u7A0B")), courseList.map(function (item) {
+    return /*#__PURE__*/React.createElement(CourseCard, {
+      key: item.productId,
+      item: item
+    });
+  }));
+};
+export default SearchCourseListContent;

package/dist/components/unified-sidebar/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface UnifiedSidebarProps {
+    sidebarTargetElm?: HTMLElement;
+    isOverFlow: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onCurrentTraceVideoClick?: (time?: string) => void;
+}
+declare const UnifiedSidebar: React.FC<UnifiedSidebarProps>;
+export default UnifiedSidebar;

package/dist/components/unified-sidebar/index.js

@@ -0,0 +1,64 @@
+import React, { useCallback, useMemo } from 'react';
+import { useAppSelector, useAppDispatch } from "../../store/hooks";
+import { closeSidebar } from "../../store/slices/gimiMenuSlice";
+import GimiSideBar from "../gimi-sidebar";
+import KnowledgeTraceContent from "./KnowledgeTraceContent";
+import FileListContent from "./FileListContent";
+import ReasoningSearchContent from "./ReasoningSearchContent";
+import SearchCourseListContent from "./SearchCourseListContent";
+var sidebarTitleMap = {
+  knowledgeTrace: '引用来源',
+  fileList: '全部',
+  reasoningSearch: '搜索来源',
+  searchCourseList: '搜索结果'
+};
+var UnifiedSidebar = function UnifiedSidebar(_ref) {
+  var sidebarTargetElm = _ref.sidebarTargetElm,
+    isOverFlow = _ref.isOverFlow,
+    className = _ref.className,
+    style = _ref.style,
+    onCurrentTraceVideoClick = _ref.onCurrentTraceVideoClick;
+  var dispatch = useAppDispatch();
+  var sidebar = useAppSelector(function (state) {
+    return state.gimiMenu.sidebar;
+  });
+  var handleClose = useCallback(function () {
+    dispatch(closeSidebar());
+  }, [dispatch]);
+  var title = useMemo(function () {
+    if (!sidebar.type) return '';
+    if (sidebar.type === 'reasoningSearch') {
+      return "".concat(sidebarTitleMap.reasoningSearch, " ").concat(sidebar.reasoningSearchList.length);
+    }
+    return sidebarTitleMap[sidebar.type];
+  }, [sidebar.type, sidebar.reasoningSearchList.length]);
+  var renderContent = useCallback(function () {
+    switch (sidebar.type) {
+      case 'knowledgeTrace':
+        return /*#__PURE__*/React.createElement(KnowledgeTraceContent, {
+          onCurrentTraceVideoClick: onCurrentTraceVideoClick
+        });
+      case 'fileList':
+        return /*#__PURE__*/React.createElement(FileListContent, {
+          isOverFlow: isOverFlow
+        });
+      case 'reasoningSearch':
+        return /*#__PURE__*/React.createElement(ReasoningSearchContent, null);
+      case 'searchCourseList':
+        return /*#__PURE__*/React.createElement(SearchCourseListContent, null);
+      default:
+        return null;
+    }
+  }, [sidebar.type, isOverFlow, onCurrentTraceVideoClick]);
+  if (!sidebar.type) return null;
+  return /*#__PURE__*/React.createElement(GimiSideBar, {
+    show: !!sidebar.type,
+    isOverFlow: isOverFlow,
+    title: title,
+    handleClose: handleClose,
+    className: className,
+    style: style,
+    sidebarTargetElm: sidebarTargetElm
+  }, renderContent() || undefined);
+};
+export default UnifiedSidebar;

package/dist/hooks/useCommonChatAPI.js

@@ -22,7 +22,7 @@ import ChatContext from "../components/templates/chatContext";
 import React, { useRef } from 'react';
 import { Toast } from "@douyinfe/semi-ui";
 import { useAppDispatch, useAppSelector } from "../store/hooks";
-import { setMessageList, setFileList, setConversationId, setAgentDetail, setAutoLoadConversation, updateState } from "../store/slices/gimiMenuSlice";
+import { setMessageList, setFileList, setConversationId, setAgentDetail, setAutoLoadConversation, updateState, closeSidebar } from "../store/slices/gimiMenuSlice";
 import { fileValidation, parseMessageContent, processString } from "../utils/tools";
 import { filterPropmptFromUserInput } from "../utils/tools";
 import { useChatMessage } from "./useChatMessage";
@@ -190,23 +190,20 @@ var useCommonChatAPI = function useCommonChatAPI(props) {
   var clearQuotesFromRedux = React.useCallback(function () {
     dispatch(updateState({
       fileList: [],
-      showKonwledgeTrace: false,
-      showSidebarFileList: false,
-      showSidebarReasoningSearch: false,
       filePreviewState: {
         show: false,
         url: '',
         filename: ''
       },
-      // quoteProductList: [],
-      // quoteTeachModelList: [],
       konwledgeTraceState: {
         type: 'video',
         resources: [],
         messageId: null
       },
-      sidebarReasoningSearchList: []
+      sidebarReasoningSearchList: [],
+      sidebarFileList: []
     }));
+    dispatch(closeSidebar());
   }, [dispatch]);
   var deleteConversation = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var res;

package/dist/store/slices/gimiMenuSlice.d.ts

@@ -3,6 +3,15 @@ import type { KonwledgeTraceState } from '../../types/answer';
 import type { FileItem, IFileCardProps } from '../../types/file';
 import { IChatMessageItem } from '../../interfaces/chatMessage';
 import { IReasoningSearchItem } from '../../components/reasoning-search/sidebar';
+import { ICourseItem } from '../../components/search-course-list';
+export declare type SidebarType = 'knowledgeTrace' | 'fileList' | 'reasoningSearch' | 'searchCourseList' | null;
+export interface SidebarState {
+    type: SidebarType;
+    knowledgeTrace: KonwledgeTraceState;
+    fileList: IFileCardProps[];
+    reasoningSearchList: IReasoningSearchItem[];
+    searchCourseList: ICourseItem[];
+}
 export interface GimiMenuState {
     platform: 'myun' | 'preview' | 'damai';
     token: string;
@@ -33,6 +42,7 @@ export interface GimiMenuState {
     showSidebarReasoningSearch: boolean;
     sidebarReasoningSearchList: IReasoningSearchItem[];
     sidebarFileList: IFileCardProps[];
+    sidebar: SidebarState;
     filePreviewState: {
         show: boolean;
         url: string;
@@ -98,6 +108,9 @@ export declare const setAgentDetail: import("@reduxjs/toolkit").ActionCreatorWit
     autoLoadConversation: boolean;
 }, "gimiMenu/setAutoLoadConversation">, setShowSidebarReasoningSearch: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     showSidebarReasoningSearch: boolean;
-}, "gimiMenu/setShowSidebarReasoningSearch">, setSidebarReasoningSearchList: import("@reduxjs/toolkit").ActionCreatorWithPayload<IReasoningSearchItem[], "gimiMenu/setSidebarReasoningSearchList">;
+}, "gimiMenu/setShowSidebarReasoningSearch">, setSidebarReasoningSearchList: import("@reduxjs/toolkit").ActionCreatorWithPayload<IReasoningSearchItem[], "gimiMenu/setSidebarReasoningSearchList">, openSidebar: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    type: SidebarType;
+    data?: Partial<SidebarState> | undefined;
+}, "gimiMenu/openSidebar">, closeSidebar: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"gimiMenu/closeSidebar">, setSidebarKnowledgeTrace: import("@reduxjs/toolkit").ActionCreatorWithPayload<KonwledgeTraceState, "gimiMenu/setSidebarKnowledgeTrace">, setSidebarFileListData: import("@reduxjs/toolkit").ActionCreatorWithPayload<IFileCardProps[], "gimiMenu/setSidebarFileListData">, setSidebarReasoningSearchListData: import("@reduxjs/toolkit").ActionCreatorWithPayload<IReasoningSearchItem[], "gimiMenu/setSidebarReasoningSearchListData">, setSidebarSearchCourseList: import("@reduxjs/toolkit").ActionCreatorWithPayload<ICourseItem[], "gimiMenu/setSidebarSearchCourseList">;
 declare const reducer: Reducer<GimiMenuState>;
 export default reducer;