@lobehub/chat 1.123.4 → 1.124.1

package/src/layout/GlobalProvider/Editor.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+import { EditorProvider } from '@lobehub/editor/react';
+import { PropsWithChildren, memo, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+const Editor = memo<PropsWithChildren>(({ children }) => {
+  const {
+    i18n: { language, getResourceBundle },
+  } = useTranslation('editor');
+
+  const localization = useMemo(() => getResourceBundle(language, 'editor'), [language]);
+
+  return (
+    <EditorProvider
+      config={{
+        locale: localization,
+      }}
+    >
+      {children}
+    </EditorProvider>
+  );
+});
+
+Editor.displayName = 'Editor';
+
+export default Editor;

package/src/layout/GlobalProvider/Locale.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { ConfigProvider } from 'antd';
-import { useTheme } from 'antd-style';
 import dayjs from 'dayjs';
 import { PropsWithChildren, memo, useEffect, useState } from 'react';
 import { isRtlLang } from 'rtl-detect';
@@ -10,6 +9,8 @@ import { createI18nNext } from '@/locales/create';
 import { isOnServerSide } from '@/utils/env';
 import { getAntdLocale } from '@/utils/locale';
 
+import Editor from './Editor';
+
 const updateDayjs = async (lang: string) => {
   // load default lang
   let dayJSLocale;
@@ -36,7 +37,6 @@ const Locale = memo<LocaleLayoutProps>(({ children, defaultLang, antdLocale }) =
   const [i18n] = useState(createI18nNext(defaultLang));
   const [lang, setLang] = useState(defaultLang);
   const [locale, setLocale] = useState(antdLocale);
-  const theme = useTheme();
 
   // if run on server side, init i18n instance everytime
   if (isOnServerSide) {
@@ -91,30 +91,10 @@ const Locale = memo<LocaleLayoutProps>(({ children, defaultLang, antdLocale }) =
           Button: {
             contentFontSizeSM: 12,
           },
-          DatePicker: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder,
-          },
-          Input: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder,
-          },
-          InputNumber: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder,
-          },
-          Mentions: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder,
-          },
-          Select: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder,
-          },
         },
       }}
     >
-      {children}
+      <Editor>{children}</Editor>
     </ConfigProvider>
   );
 });

package/src/locales/default/chat.ts

@@ -71,10 +71,12 @@ export default {
   input: {
     addAi: '添加一条 AI 消息',
     addUser: '添加一条用户消息',
+    disclaimer: 'AI 也可能会犯错，请检查重要信息',
+    errorMsg: '消息发送失败，请检查网络后重试: {{errorMsg}}',
     more: '更多',
     send: '发送',
-    sendWithCmdEnter: '按 {{meta}} + Enter 键发送',
-    sendWithEnter: '按 Enter 键发送',
+    sendWithCmdEnter: '按 <key/> 键发送',
+    sendWithEnter: '按 <key/> 键发送',
     stop: '停止',
     warp: '换行',
   },
@@ -236,6 +238,10 @@ export default {
     threadMessageCount: '{{messageCount}} 条消息',
     title: '子话题',
   },
+  toggleWideScreen: {
+    off: '关闭宽屏模式',
+    on: '开启宽屏模式',
+  },
   tokenDetails: {
     chats: '会话消息',
     historySummary: '历史总结',

package/src/locales/default/editor.ts

@@ -0,0 +1,47 @@
+export default {
+  actions: {
+    expand: {
+      off: '收起',
+      on: '展开',
+    },
+    typobar: {
+      off: '隐藏格式工具栏',
+      on: '显示格式工具栏',
+    },
+  },
+  file: {
+    error: '错误：{{message}}',
+    uploading: '正在上传文件...',
+  },
+  image: {
+    broken: '图片损坏',
+  },
+  link: {
+    edit: '编辑链接',
+    open: '打开链接',
+    placeholder: '输入链接 URL',
+    unlink: '取消链接',
+  },
+  table: {
+    delete: '删除表格',
+    deleteColumn: '删除列',
+    deleteRow: '删除行',
+    insertColumnLeft: '在左侧插入 {{count}} 列',
+    insertColumnRight: '在右侧插入 {{count}} 列',
+    insertRowAbove: '在上方插入 {{count}} 行',
+    insertRowBelow: '在下方插入 {{count}} 行',
+  },
+  typobar: {
+    blockquote: '引用',
+    bold: '加粗',
+    bulletList: '无序列表',
+    code: '行内代码',
+    codeblock: '代码块',
+    italic: '斜体',
+    link: '链接',
+    numberList: '有序列表',
+    strikethrough: '删除线',
+    table: '插入表格',
+    underline: '下划线',
+  },
+};

package/src/locales/default/index.ts

@@ -6,6 +6,7 @@ import color from './color';
 import common from './common';
 import components from './components';
 import discover from './discover';
+import editor from './editor';
 import electron from './electron';
 import error from './error';
 import file from './file';
@@ -37,6 +38,7 @@ const resources = {
   common,
   components,
   discover,
+  editor,
   electron,
   error,
   file,

package/src/locales/default/modelProvider.ts

@@ -164,7 +164,7 @@ export default {
       title: 'API 密钥',
     },
     apiUrl: {
-      desc: 'New API 服务的 API 地址，大部分时候需要带 /v1',
+      desc: 'New API 服务的 API 地址，大部分时候不要带 /v1',
       title: 'API 地址',
     },
     enabled: {

package/src/services/aiChat.ts

@@ -4,8 +4,14 @@ import { cleanObject } from '@lobechat/utils';
 import { lambdaClient } from '@/libs/trpc/client';
 
 class AiChatService {
-  sendMessageInServer = async (params: SendMessageServerParams) => {
-    return lambdaClient.aiChat.sendMessageInServer.mutate(cleanObject(params));
+  sendMessageInServer = async (
+    params: SendMessageServerParams,
+    abortController: AbortController,
+  ) => {
+    return lambdaClient.aiChat.sendMessageInServer.mutate(cleanObject(params), {
+      context: { showNotification: false },
+      signal: abortController?.signal,
+    });
   };
 }
 

package/src/store/chat/slices/aiChat/actions/__tests__/cancel-functionality.test.ts

@@ -0,0 +1,107 @@
+import { act, renderHook } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+
+import { useChatStore } from '../../../../store';
+
+describe('Cancel send message functionality tests', () => {
+  describe('cancelSendMessageInServer', () => {
+    it('should be able to call cancel method normally', () => {
+      const { result } = renderHook(() => useChatStore());
+
+      // Initial state setup
+      act(() => {
+        useChatStore.setState({
+          activeId: 'session-1',
+          activeTopicId: 'topic-1',
+          mainSendMessageOperations: {},
+        });
+      });
+
+      // Test method exists
+      expect(typeof result.current.cancelSendMessageInServer).toBe('function');
+
+      // Test method can be called safely
+      expect(() => {
+        act(() => {
+          result.current.cancelSendMessageInServer();
+        });
+      }).not.toThrow();
+    });
+
+    it('should be able to call with specified topic ID', () => {
+      const { result } = renderHook(() => useChatStore());
+
+      act(() => {
+        useChatStore.setState({
+          activeId: 'session-1',
+          mainSendMessageOperations: {},
+        });
+      });
+
+      expect(() => {
+        act(() => {
+          result.current.cancelSendMessageInServer('topic-2');
+        });
+      }).not.toThrow();
+    });
+  });
+
+  describe('clearSendMessageError', () => {
+    it('should be able to call clear error method normally', () => {
+      const { result } = renderHook(() => useChatStore());
+
+      act(() => {
+        useChatStore.setState({
+          activeId: 'session-1',
+          activeTopicId: 'topic-1',
+          mainSendMessageOperations: {},
+        });
+      });
+
+      expect(typeof result.current.clearSendMessageError).toBe('function');
+
+      expect(() => {
+        act(() => {
+          result.current.clearSendMessageError();
+        });
+      }).not.toThrow();
+    });
+  });
+
+  describe('Internal methods', () => {
+    it('should have internal state management methods', () => {
+      const { result } = renderHook(() => useChatStore());
+
+      expect(typeof result.current.internal_toggleSendMessageOperation).toBe('function');
+      expect(typeof result.current.internal_updateSendMessageOperation).toBe('function');
+    });
+
+    it('internal_toggleSendMessageOperation should work normally', () => {
+      const { result } = renderHook(() => useChatStore());
+
+      act(() => {
+        useChatStore.setState({ mainSendMessageOperations: {} });
+      });
+
+      expect(() => {
+        act(() => {
+          const abortController = result.current.internal_toggleSendMessageOperation(
+            'test-key',
+            true,
+          );
+          expect(abortController).toBeInstanceOf(AbortController);
+        });
+      }).not.toThrow();
+    });
+  });
+
+  describe('State structure', () => {
+    it('should have mainSendMessageOperations state', () => {
+      const { result } = renderHook(() => useChatStore());
+
+      // Ensure state exists
+      expect(result.current.mainSendMessageOperations).toBeDefined();
+      expect(typeof result.current.mainSendMessageOperations).toBe('object');
+    });
+  });
+});