@myun/gimi-chat 0.5.5 → 0.5.7

package/dist/components/ai-loading/index.module.css

@@ -8,4 +8,6 @@
 .aiLoading .text {
   margin-top: 4px;
   text-align: center;
+  font-size: 14px;
+  color: #1890ff;
 }

package/dist/components/chat-input/index.js

@@ -102,9 +102,12 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _ref = apiService,
     createRoomId = _ref.createRoomId;
   React.useEffect(function () {
-    var _props$defaultPrompt;
-    if (!props.defaultPrompt) return;
-    setHasContent(((_props$defaultPrompt = props.defaultPrompt) === null || _props$defaultPrompt === void 0 ? void 0 : _props$defaultPrompt.trim().length) > 0);
+    if (!props.defaultPrompt) {
+      setHasContent(false);
+    } else {
+      var _props$defaultPrompt;
+      setHasContent(((_props$defaultPrompt = props.defaultPrompt) === null || _props$defaultPrompt === void 0 ? void 0 : _props$defaultPrompt.trim().length) > 0);
+    }
   }, [props.defaultPrompt]);
   React.useImperativeHandle(ref, function () {
     return {

package/dist/components/gimi-sidebar/index.module.css

@@ -4,6 +4,7 @@
   top: 0;
   z-index: 10;
   height: 100%;
+  box-sizing: border-box;
   box-shadow: -1px 0 10px 0 rgb(233, 235, 242);
   width: 300px;
   display: flex;
@@ -54,6 +55,7 @@
   padding: 10px;
   border-left: 1px solid #EEEEEE;
   height: 100%;
+  box-sizing: border-box;
   box-shadow: -1px 0 10px 0 rgb(233, 235, 242);
   overflow: auto;
   z-index: 3;

package/dist/components/message-list/index.js

@@ -1,4 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }
@@ -40,7 +42,13 @@ var MessageList = function MessageList(_ref) {
     onLikeCallback = _ref.onLikeCallback,
     onUnLikeCallback = _ref.onUnLikeCallback,
     onDownloadCallback = _ref.onDownloadCallback,
-    reasoningTitle = _ref.reasoningTitle;
+    reasoningTitle = _ref.reasoningTitle,
+    _ref$hideUserMessage = _ref.hideUserMessage,
+    hideUserMessage = _ref$hideUserMessage === void 0 ? false : _ref$hideUserMessage,
+    _ref$messageLayout = _ref.messageLayout,
+    messageLayout = _ref$messageLayout === void 0 ? 'center' : _ref$messageLayout,
+    _ref$messageStyle = _ref.messageStyle,
+    messageStyle = _ref$messageStyle === void 0 ? {} : _ref$messageStyle;
   var _useGimiFileUpload = useGimiFileUpload(),
     handleSSEFileAnalyize = _useGimiFileUpload.handleSSEFileAnalyize,
     fileUpload = _useGimiFileUpload.fileUpload;
@@ -91,8 +99,19 @@ var MessageList = function MessageList(_ref) {
   var handleShowCourse = useCallback(function (v) {
     chatUI.showCourse(v.messageId ? v.messageId : v.chatId, v.videoResourceList);
   }, [chatUI]);
+  var buildStyle = function buildStyle() {
+    var style = {};
+    if (messageLayout === 'start') {
+      style.margin = 0;
+    } else if (messageLayout === 'end') {
+      style.margin = 0;
+      style.marginLeft = 'auto';
+    }
+    return _objectSpread(_objectSpread({}, style), messageStyle);
+  };
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.main)
+    className: classNames(styles.main),
+    style: buildStyle()
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(model === 'sidebar' ? styles.small_container : styles.container)
   }, chatList.length > 0 && /*#__PURE__*/React.createElement("div", {
@@ -110,7 +129,7 @@ var MessageList = function MessageList(_ref) {
       onMouseEnter: function onMouseEnter() {
         if (!v.loading) chatUI.setShowCopyId(v.id);
       }
-    }, (v === null || v === void 0 ? void 0 : v.type) === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, v.status !== 1 && /*#__PURE__*/React.createElement("div", {
+    }, (v === null || v === void 0 ? void 0 : v.type) === 0 && !hideUserMessage && /*#__PURE__*/React.createElement(React.Fragment, null, v.status !== 1 && /*#__PURE__*/React.createElement("div", {
       className: styles.qusetionOpera
     }, v.status === 0 && /*#__PURE__*/React.createElement(Spin, {
       size: "small"

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

@@ -22,6 +22,7 @@ import KnowledgeIconGroup from "../knowledge-trace/KnowledgeIconComponent";
 import { IconChevronUp, IconChevronDown } from '@douyinfe/semi-icons';
 import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setMessageList } from "../../store/slices/gimiMenuSlice";
+import ReasoningSearch from "../reasoning-search";
 var ReasoningContent = function ReasoningContent(_ref) {
   var reasoningTitle = _ref.reasoningTitle,
     item = _ref.item;
@@ -29,12 +30,53 @@ var ReasoningContent = function ReasoningContent(_ref) {
   var _useScroll = useScroll(containerRef),
     _useScroll2 = _slicedToArray(_useScroll, 1),
     throttledScrollToBottom = _useScroll2[0];
+  var _React$useState = React.useState({
+      isTop: true,
+      isBottom: true
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    scrollState = _React$useState2[0],
+    setScrollState = _React$useState2[1];
   var messageList = useAppSelector(function (state) {
     return state.gimiMenu.messageList;
   });
   var messageListRef = useRef(messageList);
   messageListRef.current = messageList;
   var dispatch = useAppDispatch();
+  var handleScroll = useCallback(function () {
+    if (containerRef.current) {
+      var _containerRef$current = containerRef.current,
+        scrollTop = _containerRef$current.scrollTop,
+        scrollHeight = _containerRef$current.scrollHeight,
+        clientHeight = _containerRef$current.clientHeight;
+      var isTop = scrollTop <= 0;
+      var isBottom = scrollTop + clientHeight >= scrollHeight - 1; // 1px buffer for rounding
+      setScrollState({
+        isTop: isTop,
+        isBottom: isBottom
+      });
+    }
+  }, []);
+  useEffect(function () {
+    var container = containerRef.current;
+    if (container) {
+      container.addEventListener('scroll', handleScroll);
+      // Initial check
+      handleScroll();
+
+      // Re-check when content changes
+      var observer = new MutationObserver(handleScroll);
+      observer.observe(container, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+      return function () {
+        container.removeEventListener('scroll', handleScroll);
+        observer.disconnect();
+      };
+    }
+  }, [item.expand]);
   var updataChatList = React.useCallback(function (id, expand) {
     var _messageListRef$curre;
     var newMessageList = (_messageListRef$curre = messageListRef.current) === null || _messageListRef$curre === void 0 ? void 0 : _messageListRef$curre.map(function (item) {
@@ -79,7 +121,7 @@ var ReasoningContent = function ReasoningContent(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.title
   }, reasoningTitle, renderStatusText()), item.expand ? /*#__PURE__*/React.createElement(IconChevronUp, null) : /*#__PURE__*/React.createElement(IconChevronDown, null)), item.expand ? /*#__PURE__*/React.createElement("div", {
-    className: styles.deeping,
+    className: "".concat(styles.deeping, " ").concat(!scrollState.isTop ? styles.showTopMask : '', " ").concat(!scrollState.isBottom ? styles.showBottomMask : ''),
     ref: containerRef,
     style: item.reasoningStatus === 1 ? {
       maxHeight: 240
@@ -105,6 +147,9 @@ var ReasoningContent = function ReasoningContent(_ref) {
     customRender: [{
       type: 'knowledge',
       component: KnowledgeIconGroup
+    }, {
+      type: 'search',
+      component: ReasoningSearch
     }],
     showLoading: item.reasoningLoading
   }))), item.msgLoading && /*#__PURE__*/React.createElement("div", {

package/dist/components/reasoning-content/index.module.css

@@ -49,6 +49,18 @@
   margin-top: 8px;
   overflow-y: scroll;
 }
+.container .deeping.showTopMask {
+  mask-image: linear-gradient(to bottom, transparent, black 32px);
+  -webkit-mask-image: linear-gradient(to bottom, transparent, black 32px);
+}
+.container .deeping.showBottomMask {
+  mask-image: linear-gradient(to top, transparent, black 32px);
+  -webkit-mask-image: linear-gradient(to top, transparent, black 32px);
+}
+.container .deeping.showTopMask.showBottomMask {
+  mask-image: linear-gradient(to bottom, transparent, black 32px, black calc(100% - 32px), transparent);
+  -webkit-mask-image: linear-gradient(to bottom, transparent, black 32px, black calc(100% - 32px), transparent);
+}
 .container .deepThinkPack {
   width: 100%;
   position: relative;

package/dist/components/reasoning-search/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const ReasoningSearch: ({ value }: {
     value: any;
-}) => any;
+}) => string | React.JSX.Element;
 export default ReasoningSearch;

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

@@ -1,16 +1,29 @@
 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";
 var ReasoningSearch = function ReasoningSearch(_ref) {
   var value = _ref.value;
+  var dispatch = useAppDispatch();
   var searchResult = {};
   try {
     searchResult = typeof value === 'string' ? JSON.parse(value) : value;
   } catch (error) {
     console.error(error);
-    return searchResult;
+    return "".concat(searchResult);
   }
-  var openSidebar = function openSidebar() {};
+  var openSidebar = function openSidebar() {
+    var list = (searchResult.results || []).map(function (item) {
+      return item['text_card'];
+    });
+    if (list.length > 0) {
+      dispatch(setShowSidebarReasoningSearch({
+        showSidebarReasoningSearch: true
+      }));
+      dispatch(setSidebarReasoningSearchList(list));
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.search_button,
     onClick: openSidebar

package/dist/components/reasoning-search/index.module.css

@@ -38,8 +38,9 @@
   display: flex;
   flex-direction: column;
   gap: 10px;
+  margin-top: 20px;
   width: 296px;
-  height: 99px;
+  max-height: 99px;
   font-family: PingFang SC;
   font-weight: 400;
   font-style: Regular;
@@ -51,10 +52,22 @@
 .list .item .item_title {
   font-weight: 500;
   font-size: 14px;
+  font-style: Regular;
   color: rgb(46, 57, 76);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }
 .list .item .item_footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
+}
+.list .item .item_footer .footer_left {
+  display: flex;
+  align-items: center;
+  gap: 5px;
 }

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

@@ -5,6 +5,23 @@ import { setShowSidebarReasoningSearch, setSidebarReasoningSearchList } from "..
 import ReactDOM from "react-dom";
 import styles from "./index.module.css";
 import { Badge } from '@douyinfe/semi-ui';
+/**
+ * 根据URL获取网页favicon图标地址
+ * @param {string} url - 目标网页的URL（如https://www.baidu.com）
+ * @returns {string} favicon的完整URL
+ */
+function getFaviconByUrl(url) {
+  try {
+    // 解析URL，获取域名部分
+    var parsedUrl = new URL(url);
+    // 拼接标准favicon路径
+    var faviconUrl = "".concat(parsedUrl.protocol, "//").concat(parsedUrl.host, "/favicon.ico");
+    return faviconUrl;
+  } catch (error) {
+    console.error('URL格式错误:', error);
+    return '';
+  }
+}
 var ReasoningSearchSidebar = function ReasoningSearchSidebar(props) {
   var sidebarTargetElm = props.sidebarTargetElm,
     isOverFlow = props.isOverFlow,
@@ -27,27 +44,40 @@ var ReasoningSearchSidebar = function ReasoningSearchSidebar(props) {
     return /*#__PURE__*/React.createElement(GimiSideBar, {
       show: showSidebarReasoningSearch,
       isOverFlow: isOverFlow,
-      title: "\u641C\u7D22\u6765\u6E90",
+      title: "\u641C\u7D22\u6765\u6E90 ".concat(sidebarReasoningSearchList.length),
       handleClose: handleClose,
       className: className,
       style: style
     }, /*#__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
-      }, item.title), /*#__PURE__*/React.createElement("div", {
-        className: styles.item_description
+        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
-      }, item.sitename), /*#__PURE__*/React.createElement(Badge, {
-        type: "tertiary"
-      }, index + 1)));
+      }, iconUrl && /*#__PURE__*/React.createElement("img", {
+        style: {
+          width: '15px',
+          height: '15px'
+        },
+        src: iconUrl,
+        alt: item.sitename
+      }), item.sitename), /*#__PURE__*/React.createElement(Badge, {
+        style: {
+          background: 'rgba(233, 235, 242, 1)',
+          color: 'rgba(154, 167, 183, 1)'
+        },
+        count: index + 1
+      })));
     })));
   };
   if (isOverFlow) {

package/dist/components/templates/CommonChat.js

@@ -15,6 +15,7 @@ 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";
 var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$showInput = props.showInput,
@@ -246,6 +247,8 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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(OfficeFilePreviewPanel, null), /*#__PURE__*/React.createElement(ReasoningSearchSidebar, _extends({}, props.sidebarConfig, {
+    isOverFlow: model === 'fullscreen' ? false : true
+  })));
 });
 export default CommonChat;

package/dist/hooks/useCommonChatAPI.js

@@ -1058,9 +1058,15 @@ var useCommonChatAPI = function useCommonChatAPI(props) {
   React.useEffect(function () {
     if (initSendValue && initSendValueRef.current !== initSendValue && agentObj !== null && agentObj !== void 0 && agentObj.agentId) {
       initSendValueRef.current = initSendValue;
+      dispatch(setMessageList({
+        messageList: []
+      }));
+      dispatch(setConversationId({
+        conversationId: null
+      }));
       startConversationAndChat(initSendValue);
     }
-  }, [initSendValue, startConversationAndChat, agentObj === null || agentObj === void 0 ? void 0 : agentObj.agentId]);
+  }, [initSendValue, startConversationAndChat, agentObj === null || agentObj === void 0 ? void 0 : agentObj.agentId, dispatch]);
   React.useEffect(function () {
     if (resetKey && resetKey !== resetKeyRef.current) {
       var _controllerRef$curren, _streamEsAbortRef$cur;

package/dist/types/chat.d.ts

@@ -158,6 +158,9 @@ export interface MessageConfig {
     enableRegenerate?: boolean;
     enableVoicePlay?: boolean;
     reasoningTitle?: string;
+    hideUserMessage?: boolean;
+    messageLayout?: 'start' | 'center' | 'end';
+    messageStyle?: React.CSSProperties;
 }
 
 export interface IChatMessageItem {