@lobehub/chat 0.90.3 → 0.92.0

package/src/app/chat/features/TopicListContent/SystemRole/index.tsx

@@ -13,7 +13,7 @@ import { useStyles } from './style';
 
 const SystemRole = memo(() => {
   const [openModal, setOpenModal] = useState(false);
-
+  const [editing, setEditing] = useState(false);
   const { styles } = useStyles();
   const [systemRole, updateAgentConfig] = useSessionStore((s) => [
     agentSelectors.currentAgentSystemRole(s),
@@ -35,7 +35,16 @@ const SystemRole = memo(() => {
         }
         title={t('settingAgent.prompt.title', { ns: 'setting' })}
       />
-      <Flexbox className={styles.promptBox} height={200}>
+      <Flexbox
+        className={styles.promptBox}
+        height={200}
+        onDoubleClick={(e) => {
+          if (e.altKey) {
+            setOpenModal(true);
+            setEditing(true);
+          }
+        }}
+      >
         {!init ? (
           <Skeleton
             active
@@ -47,9 +56,11 @@ const SystemRole = memo(() => {
           <>
             <EditableMessage
               classNames={{ markdown: styles.prompt }}
+              editing={editing}
               onChange={(e) => {
                 updateAgentConfig({ systemRole: e });
               }}
+              onEditingChange={setEditing}
               onOpenChange={setOpenModal}
               openModal={openModal}
               placeholder={`${t('settingAgent.prompt.placeholder', { ns: 'setting' })}...`}

package/src/app/chat/features/TopicListContent/Topic/DefaultContent.tsx

@@ -19,7 +19,7 @@ const DefaultContent = memo(() => {
         <Icon color={theme.colorTextDescription} icon={MessageSquareDashed} />
       </Flexbox>
       <Paragraph ellipsis={{ rows: 1 }} style={{ margin: 0 }}>
-        {t('topic.defaultTitle')}
+        {t('topic.defaultTitle', { ns: 'chat' })}
       </Paragraph>
       <Tag>{t('temp')}</Tag>
     </Flexbox>

package/src/app/chat/features/TopicListContent/Topic/TopicContent.tsx

@@ -74,7 +74,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav }) => {
             onOk: () => {
               removeTopic(id);
             },
-            title: t('topic.confirmRemoveTopic'),
+            title: t('topic.confirmRemoveTopic', { ns: 'chat' }),
           });
         },
       },
@@ -83,7 +83,16 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav }) => {
   );
 
   return (
-    <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>
+    <Flexbox
+      align={'center'}
+      gap={8}
+      horizontal
+      justify={'space-between'}
+      onDoubleClick={(e) => {
+        if (!id) return;
+        if (e.altKey) toggleEditing(true);
+      }}
+    >
       <ActionIcon
         color={fav ? theme.colorWarning : undefined}
         fill={fav ? theme.colorWarning : 'transparent'}

package/src/app/chat/features/TopicListContent/Topic/index.tsx

@@ -54,7 +54,7 @@ export const Topic = () => {
       <TopicItem
         active={!activeTopicId}
         fav={false}
-        title={t('topic.defaultTitle', { ns: 'common' })}
+        title={t('topic.defaultTitle', { ns: 'chat' })}
       />
 
       {topicsData.map(({ id, favorite, title }) => (

package/src/app/chat/features/TopicListContent/TopicSearchBar/index.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { useSessionStore } from '@/store/session';
 
 const TopicSearchBar = memo(() => {
-  const { t } = useTranslation('common');
+  const { t } = useTranslation('chat');
   const [keywords] = useSessionStore((s) => [s.topicSearchKeywords]);
   const { mobile } = useResponsive();
   return (

package/src/app/chat/settings/features/EditPage.tsx

@@ -8,7 +8,6 @@ import PageTitle from '@/components/PageTitle';
 import AgentSetting from '@/features/AgentSetting';
 import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
-import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 const EditPage = memo(() => {
   const { t } = useTranslation('setting');
@@ -20,11 +19,9 @@ const EditPage = memo(() => {
     agentSelectors.currentAgentTitle(s),
   ]);
 
-  const pageTitle = genSiteHeadTitle(t('header.sessionWithName', { name: title }));
-
   return (
     <>
-      <PageTitle title={pageTitle} />
+      <PageTitle title={t('header.sessionWithName', { name: title })} />
       <AgentSetting
         config={config}
         meta={meta}

package/src/app/home/index.tsx

@@ -5,9 +5,9 @@ import { useTranslation } from 'react-i18next';
 import FullscreenLoading from '@/components/FullscreenLoading';
 
 const Loading = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslation('common');
 
-  return <FullscreenLoading title={t('appInitializing', { ns: 'common' })} />;
+  return <FullscreenLoading title={t('appInitializing')} />;
 };
 
 export default Loading;

package/src/app/market/index.tsx

@@ -5,13 +5,11 @@ import { useTranslation } from 'react-i18next';
 
 import PageTitle from '@/components/PageTitle';
 import { useMarketStore } from '@/store/market';
-import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import AgentSearchBar from './features/AgentSearchBar';
 
 const Market = memo(() => {
   const { t } = useTranslation('common');
-  const pageTitle = genSiteHeadTitle(t('tab.market'));
 
   useEffect(() => {
     // refs: https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#hashydrated
@@ -20,7 +18,7 @@ const Market = memo(() => {
 
   return (
     <>
-      <PageTitle title={pageTitle} />
+      <PageTitle title={t('tab.market')} />
       <AgentSearchBar />
     </>
   );

package/src/app/metadata.ts

@@ -1,10 +1,8 @@
 import { Metadata } from 'next';
 
-import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
-
 import pkg from '../../package.json';
 
-const title = genSiteHeadTitle();
+const title = 'LobeChat';
 const { description, homepage } = pkg;
 const metadata: Metadata = {
   appleWebApp: {

package/src/app/settings/agent/index.tsx

@@ -6,17 +6,15 @@ import { useTranslation } from 'react-i18next';
 import PageTitle from '@/components/PageTitle';
 import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
 import { SettingsTabs } from '@/store/global/initialState';
-import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Agent from './Agent';
 
 export default memo(() => {
   useSwitchSideBarOnInit(SettingsTabs.Agent);
   const { t } = useTranslation('setting');
-  const pageTitle = genSiteHeadTitle(t('tab.agent'));
   return (
     <>
-      <PageTitle title={pageTitle} />
+      <PageTitle title={t('tab.agent')} />
       <Agent />
     </>
   );

package/src/app/settings/common/index.tsx

@@ -7,7 +7,6 @@ import PageTitle from '@/components/PageTitle';
 import { CURRENT_VERSION } from '@/const/version';
 import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
 import { SettingsTabs } from '@/store/global/initialState';
-import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Footer from '../features/Footer';
 import Common from './Common';
@@ -15,11 +14,10 @@ import Common from './Common';
 export default memo(() => {
   useSwitchSideBarOnInit(SettingsTabs.Common);
   const { t } = useTranslation('setting');
-  const pageTitle = genSiteHeadTitle(t('tab.common'));
 
   return (
     <>
-      <PageTitle title={pageTitle} />
+      <PageTitle title={t('tab.common')} />
       <Common />
       <Footer>LobeChat v{CURRENT_VERSION}</Footer>
     </>

package/src/app/settings/llm/index.tsx

@@ -8,17 +8,15 @@ import Footer from '@/app/settings/features/Footer';
 import PageTitle from '@/components/PageTitle';
 import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
 import { SettingsTabs } from '@/store/global/initialState';
-import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import LLM from './LLM';
 
 export default memo(() => {
   useSwitchSideBarOnInit(SettingsTabs.LLM);
   const { t } = useTranslation('setting');
-  const pageTitle = genSiteHeadTitle(t('tab.llm'));
   return (
     <>
-      <PageTitle title={pageTitle} />
+      <PageTitle title={t('tab.llm')} />
       <LLM />
       <Footer>
         <Trans i18nKey="llm.waitingForMore" ns={'setting'}>

package/src/chains/chat.ts

@@ -0,0 +1,77 @@
+import { chatHelpers } from '@/store/session/helpers';
+import { LanguageModel } from '@/types/llm';
+import { OpenAIChatMessage, OpenAIChatStreamPayload } from '@/types/openai/chat';
+
+export const chainSummaryTitle = async (
+  messages: OpenAIChatMessage[],
+): Promise<Partial<OpenAIChatStreamPayload>> => {
+  const finalMessages: OpenAIChatMessage[] = [
+    {
+      content:
+        '你是一名擅长会话的助理，你需要将用户的会话总结为 10 个字以内的标题，不需要包含标点符号',
+      role: 'system',
+    },
+    {
+      content: `${messages.map((message) => `${message.role}: ${message.content}`).join('\n')}
+
+请总结上述对话为10个字以内的标题，不需要包含标点符号`,
+      role: 'user',
+    },
+  ];
+  // 如果超过 4k，则使用 GPT3.5 16K 模型
+  const tokens = await chatHelpers.getMessagesTokenCount(finalMessages);
+  let model: LanguageModel | undefined = undefined;
+  if (tokens > 4000) {
+    model = LanguageModel.GPT3_5_16K;
+  }
+
+  return {
+    messages: finalMessages,
+    model,
+  };
+};
+
+export const chainTranslate = (
+  content: string,
+  targetLang: string,
+): Partial<OpenAIChatStreamPayload> => ({
+  messages: [
+    {
+      content: '你是一名擅长翻译的助理，你需要将输入的语言翻译为目标语言',
+      role: 'system',
+    },
+    {
+      content: `请将以下内容 ${content}，翻译为 ${targetLang} `,
+      role: 'user',
+    },
+  ],
+});
+export const chainLangDetect = (content: string): Partial<OpenAIChatStreamPayload> => ({
+  messages: [
+    {
+      content:
+        '你是一名精通全世界语言的语言专家，你需要识别用户输入的内容，以国际标准 locale 进行输出',
+      role: 'system',
+    },
+    {
+      content: '{你好}',
+      role: 'user',
+    },
+    {
+      content: 'zh-CN',
+      role: 'assistant',
+    },
+    {
+      content: '{hello}',
+      role: 'user',
+    },
+    {
+      content: 'en-US',
+      role: 'assistant',
+    },
+    {
+      content: `{${content}}`,
+      role: 'user',
+    },
+  ],
+});

package/src/components/HotKeys/index.tsx

@@ -0,0 +1,57 @@
+import { createStyles } from 'antd-style';
+import { Fragment, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(
+  ({ css, token }) => css`
+    font-size: 12px;
+
+    span {
+      font-weight: 600;
+      opacity: 0.5;
+    }
+
+    kbd {
+      padding: 3px 5px;
+
+      line-height: 1;
+      color: ${token.colorTextSecondary};
+
+      background: ${token.colorBgContainer};
+      border: 1px solid ${token.colorBorderSecondary};
+      border-bottom-color: ${token.colorBorder};
+      border-radius: ${token.borderRadius}px;
+      box-shadow: inset 0 -1px 0 ${token.colorBorder};
+    }
+  `,
+);
+
+export interface HotKeysProps {
+  desc?: string;
+  keys: string;
+}
+
+const HotKeys = memo<HotKeysProps>(({ keys, desc }) => {
+  const { styles } = useStyles();
+  const keysGroup = keys.split('+').filter(Boolean);
+  const content = (
+    <Flexbox align={'center'} className={styles} gap={2} horizontal>
+      {keysGroup.map((key, index) => (
+        <Fragment key={index}>
+          <kbd>{key.toUpperCase()}</kbd>
+          {index + 1 < keysGroup.length && <span>+</span>}
+        </Fragment>
+      ))}
+    </Flexbox>
+  );
+
+  if (!desc) return content;
+  return (
+    <Flexbox align={'center'} gap={8} horizontal>
+      {content}
+      {desc}
+    </Flexbox>
+  );
+});
+
+export default HotKeys;

package/src/components/{PageTitle.tsx → PageTitle/index.tsx}

@@ -2,7 +2,7 @@ import { memo, useEffect } from 'react';
 
 const PageTitle = memo<{ title: string }>(({ title }) => {
   useEffect(() => {
-    document.title = title;
+    document.title = title ? `${title} · LobeChat` : 'LobeChat';
   }, [title]);
 
   return null;

package/src/const/hotkeys.ts

@@ -0,0 +1,4 @@
+export const PREFIX_KEY = 'alt';
+export const SAVE_TOPIC_KEY = 'n';
+export const CLEAN_MESSAGE_KEY = 'backspace';
+export const REGENERATE_KEY = 'r';

package/src/features/AgentSetting/AgentPrompt/index.tsx

@@ -42,9 +42,9 @@ const AgentPrompt = memo(() => {
               maxValue={ModelTokens[model as LanguageModel]}
               shape={'square'}
               text={{
-                overload: t('tokenTag.overload', { ns: 'common' }),
-                remained: t('tokenTag.remained', { ns: 'common' }),
-                used: t('tokenTag.used', { ns: 'common' }),
+                overload: t('tokenTag.overload', { ns: 'chat' }),
+                remained: t('tokenTag.remained', { ns: 'chat' }),
+                used: t('tokenTag.used', { ns: 'chat' }),
               }}
               value={systemTokenCount}
             />

package/src/features/AgentSetting/store/action.ts

@@ -1,6 +1,6 @@
 import { StateCreator } from 'zustand/vanilla';
 
-import { promptPickEmoji, promptSummaryAgentName, promptSummaryDescription } from '@/prompts/agent';
+import { promptPickEmoji, promptSummaryAgentName, promptSummaryDescription } from '@/chains/agent';
 import { MetaData } from '@/types/meta';
 import { LobeAgentConfig } from '@/types/session';
 import { fetchPresetTaskResult } from '@/utils/fetch';

package/src/layout/ResponsiveLayout.client.tsx

@@ -15,10 +15,12 @@ const ResponsiveLayout = ({ children, Desktop, Mobile }: ServerResponsiveLayoutP
   const { t } = useTranslation();
   const mobile = useIsMobile();
 
-  return (
+  return mobile ? (
     <Suspense fallback={<FullscreenLoading title={t('layoutInitializing', { ns: 'common' })} />}>
-      {mobile ? <Mobile>{children}</Mobile> : <Desktop>{children}</Desktop>}
+      <Mobile>{children}</Mobile>
     </Suspense>
+  ) : (
+    <Desktop>{children}</Desktop>
   );
 };
 

package/src/locales/create.ts

@@ -4,10 +4,11 @@ import { initReactI18next } from 'react-i18next';
 
 import { getClientConfig } from '@/config/client';
 import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
-import resources from '@/locales/resources';
 import type { Namespaces } from '@/types/locale';
 import { isOnServerSide } from '@/utils/env';
 
+import { resources } from './options';
+
 const { I18N_DEBUG, I18N_DEBUG_BROWSER, I18N_DEBUG_SERVER } = getClientConfig();
 const debugMode = I18N_DEBUG ?? isOnServerSide ? I18N_DEBUG_SERVER : I18N_DEBUG_BROWSER;
 

package/src/locales/default/chat.ts

@@ -0,0 +1,60 @@
+export default {
+  agentDefaultMessage:
+    '你好，我是 **{{name}}**，你可以立即与我开始对话，也可以前往 [助手设置](/chat/settings#session={{id}}) 完善我的信息。',
+  agentDefaultMessageWithSystemRole: '你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！',
+  backToBottom: '查看最新消息',
+  clearCurrentMessages: '清空当前会话消息',
+  confirmClearCurrentMessages: '即将清空当前会话消息，清空后将无法找回，请确认你的操作',
+  confirmRemoveSessionItemAlert: '即将删除该助手，删除后该将无法找回，请确认你的操作',
+  defaultAgent: '自定义助手',
+  defaultSession: '自定义助手',
+  historyRange: '历史范围',
+  inbox: {
+    defaultMessage:
+      '你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击`+`创建自定义助手',
+    desc: '开启大脑集群，激发思维火花。你的智能助理，在这里与你交流一切',
+    title: '随便聊聊',
+  },
+  newAgent: '新建助手',
+  noDescription: '暂无描述',
+
+  regenerate: '重新生成',
+
+  roleAndArchive: '角色与记录',
+  searchAgentPlaceholder: '搜索助手和对话...',
+  send: '发送',
+  sendPlaceholder: '输入聊天内容...',
+  shareModal: {
+    download: '下载截图',
+    imageType: '图片格式',
+    screenshot: '截图',
+    settings: '导出设置',
+    shareToShareGPT: '生成 ShareGPT 分享链接',
+    withBackground: '包含背景图片',
+    withFooter: '包含页脚',
+    withPluginInfo: '包含插件信息',
+    withSystemRole: '包含助手角色设定',
+  },
+  stop: '停止',
+
+  temp: '临时',
+  tokenDetail: '角色设定: {{systemRoleToken}} · 历史消息: {{chatsToken}}',
+  tokenTag: {
+    overload: '超过限制',
+    remained: '剩余',
+    used: '使用',
+  },
+  topic: {
+    confirmRemoveTopic: '即将删除该话题，删除后将不可恢复，请谨慎操作。',
+    defaultTitle: '默认话题',
+    saveCurrentMessages: '将当前会话保存为话题',
+    searchPlaceholder: '搜索话题...',
+    title: '话题',
+  },
+  translate: {
+    clear: '删除翻译',
+  },
+  translateTo: '翻译',
+  updateAgent: '更新助理信息',
+  warp: '换行',
+};

package/src/locales/default/common.ts

@@ -1,9 +1,6 @@
 export default {
   about: '关于',
   advanceSettings: '高级设置',
-  agentDefaultMessage:
-    '你好，我是 **{{name}}**，你可以立即与我开始对话，也可以前往 [助手设置](/chat/settings#session={{id}}) 完善我的信息。',
-  agentDefaultMessageWithSystemRole: '你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！',
   agentMaxToken: '会话最大长度',
   agentModel: '模型',
   agentProfile: '助手信息',
@@ -11,12 +8,9 @@ export default {
   archive: '归档',
   autoGenerate: '自动补全',
   autoGenerateTooltip: '基于提示词自动补全助手描述',
-  backToBottom: '查看最新消息',
   cancel: '取消',
   changelog: '更新日志',
-  clearCurrentMessages: '清空当前会话消息',
   close: '关闭',
-  confirmClearCurrentMessages: '即将清空当前会话消息，清空后将无法找回，请确认你的操作',
   confirmRemoveSessionItemAlert: '即将删除该助手，删除后该将无法找回，请确认你的操作',
   copy: '复制',
   copySuccess: '复制成功',
@@ -37,18 +31,17 @@ export default {
   historyRange: '历史范围',
   import: '导入配置',
 
-  inbox: {
-    defaultMessage:
-      '你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击`+`创建自定义助手',
-    desc: '开启大脑集群，激发思维火花。你的智能助理，在这里与你交流一切',
-    title: '随便聊聊',
+  lang: {
+    'en': '英语',
+    'en-US': '英语',
+    'ja-JP': '日语',
+    'ko-KR': '韩语',
+    'ru-RU': '俄语',
+    'zh': '简体中文',
+    'zh-CN': '简体中文',
+    'zh-TW': '繁体中文',
   },
   layoutInitializing: '正在加载布局...',
-  message: {
-    function_loading: '插件请求中...',
-  },
-  moreSetting: '更多设置...',
-  newAgent: '新建助手',
   noDescription: '暂无描述',
   ok: '确定',
   password: '密码',
@@ -58,24 +51,10 @@ export default {
   rename: '重命名',
   reset: '重置',
   retry: '重试',
-  roleAndArchive: '角色与记录',
-  searchAgentPlaceholder: '搜索助手和对话...',
   send: '发送',
-  sendPlaceholder: '输入聊天内容...',
   sessionList: '助手列表',
   setting: '设置',
   share: '分享',
-  shareModal: {
-    download: '下载截图',
-    imageType: '图片格式',
-    screenshot: '截图',
-    settings: '导出设置',
-    shareToShareGPT: '生成 ShareGPT 分享链接',
-    withBackground: '包含背景图片',
-    withFooter: '包含页脚',
-    withPluginInfo: '包含插件信息',
-    withSystemRole: '包含助手角色设定',
-  },
   stop: '停止',
   tab: {
     chat: '会话',
@@ -83,25 +62,11 @@ export default {
     setting: '设置',
   },
   temp: '临时',
-  tokenDetail: '角色设定: {{systemRoleToken}} · 历史消息: {{chatsToken}}',
-  tokenTag: {
-    overload: '超过限制',
-    remained: '剩余',
-    used: '使用',
-  },
-  topic: {
-    confirmRemoveTopic: '即将删除该话题，删除后将不可恢复，请谨慎操作。',
-    defaultTitle: '默认话题',
-    saveCurrentMessages: '将当前会话保存为话题',
-    searchPlaceholder: '搜索话题...',
-    title: '话题',
-  },
+
   updateAgent: '更新助理信息',
-  updatePrompt: '更新提示词',
   upgradeVersion: {
     action: '立即升级',
     hasNew: '有可用更新',
     newVersion: '有新版本可用：{{version}}',
   },
-  warp: '换行',
 };

package/src/locales/options.ts

@@ -1,5 +1,7 @@
 import type { Locales } from '@/types/locale';
 
+import _resources from './resources';
+
 type LocaleOptions = {
   label: string;
   value: Locales;
@@ -33,3 +35,11 @@ export const localeOptions: LocaleOptions = [
 ] as LocaleOptions;
 
 export const supportLangs: string[] = localeOptions.map((i) => i.value);
+
+export const resources = {
+  ..._resources,
+  en: _resources['en-US'],
+  zh: _resources['zh-CN'],
+};
+
+export const supportLocales = Object.keys(resources);

package/src/locales/resources/en_US.ts

@@ -1,3 +1,4 @@
+import chat from '../../../locales/en_US/chat.json';
 import common from '../../../locales/en_US/common.json';
 import empty from '../../../locales/en_US/empty.json';
 import error from '../../../locales/en_US/error.json';
@@ -7,6 +8,7 @@ import setting from '../../../locales/en_US/setting.json';
 import welcome from '../../../locales/en_US/welcome.json';
 
 const resources = {
+  chat,
   common,
   empty,
   error,

package/src/locales/resources/index.ts

@@ -10,10 +10,10 @@ const resources = {
   'ja-JP': ja_JP,
   'ko-KR': ko_KR,
   'ru-RU': ru_RU,
-  'zh': zh_CN,
   'zh-CN': zh_CN,
   'zh-TW': zh_TW,
 } as const;
+
 export default resources;
 export const defaultResources = zh_CN;
 export type Resources = typeof resources;

package/src/locales/resources/ja_JP.ts

@@ -1,3 +1,4 @@
+import chat from '../../../locales/ja_JP/chat.json';
 import common from '../../../locales/ja_JP/common.json';
 import empty from '../../../locales/ja_JP/empty.json';
 import error from '../../../locales/ja_JP/error.json';
@@ -7,6 +8,7 @@ import setting from '../../../locales/ja_JP/setting.json';
 import welcome from '../../../locales/ja_JP/welcome.json';
 
 const resources = {
+  chat,
   common,
   empty,
   error,