@lobehub/chat 0.107.15 → 0.108.0

package/src/store/chat/helpers.test.ts

@@ -0,0 +1,109 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { LobeAgentConfig } from '@/types/agent';
+import { ChatMessage } from '@/types/chatMessage';
+import { OpenAIChatMessage } from '@/types/openai/chat';
+import { encodeAsync } from '@/utils/tokenizer';
+import * as tokenizerObj from '@/utils/tokenizer';
+
+import { chatHelpers } from './helpers';
+
+// Mock encodeAsync function
+vi.mock('@/utils/tokenizer', () => ({
+  encodeAsync: vi.fn((text) => Promise.resolve(text.length)),
+}));
+
+describe('chatHelpers', () => {
+  describe('getMessagesTokenCount', () => {
+    it('returns token count for a list of messages', async () => {
+      const messages = [{ content: 'Hello' }, { content: 'World' }] as OpenAIChatMessage[];
+      const tokenCount = await chatHelpers.getMessagesTokenCount(messages);
+      expect(tokenCount).toBe('HelloWorld'.length);
+    });
+
+    it('returns 0 for an empty array', async () => {
+      const tokenCount = await chatHelpers.getMessagesTokenCount([]);
+      expect(tokenCount).toBe(0);
+    });
+
+    it('handles messages with empty content', async () => {
+      const messages = [
+        { content: 'Hello' },
+        { content: '' },
+        { content: 'World' },
+      ] as OpenAIChatMessage[];
+      const tokenCount = await chatHelpers.getMessagesTokenCount(messages);
+      expect(tokenCount).toBe('HelloWorld'.length);
+    });
+
+    it('throws an error when encodeAsync fails', async () => {
+      vi.spyOn(tokenizerObj, 'encodeAsync').mockRejectedValue(new Error('Test error'));
+      await expect(
+        chatHelpers.getMessagesTokenCount([{ content: 'Hello' }] as OpenAIChatMessage[]),
+      ).rejects.toThrow('Test error');
+    });
+  });
+
+  describe('getMessageById', () => {
+    const messages = [
+      { id: '1', content: 'Hello' },
+      { id: '2', content: 'World' },
+    ] as ChatMessage[];
+
+    it('finds a message by id', () => {
+      const message = chatHelpers.getMessageById(messages, '1');
+      expect(message).toEqual({ id: '1', content: 'Hello' });
+    });
+
+    it('returns undefined for an invalid id', () => {
+      const message = chatHelpers.getMessageById(messages, '3');
+      expect(message).toBeUndefined();
+    });
+
+    it('returns undefined for an empty array', () => {
+      const message = chatHelpers.getMessageById([], '1');
+      expect(message).toBeUndefined();
+    });
+  });
+
+  describe('getSlicedMessagesWithConfig', () => {
+    const messages = [
+      { id: '1', content: 'First' },
+      { id: '2', content: 'Second' },
+      { id: '3', content: 'Third' },
+    ] as ChatMessage[];
+
+    it('returns all messages if history is disabled', () => {
+      const config = { enableHistoryCount: false, historyCount: 0 } as LobeAgentConfig;
+      const slicedMessages = chatHelpers.getSlicedMessagesWithConfig(messages, config);
+      expect(slicedMessages).toEqual(messages);
+    });
+
+    it('returns last N messages based on historyCount', () => {
+      const config = { enableHistoryCount: true, historyCount: 2 } as LobeAgentConfig;
+      const slicedMessages = chatHelpers.getSlicedMessagesWithConfig(messages, config);
+      expect(slicedMessages).toEqual([
+        { id: '2', content: 'Second' },
+        { id: '3', content: 'Third' },
+      ]);
+    });
+
+    it('returns empty array when historyCount is negative', () => {
+      const config = { enableHistoryCount: true, historyCount: -1 } as LobeAgentConfig;
+      const slicedMessages = chatHelpers.getSlicedMessagesWithConfig(messages, config);
+      expect(slicedMessages).toEqual([]);
+    });
+
+    it('returns all messages if historyCount exceeds the array length', () => {
+      const config = { enableHistoryCount: true, historyCount: 5 } as LobeAgentConfig;
+      const slicedMessages = chatHelpers.getSlicedMessagesWithConfig(messages, config);
+      expect(slicedMessages).toEqual(messages);
+    });
+
+    it('returns an empty array for an empty message array', () => {
+      const config = { enableHistoryCount: true, historyCount: 2 } as LobeAgentConfig;
+      const slicedMessages = chatHelpers.getSlicedMessagesWithConfig([], config);
+      expect(slicedMessages).toEqual([]);
+    });
+  });
+});

package/src/store/chat/helpers.ts

@@ -6,18 +6,25 @@ import { encodeAsync } from '@/utils/tokenizer';
 export const getMessagesTokenCount = async (messages: OpenAIChatMessage[]) =>
   encodeAsync(messages.map((m) => m.content).join(''));
 
+export const getMessageById = (messages: ChatMessage[], id: string) =>
+  messages.find((m) => m.id === id);
+
 const getSlicedMessagesWithConfig = (
   messages: ChatMessage[],
   config: LobeAgentConfig,
 ): ChatMessage[] => {
-  // 如果没有开启历史消息数限制，或者限制为 0，则直接返回
+  // if historyCount is not enabled or set to 0, return all messages
   if (!config.enableHistoryCount || !config.historyCount) return messages;
 
-  // 如果开启了，则返回尾部的N条消息
-  return messages.reverse().slice(0, config.historyCount).reverse();
+  // if historyCount is negative, return empty array
+  if (config.historyCount <= 0) return [];
+
+  // if historyCount is positive, return last N messages
+  return messages.slice(-config.historyCount);
 };
 
 export const chatHelpers = {
+  getMessageById,
   getMessagesTokenCount,
   getSlicedMessagesWithConfig,
 };

package/src/store/chat/selectors/__tests__/chat.test.ts

@@ -0,0 +1,251 @@
+import { describe, expect, it } from 'vitest';
+
+import { DEFAULT_INBOX_AVATAR } from '@/const/meta';
+import { INBOX_SESSION_ID } from '@/const/session';
+import { ChatStore } from '@/store/chat';
+import { initialState } from '@/store/chat/initialState';
+import { useSessionStore } from '@/store/session';
+import { ChatMessage } from '@/types/chatMessage';
+import { MetaData } from '@/types/meta';
+import { merge } from '@/utils/merge';
+
+import { chatSelectors } from '../chat';
+
+vi.mock('i18next', () => ({
+  t: vi.fn((key) => key), // Simplified mock return value
+}));
+
+const initialStore = initialState as ChatStore;
+
+const mockMessages = [
+  {
+    id: 'msg1',
+    content: 'Hello World',
+    role: 'user',
+  },
+  {
+    id: 'msg2',
+    content: 'Goodbye World',
+    role: 'user',
+  },
+  {
+    id: 'msg3',
+    content: 'Function Message',
+    role: 'function',
+    plugin: {
+      arguments: ['arg1', 'arg2'],
+      identifier: 'func1',
+      type: 'pluginType',
+    },
+  },
+] as ChatMessage[];
+
+const mockedChats = [
+  {
+    id: 'msg1',
+    content: 'Hello World',
+    role: 'user',
+    meta: {
+      avatar: '😀',
+    },
+  },
+  {
+    id: 'msg2',
+    content: 'Goodbye World',
+    role: 'user',
+    meta: {
+      avatar: '😀',
+    },
+  },
+  {
+    id: 'msg3',
+    content: 'Function Message',
+    role: 'function',
+    meta: {
+      avatar: '🧩',
+      title: 'plugin-unknown',
+    },
+    plugin: {
+      arguments: ['arg1', 'arg2'],
+      identifier: 'func1',
+      type: 'pluginType',
+    },
+  },
+] as ChatMessage[];
+
+const mockChatStore = { messages: mockMessages } as ChatStore;
+
+describe('chatSelectors', () => {
+  describe('getMessageById', () => {
+    it('should return undefined if the message with the given id does not exist', () => {
+      const message = chatSelectors.getMessageById('non-existent-id')(initialStore);
+      expect(message).toBeUndefined();
+    });
+
+    it('should return the message object with the matching id', () => {
+      const state = merge(initialStore, { messages: mockMessages });
+      const message = chatSelectors.getMessageById('msg1')(state);
+      expect(message).toEqual(mockMessages[0]);
+    });
+
+    it('should return the message with the matching id', () => {
+      const message = chatSelectors.getMessageById('msg1')(mockChatStore);
+      expect(message).toEqual(mockMessages[0]);
+    });
+
+    it('should return undefined if no message matches the id', () => {
+      const message = chatSelectors.getMessageById('nonexistent')(mockChatStore);
+      expect(message).toBeUndefined();
+    });
+  });
+
+  describe('getFunctionMessageProps', () => {
+    it('should return the properties of a function message', () => {
+      const state = merge(initialStore, {
+        messages: mockMessages,
+        chatLoadingId: 'msg3', // Assuming this id represents a loading state
+      });
+      const props = chatSelectors.getFunctionMessageProps(mockMessages[2])(state);
+      expect(props).toEqual({
+        arguments: ['arg1', 'arg2'],
+        command: mockMessages[2].plugin,
+        content: 'Function Message',
+        id: 'func1',
+        loading: true,
+        type: 'pluginType',
+      });
+    });
+
+    it('should return loading as false if the message id is not the current loading id', () => {
+      const state = merge(initialStore, { messages: mockMessages, chatLoadingId: 'msg1' });
+      const props = chatSelectors.getFunctionMessageProps(mockMessages[2])(state);
+      expect(props.loading).toBe(false);
+    });
+
+    it('should return correct properties when no plugin is present', () => {
+      const messageWithoutPlugin = {
+        id: 'msg4',
+        content: 'No Plugin Message',
+        role: 'function',
+        // No plugin property
+      };
+      const state = merge(initialStore, {
+        messages: [...mockMessages, messageWithoutPlugin],
+        chatLoadingId: 'msg1',
+      });
+      const props = chatSelectors.getFunctionMessageProps(messageWithoutPlugin)(state);
+      expect(props).toEqual({
+        arguments: undefined,
+        command: undefined,
+        content: 'No Plugin Message',
+        id: undefined,
+        loading: false,
+        type: undefined,
+      });
+    });
+  });
+
+  describe('currentChatsWithHistoryConfig', () => {
+    it('should slice the messages according to the current agent config', () => {
+      const state = merge(initialStore, { messages: mockMessages });
+
+      const chats = chatSelectors.currentChatsWithHistoryConfig(state);
+      expect(chats).toHaveLength(3);
+      expect(chats).toEqual(mockedChats);
+    });
+    it('should slice the messages according to config, assuming historyCount is mocked to 2', async () => {
+      const state = merge(initialStore, { messages: mockMessages });
+
+      useSessionStore.getState().updateAgentConfig({ historyCount: 2, enableHistoryCount: true });
+
+      const chats = chatSelectors.currentChatsWithHistoryConfig(state);
+
+      expect(chats).toHaveLength(2);
+      expect(chats).toEqual([
+        {
+          id: 'msg2',
+          content: 'Goodbye World',
+          role: 'user',
+          meta: {
+            avatar: '😀',
+          },
+        },
+        {
+          id: 'msg3',
+          content: 'Function Message',
+          role: 'function',
+          meta: {
+            avatar: '🧩',
+            title: 'plugin-unknown',
+          },
+          plugin: {
+            arguments: ['arg1', 'arg2'],
+            identifier: 'func1',
+            type: 'pluginType',
+          },
+        },
+      ]);
+    });
+  });
+
+  describe('currentChatsWithGuideMessage', () => {
+    it('should return existing messages if there are any', () => {
+      const state = merge(initialStore, { messages: mockMessages, activeId: 'someActiveId' });
+      const chats = chatSelectors.currentChatsWithGuideMessage({} as MetaData)(state);
+      expect(chats).toEqual(mockedChats);
+    });
+
+    it('should add a guide message if the chat is brand new', () => {
+      const state = merge(initialStore, { messages: [], activeId: 'someActiveId' });
+      const metaData = { title: 'Mock Agent', description: 'Mock Description' };
+
+      const chats = chatSelectors.currentChatsWithGuideMessage(metaData)(state);
+
+      expect(chats).toHaveLength(1);
+      expect(chats[0].content).toBeDefined();
+      expect(chats[0].meta.avatar).toEqual(DEFAULT_INBOX_AVATAR);
+      expect(chats[0].meta).toEqual(expect.objectContaining(metaData));
+    });
+
+    it('should use inbox message for INBOX_SESSION_ID', () => {
+      const state = merge(initialStore, { messages: [], activeId: INBOX_SESSION_ID });
+      const metaData = { title: 'Mock Agent', description: 'Mock Description' };
+
+      const chats = chatSelectors.currentChatsWithGuideMessage(metaData)(state);
+
+      expect(chats[0].content).toEqual('inbox.defaultMessage'); // Assuming translation returns a string containing this
+    });
+
+    it('should use agent default message for non-inbox sessions', () => {
+      const state = merge(initialStore, { messages: [], activeId: 'someActiveId' });
+      const metaData = { title: 'Mock Agent' };
+
+      const chats = chatSelectors.currentChatsWithGuideMessage(metaData)(state);
+
+      expect(chats[0].content).toMatch('agentDefaultMessage'); // Assuming translation returns a string containing this
+    });
+  });
+
+  describe('chatsMessageString', () => {
+    it('should concatenate the contents of all messages returned by currentChatsWithHistoryConfig', () => {
+      // Prepare a state with a few messages
+      const state = merge(initialStore, {
+        messages: mockMessages,
+        activeId: 'active-session',
+      });
+
+      // Assume that the currentChatsWithHistoryConfig will return the last two messages
+      const expectedString = mockMessages
+        .slice(-2)
+        .map((m) => m.content)
+        .join('');
+
+      // Call the selector and verify the result
+      const concatenatedString = chatSelectors.chatsMessageString(state);
+      expect(concatenatedString).toBe(expectedString);
+
+      // Restore the mocks after the test
+      vi.restoreAllMocks();
+    });
+  });
+});

package/src/store/chat/selectors/__tests__/topic.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { ChatStore, ChatStoreState } from '@/store/chat';
+import { ChatStore } from '@/store/chat';
 import { initialState } from '@/store/chat/initialState';
 import { merge } from '@/utils/merge';
 

package/src/store/chat/selectors/chat.ts

@@ -3,13 +3,14 @@ import { t } from 'i18next';
 
 import { DEFAULT_INBOX_AVATAR, DEFAULT_USER_AVATAR } from '@/const/meta';
 import { INBOX_SESSION_ID } from '@/const/session';
-import { chatHelpers } from '@/store/chat/helpers';
 import { useGlobalStore } from '@/store/global';
 import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 import { ChatMessage } from '@/types/chatMessage';
+import { MetaData } from '@/types/meta';
 import { merge } from '@/utils/merge';
 
+import { chatHelpers } from '../helpers';
 import type { ChatStore } from '../store';
 
 const getMeta = (message: ChatMessage) => {
@@ -47,40 +48,41 @@ const currentChats = (s: ChatStore): ChatMessage[] => {
 
 const initTime = Date.now();
 // 针对新助手添加初始化时的自定义消息
-const currentChatsWithGuideMessage = (s: ChatStore): ChatMessage[] => {
-  const data = currentChats(s);
-
-  const isBrandNewChat = data.length === 0;
-
-  if (!isBrandNewChat) return data;
-
-  const [activeId, isInbox] = [s.activeId, s.activeId === INBOX_SESSION_ID];
-  const meta = agentSelectors.currentAgentMeta(useSessionStore.getState());
-
-  const inboxMsg = t('inbox.defaultMessage', { ns: 'chat' });
-  const agentSystemRoleMsg = t('agentDefaultMessageWithSystemRole', {
-    name: meta.title || t('defaultAgent'),
-    ns: 'chat',
-    systemRole: meta.description,
-  });
-  const agentMsg = t('agentDefaultMessage', {
-    id: activeId,
-    name: meta.title || t('defaultAgent'),
-    ns: 'chat',
-  });
-
-  const emptyInboxGuideMessage = {
-    content: isInbox ? inboxMsg : !!meta.description ? agentSystemRoleMsg : agentMsg,
-    createdAt: initTime,
-    extra: {},
-    id: 'default',
-    meta: merge({ avatar: DEFAULT_INBOX_AVATAR }, meta),
-    role: 'assistant',
-    updatedAt: initTime,
-  } as ChatMessage;
-
-  return [emptyInboxGuideMessage];
-};
+const currentChatsWithGuideMessage =
+  (meta: MetaData) =>
+  (s: ChatStore): ChatMessage[] => {
+    const data = currentChats(s);
+
+    const isBrandNewChat = data.length === 0;
+
+    if (!isBrandNewChat) return data;
+
+    const [activeId, isInbox] = [s.activeId, s.activeId === INBOX_SESSION_ID];
+
+    const inboxMsg = t('inbox.defaultMessage', { ns: 'chat' });
+    const agentSystemRoleMsg = t('agentDefaultMessageWithSystemRole', {
+      name: meta.title || t('defaultAgent'),
+      ns: 'chat',
+      systemRole: meta.description,
+    });
+    const agentMsg = t('agentDefaultMessage', {
+      id: activeId,
+      name: meta.title || t('defaultAgent'),
+      ns: 'chat',
+    });
+
+    const emptyInboxGuideMessage = {
+      content: isInbox ? inboxMsg : !!meta.description ? agentSystemRoleMsg : agentMsg,
+      createdAt: initTime,
+      extra: {},
+      id: 'default',
+      meta: merge({ avatar: DEFAULT_INBOX_AVATAR }, meta),
+      role: 'assistant',
+      updatedAt: initTime,
+    } as ChatMessage;
+
+    return [emptyInboxGuideMessage];
+  };
 
 const currentChatsWithHistoryConfig = (s: ChatStore): ChatMessage[] => {
   const chats = currentChats(s);
@@ -105,9 +107,7 @@ const getFunctionMessageProps =
     type: plugin?.type as LobePluginType,
   });
 
-const getMessageById = (id: string) => (s: ChatStore) => {
-  return s.messages.find((m) => m.id === id);
-};
+const getMessageById = (id: string) => (s: ChatStore) => chatHelpers.getMessageById(s.messages, id);
 
 export const chatSelectors = {
   chatsMessageString,

package/src/store/file/slices/images/action.ts

@@ -8,7 +8,7 @@ import { setNamespace } from '@/utils/storeDebug';
 
 import { FileStore } from '../../store';
 
-const t = setNamespace('image');
+const n = setNamespace('image');
 
 export interface FileAction {
   clearImageList: () => void;
@@ -28,7 +28,7 @@ export const createFileSlice: StateCreator<
   FileAction
 > = (set, get) => ({
   clearImageList: () => {
-    set({ inputFilesList: [] }, false, t('clearImageList'));
+    set({ inputFilesList: [] }, false, n('clearImageList'));
   },
   removeAllFiles: async () => {
     await fileService.removeAllFiles();
@@ -39,7 +39,7 @@ export const createFileSlice: StateCreator<
     set(
       ({ inputFilesList }) => ({ inputFilesList: inputFilesList.filter((i) => i !== id) }),
       false,
-      t('removeFile'),
+      n('removeFile'),
     );
   },
   setImageMapItem: (id, item) => {
@@ -50,7 +50,7 @@ export const createFileSlice: StateCreator<
         draft.imagesMap[id] = item;
       }),
       false,
-      t('setImageMapItem'),
+      n('setImageMapItem'),
     );
   },
   uploadFile: async (file) => {
@@ -67,7 +67,7 @@ export const createFileSlice: StateCreator<
       set(
         ({ inputFilesList }) => ({ inputFilesList: [...inputFilesList, data.id] }),
         false,
-        t('uploadFile'),
+        n('uploadFile'),
       );
     } catch (error) {
       // 提示用户上传失败

package/src/store/global/slices/agent.ts

@@ -9,7 +9,7 @@ import { setNamespace } from '@/utils/storeDebug';
 
 import type { GlobalStore } from '../store';
 
-const t = setNamespace('settings');
+const n = setNamespace('settings');
 
 /**
  * 设置操作
@@ -29,6 +29,6 @@ export const createAgentSlice: StateCreator<
       draft.defaultAgent = merge(draft.defaultAgent, agent);
     });
 
-    set({ settings }, false, t('updateDefaultAgent', agent));
+    set({ settings }, false, n('updateDefaultAgent', agent));
   },
 });

package/src/store/global/slices/common.ts

@@ -11,7 +11,7 @@ import { setNamespace } from '@/utils/storeDebug';
 import type { GlobalPreference, GlobalState, Guide, SidebarTabKey } from '../initialState';
 import type { GlobalStore } from '../store';
 
-const t = setNamespace('settings');
+const n = setNamespace('settings');
 
 /**
  * 设置操作
@@ -37,25 +37,25 @@ export const createCommonSlice: StateCreator<
   CommonAction
 > = (set, get) => ({
   switchSideBar: (key) => {
-    set({ sidebarKey: key }, false, t('switchSideBar', key));
+    set({ sidebarKey: key }, false, n('switchSideBar', key));
   },
   toggleChatSideBar: (newValue) => {
     const showChatSideBar =
       typeof newValue === 'boolean' ? newValue : !get().preference.showChatSideBar;
 
-    get().updatePreference({ showChatSideBar }, t('toggleAgentPanel', newValue) as string);
+    get().updatePreference({ showChatSideBar }, n('toggleAgentPanel', newValue) as string);
   },
   toggleMobileTopic: (newValue) => {
     const mobileShowTopic =
       typeof newValue === 'boolean' ? newValue : !get().preference.mobileShowTopic;
 
-    get().updatePreference({ mobileShowTopic }, t('toggleMobileTopic', newValue) as string);
+    get().updatePreference({ mobileShowTopic }, n('toggleMobileTopic', newValue) as string);
   },
   toggleSystemRole: (newValue) => {
     const showSystemRole =
       typeof newValue === 'boolean' ? newValue : !get().preference.mobileShowTopic;
 
-    get().updatePreference({ showSystemRole }, t('toggleMobileTopic', newValue) as string);
+    get().updatePreference({ showSystemRole }, n('toggleMobileTopic', newValue) as string);
   },
   updateGuideState: (guide) => {
     const { updatePreference } = get();
@@ -75,7 +75,7 @@ export const createCommonSlice: StateCreator<
     useSWR('checkLatestVersion', featLatestVersion, {
       onSuccess: (data: string) => {
         if (gt(data, CURRENT_VERSION))
-          set({ hasNewVersion: true, latestVersion: data }, false, t('checkLatestVersion'));
+          set({ hasNewVersion: true, latestVersion: data }, false, n('checkLatestVersion'));
       },
     }),
 });

package/src/store/global/slices/settings.ts

@@ -12,7 +12,7 @@ import { setNamespace } from '@/utils/storeDebug';
 
 import type { GlobalStore } from '../store';
 
-const t = setNamespace('settings');
+const n = setNamespace('settings');
 
 /**
  * 设置操作
@@ -58,10 +58,10 @@ export const createSettingsSlice: StateCreator<
     const settings = produce(get().settings, (draft: GlobalSettings) => {
       draft.defaultAgent = DEFAULT_AGENT;
     });
-    set({ settings }, false, t('resetDefaultAgent'));
+    set({ settings }, false, n('resetDefaultAgent'));
   },
   resetSettings: () => {
-    set({ settings: DEFAULT_SETTINGS }, false, t('resetSettings'));
+    set({ settings: DEFAULT_SETTINGS }, false, n('resetSettings'));
   },
   setOpenAIConfig: (config) => {
     get().setSettings({ languageModel: { openAI: config } });
@@ -73,7 +73,7 @@ export const createSettingsSlice: StateCreator<
 
     if (isEqual(prevSetting, nextSettings)) return;
 
-    set({ settings: merge(prevSetting, settings) }, false, t('setSettings', settings));
+    set({ settings: merge(prevSetting, settings) }, false, n('setSettings', settings));
   },
   switchSettingTabs: (tab) => {
     set({ settingsTab: tab });

package/src/store/plugin/slices/customPlugin/action.ts

@@ -8,7 +8,7 @@ import { PluginStore } from '../../store';
 import { defaultCustomPlugin } from './initialState';
 import { CustomPluginListDispatch, devPluginListReducer } from './reducers/customPluginList';
 
-const t = setNamespace('customPlugin');
+const n = setNamespace('customPlugin');
 
 /**
  * 代理行为接口
@@ -40,11 +40,11 @@ export const createCustomPluginSlice: StateCreator<
     const { customPluginList } = get();
 
     const nextList = devPluginListReducer(customPluginList, payload);
-    set({ customPluginList: nextList }, false, t('dispatchCustomPluginList', payload));
+    set({ customPluginList: nextList }, false, n('dispatchCustomPluginList', payload));
   },
   saveToCustomPluginList: (value) => {
     get().dispatchCustomPluginList({ plugin: value, type: 'addItem' });
-    set({ newCustomPlugin: defaultCustomPlugin }, false, t('saveToCustomPluginList'));
+    set({ newCustomPlugin: defaultCustomPlugin }, false, n('saveToCustomPluginList'));
   },
   updateCustomPlugin: (id, value) => {
     const { dispatchCustomPluginList, installPlugin } = get();
@@ -58,7 +58,7 @@ export const createCustomPluginSlice: StateCreator<
     set(
       { newCustomPlugin: merge({}, get().newCustomPlugin, newCustomPlugin) },
       false,
-      t('updateNewDevPlugin'),
+      n('updateNewDevPlugin'),
     );
   },
 });