@lobehub/chat 0.161.25 → 0.162.1

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.162.1](https://github.com/lobehub/lobe-chat/compare/v0.162.0...v0.162.1)
+
+<sup>Released on **2024-05-27**</sup>
+
+#### 💄 Styles
+
+- **misc**: Improve the display effect of plug-in API name and description.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Improve the display effect of plug-in API name and description, closes [#2678](https://github.com/lobehub/lobe-chat/issues/2678) ([19cd0b9](https://github.com/lobehub/lobe-chat/commit/19cd0b9))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.162.0](https://github.com/lobehub/lobe-chat/compare/v0.161.25...v0.162.0)
+
+<sup>Released on **2024-05-27**</sup>
+
+#### ✨ Features
+
+- **misc**: Support topic agent.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Support topic agent, closes [#2683](https://github.com/lobehub/lobe-chat/issues/2683) ([56865fe](https://github.com/lobehub/lobe-chat/commit/56865fe))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.161.25](https://github.com/lobehub/lobe-chat/compare/v0.161.24...v0.161.25)
 
 <sup>Released on **2024-05-27**</sup>

package/locales/ar/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "مساعد النظام",
+    "topic": {
+      "label": "نموذج تسمية الموضوع",
+      "modelDesc": "يحدد النموذج المستخدم لإعادة تسمية الموضوع تلقائيًا",
+      "title": "إعادة تسمية الموضوع"
+    },
     "translation": {
       "label": "نموذج الترجمة",
       "modelDesc": "النموذج المحدد للاستخدام في الترجمة",

package/locales/bg-BG/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Системен асистент",
+    "topic": {
+      "label": "Модел за именуване на теми",
+      "modelDesc": "Модел, определен за автоматично преименуване на теми",
+      "title": "Автоматично именуване на теми"
+    },
     "translation": {
       "label": "Модел за превод",
       "modelDesc": "Определя модела, използван за превод",

package/locales/de-DE/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Systemassistent",
+    "topic": {
+      "label": "Themenbenennungsmodell",
+      "modelDesc": "Das Modell, das für die automatische Umbenennung von Themen verwendet wird",
+      "title": "Automatische Themenbenennung"
+    },
     "translation": {
       "label": "Übersetzungsmodell",
       "modelDesc": "Das für die Übersetzung verwendete Modell",

package/locales/en-US/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "System Agents",
+    "topic": {
+      "label": "Topic Naming Model",
+      "modelDesc": "Model designated for automatic topic renaming",
+      "title": "Automatic Topic Naming"
+    },
     "translation": {
       "label": "Translation Agent",
       "modelDesc": "Specific model for translate message",

package/locales/es-ES/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Asistente del sistema",
+    "topic": {
+      "label": "Modelo de nombramiento de temas",
+      "modelDesc": "Modelo designado para el renombramiento automático de temas",
+      "title": "Renombramiento automático de temas"
+    },
     "translation": {
       "label": "Modelo de traducción",
       "modelDesc": "Especifica el modelo a utilizar para la traducción",

package/locales/fr-FR/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Assistant système",
+    "topic": {
+      "label": "Modèle de nommage des sujets",
+      "modelDesc": "Modèle spécifié pour le renommage automatique des sujets",
+      "title": "Renommage automatique des sujets"
+    },
     "translation": {
       "label": "Modèle de traduction",
       "modelDesc": "Modèle spécifié pour la traduction",

package/locales/it-IT/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Assistente di sistema",
+    "topic": {
+      "label": "Modello di denominazione degli argomenti",
+      "modelDesc": "Modello designato per la ridenominazione automatica degli argomenti",
+      "title": "Ridenominazione automatica degli argomenti"
+    },
     "translation": {
       "label": "Modello di traduzione",
       "modelDesc": "Modello specificato per la traduzione",

package/locales/ja-JP/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "システムアシスタント",
+    "topic": {
+      "label": "トピックネーミングモデル",
+      "modelDesc": "トピックの自動リネームに使用されるモデルを指定します",
+      "title": "トピックの自動リネーム"
+    },
     "translation": {
       "label": "翻訳モデル",
       "modelDesc": "翻訳に使用するモデルを指定します",

package/locales/ko-KR/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "시스템 도우미",
+    "topic": {
+      "label": "주제 명명 모델",
+      "modelDesc": "주제 자동 재명명에 사용되는 모델 지정",
+      "title": "주제 자동 명명"
+    },
     "translation": {
       "label": "번역 모델",
       "modelDesc": "번역에 사용되는 모델 지정",

package/locales/nl-NL/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Systeemassistent",
+    "topic": {
+      "label": "Onderwerp Naamgevingsmodel",
+      "modelDesc": "Specificeer het model dat wordt gebruikt voor automatische hernoeming van onderwerpen",
+      "title": "Automatische Onderwerpnaamgeving"
+    },
     "translation": {
       "label": "Vertaalmodel",
       "modelDesc": "Specificeer het model voor vertaling",

package/locales/pl-PL/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Asystent Systemowy",
+    "topic": {
+      "label": "Model nazewnictwa tematów",
+      "modelDesc": "Określa model używany do automatycznego zmieniania nazw tematów",
+      "title": "Automatyczne nadawanie nazw tematom"
+    },
     "translation": {
       "label": "Model Tłumaczenia",
       "modelDesc": "Określ model używany do tłumaczenia",

package/locales/pt-BR/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Assistente do Sistema",
+    "topic": {
+      "label": "Modelo de Nomeação de Tópicos",
+      "modelDesc": "Especifica o modelo usado para renomeação automática de tópicos",
+      "title": "Renomeação Automática de Tópicos"
+    },
     "translation": {
       "label": "Modelo de Tradução",
       "modelDesc": "Especifica o modelo usado para tradução",

package/locales/ru-RU/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Системный агент",
+    "topic": {
+      "label": "Модель именования тем",
+      "modelDesc": "Модель, используемая для автоматического переименования тем",
+      "title": "Автоматическое именование тем"
+    },
     "translation": {
       "label": "Модель перевода",
       "modelDesc": "Модель, используемая для перевода",

package/locales/tr-TR/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Sistem Asistanı",
+    "topic": {
+      "label": "Konu Adlandırma Modeli",
+      "modelDesc": "Konuların otomatik olarak yeniden adlandırılması için belirlenen model",
+      "title": "Konu Otomatik Adlandırma"
+    },
     "translation": {
       "label": "Çeviri Modeli",
       "modelDesc": "Çeviri için belirlenen model",

package/locales/vi-VN/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "Trợ lý hệ thống",
+    "topic": {
+      "label": "Mô hình đặt tên chủ đề",
+      "modelDesc": "Mô hình được chỉ định để tự động đặt tên chủ đề",
+      "title": "Tự động đặt tên chủ đề"
+    },
     "translation": {
       "label": "Mô hình dịch",
       "modelDesc": "Chọn mô hình để dịch",

package/locales/zh-CN/setting.json

@@ -369,10 +369,15 @@
   },
   "systemAgent": {
     "title": "系统助手",
+    "topic": {
+      "label": "话题命名模型",
+      "modelDesc": "指定用于话题自动重命名的模型",
+      "title": "话题自动命名"
+    },
     "translation": {
       "label": "翻译模型",
       "modelDesc": "指定用于翻译的模型",
-      "title": "翻译助手设置"
+      "title": "消息内容翻译"
     }
   },
   "tab": {

package/locales/zh-TW/setting.json

@@ -369,6 +369,11 @@
   },
   "systemAgent": {
     "title": "系統助手",
+    "topic": {
+      "label": "話題命名模型",
+      "modelDesc": "指定用於話題自動重命名的模型",
+      "title": "話題自動命名"
+    },
     "translation": {
       "label": "翻譯模型",
       "modelDesc": "指定用於翻譯的模型",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.161.25",
+  "version": "0.162.1",
   "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/system-agent/features/Topic.tsx

@@ -0,0 +1,56 @@
+'use client';
+
+import { Form, type ItemGroup } from '@lobehub/ui';
+import { Form as AntForm } from 'antd';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { FORM_STYLE } from '@/const/layoutTokens';
+import ModelSelect from '@/features/ModelSelect';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
+
+import { useSyncSystemAgent } from './useSync';
+
+type SettingItemGroup = ItemGroup;
+
+const Topic = memo(() => {
+  const { t } = useTranslation('setting');
+  const [form] = AntForm.useForm();
+
+  const settings = useUserStore(settingsSelectors.currentSystemAgent, isEqual);
+  const [updateSystemAgent] = useUserStore((s) => [s.updateSystemAgent]);
+
+  const systemAgentSettings: SettingItemGroup = {
+    children: [
+      {
+        children: (
+          <ModelSelect
+            onChange={(props) => {
+              updateSystemAgent('topic', props);
+            }}
+          />
+        ),
+        desc: t('systemAgent.topic.modelDesc'),
+        label: t('systemAgent.topic.label'),
+        name: ['topic', 'model'],
+      },
+    ],
+    title: t('systemAgent.topic.title'),
+  };
+
+  useSyncSystemAgent(form);
+
+  return (
+    <Form
+      form={form}
+      initialValues={settings}
+      items={[systemAgentSettings]}
+      variant={'pure'}
+      {...FORM_STYLE}
+    />
+  );
+});
+
+export default Topic;

package/src/app/(main)/settings/system-agent/features/Translation.tsx

@@ -11,9 +11,7 @@ import ModelSelect from '@/features/ModelSelect';
 import { useUserStore } from '@/store/user';
 import { settingsSelectors } from '@/store/user/selectors';
 
-import { useSyncSettings } from '../../hooks/useSyncSettings';
-
-const SYSTEM_AGENT_SETTING_KEY = 'systemAgent';
+import { useSyncSystemAgent } from './useSync';
 
 type SettingItemGroup = ItemGroup;
 
@@ -21,8 +19,8 @@ const Translation = memo(() => {
   const { t } = useTranslation('setting');
   const [form] = AntForm.useForm();
 
-  const settings = useUserStore(settingsSelectors.currentSettings, isEqual);
-  const [setTranslationSystemAgent] = useUserStore((s) => [s.setTranslationSystemAgent]);
+  const settings = useUserStore(settingsSelectors.currentSystemAgent, isEqual);
+  const [updateSystemAgent] = useUserStore((s) => [s.updateSystemAgent]);
 
   const systemAgentSettings: SettingItemGroup = {
     children: [
@@ -30,19 +28,19 @@ const Translation = memo(() => {
         children: (
           <ModelSelect
             onChange={(props) => {
-              setTranslationSystemAgent(props.provider, props.model);
+              updateSystemAgent('translation', props);
             }}
           />
         ),
         desc: t('systemAgent.translation.modelDesc'),
         label: t('systemAgent.translation.label'),
-        name: [SYSTEM_AGENT_SETTING_KEY, 'translation', 'model'],
+        name: ['translation', 'model'],
       },
     ],
     title: t('systemAgent.translation.title'),
   };
 
-  useSyncSettings(form);
+  useSyncSystemAgent(form);
 
   return (
     <Form

package/src/app/(main)/settings/system-agent/features/useSync.ts

@@ -0,0 +1,23 @@
+import { FormInstance } from 'antd';
+import { useLayoutEffect } from 'react';
+
+import { useUserStore } from '@/store/user';
+
+export const useSyncSystemAgent = (form: FormInstance) => {
+  useLayoutEffect(() => {
+    // set the first time
+    form.setFieldsValue(useUserStore.getState().settings.systemAgent);
+
+    // sync with later updated settings
+    const unsubscribe = useUserStore.subscribe(
+      (s) => s.settings.systemAgent,
+      (settings) => {
+        form.setFieldsValue(settings);
+      },
+    );
+
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+};

package/src/app/(main)/settings/system-agent/index.tsx

@@ -1,7 +1,13 @@
+import Topic from './features/Topic';
 import Translation from './features/Translation';
 
 const Page = () => {
-  return <Translation />;
+  return (
+    <>
+      <Topic />
+      <Translation />
+    </>
+  );
 };
 
 Page.displayName = 'SystemAgent';

package/src/app/api/middleware/auth/utils.test.ts

@@ -0,0 +1,150 @@
+import { type AuthObject } from '@clerk/backend/internal';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { getAppConfig } from '@/config/app';
+import { NON_HTTP_PREFIX } from '@/const/auth';
+
+import { checkAuthMethod, getJWTPayload } from './utils';
+
+let enableClerkMock = false;
+let enableNextAuthMock = false;
+
+vi.mock('@/const/auth', async (importOriginal) => {
+  const data = await importOriginal();
+
+  return {
+    ...(data as any),
+    get enableClerk() {
+      return enableClerkMock;
+    },
+    get enableNextAuth() {
+      return enableNextAuthMock;
+    },
+  };
+});
+
+vi.mock('@/config/app', () => ({
+  getAppConfig: vi.fn(),
+}));
+
+describe('getJWTPayload', () => {
+  it('should parse JWT payload for non-HTTPS token', async () => {
+    const token = `${NON_HTTP_PREFIX}.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ`;
+    const payload = await getJWTPayload(token);
+    expect(payload).toEqual({
+      sub: '1234567890',
+      name: 'John Doe',
+      iat: 1516239022,
+    });
+  });
+
+  it('should verify and parse JWT payload for HTTPS token', async () => {
+    const token =
+      'eyJhbGciOiJIUzI1NiJ9.eyJhY2Nlc3NDb2RlIjoiIiwidXNlcklkIjoiMDAxMzYyYzMtNDhjNS00NjM1LWJkM2ItODM3YmZmZjU4ZmMwIiwiYXBpS2V5IjoiYWJjIiwiZW5kcG9pbnQiOiJhYmMiLCJpYXQiOjE3MTY4MDIyMjUsImV4cCI6MTAwMDAwMDAwMDE3MTY4MDIwMDB9.FF0FxsE8Cajs-_hv5GD0TNUDwvekAkI9l_LL_IOPdGQ';
+    const payload = await getJWTPayload(token);
+    expect(payload).toEqual({
+      accessCode: '',
+      apiKey: 'abc',
+      endpoint: 'abc',
+      exp: 10000000001716802000,
+      iat: 1716802225,
+      userId: '001362c3-48c5-4635-bd3b-837bfff58fc0',
+    });
+  });
+
+  it('should not verify success and parse JWT payload for dated token', async () => {
+    const token =
+      'eyJhbGciOiJIUzI1NiJ9.eyJhY2Nlc3NDb2RlIjoiIiwidXNlcklkIjoiYWY3M2JhODktZjFhMy00YjliLWEwM2QtZGViZmZlMzE4NmQxIiwiYXBpS2V5IjoiYWJjIiwiZW5kcG9pbnQiOiJhYmMiLCJpYXQiOjE3MTY3OTk5ODAsImV4cCI6MTcxNjgwMDA4MH0.8AGFsLcwyrQG82kVUYOGFXHIwihm2n16ctyArKW9100';
+    try {
+      await getJWTPayload(token);
+    } catch (e) {
+      expect(e).toEqual(new TypeError('"exp" claim timestamp check failed'));
+    }
+  });
+});
+
+describe('checkAuthMethod', () => {
+  beforeEach(() => {
+    vi.mocked(getAppConfig).mockReturnValue({
+      ACCESS_CODES: ['validAccessCode'],
+    } as any);
+  });
+
+  it('should pass with valid Clerk auth', () => {
+    enableClerkMock = true;
+    expect(() =>
+      checkAuthMethod({
+        clerkAuth: { userId: 'someUserId' } as AuthObject,
+      }),
+    ).not.toThrow();
+
+    enableClerkMock = false;
+  });
+
+  it('should throw error with invalid Clerk auth', () => {
+    enableClerkMock = true;
+    try {
+      checkAuthMethod({
+        clerkAuth: {} as any,
+      });
+    } catch (e) {
+      expect(e).toEqual({ errorType: 'InvalidClerkUser' });
+    }
+    enableClerkMock = false;
+  });
+
+  it('should pass with valid Next auth', () => {
+    enableNextAuthMock = true;
+    expect(() =>
+      checkAuthMethod({
+        nextAuthAuthorized: true,
+      }),
+    ).not.toThrow();
+
+    enableNextAuthMock = false;
+  });
+
+  it('should pass with valid API key', () => {
+    expect(() =>
+      checkAuthMethod({
+        apiKey: 'someApiKey',
+      }),
+    ).not.toThrow();
+  });
+
+  it('should pass with no access code required', () => {
+    vi.mocked(getAppConfig).mockReturnValueOnce({
+      ACCESS_CODES: [],
+    } as any);
+
+    expect(() => checkAuthMethod({})).not.toThrow();
+  });
+
+  it('should pass with valid access code', () => {
+    expect(() =>
+      checkAuthMethod({
+        accessCode: 'validAccessCode',
+      }),
+    ).not.toThrow();
+  });
+
+  it('should throw error with invalid access code', () => {
+    try {
+      checkAuthMethod({
+        accessCode: 'invalidAccessCode',
+      });
+    } catch (e) {
+      expect(e).toEqual({
+        errorType: 'InvalidAccessCode',
+      });
+    }
+
+    try {
+      checkAuthMethod({});
+    } catch (e) {
+      expect(e).toEqual({
+        errorType: 'InvalidAccessCode',
+      });
+    }
+  });
+});

package/src/app/api/middleware/auth/utils.ts

@@ -40,7 +40,7 @@ export const getJWTPayload = async (token: string): Promise<JWTPayload> => {
 interface CheckAuthParams {
   accessCode?: string;
   apiKey?: string;
-  clerkAuth: AuthObject;
+  clerkAuth?: AuthObject;
   nextAuthAuthorized?: boolean;
 }
 /**

package/src/chains/__tests__/summaryTitle.test.ts

@@ -21,52 +21,6 @@ vi.mock('@/store/chat/helpers', () => ({
 }));
 
 describe('chainSummaryTitle', () => {
-  it('should create a payload with system and user messages and select the appropriate model based on token count', async () => {
-    // Arrange
-    const messages: OpenAIChatMessage[] = [
-      { content: 'Hello, how can I assist you?', role: 'assistant' },
-      { content: 'I need help with my account.', role: 'user' },
-    ];
-    const currentLanguage = 'en-US';
-    const tokenCount = 17000; // Arbitrary token count above the GPT-3.5 limit
-    (globalHelpers.getCurrentLanguage as Mock).mockReturnValue(currentLanguage);
-    (chatHelpers.getMessagesTokenCount as Mock).mockResolvedValue(tokenCount);
-
-    // Act
-    const result = await chainSummaryTitle(messages);
-
-    // Assert
-    expect(result).toEqual({
-      messages: [
-        {
-          content: '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题',
-          role: 'system',
-        },
-        {
-          content: `assistant: Hello, how can I assist you?\nuser: I need help with my account.
-
-请总结上述对话为10个字以内的标题，不需要包含标点符号，输出语言语种为：${currentLanguage}`,
-          role: 'user',
-        },
-      ],
-      model: 'gpt-4-turbo-preview',
-    });
-
-    // Verify that getMessagesTokenCount was called with the correct messages
-    expect(chatHelpers.getMessagesTokenCount).toHaveBeenCalledWith([
-      {
-        content: '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题',
-        role: 'system',
-      },
-      {
-        content: `assistant: Hello, how can I assist you?\nuser: I need help with my account.
-
-请总结上述对话为10个字以内的标题，不需要包含标点符号，输出语言语种为：${currentLanguage}`,
-        role: 'user',
-      },
-    ]);
-  });
-
   it('should use the default model if the token count is below the GPT-3.5 limit', async () => {
     // Arrange
     const messages: OpenAIChatMessage[] = [
@@ -95,21 +49,6 @@ describe('chainSummaryTitle', () => {
           role: 'user',
         },
       ],
-      // No model specified since the token count is below the limit
     });
-
-    // Verify that getMessagesTokenCount was called with the correct messages
-    expect(chatHelpers.getMessagesTokenCount).toHaveBeenCalledWith([
-      {
-        content: '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题',
-        role: 'system',
-      },
-      {
-        content: `assistant: Hello, how can I assist you?\nuser: I need help with my account.
-
-请总结上述对话为10个字以内的标题，不需要包含标点符号，输出语言语种为：${currentLanguage}`,
-        role: 'user',
-      },
-    ]);
   });
 });

package/src/chains/summaryTitle.ts

@@ -1,33 +1,21 @@
-import { chatHelpers } from '@/store/chat/helpers';
 import { globalHelpers } from '@/store/user/helpers';
 import { ChatStreamPayload, OpenAIChatMessage } from '@/types/openai/chat';
 
-export const chainSummaryTitle = async (
-  messages: OpenAIChatMessage[],
-): Promise<Partial<ChatStreamPayload>> => {
+export const chainSummaryTitle = (messages: OpenAIChatMessage[]): Partial<ChatStreamPayload> => {
   const lang = globalHelpers.getCurrentLanguage();
 
-  const finalMessages: OpenAIChatMessage[] = [
-    {
-      content: '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题',
-      role: 'system',
-    },
-    {
-      content: `${messages.map((message) => `${message.role}: ${message.content}`).join('\n')}
+  return {
+    messages: [
+      {
+        content: '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题',
+        role: 'system',
+      },
+      {
+        content: `${messages.map((message) => `${message.role}: ${message.content}`).join('\n')}
 
 请总结上述对话为10个字以内的标题，不需要包含标点符号，输出语言语种为：${lang}`,
-      role: 'user',
-    },
-  ];
-  // 如果超过 16k，则使用 GPT-4-turbo 模型
-  const tokens = await chatHelpers.getMessagesTokenCount(finalMessages);
-  let model: string | undefined = undefined;
-  if (tokens > 16_000) {
-    model = 'gpt-4-turbo-preview';
-  }
-
-  return {
-    messages: finalMessages,
-    model,
+        role: 'user',
+      },
+    ],
   };
 };

package/src/const/settings/common.ts

@@ -3,6 +3,5 @@ import { UserGeneralConfig } from '@/types/user/settings';
 export const DEFAULT_COMMON_SETTINGS: UserGeneralConfig = {
   fontSize: 14,
   language: 'auto',
-  password: '',
   themeMode: 'auto',
 };

package/src/const/settings/systemAgent.ts

@@ -1,12 +1,13 @@
-import { UserSystemAgentConfig, GlobalTranslationConfig } from '@/types/user/settings';
+import { SystemAgentItem, UserSystemAgentConfig } from '@/types/user/settings';
 
 import { DEFAULT_MODEL, DEFAULT_PROVIDER } from './llm';
 
-export const DEFAULT_TRANSLATION_CONFIG: GlobalTranslationConfig = {
+export const DEFAULT_SYSTEM_AGENT_ITEM: SystemAgentItem = {
   model: DEFAULT_MODEL,
   provider: DEFAULT_PROVIDER,
 };
 
 export const DEFAULT_SYSTEM_AGENT_CONFIG: UserSystemAgentConfig = {
-  translation: DEFAULT_TRANSLATION_CONFIG,
+  topic: DEFAULT_SYSTEM_AGENT_ITEM,
+  translation: DEFAULT_SYSTEM_AGENT_ITEM,
 };

package/src/features/PluginDetailModal/APIs.tsx

@@ -22,13 +22,11 @@ const APIs = memo<{
         columns={[
           {
             dataIndex: 'name',
-            ellipsis: true,
             render: (name: string) => <code>{name}</code>,
             title: t('detailModal.info.name'),
           },
           {
             dataIndex: 'description',
-            ellipsis: true,
             title: t('detailModal.info.description'),
           },
         ]}
@@ -36,6 +34,7 @@ const APIs = memo<{
         pagination={false}
         rowKey={'name'}
         size={'small'}
+        tableLayout="fixed"
       />
     </Flexbox>
   );

package/src/hooks/useTokenCount.test.ts

@@ -1,4 +1,4 @@
-import { act, renderHook, waitFor } from '@testing-library/react';
+import { renderHook, waitFor } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
 import * as tokenizers from '@/utils/tokenizer';
@@ -6,7 +6,8 @@ import * as tokenizers from '@/utils/tokenizer';
 import { useTokenCount } from './useTokenCount';
 
 describe('useTokenCount', () => {
-  it('should return token count for given input', async () => {
+  // TODO: need to be fixed in the future
+  it.skip('should return token count for given input', async () => {
     const { result } = renderHook(() => useTokenCount('test input'));
 
     expect(result.current).toBe(0);
@@ -21,6 +22,8 @@ describe('useTokenCount', () => {
 
     expect(result.current).toBe(0);
     await waitFor(() => expect(result.current).toBe(0));
+
+    mockEncodeAsync.mockClear();
   });
 
   it('should handle empty input', async () => {

package/src/locales/default/setting.ts

@@ -373,10 +373,15 @@ export default {
   },
   systemAgent: {
     title: '系统助手',
+    topic: {
+      label: '话题命名模型',
+      modelDesc: '指定用于话题自动重命名的模型',
+      title: '话题自动命名',
+    },
     translation: {
       label: '翻译模型',
       modelDesc: '指定用于翻译的模型',
-      title: '翻译助手设置',
+      title: '消息内容翻译',
     },
   },
   tab: {

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

@@ -16,8 +16,11 @@ import { messageService } from '@/services/message';
 import { topicService } from '@/services/topic';
 import { CreateTopicParams } from '@/services/topic/type';
 import type { ChatStore } from '@/store/chat';
+import { useUserStore } from '@/store/user';
+import { systemAgentSelectors } from '@/store/user/selectors';
 import { ChatMessage } from '@/types/message';
 import { ChatTopic } from '@/types/topic';
+import { merge } from '@/utils/merge';
 import { setNamespace } from '@/utils/storeDebug';
 
 import { chatSelectors } from '../message/selectors';
@@ -140,7 +143,10 @@ export const chatTopic: StateCreator<
 
     let output = '';
 
-    // 自动总结话题标题
+    // Get current agent for topic
+    const topicConfig = systemAgentSelectors.topic(useUserStore.getState());
+
+    // Automatically summarize the topic title
     await chatService.fetchPresetTaskResult({
       onError: () => {
         internal_updateTopicTitleInSummary(topicId, topic.title);
@@ -160,7 +166,7 @@ export const chatTopic: StateCreator<
 
         internal_updateTopicTitleInSummary(topicId, output);
       },
-      params: await chainSummaryTitle(messages),
+      params: merge(topicConfig, chainSummaryTitle(messages)),
       trace: get().getCurrentTracePayload({ traceName: TraceNameMap.SummaryTopicTitle, topicId }),
     });
   },

package/src/store/session/slices/session/action.test.ts

@@ -148,7 +148,7 @@ describe('SessionAction', () => {
   });
 
   describe('pinSession', () => {
-    it.skip('should pin a session when pinned is true', async () => {
+    it('should pin a session when pinned is true', async () => {
       const { result } = renderHook(() => useSessionStore());
       const sessionId = 'session-id-to-pin';
 
@@ -160,7 +160,7 @@ describe('SessionAction', () => {
       expect(mockRefresh).toHaveBeenCalled();
     });
 
-    it.skip('should unpin a session when pinned is false', async () => {
+    it('should unpin a session when pinned is false', async () => {
       const { result } = renderHook(() => useSessionStore());
       const sessionId = 'session-id-to-unpin';
 

package/src/store/user/slices/settings/action.test.ts

@@ -115,10 +115,10 @@ describe('SettingsAction', () => {
     });
   });
 
-  describe('setTranslationSystemAgent', () => {
+  describe('updateSystemAgent', () => {
     it('should set partial settings', async () => {
       const { result } = renderHook(() => useUserStore());
-      const systemAgentSettings: Partial<UserSettings> = {
+      const systemAgentSettings: DeepPartial<UserSettings> = {
         systemAgent: {
           translation: {
             model: 'testmodel',
@@ -129,7 +129,10 @@ describe('SettingsAction', () => {
 
       // Perform the action
       await act(async () => {
-        await result.current.setTranslationSystemAgent('provider', 'testmodel');
+        await result.current.updateSystemAgent('translation', {
+          provider: 'provider',
+          model: 'testmodel',
+        });
       });
 
       // Assert that updateUserSettings was called with the correct settings

package/src/store/user/slices/settings/action.ts

@@ -16,12 +16,12 @@ export interface UserSettingsAction {
   importAppSettings: (settings: UserSettings) => Promise<void>;
   resetSettings: () => Promise<void>;
   setSettings: (settings: DeepPartial<UserSettings>) => Promise<void>;
-  setTranslationSystemAgent: (provider: string, model: string) => Promise<void>;
   switchLocale: (locale: LocaleMode) => Promise<void>;
   switchThemeMode: (themeMode: ThemeMode) => Promise<void>;
   updateDefaultAgent: (agent: DeepPartial<LobeAgentSettings>) => Promise<void>;
   updateGeneralConfig: (settings: Partial<UserGeneralConfig>) => Promise<void>;
   updateKeyVaults: (settings: Partial<UserKeyVaults>) => Promise<void>;
+  updateSystemAgent: (key: string, value: { model: string; provider: string }) => Promise<void>;
 }
 
 export const createSettingsSlice: StateCreator<
@@ -51,16 +51,6 @@ export const createSettingsSlice: StateCreator<
     await userService.updateUserSettings(diffs);
     await get().refreshUserState();
   },
-  setTranslationSystemAgent: async (provider, model) => {
-    await get().setSettings({
-      systemAgent: {
-        translation: {
-          model: model,
-          provider: provider,
-        },
-      },
-    });
-  },
   switchLocale: async (locale) => {
     await get().updateGeneralConfig({ language: locale });
 
@@ -78,4 +68,9 @@ export const createSettingsSlice: StateCreator<
   updateKeyVaults: async (keyVaults) => {
     await get().setSettings({ keyVaults });
   },
+  updateSystemAgent: async (key, { provider, model }) => {
+    await get().setSettings({
+      systemAgent: { [key]: { model, provider } },
+    });
+  },
 });

package/src/store/user/slices/settings/selectors/systemAgent.ts

@@ -8,7 +8,9 @@ const currentSystemAgent = (s: UserStore) =>
   merge(DEFAULT_SYSTEM_AGENT_CONFIG, currentSettings(s).systemAgent);
 
 const translation = (s: UserStore) => currentSystemAgent(s).translation;
+const topic = (s: UserStore) => currentSystemAgent(s).topic;
 
 export const systemAgentSelectors = {
+  topic,
   translation,
 };

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

@@ -7,10 +7,6 @@ export interface UserGeneralConfig {
   fontSize: number;
   language: LocaleMode;
   neutralColor?: NeutralColors;
-  /**
-   * @deprecated
-   */
-  password: string;
   primaryColor?: PrimaryColors;
   themeMode: ThemeMode;
 }

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

@@ -1,8 +1,9 @@
-export interface GlobalTranslationConfig {
+export interface SystemAgentItem {
   model: string;
   provider: string;
 }
 
 export interface UserSystemAgentConfig {
-  translation: GlobalTranslationConfig;
+  topic: SystemAgentItem;
+  translation: SystemAgentItem;
 }