@lobehub/chat 0.94.4 → 0.95.0

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/StandaloneType/index.tsx

@@ -0,0 +1,28 @@
+import { PluginRequestPayload } from '@lobehub/chat-plugin-sdk';
+import { memo } from 'react';
+
+import { usePluginStore } from '@/store/plugin';
+
+import IFrameRender from './Iframe';
+
+export interface PluginStandaloneTypeProps {
+  id: string;
+  name?: string;
+  payload?: PluginRequestPayload;
+}
+
+const PluginDefaultType = memo<PluginStandaloneTypeProps>(({ payload, id, name = 'unknown' }) => {
+  const manifest = usePluginStore((s) => s.pluginManifestMap[name]);
+
+  if (!manifest?.ui) return;
+
+  const ui = manifest.ui;
+
+  if (!ui.url) return;
+
+  return (
+    <IFrameRender height={ui.height} id={id} payload={payload} url={ui.url} width={ui.width} />
+  );
+});
+
+export default PluginDefaultType;

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/index.tsx

@@ -0,0 +1,28 @@
+import { LobePluginType, PluginRequestPayload } from '@lobehub/chat-plugin-sdk';
+import { memo } from 'react';
+
+import DefaultType from './DefaultType';
+import Standalone from './StandaloneType';
+
+export interface PluginRenderProps {
+  content: string;
+  id: string;
+  loading?: boolean;
+  name?: string;
+  payload?: PluginRequestPayload;
+  type?: LobePluginType;
+}
+
+const PluginRender = memo<PluginRenderProps>(({ content, id, payload, name, type }) => {
+  switch (type) {
+    case 'standalone': {
+      return <Standalone id={id} name={name} payload={payload} />;
+    }
+
+    default: {
+      return <DefaultType content={content} name={name} />;
+    }
+  }
+});
+
+export default PluginRender;

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/iframeOnReady.ts

@@ -0,0 +1,23 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { useEffect, useState } from 'react';
+
+export const useOnPluginReadyForInteraction = (onReady: () => void, deps: any[] = []) => {
+  const [readyForRender, setReady] = useState(false);
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.pluginReadyForRender) {
+        setReady(true);
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+  useEffect(() => {
+    if (readyForRender) {
+      onReady();
+    }
+  }, [readyForRender, ...deps]);
+};

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/listenToPlugin.ts

@@ -0,0 +1,65 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { useEffect } from 'react';
+
+export const useOnPluginFetchMessage = (onRequest: (data: any) => void, deps: any[] = []) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.fetchPluginMessage) {
+        onRequest(e.data);
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, deps);
+};
+
+export const useOnPluginFetchPluginState = (onRequest: (key: string) => void) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.fetchPluginState) {
+        onRequest(e.data.key);
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+};
+
+export const useOnPluginFillContent = (callback: (content: string) => void) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.fillStandalonePluginContent) {
+        const data = e.data.content;
+        const content = typeof data !== 'string' ? JSON.stringify(data) : data;
+
+        callback(content);
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+};
+
+export const useOnPluginFetchPluginSettings = (onRequest: () => void) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.fetchPluginSettings) {
+        onRequest();
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+};

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/pluginSettings.ts

@@ -0,0 +1,17 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { useEffect } from 'react';
+
+export const useOnPluginSettingsUpdate = (callback: (settings: any) => void) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.updatePluginSettings) {
+        callback(e.data.value);
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+};

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/pluginState.ts

@@ -0,0 +1,20 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { useEffect } from 'react';
+
+export const useOnPluginStateUpdate = (callback: (key: string, value: any) => void) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      if (e.data.type === PluginChannel.updatePluginState) {
+        const key = e.data.key;
+        const value = e.data.value;
+
+        callback(key, value);
+      }
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+};

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/postMessage.ts

@@ -0,0 +1,17 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+
+export const sendMessageToPlugin = (window: Window, props: any) => {
+  window.postMessage({ props, type: PluginChannel.renderPlugin }, '*');
+};
+
+export const sendPayloadToPlugin = (window: Window, props: any) => {
+  window.postMessage({ props, type: PluginChannel.initStandalonePlugin }, '*');
+};
+
+export const sendPluginStateToPlugin = (window: Window, key: string, value: any) => {
+  window.postMessage({ key, type: PluginChannel.renderPluginState, value }, '*');
+};
+
+export const sendPluginSettingsToPlugin = (window: Window, settings: any) => {
+  window.postMessage({ type: PluginChannel.renderPluginState, value: settings }, '*');
+};

package/src/app/market/page.tsx

@@ -1,32 +1,12 @@
-import { cookies } from 'next/headers';
-
-import { LOBE_LOCALE_COOKIE } from '@/const/locale';
-import { getAgentIndexJSON } from '@/const/url';
-import { Locales } from '@/locales/resources';
-import { LobeChatAgentsMarketIndex } from '@/types/market';
 import { isMobileDevice } from '@/utils/responsive';
 
 import DesktopPage from './(desktop)';
 import MobilePage from './(mobile)';
 
-const getAgentList = async (): Promise<LobeChatAgentsMarketIndex> => {
-  const cookieStore = cookies();
-  const lang = cookieStore.get(LOBE_LOCALE_COOKIE);
-
-  try {
-    const res = await fetch(getAgentIndexJSON(lang?.value as Locales));
-
-    return await res.json();
-  } catch {
-    return { agents: [], schemaVersion: 1 };
-  }
-};
-
-export default async () => {
-  const data = await getAgentList();
+export default () => {
   const mobile = isMobileDevice();
 
   const Page = mobile ? MobilePage : DesktopPage;
 
-  return <Page defaultAgents={data.agents} />;
+  return <Page />;
 };

package/src/chains/summaryAgentName.ts

@@ -1,3 +1,4 @@
+import { getCurrentLanguage } from '@/store/global/helpers';
 import { OpenAIChatStreamPayload } from '@/types/openai/chat';
 
 /**
@@ -7,24 +8,28 @@ import { OpenAIChatStreamPayload } from '@/types/openai/chat';
 export const chainSummaryAgentName = (content: string): Partial<OpenAIChatStreamPayload> => ({
   messages: [
     {
-      content: `你是一名擅长起名的起名大师，名字需要有文学内涵，注重精炼和赋子意境，你需要将用户的描述总结为 20 个字以内的角色, 格式要求如下：\n输入: {文本作为JSON引用字符串}\n输出: {角色名}`,
+      content: `你是一名擅长起名的起名大师，名字需要有文学内涵，注重精炼和赋子意境，你需要将用户的描述总结为 10 个字以内的角色，并翻译为目标语言。格式要求如下：\n输入: {文本作为JSON引用字符串} [locale]\n输出: {角色名}`,
       role: 'system',
     },
     {
-      content: `输入: {你是一名文案大师，帮我为一些设计 / 艺术作品起名，名字需要有文学内涵，注重精炼和赋子意境，表达作品的情景氛国，使名称既简洁又富有诗意。}`,
+      content: `输入: {你是一名文案大师，帮我为一些设计 / 艺术作品起名，名字需要有文学内涵，注重精炼和赋子意境，表达作品的情景氛国，使名称既简洁又富有诗意。} [zh-CN]`,
       role: 'user',
     },
-    { content: '创意命名师', role: 'assistant' },
     {
-      content: `输入: {你是一名前端代码专家，请将下面的代码转成 ts，不要修改实现。如果原本 js 中没有定义的全局变量，需要补充 declare 的类型声明。}`,
+      content: `输入: {你是一名 UX Writer，擅长将平平无奇的描述转换为精妙的表达。接下来用户会输入一段文本，你需要转成更加棒的表述方式，长度不超过40个字。} [ru-RU]`,
       role: 'user',
     },
-    { content: 'ts转换魔术师', role: 'assistant' },
+    { content: 'Творческий редактор UX', role: 'assistant' },
     {
-      content: `输入: {你是一名创业计划撰写专家，可以提供包括创意名称、简短的标语、目标用户画像、用户痛点、主要价值主张、销售/营销渠道、收入流、成本结构等计划生成。}`,
+      content: `输入: {你是一名前端代码专家，请将下面的代码转成 ts，不要修改实现。如果原本 js 中没有定义的全局变量，需要补充 declare 的类型声明。} [en-US]`,
       role: 'user',
     },
-    { content: '创业咨询专家', role: 'assistant' },
-    { content: `输入: {${content}}`, role: 'user' },
+    { content: 'TS Transformer', role: 'assistant' },
+    {
+      content: `输入: {Improve my English language use by replacing basic A0-level expressions with more sophisticated, advanced-level phrases while maintaining the conversation's essence. Your responses should focus solely on corrections and enhancements, avoiding additional explanations.} [zh-CN]`,
+      role: 'user',
+    },
+    { content: '邮件优化助理', role: 'assistant' },
+    { content: `输入: {${content}} [${getCurrentLanguage()}]`, role: 'user' },
   ],
 });

package/src/chains/summaryDescription.ts

@@ -1,26 +1,49 @@
+import { getCurrentLanguage } from '@/store/global/helpers';
 import { OpenAIChatStreamPayload } from '@/types/openai/chat';
 
 export const chainSummaryDescription = (content: string): Partial<OpenAIChatStreamPayload> => ({
   messages: [
     {
-      content: `你是一名擅长技能总结的助理，你需要将用户的输入的内容总结为一个角色技能简介，确保信息清晰、逻辑清晰，并有效地传达角色的技能和经验，不超过 20 个字, 格式要求如下：\n输入: {文本作为JSON引用字符串}\n输出: {角色技能简介}`,
+      content: `你是一名擅长技能总结的助理，你需要将用户的输入的内容总结为一个角色技能简介，不超过 20 个字。内容需要确保信息清晰、逻辑清晰，并有效地传达角色的技能和经验，需要并翻译为目标语言:${getCurrentLanguage()}。格式要求如下：\n输入: {文本作为JSON引用字符串} [locale]\n输出: {简介}`,
       role: 'system',
     },
     {
-      content: `输入: {你是一名文案大师，帮我为一些设计 / 艺术作品起名，名字需要有文学内涵，注重精炼和赋子意境，表达作品的情景氛国，使名称既简洁又富有诗意。}`,
+      content: `输入: {你是一名文案大师，帮我为一些设计 / 艺术作品起名，名字需要有文学内涵，注重精炼和赋子意境，表达作品的情景氛国，使名称既简洁又富有诗意。} [zh-CN]`,
       role: 'user',
     },
     { content: '擅长文创艺术作品起名', role: 'assistant' },
     {
-      content: `输入: {你是一名前端代码专家，请将下面的代码转成 ts，不要修改实现。如果原本 js 中没有定义的全局变量，需要补充 declare 的类型声明。}`,
+      content: `输入: {你是一名创业计划撰写专家，可以提供包括创意名称、简短的标语、目标用户画像、用户痛点、主要价值主张、销售/营销渠道、收入流、成本结构等计划生成。} [en-US]`,
+      role: 'user',
+    },
+    { content: 'Good at business plan writing and consulting', role: 'assistant' },
+    {
+      content: `输入: {You are a frontend expert. Please convert the code below to TS without modifying the implementation. If there are global variables not defined in the original JS, you need to add type declarations using declare.} [zh-CN]`,
       role: 'user',
     },
     { content: '擅长 ts 转换和补充类型声明', role: 'assistant' },
     {
-      content: `输入: {你是一名创业计划撰写专家，可以提供包括创意名称、简短的标语、目标用户画像、用户痛点、主要价值主张、销售/营销渠道、收入流、成本结构等计划生成。}`,
+      content: `输入: {
+用户正常书写面向开发者的 API 用户使用文档。你需要从用户的视角来提供比较易用易读的文档内容。\n\n一个标准的 API 文档示例如下：\n\n\`\`\`markdown
+---
+title: useWatchPluginMessage
+description: 监听获取 LobeChat 发过来的插件消息
+nav: API
+---\n\n\`useWatchPluginMessage\` 是 Chat Plugin SDK 封装一个的 React Hook，用于监听从 LobeChat 发过来的插件消息。
+} [ru-RU]`,
+      role: 'user',
+    },
+    {
+      content:
+        'Специализируется на создании хорошо структурированной и профессиональной документации README для GitHub с точными техническими терминами',
+      role: 'assistant',
+    },
+    {
+      content: `输入: {你是一名创业计划撰写专家，可以提供包括创意名称、简短的标语、目标用户画像、用户痛点、主要价值主张、销售/营销渠道、收入流、成本结构等计划生成。} [zh-CN]`,
       role: 'user',
     },
     { content: '擅长创业计划撰写与咨询', role: 'assistant' },
-    { content: `输入: {${content}}`, role: 'user' },
+    { content: `输入: {${content}} [${getCurrentLanguage()}]`, role: 'user' },
   ],
+  temperature: 0,
 });

package/src/chains/summaryTags.ts

@@ -1,27 +1,28 @@
+import { getCurrentLanguage } from '@/store/global/helpers';
 import { OpenAIChatStreamPayload } from '@/types/openai/chat';
 
 export const chainSummaryTags = (content: string): Partial<OpenAIChatStreamPayload> => ({
   messages: [
     {
       content:
-        '你是一名擅长会话标签总结的助理，你需要将用户的输入的内容提炼出分类标签，使用`,`分隔，不超过 5 个标签, 格式要求如下：\n输入: {文本作为JSON引用字符串}\n输出: {角色名}',
+        '你是一名擅长会话标签总结的助理，你需要将用户的输入的内容提炼出分类标签，使用`,`分隔，不超过 5 个标签，并翻译为目标语言。 格式要求如下：\n输入: {文本作为JSON引用字符串} [locale]\n输出: {标签}',
       role: 'system',
     },
     {
-      content: `输入: {你是一名文案大师，帮我为一些设计 / 艺术作品起名，名字需要有文学内涵，注重精炼和赋子意境，表达作品的情景氛国，使名称既简洁又富有诗意。}`,
+      content: `输入: {你是一名文案大师，帮我为一些设计 / 艺术作品起名，名字需要有文学内涵，注重精炼和赋子意境，表达作品的情景氛国，使名称既简洁又富有诗意。} [zh-CN]`,
       role: 'user',
     },
     { content: '起名,写作,创意', role: 'assistant' },
     {
-      content: `输入: {你是一名前端专家，请将下面的代码转成 ts，不要修改实现。如果原本 js 中没有定义的全局变量，需要补充 declare 的类型声明。}`,
+      content: `输入: {You are a professional translator proficient in Simplified Chinese, and have participated in the translation work of the Chinese versions of The New York Times and The Economist. Therefore, you have a deep understanding of translating news and current affairs articles. I hope you can help me translate the following English news paragraphs into Chinese, with a style similar to the Chinese versions of the aforementioned magazines.} [zh-CN]`,
       role: 'user',
     },
-    { content: '代码,软件开发,效率', role: 'assistant' },
+    { content: '翻译,写作,文案', role: 'assistant' },
     {
-      content: `输入: {你是一名创业计划撰写专家，可以提供包括创意名称、简短的标语、目标用户画像、用户痛点、主要价值主张、销售/营销渠道、收入流、成本结构等计划生成。}`,
+      content: `输入: {你是一名创业计划撰写专家，可以提供包括创意名称、简短的标语、目标用户画像、用户痛点、主要价值主张、销售/营销渠道、收入流、成本结构等计划生成。} [en-US]`,
       role: 'user',
     },
-    { content: '创业,计划,咨询', role: 'assistant' },
-    { content: `输入: {${content}}`, role: 'user' },
+    { content: 'entrepreneurship,planning,consulting', role: 'assistant' },
+    { content: `输入: {${content}} [${getCurrentLanguage()}]`, role: 'user' },
   ],
 });

package/src/chains/summaryTitle.ts

@@ -1,3 +1,4 @@
+import { getCurrentLanguage } from '@/store/global/helpers';
 import { chatHelpers } from '@/store/session/slices/chat/helpers';
 import { LanguageModel } from '@/types/llm';
 import { OpenAIChatMessage, OpenAIChatStreamPayload } from '@/types/openai/chat';
@@ -5,16 +6,17 @@ import { OpenAIChatMessage, OpenAIChatStreamPayload } from '@/types/openai/chat'
 export const chainSummaryTitle = async (
   messages: OpenAIChatMessage[],
 ): Promise<Partial<OpenAIChatStreamPayload>> => {
+  const lang = getCurrentLanguage();
+
   const finalMessages: OpenAIChatMessage[] = [
     {
-      content:
-        '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题，不需要包含标点符号',
+      content: '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题',
       role: 'system',
     },
     {
       content: `${messages.map((message) => `${message.role}: ${message.content}`).join('\n')}
 
-请总结上述对话为10个字以内的标题，不需要包含标点符号`,
+请总结上述对话为10个字以内的标题，不需要包含标点符号，输出语言语种为：${lang}`,
       role: 'user',
     },
   ];

package/src/const/plugin.ts

@@ -1 +1 @@
-export const PLUGIN_SCHEMA_SEPARATOR = '--__--';
+export const PLUGIN_SCHEMA_SEPARATOR = '____';

package/src/features/PluginSettings/index.tsx

@@ -9,6 +9,8 @@ import { usePluginStore } from '@/store/plugin';
 import PluginSettingRender from './PluginSettingRender';
 
 export const transformPluginSettings = (pluginSettings: PluginSchema) => {
+  if (!pluginSettings?.properties) return [];
+
   return Object.entries(pluginSettings.properties).map(([name, i]) => ({
     desc: i.description,
     format: i.format,
@@ -21,7 +23,7 @@ export const transformPluginSettings = (pluginSettings: PluginSchema) => {
 
 interface PluginSettingsConfigProps {
   id: string;
-  settings: PluginSchema;
+  schema: PluginSchema;
 }
 
 const useStyles = createStyles(({ css, token }) => ({
@@ -32,8 +34,8 @@ const useStyles = createStyles(({ css, token }) => ({
   `,
 }));
 
-const PluginSettingsConfig = memo<PluginSettingsConfigProps>(({ settings, id }) => {
-  const items = transformPluginSettings(settings);
+const PluginSettingsConfig = memo<PluginSettingsConfigProps>(({ schema, id }) => {
+  const items = transformPluginSettings(schema);
 
   const { styles } = useStyles();
   const [updatePluginSettings] = usePluginStore((s) => [s.updatePluginSettings]);

package/src/features/PluginSettingsModal/index.tsx

@@ -0,0 +1,45 @@
+import { Avatar, Modal } from '@lobehub/ui';
+import { Divider, Typography } from 'antd';
+import { useTheme } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Center, Flexbox } from 'react-layout-kit';
+
+import PluginSettingsConfig from '@/features/PluginSettings';
+import { pluginHelpers, pluginSelectors, usePluginStore } from '@/store/plugin';
+
+interface PluginSettingsModalProps {
+  id: string;
+  onClose: () => void;
+  open?: boolean;
+  schema: any;
+}
+
+const PluginSettingsModal = memo<PluginSettingsModalProps>(({ schema, onClose, id, open }) => {
+  const pluginMeta = usePluginStore(pluginSelectors.getPluginMetaById(id), isEqual);
+
+  const { t } = useTranslation('plugin');
+  const theme = useTheme();
+  return (
+    <Modal onCancel={onClose} open={open} title={t('setting')} width={600}>
+      <Center gap={16}>
+        <Avatar
+          avatar={pluginHelpers.getPluginAvatar(pluginMeta?.meta) || '⚙️'}
+          background={theme.colorFillContent}
+          gap={12}
+          size={64}
+        />
+
+        <Flexbox style={{ fontSize: 20 }}>{pluginHelpers.getPluginTitle(pluginMeta?.meta)}</Flexbox>
+        <Typography.Text type={'secondary'}>
+          {pluginHelpers.getPluginDesc(pluginMeta?.meta)}
+        </Typography.Text>
+        <Divider style={{ marginBottom: 0, marginTop: 8 }} />
+        {schema && <PluginSettingsConfig id={id} schema={schema} />}
+      </Center>
+    </Modal>
+  );
+});
+
+export default PluginSettingsModal;

package/src/services/agentMarket.ts

@@ -1,14 +1,18 @@
 import { getAgentIndexJSON, getAgentJSON } from '@/const/url';
-import { settingsSelectors, useGlobalStore } from '@/store/global';
+import { getCurrentLanguage } from '@/store/global/helpers';
 import { LobeChatAgentsMarketIndex } from '@/types/market';
 
 /**
  * 请求助手列表
  */
 export const getAgentList = async () => {
-  const res = await fetch(
-    getAgentIndexJSON(settingsSelectors.currentLanguage(useGlobalStore.getState())),
-  );
+  let res: Response;
+
+  res = await fetch(getAgentIndexJSON(getCurrentLanguage()));
+
+  if (res.status === 404) {
+    res = await fetch(getAgentIndexJSON('en-US'));
+  }
 
   const data: LobeChatAgentsMarketIndex = await res.json();
 
@@ -20,9 +24,7 @@ export const getAgentList = async () => {
  */
 export const getAgentManifest = async (identifier?: string) => {
   if (!identifier) return;
-  const res = await fetch(
-    getAgentJSON(identifier, settingsSelectors.currentLanguage(useGlobalStore.getState())),
-  );
+  const res = await fetch(getAgentJSON(identifier, getCurrentLanguage()));
 
   return res.json();
 };

package/src/services/pluginMarket.ts

@@ -1,11 +1,11 @@
 import { getPluginIndexJSON } from '@/const/url';
-import { settingsSelectors, useGlobalStore } from '@/store/global';
+import { getCurrentLanguage } from '@/store/global/helpers';
 
 /**
  * fetch Plugin Market List
  */
 export const getPluginList = async () => {
-  const url = getPluginIndexJSON(settingsSelectors.currentLanguage(useGlobalStore.getState()));
+  const url = getPluginIndexJSON(getCurrentLanguage());
 
   const res = await fetch(url);
 

package/src/store/global/helpers.ts

@@ -0,0 +1,5 @@
+import { settingsSelectors } from './selectors';
+import { useGlobalStore } from './store';
+
+export const getCurrentLanguage = () =>
+  settingsSelectors.currentLanguage(useGlobalStore.getState());

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

@@ -36,6 +36,7 @@ export const exportSettings = (s: GlobalStore) => {
 
 const currentLanguage = (s: GlobalStore) => {
   const locale = s.settings.language;
+
   if (locale === 'auto') {
     if (isOnServerSide) return DEFAULT_LANG;
 

package/src/store/plugin/selectors.ts

@@ -18,11 +18,17 @@ const enabledSchema =
         return enabledPlugins.includes(p.identifier);
       })
       .flatMap((manifest) =>
-        manifest.api.map((m) => ({
-          ...m,
+        manifest.api.map((m) => {
+          const pluginType = manifest.type ? `${PLUGIN_SCHEMA_SEPARATOR + manifest.type}` : '';
+
           // 将插件的 identifier 作为前缀，避免重复
-          name: manifest.identifier + PLUGIN_SCHEMA_SEPARATOR + m.name,
-        })),
+          const apiName = manifest.identifier + PLUGIN_SCHEMA_SEPARATOR + m.name + pluginType;
+
+          return {
+            ...m,
+            name: apiName,
+          };
+        }),
       );
 
     return uniqBy(list, 'name');

package/src/store/session/slices/chat/actions/index.ts

@@ -3,6 +3,7 @@ import { StateCreator } from 'zustand/vanilla';
 import { SessionStore } from '@/store/session';
 
 import { ChatMessageAction, chatMessage } from './message';
+import { ChatPluginAction, chatPlugin } from './plugin';
 import { ShareAction, chatShare } from './share';
 import { ChatTopicAction, chatTopic } from './topic';
 import { ChatTranslateAction, chatTranslate } from './translate';
@@ -14,7 +15,8 @@ export interface ChatAction
   extends ChatTopicAction,
     ChatMessageAction,
     ShareAction,
-    ChatTranslateAction {}
+    ChatTranslateAction,
+    ChatPluginAction {}
 
 export const createChatSlice: StateCreator<
   SessionStore,
@@ -26,4 +28,5 @@ export const createChatSlice: StateCreator<
   ...chatMessage(...params),
   ...chatShare(...params),
   ...chatTranslate(...params),
+  ...chatPlugin(...params),
 });