@lobehub/ui 1.59.0 → 1.60.1

package/es/ChatItem/index.d.ts

@@ -3,14 +3,11 @@ import { ReactNode } from 'react';
 import { type EditableMessageProps } from "../EditableMessage";
 import { MetaData } from "../types/meta";
 export interface ChatItemProps {
+    ErrorMessage?: ReactNode;
     /**
      * @description Actions to be displayed in the chat item
      */
     actions?: ReactNode;
-    /**
-     * @description Props for Alert component
-     */
-    alert?: AlertProps;
     /**
      * @description Metadata for the avatar
      */
@@ -27,6 +24,10 @@ export interface ChatItemProps {
      * @description Whether the chat item is in editing mode
      */
     editing?: boolean;
+    /**
+     * @description Props for Error render
+     */
+    error?: AlertProps;
     /**
      * @description Whether the chat item is in loading state
      */

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 = ["actions", "className", "primary", "borderSpacing", "loading", "message", "placement", "type", "avatar", "alert", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text"];
+var _excluded = ["actions", "className", "primary", "borderSpacing", "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 { Alert } from 'antd';
@@ -27,7 +27,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'block' : _ref$type,
     avatar = _ref.avatar,
-    alert = _ref.alert,
+    error = _ref.error,
     showTitle = _ref.showTitle,
     time = _ref.time,
     editing = _ref.editing,
@@ -36,6 +36,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     messageExtra = _ref.messageExtra,
     renderMessage = _ref.renderMessage,
     text = _ref.text,
+    ErrorMessage = _ref.ErrorMessage,
     properties = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       avatarSize: AVATAR_SIZE,
@@ -90,10 +91,14 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
         })]
       }), /*#__PURE__*/_jsxs("div", {
         className: styles.messageContent,
-        children: [alert ? /*#__PURE__*/_jsx(Alert, _objectSpread({
-          className: styles.alert,
-          showIcon: true
-        }, alert)) : /*#__PURE__*/_jsxs(Flexbox, {
+        children: [error ? /*#__PURE__*/_jsxs(Flexbox, {
+          gap: 8,
+          children: [/*#__PURE__*/_jsx(Alert, _objectSpread({
+            className: styles.alert,
+            showIcon: true,
+            type: 'error'
+          }, error)), ErrorMessage]
+        }) : /*#__PURE__*/_jsxs(Flexbox, {
           className: cx(styles.message, editing && styles.editingContainer),
           children: [messageContent, messageExtra && !editing ? /*#__PURE__*/_jsx("div", {
             className: styles.messageExtra,

package/es/ChatList/Item.d.ts

@@ -0,0 +1,50 @@
+import { ReactNode } from 'react';
+import { type ChatItemProps } from "../ChatItem";
+import { ChatMessage, ChatMessageError } from "../types/chatMessage";
+import { type ActionsBarProps } from './ActionsBar';
+export type OnMessageChange = (id: string, content: string) => void;
+export type MessageExtra = (props: ChatMessage) => ReactNode;
+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 interface ListItemProps {
+    loading?: boolean;
+    /**
+     * @description 点击操作按钮的回调函数
+     */
+    onActionClick?: OnActionClick;
+    /**
+     * @description 消息变化的回调函数
+     */
+    onMessageChange?: OnMessageChange;
+    /**
+     * @description 渲染错误消息的函数
+     */
+    renderErrorMessage?: RenderErrorMessage;
+    /**
+     * @description 渲染消息的函数
+     */
+    renderMessage?: RenderMessage;
+    /**
+     * @description 渲染消息额外内容的函数
+     */
+    renderMessageExtra?: MessageExtra;
+    /**
+     * @description 是否显示聊天项的名称
+     * @default false
+     */
+    showTitle?: boolean;
+    /**
+     * @description 文本内容
+     */
+    text?: ChatItemProps['text'] & ActionsBarProps['text'] & {
+        copySuccess?: string;
+    };
+    /**
+     * @description 聊天列表的类型
+     * @default 'chat'
+     */
+    type?: 'docs' | 'chat';
+}
+declare const Item: import("react").NamedExoticComponent<ChatMessage & ListItemProps>;
+export default Item;

package/es/ChatList/Item.js

@@ -0,0 +1,78 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["renderMessageExtra", "showTitle", "onActionClick", "onMessageChange", "type", "text", "renderMessage", "renderErrorMessage", "loading"];
+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';
+import copy from 'copy-to-clipboard';
+import { memo, useCallback, useState } from 'react';
+import ChatItem from "../ChatItem";
+import ActionsBar from "./ActionsBar";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Item = /*#__PURE__*/memo(function (_ref) {
+  var _item$error;
+  var MessageExtra = _ref.renderMessageExtra,
+    showTitle = _ref.showTitle,
+    _onActionClick = _ref.onActionClick,
+    onMessageChange = _ref.onMessageChange,
+    type = _ref.type,
+    text = _ref.text,
+    renderMessage = _ref.renderMessage,
+    renderErrorMessage = _ref.renderErrorMessage,
+    loading = _ref.loading,
+    item = _objectWithoutProperties(_ref, _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]);
+  return /*#__PURE__*/_jsx(ChatItem, {
+    ErrorMessage: item.error ? renderErrorMessage === null || renderErrorMessage === void 0 ? void 0 : renderErrorMessage(item.error, item) : undefined,
+    actions: /*#__PURE__*/_jsx(ActionsBar, {
+      onActionClick: function onActionClick(actionKey) {
+        switch (actionKey) {
+          case 'copy':
+            {
+              copy(item.content);
+              message.success((text === null || text === void 0 ? void 0 : text.copySuccess) || 'Copy Success');
+              break;
+            }
+          case 'edit':
+            {
+              setEditing(true);
+              break;
+            }
+        }
+        _onActionClick === null || _onActionClick === void 0 ? void 0 : _onActionClick(actionKey, item.id);
+      },
+      primary: item.role === 'user',
+      text: text
+    }),
+    avatar: item.meta,
+    editing: editing,
+    error: item.error ? {
+      message: (_item$error = item.error) === null || _item$error === void 0 ? void 0 : _item$error.message
+    } : undefined,
+    loading: loading,
+    message: item.content,
+    messageExtra: renderMessageExtra,
+    onChange: function onChange(value) {
+      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,
+    showTitle: showTitle,
+    text: text,
+    time: item.updateAt || item.createAt,
+    type: type === 'chat' ? 'block' : 'pure'
+  });
+});
+export default Item;

package/es/ChatList/index.d.ts

@@ -1,46 +1,13 @@
-import { ReactNode } from 'react';
-import { type ChatItemProps } from "../ChatItem";
-import type { DivProps } from "../types";
-import { ChatMessage } from "../types/chatMessage";
-import { type ActionsBarProps } from './ActionsBar';
-export type MessageExtra = (props: ChatMessage) => ReactNode;
-export type RenderMessage = (content: ReactNode, message: ChatMessage) => ReactNode;
-export interface ItemProps extends ChatMessage {
-    MessageExtra?: MessageExtra;
-    onActionClick?: (actionKey: string, messageId: string) => void;
-    onMessageChange?: (id: string, content: string) => void;
-    renderMessage?: RenderMessage;
-    showTitle?: boolean;
-    text?: ChatItemProps['text'] & ActionsBarProps['text'] & {
-        copySuccess?: string;
-    };
-    type: 'docs' | 'chat';
-}
-export interface ChatListProps extends DivProps {
+/// <reference types="react" />
+import type { ChatMessage, DivProps } from "../types";
+import { ListItemProps } from './Item';
+export interface ChatListProps extends DivProps, ListItemProps {
     /**
      * @description Data of chat messages to be displayed
      */
     data: ChatMessage[];
-    /**
-     * @description Callback function triggered when an action is clicked
-     * @param {string} actionKey - The key of the action
-     * @param {string} messageId - The id of the message
-     */
-    onActionClick?: (actionKey: string, messageId: string) => void;
-    onMessageChange?: (id: string, content: string) => void;
-    renderMessage?: RenderMessage;
-    renderMessageExtra?: MessageExtra;
-    /**
-     * @description Whether to show name of the chat item
-     * @default false
-     */
-    showTitle?: ChatItemProps['showTitle'];
-    text?: ItemProps['text'];
-    /**
-     * @description Type of chat list
-     * @default 'chat'
-     */
-    type?: 'docs' | 'chat';
+    loadingId?: string;
 }
+export type { OnActionClick, OnMessageChange, RenderErrorMessage, RenderMessage } from './Item';
 declare const ChatList: import("react").NamedExoticComponent<ChatListProps>;
 export default ChatList;

package/es/ChatList/index.js

@@ -1,86 +1,26 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["MessageExtra", "showTitle", "onActionClick", "onMessageChange", "type", "text", "renderMessage"],
-  _excluded2 = ["onActionClick", "renderMessageExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessage"];
+var _excluded = ["onActionClick", "renderMessageExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessage", "renderErrorMessage", "loadingId"];
 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';
-import copy from 'copy-to-clipboard';
-import { memo, useCallback, useState } from 'react';
-import ChatItem from "../ChatItem";
-import ActionsBar from "./ActionsBar";
+import { memo } from 'react';
+import Item from "./Item";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Item = function Item(_ref) {
-  var MessageExtra = _ref.MessageExtra,
+var ChatList = /*#__PURE__*/memo(function (_ref) {
+  var onActionClick = _ref.onActionClick,
+    MessageExtra = _ref.renderMessageExtra,
+    className = _ref.className,
+    data = _ref.data,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'chat' : _ref$type,
+    text = _ref.text,
     showTitle = _ref.showTitle,
-    _onActionClick = _ref.onActionClick,
     onMessageChange = _ref.onMessageChange,
-    type = _ref.type,
-    text = _ref.text,
     renderMessage = _ref.renderMessage,
-    item = _objectWithoutProperties(_ref, _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]);
-  return /*#__PURE__*/_jsx(ChatItem, {
-    actions: /*#__PURE__*/_jsx(ActionsBar, {
-      onActionClick: function onActionClick(actionKey) {
-        switch (actionKey) {
-          case 'copy':
-            {
-              copy(item.content);
-              message.success((text === null || text === void 0 ? void 0 : text.copySuccess) || 'Copy Success');
-              break;
-            }
-          case 'edit':
-            {
-              setEditing(true);
-              break;
-            }
-        }
-        _onActionClick === null || _onActionClick === void 0 ? void 0 : _onActionClick(actionKey, item.id);
-      },
-      primary: item.role === 'user',
-      text: text
-    }),
-    avatar: item.meta,
-    editing: editing,
-    message: item.content,
-    messageExtra: renderMessageExtra,
-    onChange: function onChange(value) {
-      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,
-    showTitle: showTitle,
-    text: text,
-    time: item.updateAt || item.createAt,
-    type: type === 'chat' ? 'block' : 'pure'
-  });
-};
-var ChatList = /*#__PURE__*/memo(function (_ref2) {
-  var onActionClick = _ref2.onActionClick,
-    MessageExtra = _ref2.renderMessageExtra,
-    className = _ref2.className,
-    data = _ref2.data,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'chat' : _ref2$type,
-    text = _ref2.text,
-    showTitle = _ref2.showTitle,
-    onMessageChange = _ref2.onMessageChange,
-    renderMessage = _ref2.renderMessage,
-    props = _objectWithoutProperties(_ref2, _excluded2);
+    renderErrorMessage = _ref.renderErrorMessage,
+    loadingId = _ref.loadingId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -89,10 +29,12 @@ var ChatList = /*#__PURE__*/memo(function (_ref2) {
   }, props), {}, {
     children: data.map(function (item) {
       return /*#__PURE__*/_jsx(Item, _objectSpread({
-        MessageExtra: MessageExtra,
+        loading: loadingId === item.id,
         onActionClick: onActionClick,
         onMessageChange: onMessageChange,
+        renderErrorMessage: renderErrorMessage,
         renderMessage: renderMessage,
+        renderMessageExtra: MessageExtra,
         showTitle: showTitle,
         text: text,
         type: type

package/es/EditableMessageList/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ChatMessage } from "../Chat";
+import { LLMMessage } from "../types/llm";
 export interface EditableMessageListProps {
     /**
      * @description The data sources to be rendered
      */
-    dataSources: ChatMessage[];
+    dataSources: LLMMessage[];
     /**
      * @description Whether the component is disabled or not
      * @default false
@@ -14,7 +14,7 @@ export interface EditableMessageListProps {
      * @description Callback function triggered when the data sources are changed
      * @param chatMessages - the updated data sources
      */
-    onChange?: (chatMessages: ChatMessage[]) => void;
+    onChange?: (chatMessages: LLMMessage[]) => void;
 }
 export declare const EditableMessageList: import("react").NamedExoticComponent<EditableMessageListProps>;
 export default EditableMessageList;

package/es/EditableMessageList/index.js

@@ -5,9 +5,9 @@ import { Plus, Trash } from 'lucide-react';
 import { memo, useEffect, useReducer } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
-import { messagesReducer } from "../Chat";
 import Icon from "../Icon";
 import { ControlInput } from "../components/ControlInput";
+import { messagesReducer } from "./messageReducer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {

package/es/{Chat/store → EditableMessageList}/messageReducer.d.ts

@@ -1,10 +1,11 @@
-import { ChatMessage, ChatMessageError, MessageRoleType } from '../types';
+import { ChatMessageError, MessageRoleType } from "../types";
+import { LLMMessage } from "../types/llm";
 export type MessageDispatch = {
-    message: ChatMessage;
+    message: LLMMessage;
     type: 'addMessage';
 } | {
     index: number;
-    message: ChatMessage;
+    message: LLMMessage;
     type: 'insertMessage';
 } | {
     index: number;
@@ -34,4 +35,4 @@ export type MessageDispatch = {
     index: number;
     type: 'setErrorMessage';
 };
-export declare const messagesReducer: (state: ChatMessage[], payload: MessageDispatch) => ChatMessage[];
+export declare const messagesReducer: (state: LLMMessage[], payload: MessageDispatch) => LLMMessage[];

package/es/{Chat/store → EditableMessageList}/messageReducer.js

@@ -66,21 +66,6 @@ export var messagesReducer = function messagesReducer(state, payload) {
           draftState[index].error = error;
         });
       }
-    case 'updateMessageChoice':
-      {
-        return produce(state, function (draftState) {
-          var index = payload.index,
-            message = payload.message;
-          var botMessage = draftState[index];
-          var previousMessage = botMessage.content;
-          botMessage.content = message;
-          if (botMessage.choices) {
-            botMessage.choices.push(previousMessage);
-          } else {
-            botMessage.choices = [previousMessage];
-          }
-        });
-      }
     default:
       {
         throw new Error('暂未实现的 type，请检查 reducer');

package/es/index.d.ts

@@ -2,11 +2,11 @@ export { default as ActionIcon, type ActionIconProps, type ActionIconSize } from
 export { default as ActionIconGroup, type ActionIconGroupProps } from './ActionIconGroup';
 export { default as Avatar, type AvatarProps } from './Avatar';
 export { default as Burger, type BurgerProps } from './Burger';
-export type { ChatMessage, MessageRoleType } from './Chat';
 export { default as ChatHeader, type ChatHeaderProps } from './ChatHeader';
 export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
-export { default as ChatList, type ChatListProps } from './ChatList';
+export type { ChatListProps, OnActionClick, OnMessageChange, RenderErrorMessage, RenderMessage, } from './ChatList';
+export { default as ChatList } from './ChatList';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { default as ColorScales, type ColorScalesProps } from './ColorScales';
 export { default as ContextMenu, type ContextMenuProps } from './ContextMenu';

package/es/types/chatMessage.d.ts

@@ -1,5 +1,5 @@
-import { LLMRoleType } from './llm';
 import { BaseDataModel } from './meta';
+export type MessageRoleType = 'user' | 'system' | 'assistant' | 'function';
 /**
  * 聊天消息错误对象
  */
@@ -8,8 +8,7 @@ export interface ChatMessageError {
      * 错误信息
      */
     message: string;
-    status: number;
-    type: 'general' | 'llm';
+    type?: string;
 }
 export interface ChatMessage extends BaseDataModel {
     /**
@@ -17,6 +16,7 @@ export interface ChatMessage extends BaseDataModel {
      * @description 消息内容
      */
     content: string;
+    error?: ChatMessageError;
     extra?: {
         translate?: {
             target: string;
@@ -29,5 +29,5 @@ export interface ChatMessage extends BaseDataModel {
      * 角色
      * @description 消息发送者的角色
      */
-    role: LLMRoleType;
+    role: MessageRoleType;
 }

package/es/types/llm.d.ts

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

package/es/types/llm.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.59.0",
+  "version": "1.60.1",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",

package/es/Chat/const.d.ts

@@ -1 +0,0 @@
-export declare const LOADING_FLAT = "...";

package/es/Chat/const.js

@@ -1 +0,0 @@
-export var LOADING_FLAT = '...';

package/es/Chat/index.d.ts

@@ -1,2 +0,0 @@
-export { messagesReducer } from './store';
-export * from './types';

package/es/Chat/index.js

@@ -1,2 +0,0 @@
-export { messagesReducer } from "./store";
-export * from "./types";

package/es/Chat/store/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { StoreApi } from 'zustand';
-import { ChatStore } from './store';
-export declare const createChatStore: (showDevtools?: boolean) => import("zustand").UseBoundStore<Omit<StoreApi<ChatStore>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined, action?: A | undefined): void;
-}>;
-export declare const Provider: ({ createStore, children }: {
-    createStore: () => StoreApi<ChatStore>;
-    children: import("react").ReactNode;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<StoreApi<ChatStore> | undefined>>, useStore: import("zustand-utils").UseContextStore<StoreApi<ChatStore>>, useStoreApi: () => {
-    setState: (partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined) => void;
-    getState: () => ChatStore;
-    subscribe: (listener: (state: ChatStore, prevState: ChatStore) => void) => () => void;
-    destroy: () => void;
-};
-export { type MessageDispatch, messagesReducer } from './messageReducer';
-export type { ChatStore } from './store';

package/es/Chat/store/index.js

@@ -1,15 +0,0 @@
-import { create } from 'zustand';
-import { createContext, optionalDevtools } from 'zustand-utils';
-import { createStore } from "./store";
-export var createChatStore = function createChatStore() {
-  var showDevtools = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return create()(optionalDevtools(showDevtools)(createStore, {
-    name: 'CHAT_COMPONENT'
-  }));
-};
-var _createContext = createContext(),
-  Provider = _createContext.Provider,
-  useStore = _createContext.useStore,
-  useStoreApi = _createContext.useStoreApi;
-export { Provider, useStore, useStoreApi };
-export { messagesReducer } from "./messageReducer";

package/es/Chat/store/initialState.d.ts

@@ -1,28 +0,0 @@
-import { ChatMessage, InternalChatContext, OpenAIRequestParameters } from '../types';
-export interface ChatState extends InternalChatContext {
-    /**
-     * @title 改变系统角色状态
-     * @type {boolean}
-     */
-    changingSystemRole: boolean;
-    /**
-     * 编辑中的消息 id
-     */
-    editingMessageId?: number | undefined;
-    /**
-     * @title 加载状态
-     * @type {boolean}
-     */
-    loading: boolean;
-    /**
-     * @title 消息
-     * @type {string}
-     */
-    message: string;
-    onAgentChange?: (agent: any, type: 'update' | 'remove') => void;
-    onMessagesChange?: (messages: ChatMessage[]) => void;
-    onResponseFinished?: (session: any) => void;
-    onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
-    request?: (parameters: OpenAIRequestParameters) => Promise<Response>;
-}
-export declare const initialState: ChatState;

package/es/Chat/store/initialState.js

@@ -1,9 +0,0 @@
-export var initialState = {
-  changingSystemRole: false,
-  createAt: -1,
-  editingMessageId: undefined,
-  loading: false,
-  message: '',
-  messages: [],
-  updateAt: -1
-};

package/es/Chat/store/store.d.ts

@@ -1,34 +0,0 @@
-import { StateCreator } from 'zustand/vanilla';
-import { ChatMessage } from '../types';
-import { FetchSSEOptions } from '../utils/fetch';
-import { ChatState } from './initialState';
-import { MessageDispatch } from './messageReducer';
-interface ChatAction {
-    /**
-     * @title 派发消息
-     * @param payload - 消息分发
-     * @returns void
-     */
-    dispatchMessage: (payload: MessageDispatch) => void;
-    generateMessage: (message: string, messages: ChatMessage[], options: FetchSSEOptions) => Promise<void>;
-    /**
-     * @title 处理消息编辑
-     * @param index - 消息索引或空
-     * @returns void
-     */
-    handleMessageEditing: (index?: number | undefined) => void;
-    /**
-     * @title 重发消息
-     * @param index - 消息索引
-     * @returns Promise<void>
-     */
-    resendMessage: (index: number) => Promise<void>;
-    /**
-     * @title 发送消息
-     * @returns Promise<void>
-     */
-    sendMessage: () => Promise<void>;
-}
-export type ChatStore = ChatAction & ChatState;
-export declare const createStore: StateCreator<ChatStore, [['zustand/devtools', never]]>;
-export {};

package/es/Chat/store/store.js

@@ -1,240 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["type"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 { LOADING_FLAT } from "../const";
-import { fetchSSE } from "../utils/fetch";
-import { initialState } from "./initialState";
-import { messagesReducer } from "./messageReducer";
-export var createStore = function createStore(set, get) {
-  return _objectSpread(_objectSpread({}, initialState), {}, {
-    dispatchMessage: function dispatchMessage(payload) {
-      var _get$onMessagesChange, _get;
-      var type = payload.type,
-        res = _objectWithoutProperties(payload, _excluded);
-      var messages = messagesReducer(get().messages, payload);
-      set({
-        messages: messages
-      }, false, {
-        payload: res,
-        type: "dispatchMessage/".concat(type)
-      });
-      (_get$onMessagesChange = (_get = get()).onMessagesChange) === null || _get$onMessagesChange === void 0 ? void 0 : _get$onMessagesChange.call(_get, messages);
-    },
-    generateMessage: function () {
-      var _generateMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(message, messages, options) {
-        var _get2, onResponseStart, request, onResponseFinished, fetcher;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _get2 = get(), onResponseStart = _get2.onResponseStart, request = _get2.request, onResponseFinished = _get2.onResponseFinished;
-              if (request) {
-                _context.next = 3;
-                break;
-              }
-              return _context.abrupt("return");
-            case 3:
-              _context.next = 5;
-              return onResponseStart === null || onResponseStart === void 0 ? void 0 : onResponseStart(get().messages);
-            case 5:
-              set({
-                loading: true
-              });
-              fetcher = function fetcher() {
-                return request({
-                  messages: messages
-                });
-              };
-              _context.next = 9;
-              return fetchSSE(fetcher, options);
-            case 9:
-              set({
-                loading: false
-              });
-              onResponseFinished === null || onResponseFinished === void 0 ? void 0 : onResponseFinished({
-                messages: get().messages
-              });
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function generateMessage(_x, _x2, _x3) {
-        return _generateMessage.apply(this, arguments);
-      }
-      return generateMessage;
-    }(),
-    handleMessageEditing: function handleMessageEditing(index) {
-      set({
-        editingMessageId: index
-      });
-    },
-    resendMessage: function () {
-      var _resendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(index) {
-        var _contextMessages$at;
-        var _get3, dispatchMessage, sendMessage, generateMessage, messages, lastMessage, contextMessages, userMessage, targetMessage, botPreviousMessage, currentResponse;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _get3 = get(), dispatchMessage = _get3.dispatchMessage, sendMessage = _get3.sendMessage, generateMessage = _get3.generateMessage, messages = _get3.messages;
-              lastMessage = messages.at(-1); // 用户通过手动删除，造成了他的问题是最后一条消息
-              // 这种情况下，相当于用户重新发送消息
-              if (!(messages.length === index && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'user')) {
-                _context2.next = 8;
-                break;
-              }
-              dispatchMessage({
-                index: index - 1,
-                type: 'deleteMessage'
-              });
-              set({
-                message: lastMessage.content
-              });
-              _context2.next = 7;
-              return sendMessage();
-            case 7:
-              return _context2.abrupt("return");
-            case 8:
-              // 上下文消息就是当前消息之前的消息
-              contextMessages = get().messages.slice(0, index); // 上下文消息中最后一条消息
-              userMessage = (_contextMessages$at = contextMessages.at(-1)) === null || _contextMessages$at === void 0 ? void 0 : _contextMessages$at.content;
-              if (userMessage) {
-                _context2.next = 12;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 12:
-              targetMessage = messages[index]; // 如果不是 assistant 的消息，那么需要额外插入一条消息
-              if (targetMessage.role === 'assistant') {
-                botPreviousMessage = targetMessage.content; // 保存之前的消息为历史消息
-                dispatchMessage({
-                  index: index,
-                  message: botPreviousMessage,
-                  type: 'updateMessageChoice'
-                });
-                dispatchMessage({
-                  index: index,
-                  message: LOADING_FLAT,
-                  type: 'updateMessage'
-                });
-              } else {
-                dispatchMessage({
-                  index: index,
-                  message: {
-                    content: LOADING_FLAT,
-                    role: 'assistant'
-                  },
-                  type: 'insertMessage'
-                });
-              }
-
-              // 重置错误信息
-              dispatchMessage({
-                error: undefined,
-                index: index,
-                type: 'setErrorMessage'
-              });
-
-              // 开始更新消息
-              currentResponse = [];
-              _context2.next = 18;
-              return generateMessage(userMessage, contextMessages, {
-                onErrorHandle: function onErrorHandle(error) {
-                  dispatchMessage({
-                    error: error,
-                    index: index,
-                    type: 'setErrorMessage'
-                  });
-                },
-                onMessageHandle: function onMessageHandle(text) {
-                  currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
-                  dispatchMessage({
-                    index: index,
-                    message: currentResponse.join(''),
-                    type: 'updateMessage'
-                  });
-                }
-              });
-            case 18:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function resendMessage(_x4) {
-        return _resendMessage.apply(this, arguments);
-      }
-      return resendMessage;
-    }(),
-    sendMessage: function () {
-      var _sendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _get4, message, dispatchMessage, generateMessage, messages, currentResponse;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _get4 = get(), message = _get4.message, dispatchMessage = _get4.dispatchMessage, generateMessage = _get4.generateMessage, messages = _get4.messages;
-              if (message) {
-                _context3.next = 3;
-                break;
-              }
-              return _context3.abrupt("return");
-            case 3:
-              set({
-                message: ''
-              });
-              dispatchMessage({
-                message: message,
-                type: 'addUserMessage'
-              });
-
-              // 添加一个空的信息用于放置 ai 响应
-              dispatchMessage({
-                message: {
-                  content: LOADING_FLAT,
-                  role: 'assistant'
-                },
-                type: 'addMessage'
-              });
-              currentResponse = []; // 生成 messages
-              _context3.next = 9;
-              return generateMessage(message, messages, {
-                onErrorHandle: function onErrorHandle(error) {
-                  dispatchMessage({
-                    error: error,
-                    index: get().messages.length - 1,
-                    type: 'setErrorMessage'
-                  });
-                },
-                onMessageHandle: function onMessageHandle(text) {
-                  currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
-                  dispatchMessage({
-                    responseStream: currentResponse,
-                    type: 'updateLatestBotMessage'
-                  });
-
-                  // 滚动到最后一条消息
-                  var item = document.querySelector('#for-loading');
-                  if (!item) return;
-                  item.scrollIntoView({
-                    behavior: 'smooth'
-                  });
-                }
-              });
-            case 9:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function sendMessage() {
-        return _sendMessage.apply(this, arguments);
-      }
-      return sendMessage;
-    }()
-  });
-};

package/es/Chat/types.d.ts

@@ -1,77 +0,0 @@
-export type InternalChatContext = Omit<ChatContext, 'id'>;
-export type MessageRoleType = 'user' | 'system' | 'assistant' | 'function';
-/**
- * 聊天消息错误对象
- */
-export interface ChatMessageError {
-    /**
-     * 错误信息
-     */
-    message: string;
-    /**
-     * 错误状态码
-     */
-    status: number;
-    /**
-     * 错误类型
-     * @enum ["chatbot", "openai"]
-     * @enumNames ["聊天机器人", "开放AI"]
-     */
-    type: 'chatbot' | 'openai';
-}
-/**
- * @title ChatGPTMessage 聊天消息
- * @category Model
- */
-export interface ChatMessage {
-    /**
-     * 其余生成项
-     */
-    choices?: string[];
-    /**
-     * @title 内容
-     * @description 消息内容
-     */
-    content: string;
-    /**
-     * 如果存在错误消息
-     */
-    error?: ChatMessageError;
-    /**
-     * @title 角色
-     * @description 消息发送者的角色
-     * @enum {MessageRoleType} ChatGPTAgent
-     */
-    role: MessageRoleType;
-}
-export interface ChatContext {
-    createAt: number;
-    /**
-     * @title 会话描述
-     * @description 用户设置的会话描述
-     * @type {string}
-     */
-    description?: string;
-    id: string;
-    /**
-     * @title 消息列表
-     * @description 聊天室中的所有消息
-     * @type {ChatMessage[]}
-     */
-    messages: ChatMessage[];
-    /**
-     * @title 会话标题
-     */
-    title?: string;
-    updateAt: number;
-}
-export type ChatContextMap = Record<string, Omit<ChatContext, 'systemRole'>>;
-/**
- * 请求数据类型
- */
-export interface OpenAIRequestParameters {
-    /**
-     * 中间的聊天记录
-     */
-    messages?: ChatMessage[];
-}

package/es/Chat/types.js

@@ -1 +0,0 @@
-export {};

package/es/Chat/utils/fetch.d.ts

@@ -1,11 +0,0 @@
-import { ChatMessageError } from '../types';
-export interface FetchSSEOptions {
-    onErrorHandle?: (error: ChatMessageError) => void;
-    onMessageHandle?: (text: string) => void;
-}
-/**
- * 使用流式方法获取数据
- * @param fetchFn
- * @param options
- */
-export declare const fetchSSE: (fetchFunction: () => Promise<Response>, options?: FetchSSEOptions) => Promise<Response | undefined>;

package/es/Chat/utils/fetch.js

@@ -1,100 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-var codeMessage = {
-  200: '成功获取数据，服务已响应',
-  201: '操作成功，数据已保存',
-  202: '您的请求已进入后台排队，请耐心等待异步任务完成',
-  204: '数据已成功删除',
-  400: '很抱歉，您的请求出错，服务器未执行任何数据的创建或修改操作',
-  401: '很抱歉，您的权限不足。请确认用户名或密码是否正确',
-  403: '很抱歉，您无权访问此内容',
-  404: '很抱歉，您请求的记录不存在，服务器未能执行任何操作',
-  406: '很抱歉，服务器不支持该请求格式',
-  410: '很抱歉，你所请求的资源已永久删除',
-  422: '很抱歉，在创建对象时遇到验证错误，请稍后再试',
-  500: '很抱歉，服务器出现了问题，请稍后再试',
-  502: '很抱歉，您遇到了网关错误。这可能是由于网络故障或服务器问题导致的。请稍后再试，或联系管理员以获取更多帮助',
-  503: '很抱歉，我们的服务器过载或处在维护中，服务暂时不可用',
-  504: '很抱歉，网关请求超时，请稍后再试'
-};
-/**
- * 使用流式方法获取数据
- * @param fetchFn
- * @param options
- */
-export var fetchSSE = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fetchFunction) {
-    var options,
-      response,
-      _options$onErrorHandl,
-      chatMessageError,
-      returnRes,
-      data,
-      reader,
-      decoder,
-      done,
-      _options$onMessageHan,
-      _yield$reader$read,
-      value,
-      doneReading,
-      chunkValue,
-      _args = arguments;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
-          _context.next = 3;
-          return fetchFunction();
-        case 3:
-          response = _context.sent;
-          if (response.ok) {
-            _context.next = 8;
-            break;
-          }
-          chatMessageError = {
-            message: codeMessage[response.status],
-            status: response.status,
-            type: 'chatbot'
-          };
-          (_options$onErrorHandl = options.onErrorHandle) === null || _options$onErrorHandl === void 0 ? void 0 : _options$onErrorHandl.call(options, chatMessageError);
-          return _context.abrupt("return");
-        case 8:
-          returnRes = response.clone();
-          data = response.body;
-          if (data) {
-            _context.next = 12;
-            break;
-          }
-          return _context.abrupt("return");
-        case 12:
-          reader = data.getReader();
-          decoder = new TextDecoder();
-          done = false;
-        case 15:
-          if (done) {
-            _context.next = 26;
-            break;
-          }
-          _context.next = 18;
-          return reader.read();
-        case 18:
-          _yield$reader$read = _context.sent;
-          value = _yield$reader$read.value;
-          doneReading = _yield$reader$read.done;
-          done = doneReading;
-          chunkValue = decoder.decode(value);
-          (_options$onMessageHan = options.onMessageHandle) === null || _options$onMessageHan === void 0 ? void 0 : _options$onMessageHan.call(options, chunkValue);
-          _context.next = 15;
-          break;
-        case 26:
-          return _context.abrupt("return", returnRes);
-        case 27:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function fetchSSE(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();