@lobehub/ui 1.103.0 → 1.103.2

package/es/ActionIconGroup/index.d.ts

@@ -2,7 +2,7 @@
 import { ActionIconProps } from "..";
 import { type LucideIcon } from 'lucide-react';
 import { DivProps } from "../types";
-interface ActionIconGroupItems {
+export interface ActionIconGroupItems {
     icon: LucideIcon;
     key: string;
     label: string;

package/es/Avatar/index.js

@@ -24,6 +24,7 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
   var isImage = Boolean(avatar && ['/', 'http', 'data:'].some(function (index) {
     return avatar.startsWith(index);
   }));
+  var isBase64 = Boolean(avatar === null || avatar === void 0 ? void 0 : avatar.startsWith('data'));
   var emoji = useMemo(function () {
     return avatar && !isImage && getEmoji(avatar);
   }, [avatar]);
@@ -39,7 +40,8 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.avatar, className),
     shape: shape,
     size: size,
-    srcSet: avatar
+    src: isBase64 ? avatar : undefined,
+    srcSet: isBase64 ? undefined : avatar
   }, props)) : /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({
     className: cx(styles.avatar, className),
     shape: shape,

package/es/ChatItem/components/ErrorContent.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ChatItemProps } from "..";
 export interface ErrorContentProps {
-    ErrorMessage?: ChatItemProps['ErrorMessage'];
     error?: ChatItemProps['error'];
+    message?: ChatItemProps['errorMessage'];
     placement?: ChatItemProps['placement'];
 }
 declare const ErrorContent: import("react").NamedExoticComponent<ErrorContentProps>;

package/es/ChatItem/components/ErrorContent.js

@@ -8,7 +8,7 @@ import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ErrorContent = /*#__PURE__*/memo(function (_ref) {
-  var ErrorMessage = _ref.ErrorMessage,
+  var message = _ref.message,
     error = _ref.error,
     placement = _ref.placement;
   var _useStyles = useStyles({
@@ -21,7 +21,7 @@ var ErrorContent = /*#__PURE__*/memo(function (_ref) {
       className: styles.alert,
       showIcon: true,
       type: 'error'
-    }, error)), ErrorMessage]
+    }, error)), message]
   });
 });
 export default ErrorContent;

package/es/ChatItem/components/MessageContent.js

@@ -1,3 +1,4 @@
+import { useResponsive } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import EditableMessage from "../../EditableMessage";
@@ -23,6 +24,8 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
     }),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
   var content = /*#__PURE__*/_jsx(EditableMessage, {
     classNames: {
       input: styles.editingInput
@@ -32,6 +35,7 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
     fullFeaturedCodeBlock: true,
     onChange: onChange,
     onEditingChange: onEditingChange,
+    openModal: mobile ? editing : undefined,
     text: text,
     value: String(message || '...')
   });

package/es/ChatItem/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["avatarAddon", "onAvatarClick", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "ErrorMessage"];
+var _excluded = ["avatarAddon", "onAvatarClick", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { useResponsive } from 'antd-style';
@@ -38,7 +38,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     messageExtra = _ref.messageExtra,
     renderMessage = _ref.renderMessage,
     text = _ref.text,
-    ErrorMessage = _ref.ErrorMessage,
+    errorMessage = _ref.errorMessage,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -78,8 +78,8 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
         direction: type === 'block' ? placement === 'left' ? 'horizontal' : 'horizontal-reverse' : 'vertical',
         gap: 8,
         children: [error ? /*#__PURE__*/_jsx(ErrorContent, {
-          ErrorMessage: ErrorMessage,
           error: error,
+          message: errorMessage,
           placement: placement
         }) : /*#__PURE__*/_jsx(MessageContent, {
           editing: editing,

package/es/ChatItem/type.d.ts

@@ -3,7 +3,6 @@ import { ReactNode } from 'react';
 import { EditableMessageProps } from "../EditableMessage";
 import { MetaData } from "../types";
 export interface ChatItemProps {
-    ErrorMessage?: ReactNode;
     /**
      * @description Actions to be displayed in the chat item
      */
@@ -25,6 +24,7 @@ export interface ChatItemProps {
      * @description Props for Error render
      */
     error?: AlertProps;
+    errorMessage?: ReactNode;
     /**
      * @description Whether the chat item is in loading state
      */

package/es/ChatList/ActionsBar.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type ActionIconGroupProps } from "../ActionIconGroup";
+import { ChatMessage } from "../types";
 export interface ActionsBarProps extends ActionIconGroupProps {
-    primary?: boolean;
     text?: {
         copy?: string;
         delete?: string;
@@ -9,5 +9,5 @@ export interface ActionsBarProps extends ActionIconGroupProps {
         regenerate?: string;
     };
 }
-declare const ActionsBar: import("react").NamedExoticComponent<ActionsBarProps>;
+declare const ActionsBar: import("react").NamedExoticComponent<ActionsBarProps & ChatMessage>;
 export default ActionsBar;

package/es/ChatList/ActionsBar.js

@@ -1,60 +1,25 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["primary", "text", "items", "dropdownMenu"];
+var _excluded = ["role", "text"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { Copy, Edit, RotateCw, Trash } from 'lucide-react';
-import { memo, useMemo } from 'react';
+import { memo } from 'react';
 import ActionIconGroup from "../ActionIconGroup";
+import { useChatListActionsBar } from "../hooks/useChatListActionsBar";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ActionsBar = /*#__PURE__*/memo(function (_ref) {
-  var primary = _ref.primary,
+  var role = _ref.role,
     text = _ref.text,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$dropdownMenu = _ref.dropdownMenu,
-    dropdownMenu = _ref$dropdownMenu === void 0 ? [] : _ref$dropdownMenu,
     props = _objectWithoutProperties(_ref, _excluded);
-  var groupItems = useMemo(function () {
-    return [{
-      icon: RotateCw,
-      key: 'regenerate',
-      label: (text === null || text === void 0 ? void 0 : text.regenerate) || 'Regenerate'
-    }, primary ? {
-      icon: Edit,
-      key: 'edit',
-      label: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit'
-    } : {
-      icon: Copy,
-      key: 'copy',
-      label: (text === null || text === void 0 ? void 0 : text.copy) || 'Copy'
-    }].concat(_toConsumableArray(items)).filter(Boolean);
-  }, [primary, items]);
-  var groupDropdownMenu = useMemo(function () {
-    return [].concat(_toConsumableArray(dropdownMenu), [{
-      icon: Edit,
-      key: 'edit',
-      label: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit'
-    }, {
-      icon: Copy,
-      key: 'copy',
-      label: (text === null || text === void 0 ? void 0 : text.copy) || 'Copy'
-    }, {
-      icon: RotateCw,
-      key: 'regenerate',
-      label: (text === null || text === void 0 ? void 0 : text.regenerate) || 'Regenerate'
-    }, {
-      type: 'divider'
-    }, {
-      icon: Trash,
-      key: 'delete',
-      label: (text === null || text === void 0 ? void 0 : text.delete) || 'Delete'
-    }]);
-  }, [primary, dropdownMenu]);
+  var _useChatListActionsBa = useChatListActionsBar(text),
+    regenerate = _useChatListActionsBa.regenerate,
+    edit = _useChatListActionsBa.edit,
+    copy = _useChatListActionsBa.copy,
+    divider = _useChatListActionsBa.divider,
+    del = _useChatListActionsBa.del;
   return /*#__PURE__*/_jsx(ActionIconGroup, _objectSpread({
-    dropdownMenu: groupDropdownMenu,
-    items: groupItems,
+    dropdownMenu: [edit, copy, regenerate, divider, del],
+    items: [regenerate, role === 'user' ? edit : copy],
     type: "ghost"
   }, props));
 });

package/es/ChatList/HistoryDivider.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 interface HistoryDividerProps {
     enable?: boolean;
-    text?: {
-        history?: string;
-    };
+    text?: string;
 }
 declare const HistoryDivider: import("react").NamedExoticComponent<HistoryDividerProps>;
 export default HistoryDivider;

package/es/ChatList/HistoryDivider.js

@@ -17,7 +17,7 @@ var HistoryDivider = /*#__PURE__*/memo(function (_ref) {
         icon: /*#__PURE__*/_jsx(Icon, {
           icon: Timer
         }),
-        children: (text === null || text === void 0 ? void 0 : text.history) || 'History Message'
+        children: text || 'History Message'
       })
     })
   });

package/es/ChatList/Item.d.ts

@@ -1,12 +1,18 @@
-import { type FC, type ReactNode } from 'react';
+import { FC } from 'react';
 import { type ChatItemProps } from "../ChatItem";
-import { ChatMessage, ChatMessageError, MessageRoleType } from "../types/chatMessage";
+import { ChatMessage } from "../types/chatMessage";
+import { LLMRoleType } from "../types/llm";
 import { type ActionsBarProps } from './ActionsBar';
 export type OnMessageChange = (id: string, content: string) => void;
-export type MessageExtra = FC<ChatMessage>;
 export type OnActionClick = (actionKey: string, messageId: string) => void;
-export type RenderMessage = (content: ReactNode, message: ChatMessage) => ReactNode;
-export type RenderErrorMessage = (error: ChatMessageError, message: ChatMessage) => ReactNode;
+export type RenderRole = LLMRoleType | 'default' | string;
+export type RenderItem = FC<{
+    key: string;
+} & ChatMessage & ListItemProps>;
+export type RenderMessage = FC<ChatMessage>;
+export type RenderMessageExtra = FC<ChatMessage>;
+export type RenderErrorMessage = FC<ChatMessage>;
+export type RenderAction = FC<ActionsBarProps & ChatMessage>;
 export interface ListItemProps {
     groupNav?: ChatItemProps['avatarAddon'];
     loading?: boolean;
@@ -18,23 +24,30 @@ export interface ListItemProps {
      * @description 消息变化的回调函数
      */
     onMessageChange?: OnMessageChange;
+    renderActions?: {
+        [role: RenderRole]: RenderAction;
+    };
     /**
      * @description 渲染错误消息的函数
      */
-    renderErrorMessage?: RenderErrorMessage;
-    renderItem?: {
-        [role: MessageRoleType | string]: (data: {
-            key: string;
-        } & ChatMessage & ListItemProps) => ReactNode;
+    renderErrorMessages?: {
+        [errorType: 'default' | string]: RenderErrorMessage;
+    };
+    renderItems?: {
+        [role: RenderRole]: RenderItem;
     };
     /**
      * @description 渲染消息的函数
      */
-    renderMessage?: RenderMessage;
+    renderMessages?: {
+        [role: RenderRole]: RenderMessage;
+    };
     /**
      * @description 渲染消息额外内容的函数
      */
-    renderMessageExtra?: MessageExtra;
+    renderMessagesExtra?: {
+        [role: RenderRole]: RenderMessageExtra;
+    };
     /**
      * @description 是否显示聊天项的名称
      * @default false
@@ -46,6 +59,8 @@ export interface ListItemProps {
     text?: ChatItemProps['text'] & ActionsBarProps['text'] & {
         copySuccess?: string;
         history?: string;
+    } & {
+        [key: string]: string;
     };
     /**
      * @description 聊天列表的类型

package/es/ChatList/Item.js

@@ -1,7 +1,7 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["renderMessageExtra", "showTitle", "onActionClick", "onMessageChange", "type", "text", "renderMessage", "renderErrorMessage", "loading", "groupNav", "renderItem"];
+var _excluded = ["renderMessagesExtra", "showTitle", "onActionClick", "onMessageChange", "type", "text", "renderMessages", "renderErrorMessages", "renderActions", "loading", "groupNav", "renderItems"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { App } from 'antd';
@@ -11,36 +11,64 @@ import ChatItem from "../ChatItem";
 import ActionsBar from "./ActionsBar";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Item = /*#__PURE__*/memo(function (props) {
-  var _item$error;
-  var MessageExtra = props.renderMessageExtra,
+  var renderMessagesExtra = props.renderMessagesExtra,
     showTitle = props.showTitle,
     _onActionClick = props.onActionClick,
     onMessageChange = props.onMessageChange,
     type = props.type,
     text = props.text,
-    renderMessage = props.renderMessage,
-    renderErrorMessage = props.renderErrorMessage,
+    renderMessages = props.renderMessages,
+    renderErrorMessages = props.renderErrorMessages,
+    renderActions = props.renderActions,
     loading = props.loading,
     groupNav = props.groupNav,
-    renderItem = props.renderItem,
+    renderItems = props.renderItems,
     item = _objectWithoutProperties(props, _excluded);
-  var renderMessageExtra = MessageExtra ? /*#__PURE__*/_jsx(MessageExtra, _objectSpread({}, item)) : undefined;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     editing = _useState2[0],
     setEditing = _useState2[1];
   var _App$useApp = App.useApp(),
     message = _App$useApp.message;
-  var innerRenderMessage = useCallback(function (content) {
-    return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage(content, item);
-  }, [renderMessage, item]);
   var RenderItem = useMemo(function () {
-    return renderItem && renderItem[item.role] ? renderItem[item.role] : undefined;
-  }, [renderItem]);
-  if (RenderItem) return /*#__PURE__*/_jsx(RenderItem, _objectSpread({}, props), item.id);
-  return /*#__PURE__*/_jsx(ChatItem, {
-    ErrorMessage: item.error ? renderErrorMessage === null || renderErrorMessage === void 0 ? void 0 : renderErrorMessage(item.error, item) : undefined,
-    actions: /*#__PURE__*/_jsx(ActionsBar, {
+    if (!renderItems || !(item !== null && item !== void 0 && item.role)) return;
+    if (renderItems !== null && renderItems !== void 0 && renderItems[item.role]) return renderItems[item.role];
+    if (renderItems !== null && renderItems !== void 0 && renderItems['default']) return renderItems['default'];
+  }, [renderItems, item]);
+  var innerRenderMessage = useCallback(function (content) {
+    if (!renderMessages || !(item !== null && item !== void 0 && item.role)) return;
+    var RenderFunction;
+    if (renderMessages !== null && renderMessages !== void 0 && renderMessages[item.role]) RenderFunction = renderMessages[item.role];
+    if (renderMessages !== null && renderMessages !== void 0 && renderMessages['default']) RenderFunction = renderMessages['default'];
+    if (!RenderFunction) return;
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, item), {}, {
+      content: content
+    }));
+  }, [renderMessages, item]);
+  var MessageExtra = useCallback(function () {
+    if (!renderMessagesExtra || !(item !== null && item !== void 0 && item.role)) return;
+    var RenderFunction;
+    if (renderMessagesExtra !== null && renderMessagesExtra !== void 0 && renderMessagesExtra[item.role]) RenderFunction = renderMessagesExtra[item.role];
+    if (renderMessagesExtra !== null && renderMessagesExtra !== void 0 && renderMessagesExtra['default']) RenderFunction = renderMessagesExtra['default'];
+    if (!RenderFunction) return;
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, item));
+  }, [renderMessagesExtra, item]);
+  var ErrorMessage = useCallback(function () {
+    var _item$error;
+    if (!renderErrorMessages || !(item !== null && item !== void 0 && (_item$error = item.error) !== null && _item$error !== void 0 && _item$error.type)) return;
+    var RenderFunction;
+    if (renderErrorMessages !== null && renderErrorMessages !== void 0 && renderErrorMessages[item.error.type]) RenderFunction = renderErrorMessages[item.error.type];
+    if (renderErrorMessages !== null && renderErrorMessages !== void 0 && renderErrorMessages['default']) RenderFunction = renderErrorMessages['default'];
+    if (!RenderFunction) return;
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, item));
+  }, [renderErrorMessages, item.error]);
+  var Actions = useCallback(function () {
+    if (!renderActions || !(item !== null && item !== void 0 && item.role)) return;
+    var RenderFunction;
+    if (renderActions !== null && renderActions !== void 0 && renderActions[item.role]) RenderFunction = renderActions[item.role];
+    if (renderActions !== null && renderActions !== void 0 && renderActions['default']) RenderFunction = renderActions['default'];
+    if (!RenderFunction) RenderFunction = ActionsBar;
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, item), {}, {
       onActionClick: function onActionClick(actionKey) {
         switch (actionKey) {
           case 'copy':
@@ -57,25 +85,34 @@ var Item = /*#__PURE__*/memo(function (props) {
         }
         _onActionClick === null || _onActionClick === void 0 ? void 0 : _onActionClick(actionKey, item.id);
       },
-      primary: item.role === 'user',
       text: text
-    }),
+    }));
+  }, [renderActions, item, text, _onActionClick]);
+  var error = useMemo(function () {
+    var _item$error2;
+    if (!item.error) return;
+    return {
+      message: (_item$error2 = item.error) === null || _item$error2 === void 0 ? void 0 : _item$error2.message
+    };
+  }, [item.error]);
+  if (RenderItem) return /*#__PURE__*/_jsx(RenderItem, _objectSpread({}, props), item.id);
+  return /*#__PURE__*/_jsx(ChatItem, {
+    actions: /*#__PURE__*/_jsx(Actions, {}),
     avatar: item.meta,
     avatarAddon: groupNav,
     editing: editing,
-    error: item.error ? {
-      message: (_item$error = item.error) === null || _item$error === void 0 ? void 0 : _item$error.message
-    } : undefined,
+    error: error,
+    errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {}),
     loading: loading,
     message: item.content,
-    messageExtra: renderMessageExtra,
+    messageExtra: /*#__PURE__*/_jsx(MessageExtra, {}),
     onChange: function onChange(value) {
-      onMessageChange === null || onMessageChange === void 0 ? void 0 : onMessageChange(item.id, value);
+      return onMessageChange === null || onMessageChange === void 0 ? void 0 : onMessageChange(item.id, value);
     },
     onEditingChange: setEditing,
     placement: type === 'chat' ? item.role === 'user' ? 'right' : 'left' : 'left',
     primary: item.role === 'user',
-    renderMessage: renderMessage ? innerRenderMessage : undefined,
+    renderMessage: innerRenderMessage,
     showTitle: showTitle,
     text: text,
     time: item.updateAt || item.createAt,

package/es/ChatList/index.d.ts

@@ -10,6 +10,6 @@ export interface ChatListProps extends DivProps, ListItemProps {
     historyCount?: number;
     loadingId?: string;
 }
-export type { OnActionClick, OnMessageChange, RenderErrorMessage, RenderMessage } from './Item';
+export type { OnActionClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './Item';
 declare const ChatList: import("react").NamedExoticComponent<ChatListProps>;
 export default ChatList;

package/es/ChatList/index.js

@@ -1,10 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onActionClick", "renderMessageExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessage", "renderErrorMessage", "loadingId", "renderItem", "enableHistoryCount", "historyCount"];
+var _excluded = ["onActionClick", "renderMessagesExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessages", "renderErrorMessages", "loadingId", "renderItems", "enableHistoryCount", "renderActions", "historyCount"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Fragment, memo } from 'react';
-import Group from "./Group";
 import HistoryDivider from "./HistoryDivider";
 import Item from "./Item";
 import { useStyles } from "./style";
@@ -12,7 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ChatList = /*#__PURE__*/memo(function (_ref) {
   var onActionClick = _ref.onActionClick,
-    MessageExtra = _ref.renderMessageExtra,
+    renderMessagesExtra = _ref.renderMessagesExtra,
     className = _ref.className,
     data = _ref.data,
     _ref$type = _ref.type,
@@ -20,11 +19,12 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
     text = _ref.text,
     showTitle = _ref.showTitle,
     onMessageChange = _ref.onMessageChange,
-    renderMessage = _ref.renderMessage,
-    renderErrorMessage = _ref.renderErrorMessage,
+    renderMessages = _ref.renderMessages,
+    renderErrorMessages = _ref.renderErrorMessages,
     loadingId = _ref.loadingId,
-    renderItem = _ref.renderItem,
+    renderItems = _ref.renderItems,
     enableHistoryCount = _ref.enableHistoryCount,
+    renderActions = _ref.renderActions,
     _ref$historyCount = _ref.historyCount,
     historyCount = _ref$historyCount === void 0 ? 0 : _ref$historyCount,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -35,39 +35,26 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.container, className)
   }, props), {}, {
     children: data.map(function (item, index) {
-      var _item$children;
-      var props = {
+      var itemProps = {
         loading: loadingId === item.id,
         onActionClick: onActionClick,
         onMessageChange: onMessageChange,
-        renderErrorMessage: renderErrorMessage,
-        renderItem: renderItem,
-        renderMessage: renderMessage,
-        renderMessageExtra: MessageExtra,
+        renderActions: renderActions,
+        renderErrorMessages: renderErrorMessages,
+        renderItems: renderItems,
+        renderMessages: renderMessages,
+        renderMessagesExtra: renderMessagesExtra,
         showTitle: showTitle,
         text: text,
         type: type
       };
       var historyLength = data.length;
       var enableHistoryDivider = enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1;
-      if (item.children && ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
-        return /*#__PURE__*/_jsxs(Fragment, {
-          children: [/*#__PURE__*/_jsx(HistoryDivider, {
-            enable: enableHistoryDivider,
-            text: text
-          }), /*#__PURE__*/_jsx(Group, {
-            data: item.children.map(function (childrenItem) {
-              return _objectSpread(_objectSpread({}, props), childrenItem);
-            }),
-            meta: item.meta
-          })]
-        }, item.children[0].id);
-      }
       return /*#__PURE__*/_jsxs(Fragment, {
         children: [/*#__PURE__*/_jsx(HistoryDivider, {
           enable: enableHistoryDivider,
-          text: text
-        }), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, props), item))]
+          text: text === null || text === void 0 ? void 0 : text.history
+        }), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, itemProps), item))]
       }, item.id);
     })
   }));

package/es/EditableMessageList/messageReducer.d.ts

@@ -1,5 +1,5 @@
-import { ChatMessageError, MessageRoleType } from "../types";
-import { LLMMessage } from "../types/llm";
+import { ChatMessageError } from "../types/chatMessage";
+import { LLMMessage, LLMRoleType } from "../types/llm";
 export type MessageDispatch = {
     message: LLMMessage;
     type: 'addMessage';
@@ -18,7 +18,7 @@ export type MessageDispatch = {
     type: 'updateMessage';
 } | {
     index: number;
-    role: MessageRoleType;
+    role: LLMRoleType;
     type: 'updateMessageRole';
 } | {
     message: string;

package/es/EditableMessageList/messageReducer.js

@@ -63,6 +63,8 @@ export var messagesReducer = function messagesReducer(state, payload) {
         return produce(state, function (draftState) {
           var index = payload.index,
             error = payload.error;
+
+          // @ts-ignore
           draftState[index].error = error;
         });
       }

package/es/MessageModal/index.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useResponsive } from 'antd-style';
 import { memo } from 'react';
 import useControlledState from 'use-merge-value';
 import Markdown from "../Markdown";
@@ -19,6 +20,8 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     text = _ref.text;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
   var _useControlledState = useControlledState(false, {
       onChange: onEditingChange,
       value: editing
@@ -40,6 +43,9 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     overflowY: 'auto'
   };
   return /*#__PURE__*/_jsx(Modal, {
+    bodyStyle: mobile ? {
+      padding: 16
+    } : {},
     cancelText: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel',
     footer: isEdit ? null : undefined,
     okText: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit',

package/es/Modal/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose"];
+var _excluded = ["children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose", "bodyStyle"];
 var _templateObject, _templateObject2;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -32,6 +32,7 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
     onCancel = _ref2.onCancel,
     open = _ref2.open,
     destroyOnClose = _ref2.destroyOnClose,
+    bodyStyle = _ref2.bodyStyle,
     props = _objectWithoutProperties(_ref2, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -40,7 +41,7 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
     cx = _useStyles.cx,
     theme = _useStyles.theme;
   if (mobile) return /*#__PURE__*/_jsx(Drawer, {
-    bodyStyle: {
+    bodyStyle: bodyStyle || {
       padding: 0
     },
     closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
@@ -72,6 +73,7 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
       }
     },
     children: /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
+      bodyStyle: bodyStyle,
       className: cx(styles.content, className),
       closable: true,
       closeIcon: /*#__PURE__*/_jsx(Icon, {

package/es/hooks/useChatListActionsBar.d.ts

@@ -0,0 +1,17 @@
+import { ActionIconGroupItems } from "../ActionIconGroup";
+interface ChatListActionsBar {
+    copy: ActionIconGroupItems;
+    del: ActionIconGroupItems;
+    divider: {
+        type: 'divider';
+    };
+    edit: ActionIconGroupItems;
+    regenerate: ActionIconGroupItems;
+}
+export declare const useChatListActionsBar: (text?: {
+    copy?: string;
+    delete?: string;
+    edit?: string;
+    regenerate?: string;
+}) => ChatListActionsBar;
+export {};

package/es/hooks/useChatListActionsBar.js

@@ -0,0 +1,28 @@
+import { Copy, Edit, RotateCw, Trash } from 'lucide-react';
+export var useChatListActionsBar = function useChatListActionsBar(text) {
+  return {
+    copy: {
+      icon: Copy,
+      key: 'copy',
+      label: (text === null || text === void 0 ? void 0 : text.copy) || 'Copy'
+    },
+    del: {
+      icon: Trash,
+      key: 'delete',
+      label: (text === null || text === void 0 ? void 0 : text.delete) || 'Delete'
+    },
+    divider: {
+      type: 'divider'
+    },
+    edit: {
+      icon: Edit,
+      key: 'edit',
+      label: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit'
+    },
+    regenerate: {
+      icon: RotateCw,
+      key: 'regenerate',
+      label: (text === null || text === void 0 ? void 0 : text.regenerate) || 'Regenerate'
+    }
+  };
+};

package/es/index.d.ts

@@ -7,7 +7,7 @@ export { default as ChatHeader, type ChatHeaderProps } from './ChatHeader';
 export { default as ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader/ChatHeaderTitle';
 export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
-export type { ChatListProps, OnActionClick, OnMessageChange, RenderErrorMessage, RenderMessage, } from './ChatList';
+export type { ChatListProps, OnActionClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './ChatList';
 export { default as ChatList } from './ChatList';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { default as ColorScales, type ColorScalesProps } from './ColorScales';
@@ -40,6 +40,7 @@ export { default as GridShowcase, type GridShowcaseProps } from './GridBackgroun
 export { default as Header, type HeaderProps } from './Header';
 export { default as Hero, type HeroAction, type HeroProps } from './Hero';
 export { default as Highlighter, type HighlighterProps, SyntaxHighlighter, type SyntaxHighlighterProps, } from './Highlighter';
+export { useChatListActionsBar } from './hooks/useChatListActionsBar';
 export { default as Icon, type IconProps, type IconSize } from './Icon';
 export * from './Icon/icons';
 export { Input, type InputProps, TextArea, type TextAreaProps } from './Input';

package/es/index.js

@@ -39,6 +39,7 @@ export { default as GridShowcase } from "./GridBackground/GridShowcase";
 export { default as Header } from "./Header";
 export { default as Hero } from "./Hero";
 export { default as Highlighter, SyntaxHighlighter } from "./Highlighter";
+export { useChatListActionsBar } from "./hooks/useChatListActionsBar";
 export { default as Icon } from "./Icon";
 export * from "./Icon/icons";
 export { Input, TextArea } from "./Input";

package/es/types/chatMessage.d.ts

@@ -1,36 +1,50 @@
+import { PluginRequestPayload } from '@lobehub/chat-plugin-sdk';
+import { ErrorType } from './error';
+import { LLMRoleType } from './llm';
 import { BaseDataModel } from './meta';
-export type MessageRoleType = 'user' | 'system' | 'assistant' | 'function';
 /**
  * 聊天消息错误对象
  */
 export interface ChatMessageError {
-    /**
-     * 错误信息
-     */
+    body?: any;
     message: string;
-    type?: string;
+    type: ErrorType;
+}
+export interface OpenAIFunctionCall {
+    arguments?: string;
+    name: string;
 }
-export interface SingleChatMessage extends BaseDataModel {
+export interface ChatMessage extends BaseDataModel {
     /**
      * @title 内容
      * @description 消息内容
      */
     content: string;
-    error?: ChatMessageError;
+    error?: any;
     extra?: {
+        fromModel?: string;
         translate?: {
             target: string;
             to: string;
         };
     } & Record<string, any>;
+    /**
+     * replace with plugin
+     * @deprecated
+     */
+    function_call?: OpenAIFunctionCall;
+    name?: string;
+    parentId?: string;
+    plugin?: PluginRequestPayload;
     quotaId?: string;
     /**
      * 角色
      * @description 消息发送者的角色
      */
-    role: MessageRoleType;
-}
-export interface ChatMessage extends SingleChatMessage {
-    children?: SingleChatMessage[];
-    parentId?: string;
+    role: LLMRoleType;
+    /**
+     * 保存到主题的消息
+     */
+    topicId?: string;
 }
+export type ChatMessageMap = Record<string, ChatMessage>;

package/es/types/error.d.ts

@@ -0,0 +1,20 @@
+export declare const ChatErrorType: {
+    readonly InvalidAccessCode: "InvalidAccessCode";
+    readonly OpenAIBizError: "OpenAIBizError";
+    readonly NoAPIKey: "NoAPIKey";
+    readonly BadRequest: 400;
+    readonly Unauthorized: 401;
+    readonly Forbidden: 403;
+    readonly ContentNotFound: 404;
+    readonly MethodNotAllowed: 405;
+    readonly TooManyRequests: 429;
+    readonly InternalServerError: 500;
+    readonly BadGateway: 502;
+    readonly ServiceUnavailable: 503;
+    readonly GatewayTimeout: 504;
+};
+export type ErrorType = (typeof ChatErrorType)[keyof typeof ChatErrorType];
+export interface ErrorResponse {
+    body: any;
+    errorType: ErrorType;
+}

package/es/types/error.js

@@ -0,0 +1,25 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+export var ChatErrorType = {
+  // ******* 业务错误语义 ******* //
+
+  InvalidAccessCode: 'InvalidAccessCode',
+  // 密码无效
+  OpenAIBizError: 'OpenAIBizError',
+  // OpenAI 返回的业务错误
+  NoAPIKey: 'NoAPIKey',
+  // ******* 客户端错误 ******* //
+  BadRequest: 400,
+  Unauthorized: 401,
+  Forbidden: 403,
+  ContentNotFound: 404,
+  // 没找到接口
+  MethodNotAllowed: 405,
+  // 不支持
+  TooManyRequests: 429,
+  // ******* 服务端错误 ******* //
+  InternalServerError: 500,
+  BadGateway: 502,
+  ServiceUnavailable: 503,
+  GatewayTimeout: 504
+};
+/* eslint-enable */

package/es/types/llm.d.ts

@@ -1,22 +1,47 @@
-import { ChatMessageError, MessageRoleType } from "./chatMessage";
 /**
- * @title ChatGPTMessage 聊天消息
- * @category Model
+ * LLM 模型
  */
-export interface LLMMessage {
+export declare enum LanguageModel {
     /**
-     * @title 内容
-     * @description 消息内容
+     * GPT 3.5 Turbo
      */
-    content: string;
+    GPT3_5 = "gpt-3.5-turbo",
+    GPT3_5_16K = "gpt-3.5-turbo-16k",
+    /**
+     * GPT 4
+     */
+    GPT4 = "gpt-4",
+    GPT4_32K = "gpt-4-32k"
+}
+export interface LLMParams {
+    /**
+     * 控制生成文本中的惩罚系数，用于减少重复性
+     * @default 0
+     */
+    frequency_penalty?: number;
     /**
-     * 如果存在错误消息
+     * 生成文本的最大长度
      */
-    error?: ChatMessageError;
+    max_tokens?: number;
     /**
-     * @title 角色
-     * @description 消息发送者的角色
-     * @enum {MessageRoleType} ChatGPTAgent
+     * 控制生成文本中的惩罚系数，用于减少主题的变化
+     * @default 0
      */
-    role: MessageRoleType;
+    presence_penalty?: number;
+    /**
+     * 生成文本的随机度量，用于控制文本的创造性和多样性
+     * @default 0.6
+     */
+    temperature?: number;
+    /**
+     * 控制生成文本中最高概率的单个 token
+     * @default 1
+     */
+    top_p?: number;
+}
+export type LLMRoleType = 'user' | 'system' | 'assistant' | 'function';
+export interface LLMMessage {
+    content: string;
+    role: LLMRoleType;
 }
+export type LLMExample = LLMMessage[];

package/es/types/llm.js

@@ -1 +1,12 @@
-export {};
+/**
+ * LLM 模型
+ */
+export var LanguageModel = /*#__PURE__*/function (LanguageModel) {
+  LanguageModel["GPT3_5"] = "gpt-3.5-turbo";
+  LanguageModel["GPT3_5_16K"] = "gpt-3.5-turbo-16k";
+  LanguageModel["GPT4"] = "gpt-4";
+  LanguageModel["GPT4_32K"] = "gpt-4-32k";
+  return LanguageModel;
+}({});
+
+// 语言模型的设置参数

package/es/types/meta.d.ts

@@ -10,7 +10,7 @@ export interface MetaData {
      */
     backgroundColor?: string;
     description?: string;
-    tag?: string[];
+    tags?: string[];
     /**
      * 名称
      * @description 可选参数，如果不传则使用默认名称

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.103.0",
+  "version": "1.103.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -75,6 +75,7 @@
     "@babel/runtime": "^7",
     "@floating-ui/react": "^0",
     "@giscus/react": "^2",
+    "@lobehub/chat-plugin-sdk": "latest",
     "@lobehub/emojilib": "latest",
     "@react-spring/three": "^9",
     "@react-spring/web": "^9",
@@ -135,7 +136,7 @@
     "father": "4.3.1",
     "husky": "^8",
     "jsdom": "^22",
-    "lint-staged": "^14",
+    "lint-staged": "^15.0.0",
     "prettier": "^3",
     "react": "^18",
     "react-dom": "^18",

package/es/ChatList/Group.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ChatListItemProps } from './Item';
-interface ChatListGroup {
-    data: ChatListItemProps[];
-    meta: ChatListItemProps['meta'];
-}
-declare const Group: import("react").NamedExoticComponent<ChatListGroup>;
-export default Group;

package/es/ChatList/Group.js

@@ -1,31 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { memo, useMemo, useState } from 'react';
-import GroupNav from "./GroupNav";
-import Item from "./Item";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Group = /*#__PURE__*/memo(function (_ref) {
-  var data = _ref.data,
-    meta = _ref.meta;
-  var _useState = useState(data[0].id),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var chatItem = useMemo(function () {
-    return data.find(function (item) {
-      return item.id === active;
-    }) || data[0];
-  }, [data, active]);
-  return /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({
-    groupNav: /*#__PURE__*/_jsx(GroupNav, {
-      active: active,
-      data: data,
-      setActive: setActive
-    })
-  }, chatItem), {}, {
-    meta: meta
-  }));
-});
-export default Group;

package/es/ChatList/GroupNav.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ChatListItemProps } from "./Item";
-interface GroupNavProps {
-    active: string;
-    data: ChatListItemProps[];
-    setActive: (id: string) => void;
-}
-declare const GroupNav: import("react").NamedExoticComponent<GroupNavProps>;
-export default GroupNav;

package/es/ChatList/GroupNav.js

@@ -1,54 +0,0 @@
-import { useTheme } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import Avatar from "../Avatar";
-import { jsx as _jsx } from "react/jsx-runtime";
-var GroupNav = /*#__PURE__*/memo(function (_ref) {
-  var data = _ref.data,
-    active = _ref.active,
-    setActive = _ref.setActive;
-  var theme = useTheme();
-  var count = 1;
-  return /*#__PURE__*/_jsx(Flexbox, {
-    align: 'center',
-    gap: 4,
-    children: data.map(function (item) {
-      var _item$meta;
-      var avatar;
-      var isAvtive = active === item.id;
-      var metaAvatar = item === null || item === void 0 ? void 0 : (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.avatar;
-      switch (item.role) {
-        case 'assistant':
-          {
-            avatar = String(count);
-            break;
-          }
-        case 'function':
-          {
-            avatar = metaAvatar || '🧩';
-            break;
-          }
-        case 'system':
-          {
-            avatar = metaAvatar || '🚨';
-            break;
-          }
-        default:
-          {
-            avatar = metaAvatar || String(count);
-            break;
-          }
-      }
-      count++;
-      return /*#__PURE__*/_jsx(Avatar, {
-        avatar: avatar,
-        background: isAvtive ? theme.colorPrimary : theme.colorBgElevated,
-        onClick: function onClick() {
-          return setActive(item.id);
-        },
-        size: 20
-      }, item.id);
-    })
-  });
-});
-export default GroupNav;