@lobehub/chat 1.22.5 → 1.22.6

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.22.6](https://github.com/lobehub/lobe-chat/compare/v1.22.5...v1.22.6)
+
+<sup>Released on **2024-10-13**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix images not go in to chat context.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix images not go in to chat context, closes [#4361](https://github.com/lobehub/lobe-chat/issues/4361) ([f17ab49](https://github.com/lobehub/lobe-chat/commit/f17ab49))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.22.5](https://github.com/lobehub/lobe-chat/compare/v1.22.4...v1.22.5)
 
 <sup>Released on **2024-10-13**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.22.5",
+  "version": "1.22.6",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/features/Conversation/components/SkeletonList.tsx

@@ -30,7 +30,7 @@ const SkeletonList = memo<SkeletonListProps>(({ mobile }) => {
   const { cx, styles } = useStyles();
 
   return (
-    <Flexbox gap={24} padding={mobile ? 8 : 12} style={{ marginTop: 24 + (mobile ? 0 : 64) }}>
+    <Flexbox gap={24} padding={mobile ? 8 : 12} style={{ marginTop: 24 }}>
       <Skeleton
         active
         avatar={{ size: mobile ? 32 : 40 }}

package/src/store/chat/slices/aiChat/action.ts

@@ -24,7 +24,7 @@ import { setNamespace } from '@/utils/storeDebug';
 import { chatSelectors, topicSelectors } from '../../selectors';
 import { ChatRAGAction, chatRag } from './actions/rag';
 
-const n = setNamespace('m');
+const n = setNamespace('ai');
 
 export interface SendMessageParams {
   message: string;
@@ -47,17 +47,21 @@ interface ProcessMessageParams {
 }
 
 export interface ChatAIChatAction extends ChatRAGAction {
-  // create
+  /**
+   * Sends a new message to the AI chat system
+   */
   sendMessage: (params: SendMessageParams) => Promise<void>;
   /**
-   * regenerate message
-   * trace enabled
-   * @param id
+   * Regenerates a specific message in the chat
    */
   regenerateMessage: (id: string) => Promise<void>;
-
-  // delete
+  /**
+   * Deletes an existing message and generates a new one in its place
+   */
   delAndRegenerateMessage: (id: string) => Promise<void>;
+  /**
+   * Interrupts the ongoing ai message generation process
+   */
   stopGenerateMessage: () => void;
 
   // =========  ↓ Internal Method ↓  ========== //
@@ -65,7 +69,8 @@ export interface ChatAIChatAction extends ChatRAGAction {
   // ========================================== //
 
   /**
-   * core process of the AI message (include preprocess and postprocess)
+   * Executes the core processing logic for AI messages
+   * including preprocessing and postprocessing steps
    */
   internal_coreProcessMessage: (
     messages: ChatMessage[],
@@ -73,7 +78,7 @@ export interface ChatAIChatAction extends ChatRAGAction {
     params?: ProcessMessageParams,
   ) => Promise<void>;
   /**
-   * the method to fetch the AI message
+   * Retrieves an AI-generated chat message from the backend service
    */
   internal_fetchAIChatMessage: (
     messages: ChatMessage[],
@@ -83,11 +88,12 @@ export interface ChatAIChatAction extends ChatRAGAction {
     isFunctionCall: boolean;
     traceId?: string;
   }>;
-
+  /**
+   * Resends a specific message, optionally using a trace ID for tracking
+   */
   internal_resendMessage: (id: string, traceId?: string) => Promise<void>;
-
   /**
-   * method to toggle ai message generating loading
+   * Toggles the loading state for AI message generation, managing the UI feedback
    */
   internal_toggleChatLoading: (
     loading: boolean,
@@ -95,7 +101,7 @@ export interface ChatAIChatAction extends ChatRAGAction {
     action?: string,
   ) => AbortController | undefined;
   /**
-   * method to toggle the tool calling loading state
+   * Controls the streaming state of tool calling processes, updating the UI accordingly
    */
   internal_toggleToolCallingStreaming: (id: string, streaming: boolean[] | undefined) => void;
 }
@@ -139,7 +145,7 @@ export const chatAiChat: StateCreator<
     // if message is empty or no files, then stop
     if (!message && !hasFile) return;
 
-    set({ isCreatingMessage: true }, false, 'creatingMessage/start');
+    set({ isCreatingMessage: true }, false, n('creatingMessage/start'));
 
     const newMessage: CreateMessageParams = {
       content: message,
@@ -184,10 +190,7 @@ export const chatAiChat: StateCreator<
             ...get().messagesMap,
             [messageMapKey(activeId, topicId)]: get().messagesMap[mapKey],
           };
-          set({ messagesMap: newMaps }, false, 'internal_copyMessages');
-
-          // get().internal_dispatchMessage({ type: 'deleteMessage', id: tempMessageId });
-          get().internal_toggleMessageLoading(false, tempMessageId);
+          set({ messagesMap: newMaps }, false, n('moveMessagesToNewTopic'));
 
           // make the topic loading
           get().internal_updateTopicLoading(topicId, true);
@@ -199,9 +202,11 @@ export const chatAiChat: StateCreator<
 
     const id = await get().internal_createMessage(newMessage, {
       tempMessageId,
-      skipRefresh: !onlyAddUserMessage,
+      skipRefresh: !onlyAddUserMessage && newMessage.fileList?.length === 0,
     });
 
+    if (tempMessageId) get().internal_toggleMessageLoading(false, tempMessageId);
+
     // switch to the new topic if create the new topic
     if (!!newTopicId) {
       await get().switchTopic(newTopicId, true);
@@ -228,7 +233,7 @@ export const chatAiChat: StateCreator<
       ragQuery: get().internal_shouldUseRAG() ? message : undefined,
     });
 
-    set({ isCreatingMessage: false }, false, 'creatingMessage/stop');
+    set({ isCreatingMessage: false }, false, n('creatingMessage/stop'));
 
     const summaryTitle = async () => {
       // if autoCreateTopic is false, then stop

package/src/store/chat/slices/message/action.ts

@@ -301,6 +301,7 @@ export const chatMessage: StateCreator<
 
     const id = await messageService.createMessage(message);
     if (!context?.skipRefresh) {
+      internal_toggleMessageLoading(true, tempId);
       await refreshMessages();
     }
 

package/src/store/chat/utils/index.ts

@@ -9,7 +9,7 @@ export const preventLeavingFn = (e: BeforeUnloadEvent) => {
 export const toggleBooleanList = (ids: string[], id: string, loading: boolean) => {
   return produce(ids, (draft) => {
     if (loading) {
-      draft.push(id);
+      if (!draft.includes(id)) draft.push(id);
     } else {
       const index = draft.indexOf(id);