@lobehub/chat 0.90.2 → 0.90.3

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.90.3](https://github.com/lobehub/lobe-chat/compare/v0.90.2...v0.90.3)
+
+<sup>Released on **2023-10-17**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix ActionBar props and regenerate btn with error message.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix ActionBar props and regenerate btn with error message, closes [#337](https://github.com/lobehub/lobe-chat/issues/337) ([246e8fd](https://github.com/lobehub/lobe-chat/commit/246e8fd))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.90.2](https://github.com/lobehub/lobe-chat/compare/v0.90.1...v0.90.2)
 
 <sup>Released on **2023-10-17**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.90.2",
+  "version": "0.90.3",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",

package/src/app/chat/features/Conversation/ChatList/Messages/Assistant.tsx

@@ -13,12 +13,11 @@ import { Flexbox } from 'react-layout-kit';
 
 import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/slices/agentConfig';
-import { currentFunctionCallProps } from '@/store/session/slices/chat/selectors/chat';
+import { chatSelectors } from '@/store/session/slices/chat/selectors';
 import { isFunctionMessage } from '@/utils/message';
 
 import FunctionCall from '../Plugins/FunctionCall';
 import { DefautMessage } from './Default';
-import { SystemActionsBar } from './System';
 
 const useStyles = createStyles(({ css }) => ({
   container: css`
@@ -34,7 +33,7 @@ const useStyles = createStyles(({ css }) => ({
 
 export const AssistantMessage: RenderMessage = memo(
   ({ id, plugin, function_call, content, ...props }) => {
-    const genFunctionCallProps = useSessionStore(currentFunctionCallProps);
+    const genFunctionCallProps = useSessionStore(chatSelectors.currentFunctionCallProps);
 
     if (!isFunctionMessage(content)) return <DefautMessage content={content} id={id} {...props} />;
 
@@ -65,16 +64,15 @@ export const AssistantMessageExtra: RenderMessageExtra = memo(({ extra, function
   );
 });
 
-export const AssistantActionsBar: RenderAction = memo(({ text, error, id, ...props }) => {
+export const AssistantActionsBar: RenderAction = memo(({ text, error, id, onActionClick }) => {
   const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);
   if (id === 'default') return;
-  if (error) return <SystemActionsBar id={id} text={text} {...props} />;
   return (
     <ActionIconGroup
-      dropdownMenu={[edit, copy, regenerate, divider, del]}
-      items={[regenerate, copy]}
+      dropdownMenu={error ? [regenerate, divider, del] : [edit, copy, regenerate, divider, del]}
+      items={[regenerate]}
+      onActionClick={onActionClick}
       type="ghost"
-      {...props}
     />
   );
 });

package/src/app/chat/features/Conversation/ChatList/Messages/Function.tsx

@@ -3,14 +3,14 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import { useSessionStore } from '@/store/session';
-import { currentFunctionCallProps } from '@/store/session/slices/chat/selectors/chat';
+import { chatSelectors } from '@/store/session/selectors';
 
 import FunctionCall from '../Plugins/FunctionCall';
 import PluginMessage from '../Plugins/PluginMessage';
 
 export const FunctionMessage: RenderMessage = memo(
   ({ id, content, plugin, function_call, ...props }) => {
-    const genFunctionCallProps = useSessionStore(currentFunctionCallProps);
+    const genFunctionCallProps = useSessionStore(chatSelectors.currentFunctionCallProps);
     const fcProps = genFunctionCallProps({ content, function_call, id, plugin });
 
     return (
@@ -29,14 +29,14 @@ export const FunctionMessage: RenderMessage = memo(
   },
 );
 
-export const FunctionActionsBar: RenderAction = memo(({ text, ...props }) => {
+export const FunctionActionsBar: RenderAction = memo(({ text, onActionClick }) => {
   const { regenerate, divider, del } = useChatListActionsBar(text);
   return (
     <ActionIconGroup
       dropdownMenu={[regenerate, divider, del]}
       items={[regenerate]}
+      onActionClick={onActionClick}
       type="ghost"
-      {...props}
     />
   );
 });

package/src/app/chat/features/Conversation/ChatList/Messages/System.tsx

@@ -1,7 +1,9 @@
 import { ActionIconGroup, RenderAction, useChatListActionsBar } from '@lobehub/ui';
 import { memo } from 'react';
 
-export const SystemActionsBar: RenderAction = memo(({ text, ...props }) => {
+export const SystemActionsBar: RenderAction = memo(({ text, onActionClick }) => {
   const { del } = useChatListActionsBar(text);
-  return <ActionIconGroup dropdownMenu={[del]} items={[]} type="ghost" {...props} />;
+  return (
+    <ActionIconGroup dropdownMenu={[del]} items={[]} onActionClick={onActionClick} type="ghost" />
+  );
 });

package/src/app/chat/features/Conversation/ChatList/Messages/User.tsx

@@ -1,14 +1,14 @@
 import { ActionIconGroup, RenderAction, useChatListActionsBar } from '@lobehub/ui';
 import { memo } from 'react';
 
-export const UserActionsBar: RenderAction = memo(({ text, ...props }) => {
+export const UserActionsBar: RenderAction = memo(({ text, onActionClick }) => {
   const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);
   return (
     <ActionIconGroup
       dropdownMenu={[edit, copy, regenerate, divider, del]}
       items={[regenerate, edit]}
+      onActionClick={onActionClick}
       type="ghost"
-      {...props}
     />
   );
 });

package/src/store/session/slices/chat/selectors/index.ts

@@ -3,6 +3,7 @@ import {
   currentChats,
   currentChatsWithGuideMessage,
   currentChatsWithHistoryConfig,
+  currentFunctionCallProps,
   getChatsById,
 } from './chat';
 import { currentTopics, getTopicMessages } from './topic';
@@ -12,6 +13,7 @@ export const chatSelectors = {
   currentChats,
   currentChatsWithGuideMessage,
   currentChatsWithHistoryConfig,
+  currentFunctionCallProps,
   getChatsById,
 };