@lobehub/chat 1.14.11 → 1.15.0

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+## [Version 1.15.0](https://github.com/lobehub/lobe-chat/compare/v1.14.12...v1.15.0)
+
+<sup>Released on **2024-08-30**</sup>
+
+#### ✨ Features
+
+- **misc**: Add Upstage model provider support.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add Upstage model provider support, closes [#3670](https://github.com/lobehub/lobe-chat/issues/3670) ([4b8591b](https://github.com/lobehub/lobe-chat/commit/4b8591b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.14.12](https://github.com/lobehub/lobe-chat/compare/v1.14.11...v1.14.12)
+
+<sup>Released on **2024-08-30**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix ms doc file preview, Update the sorting of each provider model.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix ms doc file preview, closes [#3686](https://github.com/lobehub/lobe-chat/issues/3686) ([2cd78cf](https://github.com/lobehub/lobe-chat/commit/2cd78cf))
+- **misc**: Update the sorting of each provider model, closes [#3688](https://github.com/lobehub/lobe-chat/issues/3688) ([2630bbc](https://github.com/lobehub/lobe-chat/commit/2630bbc))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.14.11](https://github.com/lobehub/lobe-chat/compare/v1.14.10...v1.14.11)
 
 <sup>Released on **2024-08-30**</sup>

package/Dockerfile

@@ -146,6 +146,8 @@ ENV \
     TAICHU_API_KEY="" \
     # TogetherAI
     TOGETHERAI_API_KEY="" TOGETHERAI_MODEL_LIST="" \
+    # Upstage
+    UPSTAGE_API_KEY="" \
     # 01.AI
     ZEROONE_API_KEY="" \
     # Zhipu

package/Dockerfile.database

@@ -178,6 +178,8 @@ ENV \
     TAICHU_API_KEY="" \
     # TogetherAI
     TOGETHERAI_API_KEY="" TOGETHERAI_MODEL_LIST="" \
+    # Upstage
+    UPSTAGE_API_KEY="" \
     # 01.AI
     ZEROONE_API_KEY="" \
     # Zhipu

package/locales/ar/file.json

@@ -56,7 +56,8 @@
     "title": "الوضع الحالي للنشر لا يدعم إدارة الملفات"
   },
   "preview": {
-    "unsupportedFile": "هذا التنسيق غير مدعوم للمعاينة عبر الإنترنت"
+    "downloadFile": "تحميل الملف",
+    "unsupportedFileAndContact": "هذا التنسيق من الملفات غير مدعوم للمعاينة عبر الإنترنت، إذا كان لديك طلب للمعاينة، فلا تتردد في <1>إبلاغنا</1>"
   },
   "searchFilePlaceholder": "بحث عن ملف",
   "tab": {

package/locales/bg-BG/file.json

@@ -56,7 +56,8 @@
     "title": "Текущият режим на инсталация не поддържа управление на файлове"
   },
   "preview": {
-    "unsupportedFile": "Този файлов формат не поддържа онлайн преглед"
+    "downloadFile": "Изтеглете файла",
+    "unsupportedFileAndContact": "Този формат на файла не поддържа онлайн преглед. Ако имате нужда от преглед, моля, <1>свържете се с нас</1>."
   },
   "searchFilePlaceholder": "Търсене на файл",
   "tab": {

package/locales/de-DE/file.json

@@ -56,7 +56,8 @@
     "title": "Der aktuelle Bereitstellungsmodus unterstützt keine Dateiverwaltung"
   },
   "preview": {
-    "unsupportedFile": "Dieses Dateiformat wird nicht für die Online-Vorschau unterstützt"
+    "downloadFile": "Datei herunterladen",
+    "unsupportedFileAndContact": "Dieses Dateiformat wird derzeit nicht für die Online-Vorschau unterstützt. Wenn Sie eine Vorschau wünschen, können Sie uns gerne <1>Feedback geben</1>."
   },
   "searchFilePlaceholder": "Datei suchen",
   "tab": {

package/locales/en-US/file.json

@@ -56,7 +56,8 @@
     "title": "The current deployment mode does not support file management"
   },
   "preview": {
-    "unsupportedFile": "This file format does not support online preview"
+    "downloadFile": "Download File",
+    "unsupportedFileAndContact": "This file format is not currently supported for online preview. If you have a request for previewing, feel free to <1>contact us</1>."
   },
   "searchFilePlaceholder": "Search Files",
   "tab": {

package/locales/es-ES/file.json

@@ -56,7 +56,8 @@
     "title": "El modo de despliegue actual no soporta la gestión de archivos"
   },
   "preview": {
-    "unsupportedFile": "Este formato de archivo no es compatible con la vista previa en línea"
+    "downloadFile": "Descargar archivo",
+    "unsupportedFileAndContact": "Este formato de archivo no es compatible con la vista previa en línea. Si desea solicitar una vista previa, no dude en <1>contactarnos</1>."
   },
   "searchFilePlaceholder": "Buscar archivo",
   "tab": {

package/locales/fr-FR/file.json

@@ -56,7 +56,8 @@
     "title": "Le mode de déploiement actuel ne prend pas en charge la gestion des fichiers"
   },
   "preview": {
-    "unsupportedFile": "Ce format de fichier ne prend pas en charge l'aperçu en ligne"
+    "downloadFile": "Télécharger le fichier",
+    "unsupportedFileAndContact": "Ce format de fichier n'est pas encore pris en charge pour l'aperçu en ligne. Si vous souhaitez un aperçu, n'hésitez pas à <1>nous contacter</1>."
   },
   "searchFilePlaceholder": "Rechercher un fichier",
   "tab": {

package/locales/it-IT/file.json

@@ -56,7 +56,8 @@
     "title": "La modalità di distribuzione attuale non supporta la gestione dei file"
   },
   "preview": {
-    "unsupportedFile": "Questo formato di file non supporta l'anteprima online"
+    "downloadFile": "Scarica file",
+    "unsupportedFileAndContact": "Questo formato di file non è attualmente supportato per la visualizzazione online. Se hai bisogno di una visualizzazione, ti preghiamo di <1>contattarci</1>."
   },
   "searchFilePlaceholder": "Cerca file",
   "tab": {

package/locales/ja-JP/file.json

@@ -56,7 +56,8 @@
     "title": "現在のデプロイメントモードはファイル管理をサポートしていません"
   },
   "preview": {
-    "unsupportedFile": "このファイル形式はオンラインプレビューをサポートしていません"
+    "downloadFile": "ファイルをダウンロード",
+    "unsupportedFileAndContact": "このファイル形式はオンラインプレビューをサポートしていません。プレビューのリクエストがある場合は、ぜひ<1>ご連絡ください</1>。"
   },
   "searchFilePlaceholder": "ファイルを検索",
   "tab": {

package/locales/ko-KR/file.json

@@ -56,7 +56,8 @@
     "title": "현재 배포 모드는 파일 관리를 지원하지 않습니다."
   },
   "preview": {
-    "unsupportedFile": "이 파일 형식은 온라인 미리보기를 지원하지 않습니다."
+    "downloadFile": "파일 다운로드",
+    "unsupportedFileAndContact": "이 파일 형식은 온라인 미리보기를 지원하지 않습니다. 미리보기가 필요하신 경우, <1>저희에게 피드백을 주시기 바랍니다</1>."
   },
   "searchFilePlaceholder": "파일 검색",
   "tab": {

package/locales/nl-NL/file.json

@@ -56,7 +56,8 @@
     "title": "De huidige implementatiemodus ondersteunt geen bestandsbeheer"
   },
   "preview": {
-    "unsupportedFile": "Dit bestandsformaat wordt niet ondersteund voor online preview"
+    "downloadFile": "Bestand downloaden",
+    "unsupportedFileAndContact": "Dit bestandsformaat wordt momenteel niet ondersteund voor online preview. Als u een preview wilt, neem dan gerust <1>contact met ons op</1>."
   },
   "searchFilePlaceholder": "Zoek bestand",
   "tab": {

package/locales/pl-PL/file.json

@@ -56,7 +56,8 @@
     "title": "Obecny tryb wdrożenia nie obsługuje zarządzania plikami"
   },
   "preview": {
-    "unsupportedFile": "Ten format pliku nie jest obsługiwany w podglądzie online"
+    "downloadFile": "Pobierz plik",
+    "unsupportedFileAndContact": "Ten format pliku nie jest obecnie obsługiwany w podglądzie online. Jeśli chcesz uzyskać podgląd, zachęcamy do <1>skontaktowania się z nami</1>."
   },
   "searchFilePlaceholder": "Szukaj pliku",
   "tab": {

package/locales/pt-BR/file.json

@@ -56,7 +56,8 @@
     "title": "O modo de implantação atual não suporta gerenciamento de arquivos"
   },
   "preview": {
-    "unsupportedFile": "Este formato de arquivo não suporta visualização online"
+    "downloadFile": "Baixar arquivo",
+    "unsupportedFileAndContact": "Este formato de arquivo não é suportado para visualização online. Se você tiver interesse em visualizar, sinta-se à vontade para <1>nos enviar um feedback</1>."
   },
   "searchFilePlaceholder": "Pesquisar arquivo",
   "tab": {

package/locales/ru-RU/file.json

@@ -56,7 +56,8 @@
     "title": "Текущий режим развертывания не поддерживает управление файлами"
   },
   "preview": {
-    "unsupportedFile": "Этот формат файла не поддерживает онлайн-просмотр"
+    "downloadFile": "Скачать файл",
+    "unsupportedFileAndContact": "Этот формат файла в настоящее время не поддерживает онлайн-просмотр. Если у вас есть запрос на просмотр, пожалуйста, <1>сообщите нам</1>."
   },
   "searchFilePlaceholder": "Поиск файла",
   "tab": {

package/locales/tr-TR/file.json

@@ -56,7 +56,8 @@
     "title": "Mevcut dağıtım modu dosya yönetimini desteklemiyor"
   },
   "preview": {
-    "unsupportedFile": "Bu dosya formatı çevrimiçi önizleme desteklenmiyor"
+    "downloadFile": "Dosyayı İndir",
+    "unsupportedFileAndContact": "Bu dosya formatı çevrimiçi önizleme için desteklenmiyor. Önizleme talebiniz varsa, lütfen <1>bize geri bildirimde bulunun</1>."
   },
   "searchFilePlaceholder": "Dosya Ara",
   "tab": {

package/locales/vi-VN/file.json

@@ -56,7 +56,8 @@
     "title": "Chế độ triển khai hiện tại không hỗ trợ quản lý tệp"
   },
   "preview": {
-    "unsupportedFile": "Định dạng tệp này không hỗ trợ xem trước trực tuyến"
+    "downloadFile": "Tải tệp",
+    "unsupportedFileAndContact": "Định dạng tệp này hiện không hỗ trợ xem trước trực tuyến. Nếu bạn có yêu cầu xem trước, vui lòng <1>phản hồi cho chúng tôi</1>"
   },
   "searchFilePlaceholder": "Tìm kiếm tệp",
   "tab": {

package/locales/zh-CN/file.json

@@ -56,7 +56,8 @@
     "title": "当前部署模式不支持文件管理"
   },
   "preview": {
-    "unsupportedFile": "此文件格式不支持在线预览"
+    "downloadFile": "下载文件",
+    "unsupportedFileAndContact": "此文件格式暂不支持在线预览，如有预览诉求，欢迎<1>反馈给我们</1>"
   },
   "searchFilePlaceholder": "搜索文件",
   "tab": {

package/locales/zh-TW/file.json

@@ -56,7 +56,8 @@
     "title": "當前部署模式不支持檔案管理"
   },
   "preview": {
-    "unsupportedFile": "此檔案格式不支持在線預覽"
+    "downloadFile": "下載檔案",
+    "unsupportedFileAndContact": "此檔案格式暫不支援線上預覽，如有預覽需求，歡迎<1>反饋給我們</1>"
   },
   "searchFilePlaceholder": "搜索檔案",
   "tab": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.14.11",
+  "version": "1.15.0",
   "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/app/(main)/settings/llm/ProviderList/providers.tsx

@@ -18,6 +18,7 @@ import {
   StepfunProviderCard,
   TaichuProviderCard,
   TogetherAIProviderCard,
+  UpstageProviderCard,
   ZeroOneProviderCard,
   ZhiPuProviderCard,
 } from '@/config/modelProviders';
@@ -59,6 +60,7 @@ export const useProviderList = (): ProviderItem[] => {
       TaichuProviderCard,
       Ai360ProviderCard,
       SiliconCloudProviderCard,
+      UpstageProviderCard,
     ],
     [AzureProvider, OllamaProvider, OpenAIProvider, BedrockProvider],
   );

package/src/app/api/chat/agentRuntime.ts

@@ -208,6 +208,13 @@ const getLlmOptionsFromPayload = (provider: string, payload: JWTPayload) => {
 
       return { apiKey, baseURL };
     }
+    case ModelProvider.Upstage: {
+      const { UPSTAGE_API_KEY } = getLLMConfig();
+
+      const apiKey = apiKeyManager.pick(payload?.apiKey || UPSTAGE_API_KEY);
+
+      return { apiKey };
+    }
   }
 };
 

package/src/components/FileParsingStatus/index.tsx

@@ -104,8 +104,6 @@ const FileParsingStatus = memo<FileParsingStatusProps>(
       }
 
       case AsyncTaskStatus.Success: {
-        console.log(embeddingStatus);
-
         // if no embedding status, it means that the embedding is not started
         if (!embeddingStatus || preparingEmbedding)
           return (

package/src/config/llm.ts

@@ -93,6 +93,9 @@ export const getLLMConfig = () => {
       SILICONCLOUD_API_KEY: z.string().optional(),
       SILICONCLOUD_MODEL_LIST: z.string().optional(),
       SILICONCLOUD_PROXY_URL: z.string().optional(),
+
+      ENABLED_UPSTAGE: z.boolean(),
+      UPSTAGE_API_KEY: z.string().optional(),
     },
     runtimeEnv: {
       API_KEY_SELECT_MODE: process.env.API_KEY_SELECT_MODE,
@@ -183,6 +186,9 @@ export const getLLMConfig = () => {
       SILICONCLOUD_API_KEY: process.env.SILICONCLOUD_API_KEY,
       SILICONCLOUD_MODEL_LIST: process.env.SILICONCLOUD_MODEL_LIST,
       SILICONCLOUD_PROXY_URL: process.env.SILICONCLOUD_PROXY_URL,
+
+      ENABLED_UPSTAGE: !!process.env.UPSTAGE_API_KEY,
+      UPSTAGE_API_KEY: process.env.UPSTAGE_API_KEY,
     },
   });
 };

package/src/config/modelProviders/index.ts

@@ -21,6 +21,7 @@ import SiliconCloudProvider from './siliconcloud';
 import StepfunProvider from './stepfun';
 import TaichuProvider from './taichu';
 import TogetherAIProvider from './togetherai';
+import UpstageProvider from './upstage';
 import ZeroOneProvider from './zeroone';
 import ZhiPuProvider from './zhipu';
 
@@ -47,6 +48,7 @@ export const LOBE_DEFAULT_MODEL_LIST: ChatModelCard[] = [
   TaichuProvider.chatModels,
   Ai360Provider.chatModels,
   SiliconCloudProvider.chatModels,
+  UpstageProvider.chatModels,
 ].flat();
 
 export const DEFAULT_MODEL_PROVIDER_LIST = [
@@ -73,6 +75,7 @@ export const DEFAULT_MODEL_PROVIDER_LIST = [
   TaichuProvider,
   Ai360Provider,
   SiliconCloudProvider,
+  UpstageProvider,
 ];
 
 export const filterEnabledModels = (provider: ModelProviderCard) => {
@@ -105,5 +108,6 @@ export { default as SiliconCloudProviderCard } from './siliconcloud';
 export { default as StepfunProviderCard } from './stepfun';
 export { default as TaichuProviderCard } from './taichu';
 export { default as TogetherAIProviderCard } from './togetherai';
+export { default as UpstageProviderCard } from './upstage';
 export { default as ZeroOneProviderCard } from './zeroone';
 export { default as ZhiPuProviderCard } from './zhipu';

package/src/config/modelProviders/moonshot.ts

@@ -4,11 +4,11 @@ import { ModelProviderCard } from '@/types/llm';
 const Moonshot: ModelProviderCard = {
   chatModels: [
     {
-      displayName: 'Moonshot V1 8K',
+      displayName: 'Moonshot V1 128K',
       enabled: true,
       functionCall: true,
-      id: 'moonshot-v1-8k',
-      tokens: 8192,
+      id: 'moonshot-v1-128k',
+      tokens: 128_000,
     },
     {
       displayName: 'Moonshot V1 32K',
@@ -18,11 +18,11 @@ const Moonshot: ModelProviderCard = {
       tokens: 32_768,
     },
     {
-      displayName: 'Moonshot V1 128K',
+      displayName: 'Moonshot V1 8K',
       enabled: true,
       functionCall: true,
-      id: 'moonshot-v1-128k',
-      tokens: 128_000,
+      id: 'moonshot-v1-8k',
+      tokens: 8192,
     },
   ],
   checkModel: 'moonshot-v1-8k',

package/src/config/modelProviders/upstage.ts

@@ -0,0 +1,45 @@
+import { ModelProviderCard } from '@/types/llm';
+
+// ref https://developers.upstage.ai/docs/getting-started/models
+const Upstage: ModelProviderCard = {
+  chatModels: [
+    {
+      description: 'A compact LLM offering superior performance to GPT-3.5, with robust multilingual capabilities for both English and Korean, delivering high efficiency in a smaller package. solar-1-mini-chat is alias for our latest solar-1-mini-chat model. (Currently solar-1-mini-chat-240612)',
+      displayName: 'Solar 1 Mini Chat',
+      enabled: true,
+      functionCall: true,
+      id: 'solar-1-mini-chat',
+      tokens: 32_768,
+    },
+    {
+      description: 'A compact LLM that extends the capabilities of solar-mini-chat with specialization in Japanese, while maintaining high efficiency and performance in English and Korean. solar-1-mini-chat-ja is alias for our latest solar-1-mini-chat-ja model.(Currently solar-1-mini-chat-ja-240612)',
+      displayName: 'Solar 1 Mini Chat Ja',
+      enabled: true,
+      functionCall: false,
+      id: 'solar-1-mini-chat-ja',
+      tokens: 32_768,
+    },
+    {
+      description: 'English-to-Korean translation specialized model based on the solar-mini. Maximum context length is 32k tokens. solar-1-mini-translate-enko is alias for our latest solar-1-mini-translate-enko model. (Currently solar-1-mini-translate-enko-240507)',
+      displayName: 'Solar 1 Mini Translate EnKo',
+      enabled: false,
+      functionCall: false,
+      id: 'solar-1-mini-translate-enko',
+      tokens: 32_768,
+    },
+    {
+      description: 'Korean-to-English translation specialized model based on the solar-mini. Maximum context length is 32k tokens. solar-1-mini-translate-koen is alias for our latest solar-1-mini-translate-koen model. (Currently solar-1-mini-translate-koen-240507)',
+      displayName: 'Solar 1 Mini Translate KoEn',
+      enabled: false,
+      functionCall: false,
+      id: 'solar-1-mini-translate-koen',
+      tokens: 32_768,
+    },
+  ],
+  checkModel: 'solar-1-mini-chat',
+  id: 'upstage',
+  modelList: { showModelFetcher: true },
+  name: 'Upstage',
+};
+
+export default Upstage;

package/src/config/modelProviders/zeroone.ts

@@ -11,23 +11,39 @@ const ZeroOne: ModelProviderCard = {
       tokens: 32_768,
     },
     {
-      description: '中型尺寸模型升级微调，能力均衡，性价比高。深度优化指令遵循能力。',
-      displayName: 'Yi Medium',
+      description:
+        '在 yi-large 模型的基础上支持并强化了工具调用的能力，适用于各种需要搭建 agent 或 workflow 的业务场景。',
+      displayName: 'Yi Large FC',
       enabled: true,
-      id: 'yi-medium',
+      functionCall: true,
+      id: 'yi-large-fc',
+      tokens: 32_768,
+    },
+    {
+      description:
+        '基于 yi-large 超强模型的高阶服务，结合检索与生成技术提供精准答案，实时全网检索信息服务。',
+      displayName: 'Yi Large RAG',
+      enabled: true,
+      id: 'yi-large-rag',
       tokens: 16_384,
     },
     {
-      description: '复杂视觉任务模型，提供高性能图片理解、分析能力。',
-      displayName: 'Yi Vision',
+      description: '超高性价比、卓越性能。根据性能和推理速度、成本，进行平衡性高精度调优。',
+      displayName: 'Yi Large Turbo',
       enabled: true,
-      id: 'yi-vision',
+      id: 'yi-large-turbo',
+      tokens: 16_384,
+    },
+    {
+      description: '中型尺寸模型升级微调，能力均衡，性价比高。深度优化指令遵循能力。',
+      displayName: 'Yi Medium',
+      enabled: true,
+      id: 'yi-medium',
       tokens: 16_384,
-      vision: true,
     },
     {
       description: '200K 超长上下文窗口，提供长文本深度理解和生成能力。',
-      displayName: 'Yi 200K',
+      displayName: 'Yi Medium 200K',
       enabled: true,
       id: 'yi-medium-200k',
       tokens: 200_000,
@@ -35,32 +51,17 @@ const ZeroOne: ModelProviderCard = {
     {
       description: '小而精悍，轻量极速模型。提供强化数学运算和代码编写能力。',
       displayName: 'Yi Spark',
-      id: 'yi-spark',
-      tokens: 16_384,
-    },
-    {
-      description:
-        '基于 yi-large 超强模型的高阶服务，结合检索与生成技术提供精准答案，实时全网检索信息服务。',
-      displayName: 'Yi Large RAG',
       enabled: true,
-      id: 'yi-large-rag',
+      id: 'yi-spark',
       tokens: 16_384,
     },
     {
-      description:
-        '在 yi-large 模型的基础上支持并强化了工具调用的能力，适用于各种需要搭建 agent 或 workflow 的业务场景。',
-      displayName: 'Yi Large FC',
-      enabled: true,
-      functionCall: true,
-      id: 'yi-large-fc',
-      tokens: 32_768,
-    },
-    {
-      description: '超高性价比、卓越性能。根据性能和推理速度、成本，进行平衡性高精度调优。',
-      displayName: 'Yi Large Turbo',
+      description: '复杂视觉任务模型，提供高性能图片理解、分析能力。',
+      displayName: 'Yi Vision',
       enabled: true,
-      id: 'yi-large-turbo',
+      id: 'yi-vision',
       tokens: 16_384,
+      vision: true,
     },
     {
       description: '初期版本，推荐使用 yi-large（新版本）',
@@ -69,7 +70,7 @@ const ZeroOne: ModelProviderCard = {
       tokens: 16_384,
     },
   ],
-  checkModel: 'yi-large',
+  checkModel: 'yi-spark',
   id: 'zeroone',
   name: '01.AI',
 };

package/src/config/modelProviders/zhipu.ts

@@ -5,14 +5,6 @@ import { ModelProviderCard } from '@/types/llm';
 // ref https://open.bigmodel.cn/modelcenter/square
 const ZhiPu: ModelProviderCard = {
   chatModels: [
-    {
-      description: '超长输入：专为处理超长文本和记忆型任务设计',
-      displayName: 'GLM-4-Long',
-      enabled: true,
-      functionCall: true,
-      id: 'glm-4-long',
-      tokens: 1_024_000,
-    },
     {
       description:
         'GLM-4-AllTools 是专门为支持智能体和相关任务而进一步优化的模型版本。它能够自主理解用户的意图，规划复杂的指令，并能够调用一个或多个工具（例如网络浏览器、代码解释器和文本生图像）以完成复杂的任务。',
@@ -60,6 +52,14 @@ const ZhiPu: ModelProviderCard = {
       id: 'glm-4-airx',
       tokens: 8192,
     },
+    {
+      description: '超长输入：专为处理超长文本和记忆型任务设计',
+      displayName: 'GLM-4-Long',
+      enabled: true,
+      functionCall: true,
+      id: 'glm-4-long',
+      tokens: 1_024_000,
+    },
     {
       description: '适用简单任务，速度最快，价格最实惠的版本',
       displayName: 'GLM-4-Flash',

package/src/const/settings/llm.ts

@@ -19,6 +19,7 @@ import {
   StepfunProviderCard,
   TaichuProviderCard,
   TogetherAIProviderCard,
+  UpstageProviderCard,
   ZeroOneProviderCard,
   ZhiPuProviderCard,
   filterEnabledModels,
@@ -111,6 +112,10 @@ export const DEFAULT_LLM_CONFIG: UserModelProviderConfig = {
     enabled: false,
     enabledModels: filterEnabledModels(TogetherAIProviderCard),
   },
+  upstage: {
+    enabled: false,
+    enabledModels: filterEnabledModels(UpstageProviderCard),
+  },
   zeroone: {
     enabled: false,
     enabledModels: filterEnabledModels(ZeroOneProviderCard),

package/src/const/url.ts

@@ -47,6 +47,9 @@ export const PLUGINS_INDEX_URL = 'https://chat-plugins.lobehub.com';
 export const MORE_MODEL_PROVIDER_REQUEST_URL =
   'https://github.com/lobehub/lobe-chat/discussions/1284';
 
+export const MORE_FILE_PREVIEW_REQUEST_URL =
+  'https://github.com/lobehub/lobe-chat/discussions/3684';
+
 export const AGENTS_INDEX_GITHUB = 'https://github.com/lobehub/lobe-chat-agents';
 export const AGENTS_INDEX_GITHUB_ISSUE = urlJoin(AGENTS_INDEX_GITHUB, 'issues/new');
 

package/src/features/Conversation/Error/APIKeyForm/ProviderAvatar.tsx

@@ -16,6 +16,7 @@ import {
   Stepfun,
   Together,
   Tongyi,
+  Upstage,
   ZeroOne,
   Zhipu,
 } from '@lobehub/icons';
@@ -103,6 +104,10 @@ const ProviderAvatar = memo<ProviderAvatarProps>(({ provider }) => {
       return <Ai360 color={Ai360.colorPrimary} size={56} />;
     }
 
+    case ModelProvider.Upstage: {
+      return <Upstage color={Upstage.colorPrimary} size={56} />;
+    }
+
     default:
     case ModelProvider.OpenAI: {
       return <OpenAI color={theme.colorText} size={64} />;

package/src/features/FileViewer/NotSupport/index.tsx

@@ -1,10 +1,13 @@
 import { IDocument } from '@cyntler/react-doc-viewer';
+import { FluentEmoji } from '@lobehub/ui';
 import { Button } from 'antd';
 import { createStyles } from 'antd-style';
+import Link from 'next/link';
 import React, { ComponentType, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
+import { MORE_FILE_PREVIEW_REQUEST_URL } from '@/const/url';
 import { downloadFile } from '@/utils/client/downloadFile';
 
 const useStyles = createStyles(({ css, token }) => ({
@@ -25,7 +28,7 @@ const NotSupport: ComponentType<{
 }> = ({ fileName, document: doc }) => {
   const { styles } = useStyles();
 
-  const { t } = useTranslation(['file', 'common']);
+  const { t } = useTranslation('file');
 
   const [loading, setLoading] = useState(false);
 
@@ -33,7 +36,15 @@ const NotSupport: ComponentType<{
     <Flexbox className={styles.page} id="txt-renderer">
       <Center height={'100%'}>
         <Flexbox align={'center'} gap={12}>
-          {t('preview.unsupportedFile')}
+          <FluentEmoji emoji={'👀'} size={64} />
+          <Flexbox style={{ textAlign: 'center' }}>
+            <Trans i18nKey="preview.unsupportedFileAndContact" ns={'file'}>
+              此文件格式暂不支持在线预览，如有预览诉求，欢迎
+              <Link aria-label={'todo'} href={MORE_FILE_PREVIEW_REQUEST_URL} target="_blank">
+                反馈给我们
+              </Link>
+            </Trans>
+          </Flexbox>
           <Button
             loading={loading}
             onClick={async () => {
@@ -43,7 +54,7 @@ const NotSupport: ComponentType<{
               setLoading(false);
             }}
           >
-            {t('download', { ns: 'common' })}
+            {t('preview.downloadFile')}
           </Button>
         </Flexbox>
       </Center>

package/src/features/FileViewer/Renderer/Image/index.tsx

@@ -0,0 +1,36 @@
+import { DocRenderer } from '@cyntler/react-doc-viewer';
+import { Center } from 'react-layout-kit';
+
+const ImageRenderer: DocRenderer = ({ mainState: { currentDocument } }) => {
+  const { uri, fileName } = currentDocument || {};
+
+  return (
+    <Center height={'100%'} width={'100%'}>
+      <img
+        alt={fileName}
+        height={'100%'}
+        src={uri}
+        style={{ objectFit: 'contain', overflow: 'hidden' }}
+        width={'100%'}
+      />
+    </Center>
+  );
+};
+
+export default ImageRenderer;
+
+ImageRenderer.fileTypes = [
+  'jpg',
+  'jpeg',
+  'image/jpg',
+  'image/jpeg',
+  'png',
+  'image/png',
+  'webp',
+  'image/webp',
+  'gif',
+  'image/gif',
+  'bmp',
+  'image/bmp',
+];
+ImageRenderer.weight = 0;

package/src/features/FileViewer/Renderer/MSDoc/index.tsx

@@ -0,0 +1,65 @@
+import { DocRenderer } from '@cyntler/react-doc-viewer';
+import { css, cx } from 'antd-style';
+import { Flexbox } from 'react-layout-kit';
+
+const container = css`
+  position: relative;
+  overflow: hidden;
+  border-radius: 4px;
+`;
+
+const content = css`
+  position: absolute;
+  inset-block: -1px -1px;
+  inset-inline-start: -1px;
+
+  width: calc(100% + 2px);
+  height: calc(100% + 2px);
+
+  border: 0;
+`;
+
+const MSDocRenderer: DocRenderer = ({ mainState: { currentDocument } }) => {
+  if (!currentDocument) return null;
+
+  return (
+    <Flexbox className={cx(container)} height={'100%'} id="msdoc-renderer" width={'100%'}>
+      <iframe
+        className={cx(content)}
+        id="msdoc-iframe"
+        src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(
+          currentDocument.uri,
+        )}`}
+        title="msdoc-iframe"
+      />
+    </Flexbox>
+  );
+};
+
+export default MSDocRenderer;
+
+const MSDocFTMaps = {
+  doc: ['doc', 'application/msword'],
+  docx: [
+    'docx',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'application/octet-stream',
+  ],
+  odt: ['odt', 'application/vnd.oasis.opendocument.text'],
+  ppt: ['ppt', 'application/vnd.ms-powerpoint'],
+  pptx: ['pptx', 'application/vnd.openxmlformats-officedocument.presentationml.presentation'],
+  xls: ['xls', 'application/vnd.ms-excel'],
+  xlsx: ['xlsx', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],
+};
+
+MSDocRenderer.fileTypes = [
+  ...MSDocFTMaps.odt,
+  ...MSDocFTMaps.doc,
+  ...MSDocFTMaps.docx,
+  ...MSDocFTMaps.xls,
+  ...MSDocFTMaps.xlsx,
+  ...MSDocFTMaps.ppt,
+  ...MSDocFTMaps.pptx,
+];
+MSDocRenderer.weight = 0;
+MSDocRenderer.fileLoader = ({ fileLoaderComplete }) => fileLoaderComplete();

package/src/features/FileViewer/Renderer/index.ts

@@ -0,0 +1,5 @@
+import ImageRenderer from './Image';
+import MSDocRenderer from './MSDoc';
+import TXTRenderer from './TXT';
+
+export const FileViewRenderers = [TXTRenderer, ImageRenderer, MSDocRenderer];

package/src/features/FileViewer/index.tsx

@@ -1,21 +1,22 @@
 'use client';
 
-import DocViewer, { MSDocRenderer } from '@cyntler/react-doc-viewer';
-import { createStyles } from 'antd-style';
+import DocViewer from '@cyntler/react-doc-viewer';
+import { css, cx } from 'antd-style';
 import { CSSProperties, memo } from 'react';
 
 import { FileListItem } from '@/types/files';
 
 import NotSupport from './NotSupport';
-import PDFViewer from './PDFViewer';
-import TXTViewer from './TXTViewer';
+import { FileViewRenderers } from './Renderer';
+import PDFRenderer from './Renderer/PDF';
 
-const useStyles = createStyles(({ css, token }) => ({
-  container: css`
-    padding: 12px;
-    background: ${token.colorBgLayout} !important;
-  `,
-}));
+const container = css`
+  background: transparent !important;
+
+  #proxy-renderer {
+    height: 100%;
+  }
+`;
 
 interface FileViewerProps extends FileListItem {
   className?: string;
@@ -23,20 +24,19 @@ interface FileViewerProps extends FileListItem {
 }
 
 const FileViewer = memo<FileViewerProps>(({ id, style, fileType, url, name }) => {
-  const { styles } = useStyles();
   if (fileType === 'pdf' || name.endsWith('.pdf')) {
-    return <PDFViewer fileId={id} url={url} />;
+    return <PDFRenderer fileId={id} url={url} />;
   }
 
   return (
     <DocViewer
-      className={styles.container}
+      className={cx(container)}
       config={{
         header: { disableHeader: true },
         noRenderer: { overrideComponent: NotSupport },
       }}
       documents={[{ fileName: name, fileType, uri: url }]}
-      pluginRenderers={[TXTViewer, MSDocRenderer]}
+      pluginRenderers={FileViewRenderers}
       style={style}
     />
   );

package/src/libs/agent-runtime/AgentRuntime.ts

@@ -24,6 +24,7 @@ import { LobeSiliconCloudAI } from './siliconcloud';
 import { LobeStepfunAI } from './stepfun';
 import { LobeTaichuAI } from './taichu';
 import { LobeTogetherAI } from './togetherai';
+import { LobeUpstageAI } from './upstage';
 import {
   ChatCompetitionOptions,
   ChatStreamPayload,
@@ -134,6 +135,7 @@ class AgentRuntime {
       stepfun: Partial<ClientOptions>;
       taichu: Partial<ClientOptions>;
       togetherai: Partial<ClientOptions>;
+      upstage: Partial<ClientOptions>;
       zeroone: Partial<ClientOptions>;
       zhipu: Partial<ClientOptions>;
     }>,
@@ -261,6 +263,11 @@ class AgentRuntime {
         runtimeModel = new LobeSiliconCloudAI(params.siliconcloud ?? {});
         break;
       }
+
+      case ModelProvider.Upstage: {
+        runtimeModel = new LobeUpstageAI(params.upstage);
+        break
+      }
     }
 
     return new AgentRuntime(runtimeModel);

package/src/libs/agent-runtime/types/type.ts

@@ -43,6 +43,7 @@ export enum ModelProvider {
   Stepfun = 'stepfun',
   Taichu = 'taichu',
   TogetherAI = 'togetherai',
+  Upstage = 'upstage',
   ZeroOne = 'zeroone',
   ZhiPu = 'zhipu',
 }

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

@@ -0,0 +1,255 @@
+// @vitest-environment node
+import OpenAI from 'openai';
+import { Mock, afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import {
+  ChatStreamCallbacks,
+  LobeOpenAICompatibleRuntime,
+  ModelProvider,
+} from '@/libs/agent-runtime';
+
+import * as debugStreamModule from '../utils/debugStream';
+import { LobeUpstageAI } from './index';
+
+const provider = ModelProvider.Upstage;
+const defaultBaseURL = 'https://api.upstage.ai/v1/solar';
+
+const bizErrorType = 'ProviderBizError';
+const invalidErrorType = 'InvalidProviderAPIKey';
+
+// Mock the console.error to avoid polluting test output
+vi.spyOn(console, 'error').mockImplementation(() => {});
+
+let instance: LobeOpenAICompatibleRuntime;
+
+beforeEach(() => {
+  instance = new LobeUpstageAI({ apiKey: 'test' });
+
+  // 使用 vi.spyOn 来模拟 chat.completions.create 方法
+  vi.spyOn(instance['client'].chat.completions, 'create').mockResolvedValue(
+    new ReadableStream() as any,
+  );
+});
+
+afterEach(() => {
+  vi.clearAllMocks();
+});
+
+describe('LobeUpstageAI', () => {
+  describe('init', () => {
+    it('should correctly initialize with an API key', async () => {
+      const instance = new LobeUpstageAI({ apiKey: 'test_api_key' });
+      expect(instance).toBeInstanceOf(LobeUpstageAI);
+      expect(instance.baseURL).toEqual(defaultBaseURL);
+    });
+  });
+
+  describe('chat', () => {
+    describe('Error', () => {
+      it('should return OpenAIBizError with an openai error response when OpenAI.APIError is thrown', async () => {
+        // Arrange
+        const apiError = new OpenAI.APIError(
+          400,
+          {
+            status: 400,
+            error: {
+              message: 'Bad Request',
+            },
+          },
+          'Error message',
+          {},
+        );
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(apiError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'solar-1-mini-chat',
+            temperature: 0,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            error: {
+              error: { message: 'Bad Request' },
+              status: 400,
+            },
+            errorType: bizErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should throw AgentRuntimeError with NoOpenAIAPIKey if no apiKey is provided', async () => {
+        try {
+          new LobeUpstageAI({});
+        } catch (e) {
+          expect(e).toEqual({ errorType: invalidErrorType });
+        }
+      });
+
+      it('should return OpenAIBizError with the cause when OpenAI.APIError is thrown with cause', async () => {
+        // Arrange
+        const errorInfo = {
+          stack: 'abc',
+          cause: {
+            message: 'api is undefined',
+          },
+        };
+        const apiError = new OpenAI.APIError(400, errorInfo, 'module error', {});
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(apiError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'solar-1-mini-chat',
+            temperature: 0,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            error: {
+              cause: { message: 'api is undefined' },
+              stack: 'abc',
+            },
+            errorType: bizErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should return OpenAIBizError with an cause response with desensitize Url', async () => {
+        // Arrange
+        const errorInfo = {
+          stack: 'abc',
+          cause: { message: 'api is undefined' },
+        };
+        const apiError = new OpenAI.APIError(400, errorInfo, 'module error', {});
+
+        instance = new LobeUpstageAI({
+          apiKey: 'test',
+
+          baseURL: 'https://api.abc.com/v1',
+        });
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(apiError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'solar-1-mini-chat',
+            temperature: 0,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: 'https://api.***.com/v1',
+            error: {
+              cause: { message: 'api is undefined' },
+              stack: 'abc',
+            },
+            errorType: bizErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should throw an InvalidUpstageAPIKey error type on 401 status code', async () => {
+        // Mock the API call to simulate a 401 error
+        const error = new Error('Unauthorized') as any;
+        error.status = 401;
+        vi.mocked(instance['client'].chat.completions.create).mockRejectedValue(error);
+
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'solar-1-mini-chat',
+            temperature: 0,
+          });
+        } catch (e) {
+          // Expect the chat method to throw an error with InvalidUpstageAPIKey
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            error: new Error('Unauthorized'),
+            errorType: invalidErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should return AgentRuntimeError for non-OpenAI errors', async () => {
+        // Arrange
+        const genericError = new Error('Generic Error');
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(genericError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'solar-1-mini-chat',
+            temperature: 0,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            errorType: 'AgentRuntimeError',
+            provider,
+            error: {
+              name: genericError.name,
+              cause: genericError.cause,
+              message: genericError.message,
+              stack: genericError.stack,
+            },
+          });
+        }
+      });
+    });
+
+    describe('DEBUG', () => {
+      it('should call debugStream and return StreamingTextResponse when DEBUG_UPSTAGE_CHAT_COMPLETION is 1', async () => {
+        // Arrange
+        const mockProdStream = new ReadableStream() as any; // 模拟的 prod 流
+        const mockDebugStream = new ReadableStream({
+          start(controller) {
+            controller.enqueue('Debug stream content');
+            controller.close();
+          },
+        }) as any;
+        mockDebugStream.toReadableStream = () => mockDebugStream; // 添加 toReadableStream 方法
+
+        // 模拟 chat.completions.create 返回值，包括模拟的 tee 方法
+        (instance['client'].chat.completions.create as Mock).mockResolvedValue({
+          tee: () => [mockProdStream, { toReadableStream: () => mockDebugStream }],
+        });
+
+        // 保存原始环境变量值
+        const originalDebugValue = process.env.DEBUG_UPSTAGE_CHAT_COMPLETION;
+
+        // 模拟环境变量
+        process.env.DEBUG_UPSTAGE_CHAT_COMPLETION = '1';
+        vi.spyOn(debugStreamModule, 'debugStream').mockImplementation(() => Promise.resolve());
+
+        // 执行测试
+        // 运行你的测试函数，确保它会在条件满足时调用 debugStream
+        // 假设的测试函数调用，你可能需要根据实际情况调整
+        await instance.chat({
+          messages: [{ content: 'Hello', role: 'user' }],
+          model: 'solar-1-mini-chat',
+          stream: true,
+          temperature: 0,
+        });
+
+        // 验证 debugStream 被调用
+        expect(debugStreamModule.debugStream).toHaveBeenCalled();
+
+        // 恢复原始环境变量值
+        process.env.DEBUG_UPSTAGE_CHAT_COMPLETION = originalDebugValue;
+      });
+    });
+  });
+});

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

@@ -0,0 +1,10 @@
+import { ModelProvider } from '../types';
+import { LobeOpenAICompatibleFactory } from '../utils/openaiCompatibleFactory';
+
+export const LobeUpstageAI = LobeOpenAICompatibleFactory({
+  baseURL: 'https://api.upstage.ai/v1/solar',
+  debug: {
+    chatCompletion: () => process.env.DEBUG_UPSTAGE_CHAT_COMPLETION === '1',
+  },
+  provider: ModelProvider.Upstage,
+});

package/src/locales/default/file.ts

@@ -57,7 +57,8 @@ export default {
     title: '当前部署模式不支持文件管理',
   },
   preview: {
-    unsupportedFile: '此文件格式不支持在线预览',
+    downloadFile: '下载文件',
+    unsupportedFileAndContact: '此文件格式暂不支持在线预览，如有预览诉求，欢迎<1>反馈给我们</1>',
   },
   searchFilePlaceholder: '搜索文件',
   tab: {

package/src/server/globalConfig/index.ts

@@ -47,6 +47,8 @@ export const getServerGlobalConfig = () => {
     ENABLED_SILICONCLOUD,
     SILICONCLOUD_MODEL_LIST,
 
+    ENABLED_UPSTAGE,
+    
     ENABLED_AZURE_OPENAI,
     AZURE_MODEL_LIST,
 
@@ -138,6 +140,7 @@ export const getServerGlobalConfig = () => {
           modelString: TOGETHERAI_MODEL_LIST,
         }),
       },
+      upstage: { enabled: ENABLED_UPSTAGE },
       zeroone: { enabled: ENABLED_ZEROONE },
       zhipu: { 
         enabled: ENABLED_ZHIPU, 

package/src/types/user/settings/keyVaults.ts

@@ -39,6 +39,7 @@ export interface UserKeyVaults {
   stepfun?: OpenAICompatibleKeyVault;
   taichu?: OpenAICompatibleKeyVault;
   togetherai?: OpenAICompatibleKeyVault;
+  upstage?: OpenAICompatibleKeyVault;
   zeroone?: OpenAICompatibleKeyVault;
   zhipu?: OpenAICompatibleKeyVault;
 }