@lobehub/chat 0.14.0 → 0.15.1

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+### [Version 0.15.1](https://github.com/lobehub/lobe-chat/compare/v0.15.0...v0.15.1)
+
+<sup>Released on **2023-07-24**</sup>
+
+#### 💄 Styles
+
+- **misc**: 更新插件文案.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: 更新插件文案 ([0411335](https://github.com/lobehub/lobe-chat/commit/0411335))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.15.0](https://github.com/lobehub/lobe-chat/compare/v0.14.0...v0.15.0)
+
+<sup>Released on **2023-07-24**</sup>
+
+#### ✨ Features
+
+- **misc**: Add new features and improve user experience, Import and use constants from "meta.ts" instead of "agentConfig".
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add new features and improve user experience ([64c8782](https://github.com/lobehub/lobe-chat/commit/64c8782))
+- **misc**: Import and use constants from "meta.ts" instead of "agentConfig" ([1eb6a17](https://github.com/lobehub/lobe-chat/commit/1eb6a17))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.14.0](https://github.com/lobehub/lobe-chat/compare/v0.13.1...v0.14.0)
 
 <sup>Released on **2023-07-24**</sup>

package/locales/en_US/common.json

@@ -1,41 +1,33 @@
 {
+  "DefaultSession": "Default Session",
   "advanceSettings": "Advanced Settings",
-  "agentAvatar": "Avatar",
-  "agentDescription": "Description",
-  "agentDescriptionPlaceholder": "Please enter a description",
+  "agentMaxToken": "Max Token Length",
   "agentModel": "Model",
-  "agentName": "Name",
-  "agentNamePlaceholder": "Please enter a name",
   "agentProfile": "Agent Profile",
-  "agentPrompt": "AI Prompt",
-  "agentPromptPlaceholder": "Please enter AI prompt",
-  "agentTag": "Tag",
-  "agentTagPlaceholder": "Please enter a tag",
   "archive": "Archive",
+  "archiveCurrentMessages": "Archive Current Session",
   "autoGenerate": "Auto Generate",
-  "autoGenerateTooltip": "Description of the autocomplete assistant based on prompts",
+  "autoGenerateTooltip": "Auto generate assistant description based on prompts",
   "cancel": "Cancel",
+  "clearCurrentMessages": "Clear Current Session Messages",
   "close": "Close",
-  "confirmRemoveSessionItemAlert": "You are about to remove this agent. Once removed, it cannot be recovered. Please confirm your action.",
-  "defaultAgent": "Default Agent",
+  "confirmClearCurrentMessages": "You are about to clear the current session messages. Once cleared, they cannot be recovered. Please confirm your action.",
+  "confirmRemoveSessionItemAlert": "You are about to delete this assistant. Once deleted, it cannot be recovered. Please confirm your action.",
+  "defaultAgent": "Default Assistant",
+  "defaultSession": "Default Session",
   "edit": "Edit",
-  "editAgentProfile": "Edit Agent Profile",
   "export": "Export",
-  "gpt-3.5-turbo": "GPT 3.5 Turbo",
-  "gpt-3.5-turbo-16k": "GPT 3.5 Turbo (16K)",
-  "gpt-4": "GPT 4",
-  "gpt-4-32k": "GPT 4 (32K)",
-  "modelConfig": "Model Configuration",
-  "modelTemperature": "Temperature",
-  "newAgent": "New Agent",
-  "noDescription": "No description",
+  "newAgent": "New Assistant",
+  "noDescription": "No description available",
   "ok": "OK",
-  "profile": "Profile",
   "reset": "Reset",
-  "searchAgentPlaceholder": "Search agents and conversations...",
-  "sessionSetting": "Session Setting",
-  "setting": "Setting",
+  "searchAgentPlaceholder": "Search assistants and sessions...",
+  "send": "Send",
+  "sendPlaceholder": "Enter chat content...",
+  "sessionSetting": "Session Settings",
+  "setting": "Settings",
   "share": "Share",
-  "updateAgent": "Update Agent",
-  "updatePrompt": "Update Prompt"
+  "tokenDetail": "System Role Token: {{systemRoleToken}} Chats Token: {{chatsToken}}",
+  "updateAgent": "Update Assistant Profile",
+  "updatePrompt": "Update Prompts"
 }

package/locales/en_US/plugin.json

@@ -0,0 +1,10 @@
+{
+  "pluginList": "Plugin List",
+  "pluginLoading": "Plugin Loading...",
+  "plugins": {
+    "realtimeWeather": "Real-time Weather Forecast",
+    "searchEngine": "Search Engine",
+    "undefined": "Plugin Detection...",
+    "websiteCrawler": "Website Content Extraction"
+  }
+}

package/locales/en_US/setting.json

@@ -1,4 +1,5 @@
 {
+  "agentHeader": "Edit Assistant Information",
   "danger": {
     "clear": {
       "action": "Clear Now",
@@ -15,6 +16,31 @@
     }
   },
   "header": "Settings",
+  "settingAgent": {
+    "avatar": {
+      "title": "Avatar"
+    },
+    "description": {
+      "placeholder": "Please enter assistant description",
+      "title": "Assistant Description"
+    },
+    "name": {
+      "placeholder": "Please enter assistant name",
+      "title": "Name"
+    },
+    "prompt": {
+      "placeholder": "Please enter AI prompt",
+      "title": "Assistant Role"
+    },
+    "tag": {
+      "placeholder": "Please enter tags",
+      "title": "Tags"
+    },
+    "title": "Assistant Information",
+    "backgroundColor": {
+      "title": "Background Color"
+    }
+  },
   "settingChat": {
     "compressThreshold": {
       "desc": "When the uncompressed chat history exceeds this value, it will be compressed",
@@ -27,12 +53,13 @@
       "title": "Enable History Message Count Limit"
     },
     "historyCount": {
-      "desc": "Number of history messages to include in each request",
+      "desc": "Number of history messages carried in each request",
       "title": "History Message Count"
     },
     "inputTemplate": {
       "desc": "The latest user message will be filled into this template",
-      "title": "User Input Preprocessing"
+      "title": "User Input Preprocessing",
+      "placeholder": "Enter pre-processing template, {text} will be replaced with real-time input information"
     },
     "title": "Chat Settings"
   },
@@ -50,6 +77,12 @@
     },
     "model": {
       "desc": "ChatGPT Model",
+      "list": {
+        "gpt-3.5-turbo": "GPT 3.5",
+        "gpt-3.5-turbo-16k": "GPT 3.5 (16K)",
+        "gpt-4": "GPT 4",
+        "gpt-4-32k": "GPT 4 (32K)"
+      },
       "title": "Model"
     },
     "presencePenalty": {
@@ -63,7 +96,7 @@
     "title": "Model Settings",
     "topP": {
       "desc": "Similar to randomness, but do not change together with randomness",
-      "title": "Top-p Sampling"
+      "title": "Nucleus Sampling"
     }
   },
   "settingOpenAI": {
@@ -79,10 +112,13 @@
       "title": "API Key"
     }
   },
+  "settingPlugin": {
+    "title": "Plugin List"
+  },
   "settingSystem": {
     "accessCode": {
-      "desc": "Encryption access is enabled by the administrator",
-      "placeholder": "Please enter the access password",
+      "desc": "Encrypted access has been enabled by the administrator",
+      "placeholder": "Please enter access password",
       "title": "Access Password"
     },
     "title": "System Settings"
@@ -99,7 +135,7 @@
       "title": "Language Settings"
     },
     "neutralColor": {
-      "desc": "Custom grayscale for different color biases",
+      "desc": "Custom grayscale for different color tendencies",
       "title": "Neutral Color"
     },
     "primaryColor": {

package/locales/zh_CN/common.json

@@ -1,41 +1,32 @@
 {
   "advanceSettings": "高级设置",
-  "agentAvatar": "头像",
-  "agentDescription": "描述",
-  "agentDescriptionPlaceholder": "请输入描述",
+  "agentMaxToken": "会话最大长度",
   "agentModel": "模型",
-  "agentName": "名称",
-  "agentNamePlaceholder": "请输入名称",
   "agentProfile": "助手信息",
-  "agentPrompt": "提示词",
-  "agentPromptPlaceholder": "请输入 AI 提示词",
-  "agentTag": "标签",
-  "agentTagPlaceholder": "请输入标签",
   "archive": "归档",
+  "archiveCurrentMessages": "归档当前会话",
   "autoGenerate": "自动补全",
   "autoGenerateTooltip": "基于提示词自动补全助手描述",
   "cancel": "取消",
+  "clearCurrentMessages": "清空当前会话消息",
   "close": "关闭",
+  "confirmClearCurrentMessages": "即将清空当前会话消息，清空后将无法找回，请确认你的操作",
   "confirmRemoveSessionItemAlert": "即将删除该助手，删除后该将无法找回，请确认你的操作",
   "defaultAgent": "默认助手",
+  "defaultSession": "默认对话",
   "edit": "编辑",
-  "editAgentProfile": "编辑助手信息",
   "export": "导出",
-  "gpt-3.5-turbo": "GPT 3.5",
-  "gpt-3.5-turbo-16k": "GPT 3.5 (16K)",
-  "gpt-4": "GPT 4",
-  "gpt-4-32k": "GPT 4 (32K)",
-  "modelConfig": "模型配置",
-  "modelTemperature": "发散度",
   "newAgent": "新建助手",
   "noDescription": "暂无描述",
   "ok": "确定",
-  "profile": "助手身份",
   "reset": "重置",
   "searchAgentPlaceholder": "搜索助手和对话...",
+  "send": "发送",
+  "sendPlaceholder": "输入聊天内容...",
   "sessionSetting": "会话设置",
   "setting": "设置",
   "share": "分享",
+  "tokenDetail": "系统设定: {{systemRoleToken}} 历史消息: {{chatsToken}}",
   "updateAgent": "更新助理信息",
   "updatePrompt": "更新提示词"
 }

package/locales/zh_CN/plugin.json

@@ -0,0 +1,10 @@
+{
+  "pluginList": "插件列表",
+  "pluginLoading": "插件运行中...",
+  "plugins": {
+    "realtimeWeather": "实时天气预报",
+    "searchEngine": "搜索引擎",
+    "undefined": "插件检测中...",
+    "websiteCrawler": "网页内容提取"
+  }
+}

package/locales/zh_CN/setting.json

@@ -1,4 +1,5 @@
 {
+  "agentHeader": "编辑助手信息",
   "danger": {
     "clear": {
       "action": "立即清除",
@@ -15,6 +16,31 @@
     }
   },
   "header": "设置",
+  "settingAgent": {
+    "avatar": {
+      "title": "头像"
+    },
+    "backgroundColor": {
+      "title": "背景色"
+    },
+    "description": {
+      "placeholder": "请输入助手描述",
+      "title": "助手描述"
+    },
+    "name": {
+      "placeholder": "请输入助手名称",
+      "title": "名称"
+    },
+    "prompt": {
+      "placeholder": "请输入 AI 提示词",
+      "title": "助手角色"
+    },
+    "tag": {
+      "placeholder": "请输入标签",
+      "title": "标签"
+    },
+    "title": "助手信息"
+  },
   "settingChat": {
     "compressThreshold": {
       "desc": "当未压缩的历史消息超过该值时，将进行压缩",
@@ -32,6 +58,7 @@
     },
     "inputTemplate": {
       "desc": "用户最新的一条消息会填充到此模板",
+      "placeholder": "输入预处理模版，{text} 将替换为实时输入信息",
       "title": "用户输入预处理"
     },
     "title": "聊天设置"
@@ -50,6 +77,12 @@
     },
     "model": {
       "desc": "ChatGPT 模型",
+      "list": {
+        "gpt-3.5-turbo": "GPT 3.5",
+        "gpt-3.5-turbo-16k": "GPT 3.5 (16K)",
+        "gpt-4": "GPT 4",
+        "gpt-4-32k": "GPT 4 (32K)"
+      },
       "title": "模型"
     },
     "presencePenalty": {
@@ -79,6 +112,9 @@
       "title": "API Key"
     }
   },
+  "settingPlugin": {
+    "title": "插件列表"
+  },
   "settingSystem": {
     "accessCode": {
       "desc": "管理员已开启加密访问",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "description": "Lobe Chat is an open-source chatbot client using LangChain, Typescript and Next.js",
   "keywords": [
     "chatbot",

package/src/components/HeaderSpacing/index.tsx

@@ -2,6 +2,8 @@ import { memo } from 'react';
 
 import { HEADER_HEIGHT } from '@/const/layoutTokens';
 
-const HeaderSpacing = memo(() => <div style={{ flex: 'none', height: HEADER_HEIGHT }} />);
+const HeaderSpacing = memo<{ height?: number }>(({ height = HEADER_HEIGHT }) => (
+  <div style={{ flex: 'none', height }} />
+));
 
 export default HeaderSpacing;

package/src/components/HeaderTitle/index.tsx

@@ -0,0 +1,42 @@
+import { createStyles } from 'antd-style';
+import { ReactNode, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ css, token }) => ({
+  desc: css`
+    font-size: 12px;
+    color: ${token.colorTextTertiary};
+  `,
+  title: css`
+    font-size: 16px;
+    font-weight: bold;
+  `,
+  titleWithDesc: css`
+    font-weight: bold;
+  `,
+}));
+
+export interface HeaderTitleProps {
+  desc?: string | ReactNode;
+  tag?: ReactNode;
+  title: string | ReactNode;
+}
+
+const HeaderTitle = memo<HeaderTitleProps>(({ title, desc, tag }) => {
+  const { styles } = useStyles();
+  if (desc)
+    return (
+      <Flexbox>
+        <Flexbox align={'center'} className={styles.titleWithDesc} gap={8} horizontal>
+          {title}
+          {tag}
+        </Flexbox>
+        <Flexbox align={'center'} className={styles.desc} horizontal>
+          {desc}
+        </Flexbox>
+      </Flexbox>
+    );
+  return <div className={styles.title}>{title}</div>;
+});
+
+export default HeaderTitle;

package/src/const/layoutTokens.ts

@@ -1,5 +1,10 @@
+import type { FormProps } from '@lobehub/ui';
+
 export const HEADER_HEIGHT = 64;
 export const CHAT_TEXTAREA_HEIGHT = 200;
 export const CHAT_SIDEBAR_WIDTH = 280;
-
 export const FOLDER_WIDTH = 256;
+export const FORM_STYLE: FormProps = {
+  itemMinWidth: 'max(30%,240px)',
+  style: { maxWidth: 1024, width: '100%' },
+};

package/src/const/meta.ts

@@ -0,0 +1,3 @@
+export const DEFAULT_AVATAR = '🤖';
+export const DEFAULT_USER_AVATAR = '😀';
+export const DEFAULT_BACKGROUND_COLOR = 'rgba(0,0,0,0)';

package/src/locales/default/common.ts

@@ -1,53 +1,33 @@
 export default {
-  'DefaultSession': '默认对话',
-  'advanceSettings': '高级设置',
-  'agentAvatar': '头像',
-  'agentDescription': '描述',
-  'agentDescriptionPlaceholder': '请输入描述',
-  'agentMaxToken': '会话最大长度',
-  'agentModel': '模型',
-  'agentName': '名称',
-  'agentNamePlaceholder': '请输入名称',
-  'agentProfile': '助手信息',
-  'agentPrompt': '提示词',
-  'agentPromptPlaceholder': '请输入 AI 提示词',
-  'agentTag': '标签',
-  'agentTagPlaceholder': '请输入标签',
-  'archive': '归档',
-  'archiveCurrentMessages': '归档当前会话',
-  'autoGenerate': '自动补全',
-  'autoGenerateTooltip': '基于提示词自动补全助手描述',
-  'cancel': '取消',
-  'clearCurrentMessages': '清空当前会话消息',
-  'close': '关闭',
-  'confirmClearCurrentMessages': '即将清空当前会话消息，清空后将无法找回，请确认你的操作',
-  'confirmRemoveSessionItemAlert': '即将删除该助手，删除后该将无法找回，请确认你的操作',
-  'defaultAgent': '默认助手',
-  'edit': '编辑',
-  'editAgentProfile': '编辑助手信息',
-  'export': '导出',
-  'gpt-3.5-turbo': 'GPT 3.5',
-  'gpt-3.5-turbo-16k': 'GPT 3.5 (16K)',
-  'gpt-4': 'GPT 4',
-  'gpt-4-32k': 'GPT 4 (32K)',
-  'modelConfig': '模型配置',
-  'modelTemperature': '发散度',
-  'newAgent': '新建助手',
-  'noDescription': '暂无描述',
-  'ok': '确定',
-  'plugin-realtimeWeather': '实时天气预报',
-  'plugin-searchEngine': '搜索引擎',
-  'plugin-undefined': '插件检测中...',
-  'plugin-websiteCrawler': '网页内容提取',
-  'pluginList': '插件列表',
-  'pluginLoading': '插件运行中...',
-  'profile': '助手身份',
-  'reset': '重置',
-  'searchAgentPlaceholder': '搜索助手和对话...',
-  'sessionSetting': '会话设置',
-  'setting': '设置',
-  'share': '分享',
-  'tokenDetail': '系统设定: {{systemRoleToken}} 历史消息: {{chatsToken}}',
-  'updateAgent': '更新助理信息',
-  'updatePrompt': '更新提示词',
+  advanceSettings: '高级设置',
+  agentMaxToken: '会话最大长度',
+  agentModel: '模型',
+  agentProfile: '助手信息',
+  archive: '归档',
+  archiveCurrentMessages: '归档当前会话',
+  archiveSearchPlaceholder: '搜索归档对话...',
+  autoGenerate: '自动补全',
+  autoGenerateTooltip: '基于提示词自动补全助手描述',
+  cancel: '取消',
+  clearCurrentMessages: '清空当前会话消息',
+  close: '关闭',
+  confirmClearCurrentMessages: '即将清空当前会话消息，清空后将无法找回，请确认你的操作',
+  confirmRemoveSessionItemAlert: '即将删除该助手，删除后该将无法找回，请确认你的操作',
+  defaultAgent: '默认助手',
+  defaultSession: '默认对话',
+  edit: '编辑',
+  export: '导出',
+  newAgent: '新建助手',
+  noDescription: '暂无描述',
+  ok: '确定',
+  reset: '重置',
+  roleAndArchive: '角色与记录',
+  searchAgentPlaceholder: '搜索助手和对话...',
+  send: '发送',
+  sendPlaceholder: '输入聊天内容...',
+  setting: '设置',
+  share: '分享',
+  tokenDetail: '系统设定: {{systemRoleToken}} 历史消息: {{chatsToken}}',
+  updateAgent: '更新助理信息',
+  updatePrompt: '更新提示词',
 };

package/src/locales/default/plugin.ts

@@ -0,0 +1,10 @@
+export default {
+  pluginList: '插件列表',
+  pluginLoading: '插件运行中...',
+  plugins: {
+    realtimeWeather: '实时天气预报',
+    searchEngine: '搜索引擎',
+    undefined: '插件检测中...',
+    websiteCrawler: '网页内容提取',
+  },
+};

package/src/locales/default/setting.ts

@@ -14,8 +14,43 @@ export default {
       title: '重置所有设置',
     },
   },
-  header: '设置',
+  header: {
+    global: '全局设置',
+    session: '会话设置',
+  },
+  settingAgent: {
+    avatar: {
+      title: '头像',
+    },
+    backgroundColor: {
+      title: '背景色',
+    },
+    description: {
+      placeholder: '请输入助手描述',
+      title: '助手描述',
+    },
+    name: {
+      placeholder: '请输入助手名称',
+      title: '名称',
+    },
+    prompt: {
+      placeholder: '请输入 AI 提示词',
+      title: '助手角色',
+    },
+    tag: {
+      placeholder: '请输入标签',
+      title: '标签',
+    },
+    title: '助手信息',
+  },
   settingChat: {
+    chatStyleType: {
+      title: '聊天窗口样式',
+      type: {
+        bubble: '气泡模式',
+        docs: '文档模式',
+      },
+    },
     compressThreshold: {
       desc: '当未压缩的历史消息超过该值时，将进行压缩',
       title: '历史消息长度压缩阈值',
@@ -32,6 +67,7 @@ export default {
     },
     inputTemplate: {
       desc: '用户最新的一条消息会填充到此模板',
+      placeholder: '输入预处理模版，{text} 将替换为实时输入信息',
       title: '用户输入预处理',
     },
     title: '聊天设置',
@@ -50,6 +86,12 @@ export default {
     },
     model: {
       desc: 'ChatGPT 模型',
+      list: {
+        'gpt-3.5-turbo': 'GPT 3.5',
+        'gpt-3.5-turbo-16k': 'GPT 3.5 (16K)',
+        'gpt-4': 'GPT 4',
+        'gpt-4-32k': 'GPT 4 (32K)',
+      },
       title: '模型',
     },
     presencePenalty: {
@@ -79,6 +121,9 @@ export default {
       title: 'API Key',
     },
   },
+  settingPlugin: {
+    title: '插件列表',
+  },
   settingSystem: {
     accessCode: {
       desc: '管理员已开启加密访问',

package/src/locales/resources/en_US.ts

@@ -1,8 +1,10 @@
 import common from '../../../locales/en_US/common.json';
+import plugin from '../../../locales/en_US/plugin.json';
 import setting from '../../../locales/en_US/setting.json';
 
 const resources = {
   common,
+  plugin,
   setting,
 } as const;
 

package/src/locales/resources/zh_CN.ts

@@ -1,8 +1,10 @@
 import common from '../default/common';
+import plugin from '../default/plugin';
 import setting from '../default/setting';
 
 const resources = {
   common,
+  plugin,
   setting,
 } as const;
 

package/src/pages/chat/SessionList/List/SessionItem.tsx

@@ -7,7 +7,6 @@ import { Flexbox } from 'react-layout-kit';
 import { shallow } from 'zustand/shallow';
 
 import { chatSelectors, sessionSelectors, useSessionStore } from '@/store/session';
-import { DEFAULT_TITLE } from '@/store/session/slices/agentConfig';
 import { useSettings } from '@/store/settings';
 
 import { useStyles } from './style';
@@ -96,7 +95,7 @@ const SessionItem: FC<SessionItemProps> = memo(({ id, active = true, loading })
         }
         loading={loading}
         style={{ color: theme.colorText }}
-        title={title || t(DEFAULT_TITLE)}
+        title={title || t('defaultSession')}
       />
       <Popconfirm
         arrow={false}