@lobehub/chat 1.83.8 → 1.84.0

package/src/libs/langchain/loaders/index.ts

@@ -9,12 +9,12 @@ import { LangChainLoaderType } from '@/libs/langchain/types';
 import { CodeLoader } from './code';
 import { CsVLoader } from './csv';
 import { DocxLoader } from './docx';
+import { EPubLoader } from './epub';
 import { LatexLoader } from './latex';
 import { MarkdownLoader } from './markdown';
 import { PdfLoader } from './pdf';
 import { PPTXLoader } from './pptx';
 import { TextLoader } from './txt';
-import { EPubLoader } from './epub';
 
 class LangChainError extends Error {
   constructor(message: string) {

package/src/locales/default/color.ts

@@ -0,0 +1,22 @@
+export default {
+  blue: '拂晓蓝',
+  custom: '自定义',
+  cyan: '明青',
+  default: '默认',
+  geekblue: '极客蓝',
+  gold: '金盏花',
+  green: '极光绿',
+  lime: '青柠',
+  magenta: '法式洋红',
+  mauve: '藤萝紫',
+  olive: '橄榄绿',
+  orange: '日暮',
+  presets: '预设',
+  purple: '酱紫',
+  red: '薄暮',
+  sage: '鼠尾草绿',
+  sand: '沙滩',
+  slate: '石板灰',
+  volcano: '火山',
+  yellow: '日出',
+};

package/src/locales/default/common.ts

@@ -26,8 +26,8 @@ export default {
     showDetail: '查看详情',
   },
   autoGenerate: '自动补全',
-  autoGenerateTooltip: '基于提示词自动补全助手描述',
-  autoGenerateTooltipDisabled: '请填写提示词后使用自动补全功能',
+  autoGenerateTooltip: '基于角色设定自动补全助手描述',
+  autoGenerateTooltipDisabled: '请填写角色设定后使用自动补全功能',
   back: '返回',
   batchDelete: '批量删除',
   blog: '产品博客',

package/src/locales/default/file.ts

@@ -72,6 +72,9 @@ export default {
     websites: '网页',
   },
   title: '文件',
+  toggleLeftPanel: {
+    title: '显示/隐藏左侧面板',
+  },
   uploadDock: {
     body: {
       collapse: '收起',

package/src/locales/default/index.ts

@@ -2,6 +2,7 @@ import auth from './auth';
 import changelog from './changelog';
 import chat from './chat';
 import clerk from './clerk';
+import color from './color';
 import common from './common';
 import components from './components';
 import discover from './discover';
@@ -30,6 +31,7 @@ const resources = {
   changelog,
   chat,
   clerk,
+  color,
   common,
   components,
   discover,

package/src/locales/default/setting.ts

@@ -146,12 +146,13 @@ export default {
   },
   settingAgent: {
     avatar: {
-      title: '头像',
+      title: '助手头像',
     },
     backgroundColor: {
-      title: '背景色',
+      title: '头像背景色',
     },
     description: {
+      desc: '简单介绍你的助手，不作为角色设定',
       placeholder: '请输入助手描述',
       title: '助手描述',
     },
@@ -163,7 +164,9 @@ export default {
       placeholder: '请输入角色 Prompt 提示词',
       title: '角色设定',
     },
+    submit: '更新助手信息',
     tag: {
+      desc: '助手标签将在助手市场中展示',
       placeholder: '请输入标签',
       title: '标签',
     },
@@ -208,6 +211,7 @@ export default {
       placeholder: '预处理模版 {{text}} 将替换为实时输入信息',
       title: '用户输入预处理',
     },
+    submit: '更新聊天偏好',
     title: '聊天设置',
   },
   settingModel: {
@@ -245,6 +249,7 @@ export default {
       },
       title: '推理强度',
     },
+    submit: '更新模型设置',
     temperature: {
       desc: '数值越大，回答越有创意和想象力；数值越小，回答越严谨',
       title: '创意活跃度',
@@ -321,6 +326,7 @@ export default {
       desc: '其中 browser 为浏览器原生的语音识别服务',
       title: '语音识别服务',
     },
+    submit: '更新语音服务',
     title: '语音服务',
     tts: '语音合成设置',
     ttsService: {
@@ -398,6 +404,12 @@ export default {
     placeholder: '请输入助手的标识符，需要是唯一的，比如 web-development',
     tooltips: '分享到助手市场',
   },
+  submitFooter: {
+    reset: '重置',
+    submit: '保存',
+    unSaved: '未保存更改',
+    unSavedWarning: '当前有未保存的更改',
+  },
   sync: {
     device: {
       deviceName: {
@@ -449,6 +461,7 @@ export default {
       placeholder: '请输入自定义提示词',
       title: '自定义提示词',
     },
+    helpInfo: '当创建新助手时，将以默认助手设置作为预设值。',
     historyCompress: {
       label: '会话历史模型',
       modelDesc: '指定用于压缩会话历史的模型',

package/src/server/modules/ContentChunk/rules.test.ts

@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { ChunkingRuleParser } from './rules';
 
 describe('ChunkingRuleParser', () => {

package/src/server/utils/tempFileManager.ts

@@ -1,4 +1,4 @@
-import { mkdtempSync, rmSync , writeFileSync, existsSync } from 'node:fs';
+import { existsSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
 import { tmpdir } from 'node:os';
 import { join } from 'node:path';
 import { v4 as uuidv4 } from 'uuid';

package/src/services/message/type.ts

@@ -8,7 +8,8 @@ import {
   ChatTranslate,
   CreateMessageParams,
   MessageItem,
-  ModelRankItem, UpdateMessageParams,
+  ModelRankItem,
+  UpdateMessageParams,
 } from '@/types/message';
 
 /* eslint-disable typescript-sort-keys/interface */

package/src/services/plugin/client.test.ts

@@ -159,7 +159,9 @@ describe('PluginService', () => {
       // Arrange
       const id = 'plugin-id';
       const settings = { color: 'blue' };
-      await clientDB.insert(userInstalledPlugins).values([{ identifier: id, type: 'plugin', userId }]);
+      await clientDB
+        .insert(userInstalledPlugins)
+        .values([{ identifier: id, type: 'plugin', userId }]);
 
       // Act
       await pluginService.updatePluginSettings(id, settings);

package/src/store/agent/selectors.ts

@@ -1 +1 @@
-export { agentChatConfigSelectors,agentSelectors } from './slices/chat/selectors';
+export { agentChatConfigSelectors, agentSelectors } from './slices/chat/selectors';

package/src/store/aiInfra/index.ts

@@ -1,2 +1,2 @@
 export * from './selectors';
-export { getAiInfraStoreState,useAiInfraStore } from './store';
+export { getAiInfraStoreState, useAiInfraStore } from './store';

package/src/store/chat/slices/builtinTool/actions/dalle.ts

@@ -11,8 +11,6 @@ import { chatSelectors } from '@/store/chat/selectors';
 import { ChatStore } from '@/store/chat/store';
 import { useFileStore } from '@/store/file';
 import { DallEImageItem } from '@/types/tool/dalle';
-
-
 import { setNamespace } from '@/utils/storeDebug';
 
 const n = setNamespace('tool');

package/src/store/chat/slices/portal/initialState.ts

@@ -1,5 +1,10 @@
 import { PortalArtifact } from '@/types/artifact';
 
+export enum ArtifactDisplayMode {
+  Code = 'code',
+  Preview = 'preview',
+}
+
 export interface PortalFile {
   chunkId?: string;
   chunkText?: string;
@@ -8,7 +13,7 @@ export interface PortalFile {
 
 export interface ChatPortalState {
   portalArtifact?: PortalArtifact;
-  portalArtifactDisplayMode?: 'code' | 'preview';
+  portalArtifactDisplayMode?: ArtifactDisplayMode;
   portalFile?: PortalFile;
   portalMessageDetail?: string;
   portalThreadId?: string;
@@ -17,6 +22,6 @@ export interface ChatPortalState {
 }
 
 export const initialChatPortalState: ChatPortalState = {
-  portalArtifactDisplayMode: 'preview',
+  portalArtifactDisplayMode: ArtifactDisplayMode.Preview,
   showPortal: false,
 };

package/src/store/session/index.ts

@@ -1,2 +1,2 @@
 export type { SessionStore } from './store';
-export { getSessionStoreState,useSessionStore } from './store';
+export { getSessionStoreState, useSessionStore } from './store';

package/src/tools/dalle/Render/Item/EditMode.tsx

@@ -1,5 +1,5 @@
-import { TextArea } from '@lobehub/ui';
-import { Button, Radio, Select } from 'antd';
+import { Button, Select, TextArea } from '@lobehub/ui';
+import { Radio } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -15,7 +15,7 @@ const EditMode = memo<EditModeProps>(({ prompt, setEdit, style, size, quality })
 
   return (
     <Flexbox gap={16}>
-      <TextArea style={{ minHeight: 120 }} type={'block'} value={prompt} />
+      <TextArea style={{ minHeight: 120 }} value={prompt} variant={'filled'} />
       <Flexbox horizontal justify={'space-between'}>
         风格
         <Radio.Group

package/src/tools/dalle/Render/Item/Error.tsx

@@ -1,5 +1,4 @@
-import { Alert, Highlighter, Icon } from '@lobehub/ui';
-import { Button } from 'antd';
+import { Alert, Button, Highlighter } from '@lobehub/ui';
 import { LucideRefreshCw } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -27,7 +26,7 @@ const Error = memo<ErrorProps>(({ messageId, index }) => {
       <Flexbox gap={12}>
         <Alert
           extra={
-            <Highlighter copyButtonSize={'small'} language={'json'}>
+            <Highlighter actionIconSize={'small'} language={'json'}>
               {JSON.stringify(error?.body || error, null, 2)}
             </Highlighter>
           }
@@ -36,7 +35,7 @@ const Error = memo<ErrorProps>(({ messageId, index }) => {
           type={'error'}
         />
         <Button
-          icon={<Icon icon={LucideRefreshCw} />}
+          icon={LucideRefreshCw}
           onClick={() => reInvokeToolMessage(messageId)}
           type={'primary'}
         >

package/src/tools/dalle/Render/Item/index.tsx

@@ -68,7 +68,7 @@ const ImageItem = memo<DallEImageItem & { index: number; messageId: string }>(
           <Flexbox gap={12}>
             <Flexbox>
               <Highlighter
-                copyButtonSize={'small'}
+                actionIconSize={'small'}
                 fileName={t('dalle.prompt')}
                 fullFeatured
                 language={'prompt'}

package/src/tools/dalle/Render/ToolBar.tsx

@@ -1,4 +1,5 @@
-import { Button, Checkbox } from 'antd';
+import { Button } from '@lobehub/ui';
+import { Checkbox } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';

package/src/tools/dalle/Render/index.tsx

@@ -1,4 +1,4 @@
-import { ActionIcon, ImageGallery } from '@lobehub/ui';
+import { ActionIcon, PreviewGroup } from '@lobehub/ui';
 import { Download } from 'lucide-react';
 import { memo, useRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -29,13 +29,14 @@ const DallE = memo<BuiltinRenderProps<DallEImageItem[]>>(({ content, messageId }
     <Flexbox gap={16}>
       {/* 没想好工具条的作用 */}
       {/*<ToolBar content={content} messageId={messageId} />*/}
-      <ImageGallery
+      <PreviewGroup
         preview={{
           // 切换图片时设置
           onChange: (current: number) => {
             currentRef.current = current;
           },
           // 点击预览显示时设置
+
           onVisibleChange: (visible: boolean, _prevVisible: boolean, current: number) => {
             currentRef.current = current;
           },
@@ -43,7 +44,7 @@ const DallE = memo<BuiltinRenderProps<DallEImageItem[]>>(({ content, messageId }
         }}
       >
         <GalleyGrid items={content.map((c) => ({ ...c, messageId }))} renderItem={ImageItem} />
-      </ImageGallery>
+      </PreviewGroup>
     </Flexbox>
   );
 });

package/src/tools/local-files/Render/ListFiles/index.tsx

@@ -56,7 +56,7 @@ const ListFiles = memo<ListFilesProps>(({ messageId, pluginError, args, pluginSt
           localFileService.openLocalFolder({ isDirectory: true, path: args.path });
         }}
       >
-        <FileIcon fileName={args.path} isDirectory size={22} variant={'pure'} />
+        <FileIcon fileName={args.path} isDirectory size={22} variant={'raw'} />
         <Typography.Text className={styles.path} ellipsis>
           {args.path}
         </Typography.Text>

package/src/tools/local-files/Render/ReadLocalFile/ReadFileView.tsx

@@ -116,7 +116,7 @@ const ReadFileView = memo<ReadFileViewProps>(
           onClick={handleToggleExpand}
         >
           <Flexbox align={'center'} flex={1} gap={0} horizontal style={{ overflow: 'hidden' }}>
-            <FileIcon fileName={filename} fileType={fileType} size={24} variant={'pure'} />
+            <FileIcon fileName={filename} fileType={fileType} size={24} variant={'raw'} />
             <Flexbox horizontal>
               <Typography.Text className={styles.fileName} ellipsis>
                 {filename}

package/src/tools/local-files/Render/SearchFiles/SearchQuery/index.tsx

@@ -1,6 +1,5 @@
 import { LocalSearchFilesParams } from '@lobechat/electron-client-ipc';
-import { ActionIcon, Icon } from '@lobehub/ui';
-import { Button, Input, Space } from 'antd';
+import { ActionIcon, Button, Icon, SearchBar } from '@lobehub/ui';
 import { SearchIcon, XIcon } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -36,13 +35,13 @@ const SearchQueryView = memo<SearchQueryViewProps>(({ messageId, args, pluginSta
 
   return editing ? (
     <Flexbox align={'center'} flex={1} gap={8} height={32} horizontal>
-      <Space.Compact style={{ width: '100%' }}>
-        <Input
+      <Flexbox gap={8}>
+        <SearchBar
           autoFocus
           onChange={(e) => {
             setQuery(e.target.value);
           }}
-          onPressEnter={updateAndSearch}
+          onSearch={updateAndSearch}
           placeholder={t('search.searchBar.placeholder')}
           style={{ minWidth: 400 }}
           value={query}
@@ -56,7 +55,7 @@ const SearchQueryView = memo<SearchQueryViewProps>(({ messageId, args, pluginSta
         >
           {t('search.searchBar.button')}
         </Button>
-      </Space.Compact>
+      </Flexbox>
       <ActionIcon icon={XIcon} onClick={() => setEditing(false)} />
     </Flexbox>
   ) : (

package/src/tools/local-files/components/FileItem.tsx

@@ -76,7 +76,7 @@ const FileItem = memo<FileItemProps>(
           fileType={type}
           isDirectory={isDirectory}
           size={16}
-          variant={'pure'}
+          variant={'raw'}
         />
         <Flexbox
           align={'baseline'}

package/src/tools/web-browsing/Portal/PageContent/index.tsx

@@ -1,5 +1,5 @@
-import { Alert, CopyButton, Highlighter, Icon, Markdown } from '@lobehub/ui';
-import { Descriptions, Segmented, Typography } from 'antd';
+import { Alert, CopyButton, Highlighter, Icon, Markdown, Segmented } from '@lobehub/ui';
+import { Descriptions, Typography } from 'antd';
 import { createStyles } from 'antd-style';
 import { ExternalLink } from 'lucide-react';
 import Link from 'next/link';
@@ -80,6 +80,11 @@ const useStyles = createStyles(({ token, css }) => {
   };
 });
 
+enum DisplayType {
+  Raw = 'raw',
+  Render = 'render',
+}
+
 interface PageContentProps {
   messageId: string;
   result?: CrawlResult;
@@ -88,7 +93,7 @@ interface PageContentProps {
 const PageContent = memo<PageContentProps>(({ result }) => {
   const { t } = useTranslation('plugin');
   const { styles } = useStyles();
-  const [display, setDisplay] = useState('render');
+  const [display, setDisplay] = useState<DisplayType>(DisplayType.Render);
 
   if (!result || !result.data) return undefined;
 
@@ -189,12 +194,13 @@ const PageContent = memo<PageContentProps>(({ result }) => {
         <Flexbox gap={12} paddingBlock={'0 12px'}>
           <Flexbox horizontal justify={'space-between'}>
             <Segmented
-              onChange={(value) => setDisplay(value)}
+              onChange={(value) => setDisplay(value as DisplayType)}
               options={[
-                { label: t('search.crawPages.detail.preview'), value: 'render' },
-                { label: t('search.crawPages.detail.raw'), value: 'raw' },
+                { label: t('search.crawPages.detail.preview'), value: DisplayType.Render },
+                { label: t('search.crawPages.detail.raw'), value: DisplayType.Raw },
               ]}
               value={display}
+              variant={'filled'}
             />
             <CopyButton content={content} />
           </Flexbox>
@@ -203,10 +209,10 @@ const PageContent = memo<PageContentProps>(({ result }) => {
               message={t('search.crawPages.detail.tooLong', {
                 characters: CRAWL_CONTENT_LIMITED_COUNT,
               })}
-              variant={'pure'}
+              variant={'borderless'}
             />
           )}
-          {display === 'render' ? (
+          {display === DisplayType.Render ? (
             <Markdown variant={'chat'}>{content}</Markdown>
           ) : (
             <div style={{ paddingBlock: '0 12px' }}>

package/src/tools/web-browsing/Portal/Search/Footer.tsx

@@ -1,5 +1,4 @@
-import { ActionIcon, Icon } from '@lobehub/ui';
-import { Button } from 'antd';
+import { ActionIcon, Button } from '@lobehub/ui';
 import { LucideNotepadText, PlusSquareIcon } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -20,7 +19,7 @@ const Footer = () => {
   return (
     <Flexbox gap={8} horizontal paddingBlock={12} paddingInline={12}>
       <Button
-        icon={<Icon icon={LucideNotepadText} />}
+        icon={LucideNotepadText}
         loading={isAIGenerating}
         onClick={() => {
           if (!messageId) return;

package/src/tools/web-browsing/Portal/Search/ResultList/SearchItem/TitleExtra.tsx

@@ -1,5 +1,5 @@
-import { Tooltip } from '@lobehub/ui';
-import { Tag, Typography } from 'antd';
+import { Tag, Tooltip } from '@lobehub/ui';
+import { Typography } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';

package/src/tools/web-browsing/Render/Search/ConfigForm/Form.tsx

@@ -1,5 +1,4 @@
-import { Icon } from '@lobehub/ui';
-import { Button } from 'antd';
+import { Button, Icon } from '@lobehub/ui';
 import { KeyRoundIcon, Loader2Icon } from 'lucide-react';
 import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -69,7 +68,7 @@ const Form = memo<ProviderApiKeyFormProps>(({ provider, id }) => {
         ) : (
           <Button
             block
-            icon={<Icon icon={KeyRoundIcon} />}
+            icon={KeyRoundIcon}
             onClick={() => {
               setShow(true);
             }}

package/src/tools/web-browsing/Render/Search/ConfigForm/index.tsx

@@ -1,4 +1,4 @@
-import { Button } from 'antd';
+import { Button } from '@lobehub/ui';
 import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';

package/src/tools/web-browsing/Render/Search/SearchResult/index.tsx

@@ -1,5 +1,5 @@
-import { Icon } from '@lobehub/ui';
-import { Button, Empty, Skeleton } from 'antd';
+import { Button } from '@lobehub/ui';
+import { Empty, Skeleton } from 'antd';
 import { uniq } from 'lodash-es';
 import { Edit2Icon } from 'lucide-react';
 import { memo } from 'react';
@@ -58,7 +58,7 @@ const SearchResult = memo<SearchResultProps>(
                 {!editing && (
                   <div>
                     <Button
-                      icon={<Icon icon={Edit2Icon} />}
+                      icon={Edit2Icon}
                       onClick={() => {
                         setEditing(true);
                       }}

package/src/tools/web-browsing/Render/Search/index.tsx

@@ -28,7 +28,7 @@ const Search = memo<SearchProps>(({ messageId, searchQuery, searchResponse, plug
       <Alert
         extra={
           <Flexbox>
-            <Highlighter copyButtonSize={'small'} language={'json'} type={'pure'}>
+            <Highlighter actionIconSize={'small'} language={'json'} variant={'borderless'}>
               {JSON.stringify(pluginError.body?.data || pluginError.body, null, 2)}
             </Highlighter>
           </Flexbox>

package/src/tools/web-browsing/components/SearchBar.tsx

@@ -1,5 +1,5 @@
-import { Icon, Tooltip } from '@lobehub/ui';
-import { Button, Checkbox, Input, Radio, Select, Space, Typography } from 'antd';
+import { Button, Input, Select, Tooltip } from '@lobehub/ui';
+import { Checkbox, Radio, Space, Typography } from 'antd';
 import { SearchIcon } from 'lucide-react';
 import { ReactNode, memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -59,12 +59,7 @@ const SearchBar = memo<SearchBarProps>(
     };
 
     const searchButton = (
-      <Button
-        icon={<Icon icon={SearchIcon} />}
-        loading={loading}
-        onClick={updateAndSearch}
-        type={'primary'}
-      >
+      <Button icon={SearchIcon} loading={loading} onClick={updateAndSearch} type={'primary'}>
         {isMobile ? undefined : t('search.searchBar.button')}
       </Button>
     );

package/src/types/hotkey.ts

@@ -79,6 +79,7 @@ export const HotkeyGroupEnum = {
 
 export const HotkeyScopeEnum = {
   Chat: 'chat',
+  Files: 'files',
   // 默认全局注册的快捷键 scope
   // https://react-hotkeys-hook.vercel.app/docs/documentation/hotkeys-provider
   Global: 'global',

package/src/app/[variants]/(main)/changelog/_layout/Desktop.tsx

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import Hero from '../features/Hero';
-
-type Props = { children: ReactNode };
-
-const Layout = ({ children }: Props) => {
-  return (
-    <Flexbox
-      align={'center'}
-      style={{ height: '100%', overflowX: 'hidden', overflowY: 'auto' }}
-      width={'100%'}
-    >
-      <Flexbox gap={24} paddingBlock={24} paddingInline={16} style={{ width: 'min(100%, 1024px)' }}>
-        <Hero />
-        {children}
-      </Flexbox>
-    </Flexbox>
-  );
-};
-
-Layout.displayName = 'DesktopChangelogLayout';
-
-export default Layout;

package/src/app/[variants]/(main)/chat/(workspace)/features/AgentSettings/CategoryContent/index.tsx

@@ -1,37 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import HeaderContent from '@/app/[variants]/(main)/chat/settings/features/HeaderContent';
-import Menu from '@/components/Menu';
-import { ChatSettingsTabs } from '@/store/global/initialState';
-
-import { useCategory } from './useCategory';
-
-interface CategoryContentProps {
-  setTab: (tab: ChatSettingsTabs) => void;
-  tab: string;
-}
-const CategoryContent = memo<CategoryContentProps>(({ setTab, tab }) => {
-  const cateItems = useCategory();
-
-  return (
-    <>
-      <Menu
-        items={cateItems}
-        onClick={({ key }) => {
-          setTab(key as ChatSettingsTabs);
-        }}
-        selectable
-        selectedKeys={[tab as any]}
-        variant={'compact'}
-      />
-      <Flexbox align={'center'} gap={8} paddingInline={8} width={'100%'}>
-        <HeaderContent modal />
-      </Flexbox>
-    </>
-  );
-});
-
-export default CategoryContent;