@lobehub/chat 0.118.2 → 0.118.4

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.118.4](https://github.com/lobehub/lobe-chat/compare/v0.118.3...v0.118.4)
+
+<sup>Released on **2024-01-02**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Update dalle identifier to fix unstable dalle function call.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Update dalle identifier to fix unstable dalle function call, closes [#896](https://github.com/lobehub/lobe-chat/issues/896) ([9d9ac32](https://github.com/lobehub/lobe-chat/commit/9d9ac32))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.118.3](https://github.com/lobehub/lobe-chat/compare/v0.118.2...v0.118.3)
+
+<sup>Released on **2024-01-01**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix parse error of tool calls at end.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix parse error of tool calls at end, closes [#893](https://github.com/lobehub/lobe-chat/issues/893) ([f369b6e](https://github.com/lobehub/lobe-chat/commit/f369b6e))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.118.2](https://github.com/lobehub/lobe-chat/compare/v0.118.1...v0.118.2)
 
 <sup>Released on **2023-12-31**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.118.2",
+  "version": "0.118.4",
   "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/const/message.test.ts

@@ -0,0 +1,55 @@
+import { describe, expect, it } from 'vitest';
+
+import { testFunctionMessageAtEnd } from './message';
+
+describe('testFunctionMessageAtEnd', () => {
+  it('should extract tool_calls JSON when present', () => {
+    const content = 'Some content before {"tool_calls": [{"tool": "example", "args": ["arg1"]}]}';
+    const result = testFunctionMessageAtEnd(content);
+    expect(result).toEqual({
+      content: '{"tool_calls": [{"tool": "example", "args": ["arg1"]}]}',
+      valid: true,
+    });
+  });
+
+  it('should extract tool_calls JSON when there are space at end', () => {
+    const content =
+      'Some content before {"tool_calls": [{"tool": "example", "args": ["arg1"]}]}     ';
+    const result = testFunctionMessageAtEnd(content);
+    expect(result).toEqual({
+      content: '{"tool_calls": [{"tool": "example", "args": ["arg1"]}]}',
+      valid: true,
+    });
+  });
+
+  it('should not extract tool_calls JSON when in middle', () => {
+    const content =
+      'Some content before {"tool_calls": [{"tool": "example", "args": ["arg1"]}]}, here are some end content';
+    const result = testFunctionMessageAtEnd(content);
+    expect(result).toEqual({ content: '', valid: false });
+  });
+
+  it('should return an empty string and valid false when JSON is not present', () => {
+    const content = 'Some content without the JSON structure';
+    const result = testFunctionMessageAtEnd(content);
+    expect(result).toEqual({ content: '', valid: false });
+  });
+
+  it('should return an empty string and valid false when content is empty', () => {
+    const content = '';
+    const result = testFunctionMessageAtEnd(content);
+
+    expect(result).toEqual({ content: '', valid: false });
+  });
+
+  it('should handle null or undefined content gracefully', () => {
+    const nullContent = null;
+    const undefinedContent = undefined;
+
+    const resultWithNull = testFunctionMessageAtEnd(nullContent as any);
+    const resultWithUndefined = testFunctionMessageAtEnd(undefinedContent as any);
+
+    expect(resultWithNull).toEqual({ content: '', valid: false });
+    expect(resultWithUndefined).toEqual({ content: '', valid: false });
+  });
+});

package/src/const/message.ts

@@ -8,8 +8,8 @@ export const isFunctionMessageAtStart = (content: string) => {
 };
 
 export const testFunctionMessageAtEnd = (content: string) => {
-  const regExp = /{"tool_calls":.*?}}/;
-  const match = content.match(regExp);
+  const regExp = /{"tool_calls":.*?]}$/;
+  const match = content?.trim().match(regExp);
 
-  return { content: match ? match[0] : '', valid: match };
+  return { content: match ? match[0] : '', valid: !!match };
 };

package/src/features/Conversation/ChatList/Plugins/Render/BuiltinType/index.test.tsx

@@ -0,0 +1,53 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+
+import { DalleManifest } from '@/tools/dalle';
+import { BuiltinToolsRenders } from '@/tools/renders';
+
+import BuiltinType from './index';
+
+// Mock Render component and useParseContent hook
+vi.mock('@/tools/renders', () => ({
+  BuiltinToolsRenders: {
+    dalle3: vi.fn(() => <div>Test Renderer</div>),
+    [DalleManifest.identifier]: vi.fn(() => <div>{DalleManifest.identifier}</div>),
+  },
+}));
+
+// Mock Loading component
+vi.mock('../Loading', () => ({
+  default: vi.fn(() => <div>Loading...</div>),
+}));
+
+describe('BuiltinType', () => {
+  it('should render loading state if not JSON and loading is true', () => {
+    render(<BuiltinType content="..." id="123" loading={true} />);
+    expect(screen.getByText('Loading...')).toBeInTheDocument();
+  });
+
+  it('should not render anything if not JSON and loading is false', () => {
+    const { container } = render(<BuiltinType content="..." id="123" loading={false} />);
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it('should not render anything if identifier is unknown', () => {
+    const { container } = render(<BuiltinType content="{}" id="123" identifier="unknown" />);
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  describe('DALL·E', () => {
+    it('should render the correct renderer if identifier is dalle3', () => {
+      render(<BuiltinType content='{"some":"data"}' id="123" identifier="dalle3" />);
+      expect(BuiltinToolsRenders.dalle3).toHaveBeenCalled();
+      expect(screen.getByText('Test Renderer')).toBeInTheDocument();
+    });
+
+    it('should render the correct renderer if is DALL·E ', () => {
+      render(
+        <BuiltinType content='{"some":"data"}' id="123" identifier={DalleManifest.identifier} />,
+      );
+      expect(BuiltinToolsRenders.dalle3).toHaveBeenCalled();
+      expect(screen.getByText(DalleManifest.identifier)).toBeInTheDocument();
+    });
+  });
+});

package/src/services/__tests__/__snapshots__/chat.test.ts.snap

@@ -0,0 +1,116 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ChatService > createAssistantMessage > with tools messages > work with dalle3 1`] = `
+{
+  "messages": [
+    {
+      "content": "## Tools
+
+You can use these tools below:
+
+### DALL·E 3
+
+Whenever a description of an image is given, use lobe-image-designer to create the images and then summarize the prompts used to generate the images in plain text. If the user does not ask for a specific number of images, default to creating four captions to send to lobe-image-designer that are written to be as diverse as possible.
+
+  All captions sent to lobe-image-designer must abide by the following policies:
+
+1. If the description is not in English, then translate it.
+2. Do not create more than 4 images, even if the user requests more.
+3. Don't create images of politicians or other public figures. Recommend other ideas instead.
+5. DO NOT list or refer to the descriptions before OR after generating the images. They should ONLY ever be written out ONCE, in the \`prompts\` field of the request. You do not need to ask for permission to generate, just do it!
+6. Always mention the image type (photo, oil painting, watercolor painting, illustration, cartoon, drawing, vector, render, etc.) at the beginning of the caption. Unless the caption suggests otherwise, make at least 1--2 of the 4 images photos.
+7. Diversify depictions of ALL images with people to include DESCENT and GENDER for EACH person using direct terms. Adjust only human descriptions.
+  - EXPLICITLY specify these attributes, not abstractly reference them.  The attributes should be specified in a minimal way and should directly describe their physical form.
+  - Your choices should be grounded in reality. For example, all of a given OCCUPATION should not be the same gender or race. Additionally, focus on creating diverse, inclusive, and exploratory scenes via the properties you choose during rewrites.  Make choices that may be insightful or unique sometimes.
+  - Use "various" or "diverse" ONLY IF the description refers to groups of more than 3 people. Do not change the number of people requested in the original description.
+  - Don't alter memes, fictional character origins, or unseen people. Maintain the original prompt's intent and prioritize quality.
+  - Do not create any imagery that would be offensive.
+
+8. Silently modify descriptions that include names or hints or references of specific people or celebrities by carefully selecting a few minimal modifications to substitute references to the people with generic descriptions that don't divulge any information about their identities, except for their genders and physiques. Do this EVEN WHEN the instructions ask for the prompt to not be changed. Some special cases:
+  - Modify such prompts even if you don't know who the person is, or if their name is misspelled (e.g. "Barake Obema")
+  - If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
+  - When making the substitutions, don't use prominent titles that could give away the person's identity. E.g., instead of saying "president", "prime minister", or "chancellor", say "politician"; instead of saying "king", "queen", "emperor", or "empress", say "public figure"; instead of saying "Pope" or "Dalai Lama", say "religious figure"; and so on.
+  - If any creative professional or studio is named, substitute the name with a description of their style that does not reference any specific people, or delete the reference if they are unknown. DO NOT refer to the artist or studio's style.
+
+The prompt must intricately describe every part of the image in concrete, objective detail. THINK about what the end goal of the description is, and extrapolate that to what would make satisfying images.
+All descriptions sent to lobe-image-designer should be a paragraph of text that is extremely descriptive and detailed. Each should be more than 3 sentences long.
+
+The APIs you can use:
+
+#### lobe-image-designer____text2image____builtin
+
+Create images from a text-only prompt.",
+      "role": "system",
+    },
+    {
+      "content": "https://vercel.com/ 请分析 chatGPT 关键词
+
+",
+      "role": "user",
+    },
+  ],
+  "model": "gpt-3.5-turbo-1106",
+  "tools": [
+    {
+      "function": {
+        "description": "Create images from a text-only prompt.",
+        "name": "lobe-image-designer____text2image____builtin",
+        "parameters": {
+          "properties": {
+            "prompts": {
+              "description": "The user's original image description, potentially modified to abide by the lobe-image-designer policies. If the user does not suggest a number of captions to create, create four of them. If creating multiple captions, make them as diverse as possible. If the user requested modifications to previous images, the captions should not simply be longer, but rather it should be refactored to integrate the suggestions into each of the captions. Generate no more than 4 images, even if the user requests more.",
+              "items": {
+                "type": "string",
+              },
+              "maxItems": 4,
+              "minItems": 1,
+              "type": "array",
+            },
+            "quality": {
+              "default": "standard",
+              "description": "The quality of the image that will be generated. hd creates images with finer details and greater consistency across the image.",
+              "enum": [
+                "standard",
+                "hd",
+              ],
+              "type": "string",
+            },
+            "seeds": {
+              "description": "A list of seeds to use for each prompt. If the user asks to modify a previous image, populate this field with the seed used to generate that image from the image lobe-image-designer metadata.",
+              "items": {
+                "type": "integer",
+              },
+              "type": "array",
+            },
+            "size": {
+              "default": "1024x1024",
+              "description": "The resolution of the requested image, which can be wide, square, or tall. Use 1024x1024 (square) as the default unless the prompt suggests a wide image, 1792x1024, or a full-body portrait, in which case 1024x1792 (tall) should be used instead. Always include this parameter in the request.",
+              "enum": [
+                "1792x1024",
+                "1024x1024",
+                "1024x1792",
+              ],
+              "type": "string",
+            },
+            "style": {
+              "default": "vivid",
+              "description": "The style of the generated images. Must be one of vivid or natural. Vivid causes the model to lean towards generating hyper-real and dramatic images. Natural causes the model to produce more natural, less hyper-real looking images.",
+              "enum": [
+                "vivid",
+                "natural",
+              ],
+              "type": "string",
+            },
+          },
+          "required": [
+            "prompts",
+          ],
+          "type": "object",
+        },
+      },
+      "type": "function",
+    },
+  ],
+  "top_p": 1,
+}
+`;

package/src/services/__tests__/chat.test.ts

@@ -5,6 +5,7 @@ import { describe, expect, it, vi } from 'vitest';
 import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
 import { useFileStore } from '@/store/file';
 import { useToolStore } from '@/store/tool';
+import { DalleManifest } from '@/tools/dalle';
 import { ChatMessage } from '@/types/message';
 import { OpenAIChatStreamPayload } from '@/types/openai/chat';
 import { LobeTool } from '@/types/tool';
@@ -514,104 +515,16 @@ Get data from users`,
           messages,
           model: 'gpt-3.5-turbo-1106',
           top_p: 1,
-          plugins: ['dalle3'],
+          plugins: [DalleManifest.identifier],
         });
 
-        expect(getChatCompletionSpy).toHaveBeenCalledWith(
-          {
-            model: 'gpt-3.5-turbo-1106',
-            top_p: 1,
-            tools: [
-              {
-                type: 'function',
-                function: {
-                  description: 'Create images from a text-only prompt.',
-                  name: 'dalle3____text2image____builtin',
-                  parameters: {
-                    properties: {
-                      prompts: {
-                        description:
-                          "The user's original image description, potentially modified to abide by the dalle policies. If the user does not suggest a number of captions to create, create four of them. If creating multiple captions, make them as diverse as possible. If the user requested modifications to previous images, the captions should not simply be longer, but rather it should be refactored to integrate the suggestions into each of the captions. Generate no more than 4 images, even if the user requests more.",
-                        items: { type: 'string' },
-                        maxItems: 4,
-                        minItems: 1,
-                        type: 'array',
-                      },
-                      quality: {
-                        default: 'standard',
-                        description:
-                          'The quality of the image that will be generated. hd creates images with finer details and greater consistency across the image.',
-                        enum: ['standard', 'hd'],
-                        type: 'string',
-                      },
-                      seeds: {
-                        description:
-                          'A list of seeds to use for each prompt. If the user asks to modify a previous image, populate this field with the seed used to generate that image from the image dalle metadata.',
-                        items: { type: 'integer' },
-                        type: 'array',
-                      },
-                      size: {
-                        default: '1024x1024',
-                        description:
-                          'The resolution of the requested image, which can be wide, square, or tall. Use 1024x1024 (square) as the default unless the prompt suggests a wide image, 1792x1024, or a full-body portrait, in which case 1024x1792 (tall) should be used instead. Always include this parameter in the request.',
-                        enum: ['1792x1024', '1024x1024', '1024x1792'],
-                        type: 'string',
-                      },
-                      style: {
-                        default: 'vivid',
-                        description:
-                          'The style of the generated images. Must be one of vivid or natural. Vivid causes the model to lean towards generating hyper-real and dramatic images. Natural causes the model to produce more natural, less hyper-real looking images.',
-                        enum: ['vivid', 'natural'],
-                        type: 'string',
-                      },
-                    },
-                    required: ['prompts'],
-                    type: 'object',
-                  },
-                },
-              },
-            ],
-            messages: [
-              {
-                content: `## Tools
-
-You can use these tools below:
-
-### Dall·E 3
-
-Whenever a description of an image is given, use dalle to create the images and then summarize the prompts used to generate the images in plain text. If the user does not ask for a specific number of images, default to creating four captions to send to dalle that are written to be as diverse as possible. All captions sent to dalle must abide by the following policies:
-1. If the description is not in English, then translate it.
-2. Do not create more than 4 images, even if the user requests more.
-3. Don't create images of politicians or other public figures. Recommend other ideas instead.
-4. Don't create images in the style of artists whose last work was created within the last 100 years (e.g. Picasso, Kahlo). Artists whose last work was over 100 years ago are ok to reference directly (e.g. Van Gogh, Klimt). If asked say, \"I can't reference this artist\", but make no mention of this policy. Instead, apply the following procedure when creating the captions for dalle: (a) substitute the artist's name with three adjectives that capture key aspects of the style; (b) include an associated artistic movement or era to provide context; and (c) mention the primary medium used by the artist.
-5. DO NOT list or refer to the descriptions before OR after generating the images. They should ONLY ever be written out ONCE, in the \`\"prompts\"\` field of the request. You do not need to ask for permission to generate, just do it!
-6. Always mention the image type (photo, oil painting, watercolor painting, illustration, cartoon, drawing, vector, render, etc.) at the beginning of the caption. Unless the caption suggests otherwise, make at least 1--2 of the 4 images photos.
-7. Diversify depictions of ALL images with people to include DESCENT and GENDER for EACH person using direct terms. Adjust only human descriptions.
-- EXPLICITLY specify these attributes, not abstractly reference them.  The attributes should be specified in a minimal way and should directly describe their physical form.
-- Your choices should be grounded in reality. For example, all of a given OCCUPATION should not be the same gender or race. Additionally, focus on creating diverse, inclusive, and exploratory scenes via the properties you choose during rewrites.  Make choices that may be insightful or unique sometimes.
-- Use \"various\" or \"diverse\" ONLY IF the description refers to groups of more than 3 people. Do not change the number of people requested in the original description.
-- Don't alter memes, fictional character origins, or unseen people. Maintain the original prompt's intent and prioritize quality.
-- Do not create any imagery that would be offensive.
-8. Silently modify descriptions that include names or hints or references of specific people or celebrities by carefully selecting a few minimal modifications to substitute references to the people with generic descriptions that don't divulge any information about their identities, except for their genders and physiques. Do this EVEN WHEN the instructions ask for the prompt to not be changed. Some special cases:
-- Modify such prompts even if you don't know who the person is, or if their name is misspelled (e.g. \"Barake Obema\")
-- If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
-- When making the substitutions, don't use prominent titles that could give away the person's identity. E.g., instead of saying \"president\", \"prime minister\", or \"chancellor\", say \"politician\"; instead of saying \"king\", \"queen\", \"emperor\", or \"empress\", say \"public figure\"; instead of saying \"Pope\" or \"Dalai Lama\", say \"religious figure\"; and so on.
-- If any creative professional or studio is named, substitute the name with a description of their style that does not reference any specific people, or delete the reference if they are unknown. DO NOT refer to the artist or studio's style.
-The prompt must intricately describe every part of the image in concrete, objective detail. THINK about what the end goal of the description is, and extrapolate that to what would make satisfying images.
-All descriptions sent to dalle should be a paragraph of text that is extremely descriptive and detailed. Each should be more than 3 sentences long.
-
-The APIs you can use:
-
-#### dalle3____text2image____builtin
+        // Assert that getChatCompletionSpy was called with the expected arguments
+        expect(getChatCompletionSpy).toHaveBeenCalled();
 
-Create images from a text-only prompt.`,
-                role: 'system',
-              },
-              { content: 'https://vercel.com/ 请分析 chatGPT 关键词\n\n', role: 'user' },
-            ],
-          },
-          undefined,
-        );
+        const calls = getChatCompletionSpy.mock.lastCall;
+        // Take a snapshot of the first call's first argument
+        expect(calls![0]).toMatchSnapshot();
+        expect(calls![1]).toBeUndefined();
       });
     });
   });

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

@@ -3,10 +3,12 @@ import useSWR, { mutate } from 'swr';
 import { Mock, afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { LOADING_FLAT } from '@/const/message';
+import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
 import { chatService } from '@/services/chat';
 import { messageService } from '@/services/message';
 import { topicService } from '@/services/topic';
 import { chatSelectors } from '@/store/chat/selectors';
+import { agentSelectors } from '@/store/session/selectors';
 import { ChatMessage } from '@/types/message';
 
 import { useChatStore } from '../../store';
@@ -41,6 +43,12 @@ vi.mock('@/store/chat/selectors', () => ({
   },
 }));
 
+vi.mock('@/store/session/selectors', () => ({
+  agentSelectors: {
+    currentAgentConfig: vi.fn(),
+  },
+}));
+
 const realCoreProcessMessage = useChatStore.getState().coreProcessMessage;
 const realRefreshMessages = useChatStore.getState().refreshMessages;
 // Mock state
@@ -57,6 +65,8 @@ const mockState = {
 beforeEach(() => {
   vi.clearAllMocks();
   useChatStore.setState(mockState, false);
+
+  (agentSelectors.currentAgentConfig as Mock).mockImplementation(() => DEFAULT_AGENT_CONFIG);
 });
 afterEach(() => {
   vi.restoreAllMocks();
@@ -226,29 +236,126 @@ describe('chatMessage actions', () => {
       expect(result.current.coreProcessMessage).toHaveBeenCalled();
     });
 
-    // it('should auto-create topic and switch to it if enabled and threshold is reached', async () => {
-    //   const { result } = renderHook(() => useChatStore());
-    //   const message = 'Test message';
-    //   const autoCreateTopicThreshold = 5;
-    //   const enableAutoCreateTopic = true;
-    //
-    //   // Mock state with the necessary settings
-    //   useChatStore.setState({
-    //     ...mockState,
-    //     messages: Array(autoCreateTopicThreshold).fill({}), // Fill with dummy messages to reach threshold
-    //   });
-    //
-    //   // Mock messageService.create to resolve with a message id
-    //   (messageService.create as vi.Mock).mockResolvedValue('new-message-id');
-    //
-    //   await act(async () => {
-    //     await result.current.sendMessage(message);
-    //   });
-    //
-    //   expect(result.current.saveToTopic).toHaveBeenCalled();
-    //   expect(result.current.switchTopic).toHaveBeenCalled();
-    // });
-    // 其他可能的测试用例...
+    describe('auto-create topic', () => {
+      it('should not auto-create topic if enableAutoCreateTopic is false', async () => {
+        const { result } = renderHook(() => useChatStore());
+        const message = 'Test message';
+        const autoCreateTopicThreshold = 5;
+        const enableAutoCreateTopic = false;
+
+        // Mock messageService.create to resolve with a message id
+        (messageService.create as Mock).mockResolvedValue('new-message-id');
+
+        // Mock agent config to simulate auto-create topic behavior
+        (agentSelectors.currentAgentConfig as Mock).mockImplementation(() => ({
+          autoCreateTopicThreshold,
+          enableAutoCreateTopic,
+        }));
+
+        // Mock the currentChats selector to return a list that does not reach the threshold
+        (chatSelectors.currentChats as Mock).mockReturnValue(
+          Array.from({ length: autoCreateTopicThreshold + 1 }, (_, i) => ({ id: `msg-${i}` })),
+        );
+
+        // Mock saveToTopic and switchTopic to simulate not being called
+        const saveToTopicMock = vi.fn();
+        const switchTopicMock = vi.fn();
+
+        await act(async () => {
+          useChatStore.setState({
+            ...mockState,
+            activeTopicId: undefined,
+            saveToTopic: saveToTopicMock,
+            switchTopic: switchTopicMock,
+          });
+
+          await result.current.sendMessage(message);
+        });
+
+        expect(saveToTopicMock).not.toHaveBeenCalled();
+        expect(switchTopicMock).not.toHaveBeenCalled();
+      });
+
+      it('should auto-create topic and switch to it if enabled and threshold is reached', async () => {
+        const { result } = renderHook(() => useChatStore());
+        const message = 'Test message';
+        const autoCreateTopicThreshold = 5;
+        const enableAutoCreateTopic = true;
+
+        // Mock agent config to simulate auto-create topic behavior
+        (agentSelectors.currentAgentConfig as Mock).mockImplementation(() => ({
+          autoCreateTopicThreshold,
+          enableAutoCreateTopic,
+        }));
+
+        // Mock messageService.create to resolve with a message id
+        (messageService.create as Mock).mockResolvedValue('new-message-id');
+
+        // Mock the currentChats selector to return a list that reaches the threshold
+        (chatSelectors.currentChats as Mock).mockReturnValue(
+          Array.from({ length: autoCreateTopicThreshold }, (_, i) => ({ id: `msg-${i}` })),
+        );
+
+        // Mock saveToTopic to resolve with a topic id and switchTopic to switch to the new topic
+        const saveToTopicMock = vi.fn(() => Promise.resolve('new-topic-id'));
+        const switchTopicMock = vi.fn();
+
+        act(() => {
+          useChatStore.setState({
+            ...mockState,
+            activeTopicId: undefined,
+            saveToTopic: saveToTopicMock,
+            switchTopic: switchTopicMock,
+          });
+        });
+
+        await act(async () => {
+          await result.current.sendMessage(message);
+        });
+
+        expect(saveToTopicMock).toHaveBeenCalled();
+        expect(switchTopicMock).toHaveBeenCalledWith('new-topic-id');
+      });
+
+      it('should not auto-create topic if autoCreateTopicThreshold is not reached', async () => {
+        const { result } = renderHook(() => useChatStore());
+        const message = 'Test message';
+        const autoCreateTopicThreshold = 5;
+        const enableAutoCreateTopic = true;
+
+        // Mock messageService.create to resolve with a message id
+        (messageService.create as Mock).mockResolvedValue('new-message-id');
+
+        // Mock agent config to simulate auto-create topic behavior
+        (agentSelectors.currentAgentConfig as Mock).mockImplementation(() => ({
+          autoCreateTopicThreshold,
+          enableAutoCreateTopic,
+        }));
+
+        // Mock the currentChats selector to return a list that does not reach the threshold
+        (chatSelectors.currentChats as Mock).mockReturnValue(
+          Array.from({ length: autoCreateTopicThreshold - 1 }, (_, i) => ({ id: `msg-${i}` })),
+        );
+
+        // Mock saveToTopic and switchTopic to simulate not being called
+        const saveToTopicMock = vi.fn();
+        const switchTopicMock = vi.fn();
+
+        await act(async () => {
+          useChatStore.setState({
+            ...mockState,
+            activeTopicId: undefined,
+            saveToTopic: saveToTopicMock,
+            switchTopic: switchTopicMock,
+          });
+
+          await result.current.sendMessage(message);
+        });
+
+        expect(saveToTopicMock).not.toHaveBeenCalled();
+        expect(switchTopicMock).not.toHaveBeenCalled();
+      });
+    });
   });
 
   describe('resendMessage action', () => {
@@ -483,4 +590,80 @@ describe('chatMessage actions', () => {
       });
     });
   });
+
+  describe('fetchAIChatMessage', () => {
+    it('should fetch AI chat message and return content', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const messages = [{ id: 'message-id', content: 'Hello', role: 'user' }] as ChatMessage[];
+      const assistantMessageId = 'assistant-message-id';
+      const aiResponse = 'Hello, human!';
+
+      // Mock chatService.createAssistantMessage to resolve with AI response
+      (chatService.createAssistantMessage as Mock).mockResolvedValue(new Response(aiResponse));
+
+      await act(async () => {
+        const response = await result.current.fetchAIChatMessage(messages, assistantMessageId);
+        expect(response.content).toEqual(aiResponse);
+        expect(response.isFunctionCall).toEqual(false);
+        expect(response.functionCallAtEnd).toEqual(false);
+        expect(response.functionCallContent).toEqual('');
+      });
+    });
+
+    it('should handle function call message at start of AI response', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const messages = [{ id: 'message-id', content: 'Hello', role: 'user' }] as ChatMessage[];
+      const assistantMessageId = 'assistant-message-id';
+      const aiResponse =
+        '{"tool_calls":[{"id":"call_sbca","type":"function","function":{"name":"pluginName____apiName","arguments":{"key":"value"}}}]}';
+
+      // Mock chatService.createAssistantMessage to resolve with AI response containing function call
+      (chatService.createAssistantMessage as Mock).mockResolvedValue(new Response(aiResponse));
+
+      await act(async () => {
+        const response = await result.current.fetchAIChatMessage(messages, assistantMessageId);
+        expect(response.content).toEqual(aiResponse);
+        expect(response.isFunctionCall).toEqual(true);
+        expect(response.functionCallAtEnd).toEqual(false);
+        expect(response.functionCallContent).toEqual('');
+      });
+    });
+
+    it('should handle function message at end of AI response', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const messages = [{ id: 'message-id', content: 'Hello', role: 'user' }] as ChatMessage[];
+      const assistantMessageId = 'assistant-message-id';
+      const aiResponse =
+        'Hello, human! {"tool_calls":[{"id":"call_sbca","type":"function","function":{"name":"pluginName____apiName","arguments":{"key":"value"}}}]}';
+
+      // Mock chatService.createAssistantMessage to resolve with AI response containing function call at end
+      (chatService.createAssistantMessage as Mock).mockResolvedValue(new Response(aiResponse));
+
+      await act(async () => {
+        const response = await result.current.fetchAIChatMessage(messages, assistantMessageId);
+        expect(response.content).toEqual(aiResponse);
+        expect(response.isFunctionCall).toEqual(true);
+        expect(response.functionCallAtEnd).toEqual(true);
+        expect(response.functionCallContent).toEqual(
+          '{"tool_calls":[{"id":"call_sbca","type":"function","function":{"name":"pluginName____apiName","arguments":{"key":"value"}}}]}',
+        );
+      });
+    });
+
+    it('should handle errors during AI response fetching', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const messages = [{ id: 'message-id', content: 'Hello', role: 'user' }] as ChatMessage[];
+      const assistantMessageId = 'assistant-message-id';
+
+      // Mock chatService.createAssistantMessage to reject with an error
+      const errorMessage = 'Error fetching AI response';
+      (chatService.createAssistantMessage as Mock).mockRejectedValue(new Error(errorMessage));
+
+      await act(async () => {
+        await expect(
+          result.current.fetchAIChatMessage(messages, assistantMessageId),
+        ).rejects.toThrow(errorMessage);
+      });
+    });
+  });
 });

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

@@ -382,7 +382,7 @@ export const chatMessage: StateCreator<
     toggleChatLoading(false, undefined, n('generateMessage(end)') as string);
 
     // also exist message like this:
-    // 请稍等，我帮您查询一下。{"tool_calls": {"name": "plugin-identifier____recommendClothes____standalone", "arguments": "{\n "mood": "",\n "gender": "man"\n}"}}
+    // 请稍等，我帮您查询一下。{"tool_calls":[{"id":"call_sbca","type":"function","function":{"name":"pluginName____apiName","arguments":{"key":"value"}}}]}
     if (!isFunctionCall) {
       const { content, valid } = testFunctionMessageAtEnd(output);
 

package/src/tools/dalle/index.ts

@@ -1,5 +1,7 @@
 import { BuiltinToolManifest } from '@/types/tool';
 
+// import {SiOpenai} from "@icons-pack/react-simple-icons";
+
 export const DalleManifest: BuiltinToolManifest = {
   api: [
     {
@@ -9,7 +11,7 @@ export const DalleManifest: BuiltinToolManifest = {
         properties: {
           prompts: {
             description:
-              "The user's original image description, potentially modified to abide by the dalle policies. If the user does not suggest a number of captions to create, create four of them. If creating multiple captions, make them as diverse as possible. If the user requested modifications to previous images, the captions should not simply be longer, but rather it should be refactored to integrate the suggestions into each of the captions. Generate no more than 4 images, even if the user requests more.",
+              "The user's original image description, potentially modified to abide by the lobe-image-designer policies. If the user does not suggest a number of captions to create, create four of them. If creating multiple captions, make them as diverse as possible. If the user requested modifications to previous images, the captions should not simply be longer, but rather it should be refactored to integrate the suggestions into each of the captions. Generate no more than 4 images, even if the user requests more.",
             items: {
               type: 'string',
             },
@@ -26,7 +28,7 @@ export const DalleManifest: BuiltinToolManifest = {
           },
           seeds: {
             description:
-              'A list of seeds to use for each prompt. If the user asks to modify a previous image, populate this field with the seed used to generate that image from the image dalle metadata.',
+              'A list of seeds to use for each prompt. If the user asks to modify a previous image, populate this field with the seed used to generate that image from the image lobe-image-designer metadata.',
             items: {
               type: 'integer',
             },
@@ -52,30 +54,39 @@ export const DalleManifest: BuiltinToolManifest = {
       },
     },
   ],
-  identifier: 'dalle3',
+  // due to system prompt is for training Dalle3 as a built-in tool by OpenAI,
+  // there are occasional instances where the function call contains the name "dalle," leading to subsequent failures.
+  // so we need a different unique identifier to avoid failure.refs:
+  // https://github.com/lobehub/lobe-chat/issues/783
+  // https://github.com/lobehub/lobe-chat/issues/870
+  identifier: 'lobe-image-designer',
   meta: {
-    avatar: '🖌',
-    title: 'Dall·E 3',
+    avatar: `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgZmlsbD0ibm9uZSIgc3R5bGU9ImNvbG9yOiNmZmY7ZmlsbDojMDAwIj4KICAgIDxwYXRoIGQ9Ik0wIDBoOTZ2OTZIMHoiLz4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgICAgICAgIGQ9Ik03OC44MyA0MS40NjJBMTcuOTQgMTcuOTQgMCAwIDAgNzcuMjkgMjYuNzNhMTguMTQgMTguMTQgMCAwIDAtMTkuNTM4LTguNzA0IDE3LjkzNyAxNy45MzcgMCAwIDAtMTMuNTI5LTYuMDMxIDE4LjE0MyAxOC4xNDMgMCAwIDAtMTcuMzA1IDEyLjU2IDE3Ljk0NiAxNy45NDYgMCAwIDAtMTEuOTk0IDguNzAxIDE4LjE0MyAxOC4xNDMgMCAwIDAgMi4yMzMgMjEuMjcxIDE3LjkzOCAxNy45MzggMCAwIDAgMS41NCAxNC43MzIgMTguMTQxIDE4LjE0MSAwIDAgMCAxOS41MzggOC43MDQgMTcuOTMgMTcuOTMgMCAwIDAgMTMuNTI4IDYuMDMxQTE4LjE0MiAxOC4xNDIgMCAwIDAgNjkuMDggNzEuNDI3YTE3LjkzOCAxNy45MzggMCAwIDAgMTEuOTk0LTguNzAxIDE4LjE0MSAxOC4xNDEgMCAwIDAtMi4yNDMtMjEuMjY0Wk01MS45MSA3OS4yODdjLTMuNTgzIDAtNi4zNTYtMS4xLTguNzgtMy4xMjIuMTEtLjA2LjMwMi0uMTY1LjQyNy0uMjQybDE0LjMzNi04LjI4YTIuMzI3IDIuMzI3IDAgMCAwIDEuMTc4LTIuMDRWNDUuMzkybDYuMDYgMy40OTlhLjIxNy4yMTcgMCAwIDEgLjExOC4xNjZWNjUuNzljLS4wMDEgNy41OTMtNi4zMjIgMTMuNDk3LTEzLjM0IDEzLjQ5N1pNMjIuNzc4IDY2LjkwNmExMy40NDcgMTMuNDQ3IDAgMCAxLTEuNjEtOS4wNDJjLjEwNy4wNjQuMjkzLjE3OC40MjYuMjU0TDM1LjkzIDY2LjRhMi4zMyAyLjMzIDAgMCAwIDIuMzU1IDBsMTcuNTAzLTEwLjEwNnY2Ljk5OGEuMjE3LjIxNyAwIDAgMS0uMDg3LjE4Nkw0MS4yMSA3MS44NDRhMTMuNTA3IDEzLjUwNyAwIDAgMS0xOC40MzEtNC45MzhabS0zLjc3Ny0zMS4yOTdhMTMuNDQ5IDEzLjQ0OSAwIDAgMSA3LjAyMy01LjkxNlY0Ni43NWEyLjMyNCAyLjMyNCAwIDAgMCAxLjE3NyAyLjAzOGwxNy41MDEgMTAuMTA1LTYuMDYgMy40OTlhLjIxOC4yMTggMCAwIDEtLjIwNC4wMThsLTE0LjQ5My04LjM3NEExMy41MDcgMTMuNTA3IDAgMCAxIDE5IDM1LjYwOVptNDkuNzkgMTEuNTg3TDUxLjI4OCAzNy4wOWw2LjA2LTMuNDk4YS4yMi4yMiAwIDAgMSAuMjA0LS4wMThsMTQuNDk0IDguMzdhMTMuNDk1IDEzLjQ5NSAwIDAgMS0yLjA4OCAyNC4zNDZWNDkuMjMzYTIuMzI4IDIuMzI4IDAgMCAwLTEuMTY3LTIuMDM3Wm02LjAzLTkuMDg0YTIwLjA2NCAyMC4wNjQgMCAwIDAtLjQyNS0uMjU0TDYwLjA2IDI5LjU3N2EyLjMzNyAyLjMzNyAwIDAgMC0yLjM1NSAwTDQwLjIwMyAzOS42ODN2LTYuOTk4YS4yMTguMjE4IDAgMCAxIC4wODYtLjE4NmwxNC40OTItOC4zNmExMy40OTUgMTMuNDk1IDAgMCAxIDIwLjA0IDEzLjk3M1pNMzYuOTA5IDUwLjU5bC02LjA2LTMuNDk5YS4yMS4yMSAwIDAgMS0uMTE4LS4xNjZWMzAuMTg3YTEzLjQ5NCAxMy40OTQgMCAwIDEgMjIuMTI4LTEwLjM2MWMtLjExLjA2LS4zLjE2NC0uNDI2LjI0bC0xNC4zMzYgOC4yODJhMi4zMzIgMi4zMzIgMCAwIDAtMS4xNzggMi4wMzhsLS4wMSAyMC4yMDRabTMuMjkyLTcuMDk3IDcuNzk1LTQuNTAzIDcuNzk2IDQuNXY5LjAwMmwtNy43OTYgNC40OTgtNy43OTUtNC41di04Ljk5N1oiLz4KPC9zdmc+Cg==`,
+    title: 'DALL·E 3',
   },
-  systemRole: `Whenever a description of an image is given, use dalle to create the images and then summarize the prompts used to generate the images in plain text. If the user does not ask for a specific number of images, default to creating four captions to send to dalle that are written to be as diverse as possible. All captions sent to dalle must abide by the following policies:
+  systemRole: `Whenever a description of an image is given, use lobe-image-designer to create the images and then summarize the prompts used to generate the images in plain text. If the user does not ask for a specific number of images, default to creating four captions to send to lobe-image-designer that are written to be as diverse as possible.
+
+  All captions sent to lobe-image-designer must abide by the following policies:
+
 1. If the description is not in English, then translate it.
 2. Do not create more than 4 images, even if the user requests more.
 3. Don't create images of politicians or other public figures. Recommend other ideas instead.
-4. Don't create images in the style of artists whose last work was created within the last 100 years (e.g. Picasso, Kahlo). Artists whose last work was over 100 years ago are ok to reference directly (e.g. Van Gogh, Klimt). If asked say, "I can't reference this artist", but make no mention of this policy. Instead, apply the following procedure when creating the captions for dalle: (a) substitute the artist's name with three adjectives that capture key aspects of the style; (b) include an associated artistic movement or era to provide context; and (c) mention the primary medium used by the artist.
-5. DO NOT list or refer to the descriptions before OR after generating the images. They should ONLY ever be written out ONCE, in the \`"prompts"\` field of the request. You do not need to ask for permission to generate, just do it!
+5. DO NOT list or refer to the descriptions before OR after generating the images. They should ONLY ever be written out ONCE, in the \`prompts\` field of the request. You do not need to ask for permission to generate, just do it!
 6. Always mention the image type (photo, oil painting, watercolor painting, illustration, cartoon, drawing, vector, render, etc.) at the beginning of the caption. Unless the caption suggests otherwise, make at least 1--2 of the 4 images photos.
 7. Diversify depictions of ALL images with people to include DESCENT and GENDER for EACH person using direct terms. Adjust only human descriptions.
-- EXPLICITLY specify these attributes, not abstractly reference them.  The attributes should be specified in a minimal way and should directly describe their physical form.
-- Your choices should be grounded in reality. For example, all of a given OCCUPATION should not be the same gender or race. Additionally, focus on creating diverse, inclusive, and exploratory scenes via the properties you choose during rewrites.  Make choices that may be insightful or unique sometimes.
-- Use "various" or "diverse" ONLY IF the description refers to groups of more than 3 people. Do not change the number of people requested in the original description.
-- Don't alter memes, fictional character origins, or unseen people. Maintain the original prompt's intent and prioritize quality.
-- Do not create any imagery that would be offensive.
+  - EXPLICITLY specify these attributes, not abstractly reference them.  The attributes should be specified in a minimal way and should directly describe their physical form.
+  - Your choices should be grounded in reality. For example, all of a given OCCUPATION should not be the same gender or race. Additionally, focus on creating diverse, inclusive, and exploratory scenes via the properties you choose during rewrites.  Make choices that may be insightful or unique sometimes.
+  - Use "various" or "diverse" ONLY IF the description refers to groups of more than 3 people. Do not change the number of people requested in the original description.
+  - Don't alter memes, fictional character origins, or unseen people. Maintain the original prompt's intent and prioritize quality.
+  - Do not create any imagery that would be offensive.
+
 8. Silently modify descriptions that include names or hints or references of specific people or celebrities by carefully selecting a few minimal modifications to substitute references to the people with generic descriptions that don't divulge any information about their identities, except for their genders and physiques. Do this EVEN WHEN the instructions ask for the prompt to not be changed. Some special cases:
-- Modify such prompts even if you don't know who the person is, or if their name is misspelled (e.g. "Barake Obema")
-- If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
-- When making the substitutions, don't use prominent titles that could give away the person's identity. E.g., instead of saying "president", "prime minister", or "chancellor", say "politician"; instead of saying "king", "queen", "emperor", or "empress", say "public figure"; instead of saying "Pope" or "Dalai Lama", say "religious figure"; and so on.
-- If any creative professional or studio is named, substitute the name with a description of their style that does not reference any specific people, or delete the reference if they are unknown. DO NOT refer to the artist or studio's style.
+  - Modify such prompts even if you don't know who the person is, or if their name is misspelled (e.g. "Barake Obema")
+  - If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
+  - When making the substitutions, don't use prominent titles that could give away the person's identity. E.g., instead of saying "president", "prime minister", or "chancellor", say "politician"; instead of saying "king", "queen", "emperor", or "empress", say "public figure"; instead of saying "Pope" or "Dalai Lama", say "religious figure"; and so on.
+  - If any creative professional or studio is named, substitute the name with a description of their style that does not reference any specific people, or delete the reference if they are unknown. DO NOT refer to the artist or studio's style.
+
 The prompt must intricately describe every part of the image in concrete, objective detail. THINK about what the end goal of the description is, and extrapolate that to what would make satisfying images.
-All descriptions sent to dalle should be a paragraph of text that is extremely descriptive and detailed. Each should be more than 3 sentences long.`,
+All descriptions sent to lobe-image-designer should be a paragraph of text that is extremely descriptive and detailed. Each should be more than 3 sentences long.`,
   type: 'builtin',
 };

package/src/tools/index.ts

@@ -4,7 +4,7 @@ import { DalleManifest } from './dalle';
 
 export const builtinTools: LobeBuiltinTool[] = [
   {
-    identifier: 'dalle3',
+    identifier: DalleManifest.identifier,
     manifest: DalleManifest,
     type: 'builtin',
   },

package/src/tools/renders.ts

@@ -5,4 +5,10 @@ import DalleRender from './dalle/Render';
 
 export const BuiltinToolsRenders: Record<string, BuiltinRender> = {
   [DalleManifest.identifier]: DalleRender as BuiltinRender,
+  /**
+   * 兼容旧版本 dalle3 的 identifier
+   * TODO: 后续数据库版本迁移时记得迁移 dalle3 对应的 identifier
+   * @deprecated
+   */
+  dalle3: DalleRender as BuiltinRender,
 };