@lobehub/chat 1.16.2 → 1.16.4

package/locales/ru-RU/error.json

@@ -16,7 +16,8 @@
   "fetchErrorDetail": "Подробности ошибки",
   "notFound": {
     "backHome": "Вернуться на главную",
-    "desc": "Мы не можем найти страницу, которую вы ищете. Пожалуйста, проверьте правильность ссылки",
+    "check": "Пожалуйста, проверьте, правильный ли ваш URL",
+    "desc": "Мы не можем найти страницу, которую вы ищете",
     "title": "Заблудились в неизведанных местах?"
   },
   "pluginSettings": {

package/locales/ru-RU/file.json

@@ -21,6 +21,7 @@
       "embeddingStatus": "Векторизация"
     }
   },
+  "empty": "Нет загруженных файлов/папок",
   "header": {
     "actions": {
       "newFolder": "Создать папку",
@@ -37,6 +38,7 @@
     "new": "Создать базу знаний",
     "title": "База знаний"
   },
+  "networkError": "Не удалось получить базу знаний, пожалуйста, проверьте сетевое соединение и попробуйте снова",
   "notSupportGuide": {
     "desc": "Текущий развертываемый экземпляр находится в режиме клиентской базы данных, функции управления файлами недоступны. Пожалуйста, переключитесь на <1>режим серверной базы данных</1> или используйте <3>LobeChat Cloud</3> напрямую.",
     "features": {

package/locales/tr-TR/common.json

@@ -9,7 +9,7 @@
       "title": "{{name}}'i Denemek İçin Hoş Geldiniz"
     }
   },
-  "appInitializing": "Uygulama başlatılıyor, lütfen bekleyin...",
+  "appInitializing": "Uygulama başlatılıyor...",
   "autoGenerate": "Otomatik Oluştur",
   "autoGenerateTooltip": "Auto-generate agent description based on prompts",
   "autoGenerateTooltipDisabled": "Otomatik tamamlama işlevini kullanmadan önce ipucu kelimesini girin",

package/locales/tr-TR/error.json

@@ -16,7 +16,8 @@
   "fetchErrorDetail": "Hata detayı",
   "notFound": {
     "backHome": "Ana Sayfaya Dön",
-    "desc": "Aradığınız sayfayı bulamadık, lütfen bağlantının doğru olduğundan emin olun",
+    "check": "Lütfen URL'nizin doğru olduğundan emin olun",
+    "desc": "Aradığınız sayfa bulunamadı",
     "title": "Bilinmeyen bir alana mı girdiniz?"
   },
   "pluginSettings": {

package/locales/tr-TR/file.json

@@ -21,6 +21,7 @@
       "embeddingStatus": "Vektörleştirme"
     }
   },
+  "empty": "Henüz yüklenmiş dosya/klasör yok",
   "header": {
     "actions": {
       "newFolder": "Yeni Klasör",
@@ -37,6 +38,7 @@
     "new": "Yeni Bilgi Tabanı",
     "title": "Bilgi Tabanı"
   },
+  "networkError": "Bilgi bankası alınamadı, lütfen ağ bağlantınızı kontrol edip tekrar deneyin",
   "notSupportGuide": {
     "desc": "Mevcut dağıtım örneği istemci veritabanı modunda, dosya yönetim işlevini kullanamazsınız. Lütfen <1>sunucu veritabanı dağıtım moduna</1> geçin veya doğrudan <3>LobeChat Cloud</3> kullanın.",
     "features": {

package/locales/vi-VN/common.json

@@ -9,7 +9,7 @@
       "title": "Chào mừng bạn trải nghiệm {{name}}"
     }
   },
-  "appInitializing": "Ứng dụng đang khởi động, vui lòng chờ...",
+  "appInitializing": "Đang khởi động ứng dụng...",
   "autoGenerate": "Tự động tạo",
   "autoGenerateTooltip": "Tự động hoàn thành mô tả trợ lý dựa trên từ gợi ý",
   "autoGenerateTooltipDisabled": "Vui lòng nhập từ gợi ý trước khi sử dụng tính năng tự động hoàn thành",

package/locales/vi-VN/error.json

@@ -16,7 +16,8 @@
   "fetchErrorDetail": "Chi tiết lỗi",
   "notFound": {
     "backHome": "Quay về Trang chủ",
-    "desc": "Chúng tôi không thể tìm thấy trang bạn đang tìm, vui lòng kiểm tra xem liên kết có đúng không",
+    "check": "Vui lòng kiểm tra xem URL của bạn có đúng không",
+    "desc": "Chúng tôi không thể tìm thấy trang bạn đang tìm kiếm",
     "title": "Bước vào vùng đất chưa biết?"
   },
   "pluginSettings": {

package/locales/vi-VN/file.json

@@ -21,6 +21,7 @@
       "embeddingStatus": "Trạng thái vector hóa"
     }
   },
+  "empty": "Chưa có tệp/tệp tin nào được tải lên",
   "header": {
     "actions": {
       "newFolder": "Tạo thư mục mới",
@@ -37,6 +38,7 @@
     "new": "Tạo kho tri thức mới",
     "title": "Kho tri thức"
   },
+  "networkError": "Không thể lấy kho tri thức, vui lòng kiểm tra kết nối mạng và thử lại",
   "notSupportGuide": {
     "desc": "Phiên bản triển khai hiện tại là chế độ cơ sở dữ liệu khách hàng, không thể sử dụng chức năng quản lý tệp. Vui lòng chuyển sang <1>chế độ triển khai cơ sở dữ liệu máy chủ</1>, hoặc sử dụng trực tiếp <3>LobeChat Cloud</3>",
     "features": {

package/locales/zh-CN/common.json

@@ -9,7 +9,7 @@
       "title": "{{name}} 开始公测"
     }
   },
-  "appInitializing": "应用启动中，请耐心等待...",
+  "appInitializing": "应用启动中...",
   "autoGenerate": "自动补全",
   "autoGenerateTooltip": "基于提示词自动补全助手描述",
   "autoGenerateTooltipDisabled": "请填写提示词后使用自动补全功能",

package/locales/zh-CN/error.json

@@ -16,7 +16,8 @@
   "fetchErrorDetail": "错误详情",
   "notFound": {
     "backHome": "返回首页",
-    "desc": "我们找不到你正在寻找的页面，请检查链接是否正确",
+    "check": "请检查你的 URL 是否正确",
+    "desc": "我们找不到你寻找的页面",
     "title": "进入了未知领域？"
   },
   "pluginSettings": {

package/locales/zh-CN/file.json

@@ -21,6 +21,7 @@
       "embeddingStatus": "向量化"
     }
   },
+  "empty": "暂无已上传文件/文件夹",
   "header": {
     "actions": {
       "newFolder": "新建文件夹",
@@ -37,6 +38,7 @@
     "new": "新建知识库",
     "title": "知识库"
   },
+  "networkError": "获取知识库失败，请检测网络连接后重试",
   "notSupportGuide": {
     "desc": "当前部署实例为客户端数据库模式，无法使用文件管理功能。请切换到<1>服务端数据库部署模式</1>，或直接使用 <3>LobeChat Cloud</3>",
     "features": {

package/locales/zh-TW/common.json

@@ -9,7 +9,7 @@
       "title": "歡迎體驗 {{name}}"
     }
   },
-  "appInitializing": "應用程式初始化中，請耐心等候...",
+  "appInitializing": "應用啟動中...",
   "autoGenerate": "自動生成",
   "autoGenerateTooltip": "基於提示詞自動生成助手描述",
   "autoGenerateTooltipDisabled": "請填寫提示詞後使用自動補全功能",

package/locales/zh-TW/error.json

@@ -16,7 +16,8 @@
   "fetchErrorDetail": "錯誤詳情",
   "notFound": {
     "backHome": "返回首頁",
-    "desc": "我們找不到您正在尋找的頁面，請檢查連結是否正確",
+    "check": "請檢查你的 URL 是否正確",
+    "desc": "我們找不到您尋找的頁面",
     "title": "進入了未知領域？"
   },
   "pluginSettings": {

package/locales/zh-TW/file.json

@@ -21,6 +21,7 @@
       "embeddingStatus": "向量化"
     }
   },
+  "empty": "暫無已上傳文件/文件夾",
   "header": {
     "actions": {
       "newFolder": "新建資料夾",
@@ -37,6 +38,7 @@
     "new": "新建知識庫",
     "title": "知識庫"
   },
+  "networkError": "獲取知識庫失敗，請檢查網路連接後重試",
   "notSupportGuide": {
     "desc": "當前部署實例為客戶端資料庫模式，無法使用檔案管理功能。請切換到<1>伺服器端資料庫部署模式</1>，或直接使用 <3>LobeChat Cloud</3>",
     "features": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.16.2",
+  "version": "1.16.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",
@@ -111,7 +111,7 @@
     "@cfworker/json-schema": "^2.0.0",
     "@clerk/localizations": "2.0.0",
     "@clerk/nextjs": "^5.3.3",
-    "@clerk/themes": "^2.1.21",
+    "@clerk/themes": "^2.1.27",
     "@cyntler/react-doc-viewer": "^1.16.6",
     "@google/generative-ai": "^0.16.0",
     "@icons-pack/react-simple-icons": "9.6.0",
@@ -119,9 +119,9 @@
     "@langchain/community": "^0.2.31",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
-    "@lobehub/icons": "^1.30.0",
+    "@lobehub/icons": "^1.33.3",
     "@lobehub/tts": "^1.24.3",
-    "@lobehub/ui": "^1.150.2",
+    "@lobehub/ui": "^1.150.3",
     "@neondatabase/serverless": "^0.9.4",
     "@next/third-parties": "^14.2.6",
     "@react-spring/web": "^9.7.3",

package/src/app/(main)/chat/(workspace)/@conversation/features/ChatInput/Mobile/Files/FileItem/File.tsx

@@ -64,7 +64,10 @@ const FileItem = memo<FileItemProps>(({ id, onRemove, file, status, uploadState,
           e.stopPropagation();
           onRemove?.();
         }}
-        size={'small'}
+        style={{
+          blockSize: '32px',
+          fontSize: '20px',
+        }}
       />
     </Flexbox>
   );

package/src/app/(main)/chat/(workspace)/@conversation/features/ChatInput/Mobile/Files/FileItem/Image.tsx

@@ -56,7 +56,10 @@ const FileItem = memo<FileItemProps>(({ alt, onRemove, src, loading }) => {
             e.stopPropagation();
             onRemove?.();
           }}
-          size={'small'}
+          style={{
+            blockSize: '28px',
+            fontSize: '20px',
+          }}
         />
       }
       alt={alt || ''}

package/src/app/(main)/files/loading.tsx

@@ -14,7 +14,9 @@ export default () => {
         <div>
           <Icon icon={LoaderCircle} size={'large'} spin />
         </div>
-        <Typography.Text type={'secondary'}>{t('loading')}</Typography.Text>
+        <Typography.Text style={{ letterSpacing: '0.1em' }} type={'secondary'}>
+          {t('loading')}
+        </Typography.Text>
       </Flexbox>
     </Center>
   );

package/src/components/404/index.tsx

@@ -30,7 +30,11 @@ const NotFound = memo(() => {
       <h2 style={{ fontWeight: 'bold', marginTop: '1em', textAlign: 'center' }}>
         {t('notFound.title')}
       </h2>
-      <p style={{ marginBottom: '2em' }}>{t('notFound.desc')}</p>
+      <p style={{ lineHeight: '1.8', marginBottom: '2em' }}>
+        {t('notFound.desc')}
+        <br />
+        <div style={{ textAlign: 'center' }}>{t('notFound.check')}</div>
+      </p>
       <Link href="/">
         <Button type={'primary'}>{t('notFound.backHome')}</Button>
       </Link>

package/src/components/CircleLoading/index.tsx

@@ -14,7 +14,9 @@ export default () => {
         <div>
           <Icon icon={LoaderCircle} size={'large'} spin />
         </div>
-        <Typography.Text type={'secondary'}>{t('loading')}</Typography.Text>
+        <Typography.Text style={{ letterSpacing: '0.1em' }} type={'secondary'}>
+          {t('loading')}
+        </Typography.Text>
       </Flexbox>
     </Center>
   );

package/src/components/FullscreenLoading/index.tsx

@@ -10,8 +10,12 @@ const FullscreenLoading = memo<{ title?: string }>(({ title }) => {
     <Flexbox height={'100%'} style={{ userSelect: 'none' }} width={'100%'}>
       <Center flex={1} gap={12} width={'100%'}>
         <ProductLogo size={48} type={'combine'} />
-        <Center gap={16} horizontal>
-          <Icon icon={Loader2} spin />
+        <Center
+          gap={16}
+          horizontal
+          style={{ fontSize: '16px', lineHeight: '1.5', marginTop: '2%' }}
+        >
+          <Icon icon={Loader2} spin style={{ fontSize: '16px' }} />
           {title}
         </Center>
       </Center>

package/src/config/modelProviders/stepfun.ts

@@ -61,6 +61,10 @@ const Stepfun: ModelProviderCard = {
   id: 'stepfun',
   modelList: { showModelFetcher: true },
   name: '阶跃星辰',
+  smoothing: {
+    speed: 2,
+    text: true,
+  },
 };
 
 export default Stepfun;

package/src/features/ChatInput/ActionBar/Upload/ServerMode.tsx

@@ -32,7 +32,7 @@ const FileUpload = memo(() => {
   const items: MenuProps['items'] = [
     {
       disabled: !canUploadImage,
-      icon: <Icon icon={ImageUp} />,
+      icon: <Icon icon={ImageUp} style={{ fontSize: '16px' }} />,
       key: 'upload-image',
       label: canUploadImage ? (
         <Upload
@@ -54,7 +54,7 @@ const FileUpload = memo(() => {
       ),
     },
     {
-      icon: <Icon icon={FileUp} />,
+      icon: <Icon icon={FileUp} style={{ fontSize: '16px' }} />,
       key: 'upload-file',
       label: (
         <Upload
@@ -73,7 +73,7 @@ const FileUpload = memo(() => {
       ),
     },
     {
-      icon: <Icon icon={FolderUp} />,
+      icon: <Icon icon={FolderUp} style={{ fontSize: '16px' }} />,
       key: 'upload-folder',
       label: (
         <Upload

package/src/features/KnowledgeBaseModal/AssignKnowledgeBase/List.tsx

@@ -12,7 +12,7 @@ import Item from './Item';
 import Loading from './Loading';
 
 export const List = memo(() => {
-  const { t } = useTranslation('plugin');
+  const { t } = useTranslation('file');
 
   const useFetchFilesAndKnowledgeBases = useAgentStore((s) => s.useFetchFilesAndKnowledgeBases);
 
@@ -27,10 +27,10 @@ export const List = memo(() => {
       {error ? (
         <>
           <Icon icon={ServerCrash} size={{ fontSize: 80 }} />
-          {t('store.networkError')}
+          {t('networkError')}
         </>
       ) : (
-        <Empty description={t('store.empty')} image={Empty.PRESENTED_IMAGE_SIMPLE} />
+        <Empty description={t('empty')} image={Empty.PRESENTED_IMAGE_SIMPLE} />
       )}
     </Center>
   ) : (

package/src/libs/agent-runtime/google/index.test.ts

@@ -309,7 +309,10 @@ describe('LobeGoogleAI', () => {
         const mockBase64 = 'mockBase64Data';
 
         // Mock the imageUrlToBase64 function
-        vi.spyOn(imageToBase64Module, 'imageUrlToBase64').mockResolvedValueOnce(mockBase64);
+        vi.spyOn(imageToBase64Module, 'imageUrlToBase64').mockResolvedValueOnce({
+          base64: mockBase64,
+          mimeType: 'image/png',
+        });
 
         const result = await instance['convertContentToGooglePart']({
           type: 'image_url',

package/src/libs/agent-runtime/google/index.ts

@@ -133,12 +133,12 @@ export class LobeGoogleAI implements LobeRuntimeAI {
         }
 
         if (type === 'url') {
-          const base64Image = await imageUrlToBase64(content.image_url.url);
+          const { base64, mimeType } = await imageUrlToBase64(content.image_url.url);
 
           return {
             inlineData: {
-              data: base64Image,
-              mimeType: mimeType || 'image/png',
+              data: base64,
+              mimeType,
             },
           };
         }

package/src/libs/agent-runtime/utils/anthropicHelpers.test.ts

@@ -53,7 +53,10 @@ describe('anthropicHelpers', () => {
         base64: null,
         type: 'url',
       });
-      vi.mocked(imageUrlToBase64).mockResolvedValue('convertedBase64String');
+      vi.mocked(imageUrlToBase64).mockResolvedValue({
+        base64: 'convertedBase64String',
+        mimeType: 'image/jpg',
+      });
 
       const content = {
         type: 'image_url',
@@ -67,7 +70,7 @@ describe('anthropicHelpers', () => {
       expect(result).toEqual({
         source: {
           data: 'convertedBase64String',
-          media_type: 'image/png',
+          media_type: 'image/jpg',
           type: 'base64',
         },
         type: 'image',
@@ -80,7 +83,10 @@ describe('anthropicHelpers', () => {
         base64: null,
         type: 'url',
       });
-      vi.mocked(imageUrlToBase64).mockResolvedValue('convertedBase64String');
+      vi.mocked(imageUrlToBase64).mockResolvedValue({
+        base64: 'convertedBase64String',
+        mimeType: 'image/png',
+      });
 
       const content = {
         type: 'image_url',

package/src/libs/agent-runtime/utils/anthropicHelpers.ts

@@ -28,11 +28,11 @@ export const buildAnthropicBlock = async (
         };
 
       if (type === 'url') {
-        const base64 = await imageUrlToBase64(content.image_url.url);
+        const { base64, mimeType } = await imageUrlToBase64(content.image_url.url);
         return {
           source: {
             data: base64 as string,
-            media_type: (mimeType as Anthropic.ImageBlockParam.Source['media_type']) || 'image/png',
+            media_type: mimeType as Anthropic.ImageBlockParam.Source['media_type'],
             type: 'base64',
           },
           type: 'image',

package/src/libs/agent-runtime/utils/openaiCompatibleFactory/index.test.ts

@@ -8,6 +8,7 @@ import {
   LobeOpenAICompatibleRuntime,
   ModelProvider,
 } from '@/libs/agent-runtime';
+import { sleep } from '@/utils/sleep';
 
 import * as debugStreamModule from '../debugStream';
 import { LobeOpenAICompatibleFactory } from './index';
@@ -512,9 +513,18 @@ describe('LobeOpenAICompatibleFactory', () => {
     describe('cancel request', () => {
       it('should cancel ongoing request correctly', async () => {
         const controller = new AbortController();
-        const mockCreateMethod = vi.spyOn(instance['client'].chat.completions, 'create');
+        const mockCreateMethod = vi
+          .spyOn(instance['client'].chat.completions, 'create')
+          .mockImplementation(
+            () =>
+              new Promise((_, reject) => {
+                setTimeout(() => {
+                  reject(new DOMException('The user aborted a request.', 'AbortError'));
+                }, 100);
+              }) as any,
+          );
 
-        instance.chat(
+        const chatPromise = instance.chat(
           {
             messages: [{ content: 'Hello', role: 'user' }],
             model: 'mistralai/mistral-7b-instruct:free',
@@ -523,8 +533,22 @@ describe('LobeOpenAICompatibleFactory', () => {
           { signal: controller.signal },
         );
 
+        // 给一些时间让请求开始
+        await sleep(50);
+
         controller.abort();
 
+        // 等待并断言 Promise 被拒绝
+        // 使用 try-catch 来捕获和验证错误
+        try {
+          await chatPromise;
+          // 如果 Promise 没有被拒绝，测试应该失败
+          expect.fail('Expected promise to be rejected');
+        } catch (error) {
+          expect((error as any).errorType).toBe('AgentRuntimeError');
+          expect((error as any).error.name).toBe('AbortError');
+          expect((error as any).error.message).toBe('The user aborted a request.');
+        }
         expect(mockCreateMethod).toHaveBeenCalledWith(
           expect.anything(),
           expect.objectContaining({

package/src/libs/agent-runtime/utils/openaiCompatibleFactory/index.ts

@@ -20,6 +20,7 @@ import { desensitizeUrl } from '../desensitizeUrl';
 import { handleOpenAIError } from '../handleOpenAIError';
 import { StreamingResponse } from '../response';
 import { OpenAIStream } from '../streams';
+import { convertOpenAIMessages } from '../openaiHelpers';
 
 // the model contains the following keywords is not a chat model, so we should filter them out
 const CHAT_MODELS_BLOCK_LIST = [
@@ -158,9 +159,12 @@ export const LobeOpenAICompatibleFactory = <T extends Record<string, any> = any>
               stream: payload.stream ?? true,
             } as OpenAI.ChatCompletionCreateParamsStreaming);
 
+        const messages = await convertOpenAIMessages(postPayload.messages);
+
         const response = await this.client.chat.completions.create(
           {
             ...postPayload,
+            messages,
             ...(chatCompletion?.noUserId ? {} : { user: options?.user }),
           },
           {

package/src/libs/agent-runtime/utils/openaiHelpers.test.ts

@@ -0,0 +1,146 @@
+import OpenAI from 'openai';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { imageUrlToBase64 } from '@/utils/imageToBase64';
+
+import { convertMessageContent, convertOpenAIMessages } from './openaiHelpers';
+import { parseDataUri } from './uriParser';
+
+// 模拟依赖
+vi.mock('@/utils/imageToBase64');
+vi.mock('./uriParser');
+
+describe('convertMessageContent', () => {
+  beforeEach(() => {
+    vi.resetAllMocks();
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('should return the same content if not image_url type', async () => {
+    const content = { type: 'text', text: 'Hello' } as OpenAI.ChatCompletionContentPart;
+    const result = await convertMessageContent(content);
+    expect(result).toEqual(content);
+  });
+
+  it('should convert image URL to base64 when necessary', async () => {
+    // 设置环境变量
+    process.env.LLM_VISION_IMAGE_USE_BASE64 = '1';
+
+    const content = {
+      type: 'image_url',
+      image_url: { url: 'https://example.com/image.jpg' },
+    } as OpenAI.ChatCompletionContentPart;
+
+    vi.mocked(parseDataUri).mockReturnValue({ type: 'url', base64: null, mimeType: null });
+    vi.mocked(imageUrlToBase64).mockResolvedValue({
+      base64: 'base64String',
+      mimeType: 'image/jpeg',
+    });
+
+    const result = await convertMessageContent(content);
+
+    expect(result).toEqual({
+      type: 'image_url',
+      image_url: { url: 'data:image/jpeg;base64,base64String' },
+    });
+
+    expect(parseDataUri).toHaveBeenCalledWith('https://example.com/image.jpg');
+    expect(imageUrlToBase64).toHaveBeenCalledWith('https://example.com/image.jpg');
+  });
+
+  it('should not convert image URL when not necessary', async () => {
+    process.env.LLM_VISION_IMAGE_USE_BASE64 = undefined;
+
+    const content = {
+      type: 'image_url',
+      image_url: { url: 'https://example.com/image.jpg' },
+    } as OpenAI.ChatCompletionContentPart;
+
+    vi.mocked(parseDataUri).mockReturnValue({ type: 'url', base64: null, mimeType: null });
+
+    const result = await convertMessageContent(content);
+
+    expect(result).toEqual(content);
+    expect(imageUrlToBase64).not.toHaveBeenCalled();
+  });
+});
+
+describe('convertOpenAIMessages', () => {
+  it('should convert string content messages', async () => {
+    const messages = [
+      { role: 'user', content: 'Hello' },
+      { role: 'assistant', content: 'Hi there' },
+    ] as OpenAI.ChatCompletionMessageParam[];
+
+    const result = await convertOpenAIMessages(messages);
+
+    expect(result).toEqual(messages);
+  });
+
+  it('should convert array content messages', async () => {
+    const messages = [
+      {
+        role: 'user',
+        content: [
+          { type: 'text', text: 'Hello' },
+          { type: 'image_url', image_url: { url: 'https://example.com/image.jpg' } },
+        ],
+      },
+    ] as OpenAI.ChatCompletionMessageParam[];
+
+    vi.spyOn(Promise, 'all');
+    vi.mocked(parseDataUri).mockReturnValue({ type: 'url', base64: null, mimeType: null });
+    vi.mocked(imageUrlToBase64).mockResolvedValue({
+      base64: 'base64String',
+      mimeType: 'image/jpeg',
+    });
+
+    process.env.LLM_VISION_IMAGE_USE_BASE64 = '1';
+
+    const result = await convertOpenAIMessages(messages);
+
+    expect(result).toEqual([
+      {
+        role: 'user',
+        content: [
+          { type: 'text', text: 'Hello' },
+          {
+            type: 'image_url',
+            image_url: { url: 'data:image/jpeg;base64,base64String' },
+          },
+        ],
+      },
+    ]);
+
+    expect(Promise.all).toHaveBeenCalledTimes(2); // 一次用于消息数组，一次用于内容数组
+
+    process.env.LLM_VISION_IMAGE_USE_BASE64 = undefined;
+  });
+  it('should convert array content messages', async () => {
+    const messages = [
+      {
+        role: 'user',
+        content: [
+          { type: 'text', text: 'Hello' },
+          { type: 'image_url', image_url: { url: 'https://example.com/image.jpg' } },
+        ],
+      },
+    ] as OpenAI.ChatCompletionMessageParam[];
+
+    vi.spyOn(Promise, 'all');
+    vi.mocked(parseDataUri).mockReturnValue({ type: 'url', base64: null, mimeType: null });
+    vi.mocked(imageUrlToBase64).mockResolvedValue({
+      base64: 'base64String',
+      mimeType: 'image/jpeg',
+    });
+
+    const result = await convertOpenAIMessages(messages);
+
+    expect(result).toEqual(messages);
+
+    expect(Promise.all).toHaveBeenCalledTimes(2); // 一次用于消息数组，一次用于内容数组
+  });
+});