@lobehub/chat 1.0.11 → 1.0.12

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.0.12](https://github.com/lobehub/lobe-chat/compare/v1.0.11...v1.0.12)
+
+<sup>Released on **2024-06-19**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix auto avatar.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix auto avatar, closes [#2939](https://github.com/lobehub/lobe-chat/issues/2939) ([f40300c](https://github.com/lobehub/lobe-chat/commit/f40300c))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.0.11](https://github.com/lobehub/lobe-chat/compare/v1.0.10...v1.0.11)
 
 <sup>Released on **2024-06-19**</sup>

package/locales/ar/setting.json

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

package/locales/bg-BG/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Модел за генериране на помощни метаданни",
+      "modelDesc": "Модел, определен за генериране на име, описание, профилна снимка и етикети на помощник",
+      "title": "Автоматично генериране на информация за помощник"
+    },
     "title": "Системен асистент",
     "topic": {
       "label": "Модел за именуване на теми",

package/locales/de-DE/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Assistentenmetadaten-Generierungsmodell",
+      "modelDesc": "Das Modell, das zur Generierung von Assistentennamen, -beschreibungen, -avatars und -tags verwendet wird",
+      "title": "Automatische Generierung von Assistenteninformationen"
+    },
     "title": "Systemassistent",
     "topic": {
       "label": "Themenbenennungsmodell",

package/locales/en-US/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Assistant Metadata Generation Model",
+      "modelDesc": "Model designated for generating assistant name, description, avatar, and tags",
+      "title": "Automatically Generate Assistant Information"
+    },
     "title": "System Assistants",
     "topic": {
       "label": "Topic Naming Model",

package/locales/es-ES/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Modelo de generación de metadatos de asistente",
+      "modelDesc": "Modelo designado para generar el nombre, descripción, avatar y etiquetas del asistente",
+      "title": "Generación automática de información del asistente"
+    },
     "title": "Asistente del sistema",
     "topic": {
       "label": "Modelo de nombramiento de temas",

package/locales/fr-FR/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Modèle de génération de métadonnées d'assistant",
+      "modelDesc": "Modèle spécifié pour générer le nom, la description, l'avatar et les balises de l'assistant",
+      "title": "Génération automatique des informations de l'assistant"
+    },
     "title": "Agent système",
     "topic": {
       "label": "Modèle de nommage des sujets",

package/locales/it-IT/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Modello di generazione metadati assistente",
+      "modelDesc": "Modello specificato per generare nome, descrizione, avatar e etichetta dell'assistente",
+      "title": "Genera automaticamente informazioni sull'assistente"
+    },
     "title": "Assistente di sistema",
     "topic": {
       "label": "Modello di denominazione degli argomenti",

package/locales/ja-JP/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "アシスタントメタデータ生成モデル",
+      "modelDesc": "アシスタントの名前、説明、アバター、ラベルを生成するために指定されたモデル",
+      "title": "アシスタント情報の自動生成"
+    },
     "title": "システムアシスタント",
     "topic": {
       "label": "トピックネーミングモデル",

package/locales/ko-KR/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "어시스턴트 메타 생성 모델",
+      "modelDesc": "어시스턴트 이름, 설명, 프로필 이미지, 레이블을 생성하는 데 사용되는 모델을 지정합니다.",
+      "title": "어시스턴트 정보 자동 생성"
+    },
     "title": "시스템 도우미",
     "topic": {
       "label": "주제 명명 모델",

package/locales/nl-NL/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Assistentmetadata-generatiemodel",
+      "modelDesc": "Model voor het genereren van assistentnaam, beschrijving, profielfoto en labels",
+      "title": "Automatisch assistentinformatie genereren"
+    },
     "title": "Systeemassistent",
     "topic": {
       "label": "Onderwerp Naamgevingsmodel",

package/locales/pl-PL/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Model generowania metadanych asystenta",
+      "modelDesc": "Określa model używany do generowania nazwy, opisu, awatara i etykiety asystenta",
+      "title": "Automatyczne generowanie informacji o asystencie"
+    },
     "title": "Asystent Systemowy",
     "topic": {
       "label": "Model nazewnictwa tematów",

package/locales/pt-BR/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Modelo de Geração de Metadados do Assistente",
+      "modelDesc": "Especifica o modelo usado para gerar o nome, descrição, avatar e tags do assistente",
+      "title": "Geração Automática de Informações do Assistente"
+    },
     "title": "Assistente do Sistema",
     "topic": {
       "label": "Modelo de Nomeação de Tópicos",

package/locales/ru-RU/setting.json

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

package/locales/tr-TR/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Asistan Meta Veri Oluşturma Modeli",
+      "modelDesc": "Asistan adı, açıklaması, avatar ve etiket oluşturmak için belirlenen model",
+      "title": "Asistan Bilgilerini Otomatik Oluştur"
+    },
     "title": "Sistem Asistanı",
     "topic": {
       "label": "Konu Adlandırma Modeli",

package/locales/vi-VN/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "Mô hình tạo siêu dữ liệu trợ lý",
+      "modelDesc": "Xác định mô hình được sử dụng để tạo tên, mô tả, hình đại diện, nhãn cho trợ lý",
+      "title": "Tự động tạo thông tin trợ lý"
+    },
     "title": "Trợ lý hệ thống",
     "topic": {
       "label": "Mô hình đặt tên chủ đề",

package/locales/zh-CN/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "助理元数据生成模型",
+      "modelDesc": "指定用于生成助理名称、描述、头像、标签的模型",
+      "title": "自动生成助理信息"
+    },
     "title": "系统助手",
     "topic": {
       "label": "话题命名模型",

package/locales/zh-TW/setting.json

@@ -366,6 +366,11 @@
     }
   },
   "systemAgent": {
+    "agentMeta": {
+      "label": "助理元數據生成模型",
+      "modelDesc": "指定用於生成助理名稱、描述、頭像、標籤的模型",
+      "title": "自動生成助理資訊"
+    },
     "title": "系統助手",
     "topic": {
       "label": "話題命名模型",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "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)/chat/(workspace)/@conversation/default.tsx

@@ -1,7 +1,7 @@
-import ChatHydration from '@/components/StoreHydration/ChatHydration';
 import Conversation from '@/features/Conversation';
 import { isMobileDevice } from '@/utils/responsive';
 
+import ChatHydration from './features/ChatHydration';
 import DesktopChatInput from './features/ChatInput/Desktop';
 import MobileChatInput from './features/ChatInput/Mobile';
 

package/src/app/(main)/chat/settings/features/EditPage.tsx

@@ -5,7 +5,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import PageTitle from '@/components/PageTitle';
-import AgentSetting from '@/features/AgentSetting';
+import { AgentSettings } from '@/features/AgentSetting';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 import { useSessionStore } from '@/store/session';
@@ -26,7 +26,7 @@ const EditPage = memo(() => {
   return (
     <>
       <PageTitle title={t('header.sessionWithName', { name: title })} />
-      <AgentSetting
+      <AgentSettings
         config={config}
         id={id}
         meta={meta}

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

@@ -4,7 +4,7 @@ import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 
 import { INBOX_SESSION_ID } from '@/const/session';
-import AgentSettings from '@/features/AgentSetting';
+import { AgentSettings } from '@/features/AgentSetting';
 import { useUserStore } from '@/store/user';
 import { settingsSelectors } from '@/store/user/selectors';
 

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

@@ -0,0 +1,58 @@
+'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 systemAgentKey = 'agentMeta';
+const AgentMeta = 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(systemAgentKey, props);
+            }}
+            showAbility={false}
+          />
+        ),
+        desc: t(`systemAgent.${systemAgentKey}.modelDesc`),
+        label: t(`systemAgent.${systemAgentKey}.label`),
+        name: [systemAgentKey, 'model'],
+      },
+    ],
+    title: t(`systemAgent.${systemAgentKey}.title`),
+  };
+
+  useSyncSystemAgent(form);
+
+  return (
+    <Form
+      form={form}
+      initialValues={settings}
+      items={[systemAgentSettings]}
+      variant={'pure'}
+      {...FORM_STYLE}
+    />
+  );
+});
+
+export default AgentMeta;

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

@@ -30,6 +30,7 @@ const Topic = memo(() => {
             onChange={(props) => {
               updateSystemAgent('topic', props);
             }}
+            showAbility={false}
           />
         ),
         desc: t('systemAgent.topic.modelDesc'),

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

@@ -30,6 +30,7 @@ const Translation = memo(() => {
             onChange={(props) => {
               updateSystemAgent('translation', props);
             }}
+            showAbility={false}
           />
         ),
         desc: t('systemAgent.translation.modelDesc'),

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

@@ -1,3 +1,4 @@
+import AgentMeta from './features/AgentMeta';
 import Topic from './features/Topic';
 import Translation from './features/Translation';
 
@@ -6,6 +7,7 @@ const Page = () => {
     <>
       <Topic />
       <Translation />
+      <AgentMeta />
     </>
   );
 };

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

@@ -6,7 +6,7 @@ export const generateMetadata = async () => {
 
   return metadataModule.generate({
     description: t('header.desc'),
-    title: t('tab.systemAgent'),
+    title: t('tab.system-agent'),
     url: '/settings/system-agent',
   });
 };

package/src/const/settings/systemAgent.ts

@@ -8,6 +8,7 @@ export const DEFAULT_SYSTEM_AGENT_ITEM: SystemAgentItem = {
 };
 
 export const DEFAULT_SYSTEM_AGENT_CONFIG: UserSystemAgentConfig = {
+  agentMeta: DEFAULT_SYSTEM_AGENT_ITEM,
   topic: DEFAULT_SYSTEM_AGENT_ITEM,
   translation: DEFAULT_SYSTEM_AGENT_ITEM,
 };

package/src/features/AgentSetting/AgentMeta/AutoGenerateAvatar.tsx

@@ -0,0 +1,59 @@
+import { ActionIcon } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import { Wand2 } from 'lucide-react';
+import dynamic from 'next/dynamic';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { useUserStore } from '@/store/user';
+import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+
+const EmojiPicker = dynamic(() => import('@lobehub/ui/es/EmojiPicker'), { ssr: false });
+
+export interface AutoGenerateAvatarProps {
+  background?: string;
+  canAutoGenerate?: boolean;
+  loading?: boolean;
+  onChange?: (value: string) => void;
+  onGenerate?: () => void;
+  value?: string;
+}
+
+const AutoGenerateAvatar = memo<AutoGenerateAvatarProps>(
+  ({ loading, background, value, onChange, onGenerate, canAutoGenerate }) => {
+    const { t } = useTranslation('common');
+    const theme = useTheme();
+    const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+
+    return (
+      <Flexbox>
+        <div style={{ opacity: loading ? 0.6 : undefined }}>
+          <EmojiPicker
+            backgroundColor={background}
+            locale={locale}
+            onChange={onChange}
+            value={value}
+          />
+        </div>
+        <ActionIcon
+          active
+          disable={!canAutoGenerate}
+          icon={Wand2}
+          loading={loading}
+          onClick={onGenerate}
+          size="small"
+          style={{
+            bottom: -4,
+            color: theme.colorInfo,
+            insetInlineEnd: -4,
+            position: 'absolute',
+          }}
+          title={!canAutoGenerate ? t('autoGenerateTooltipDisabled') : t('autoGenerate')}
+        />
+      </Flexbox>
+    );
+  },
+);
+
+export default AutoGenerateAvatar;

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

@@ -5,22 +5,18 @@ import { Button } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { isString } from 'lodash-es';
 import { Wand2 } from 'lucide-react';
-import dynamic from 'next/dynamic';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
 
 import { useStore } from '../store';
 import { SessionLoadingState } from '../store/initialState';
+import AutoGenerateAvatar from './AutoGenerateAvatar';
 import AutoGenerateInput from './AutoGenerateInput';
 import AutoGenerateSelect from './AutoGenerateSelect';
 import BackgroundSwatches from './BackgroundSwatches';
 
-const EmojiPicker = dynamic(() => import('@lobehub/ui/es/EmojiPicker'), { ssr: false });
-
 const AgentMeta = memo(() => {
   const { t } = useTranslation('setting');
 
@@ -30,7 +26,6 @@ const AgentMeta = memo(() => {
     s.autocompleteMeta,
     s.autocompleteAllMeta,
   ]);
-  const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
   const loading = useStore((s) => s.autocompleteLoading);
   const meta = useStore((s) => s.meta, isEqual);
 
@@ -81,10 +76,12 @@ const AgentMeta = memo(() => {
     children: [
       {
         children: (
-          <EmojiPicker
-            backgroundColor={meta.backgroundColor}
-            locale={locale}
+          <AutoGenerateAvatar
+            background={meta.backgroundColor}
+            canAutoGenerate={hasSystemRole}
+            loading={loading['avatar']}
             onChange={(avatar) => updateMeta({ avatar })}
+            onGenerate={() => autocompleteMeta('avatar')}
             value={meta.avatar}
           />
         ),

package/src/features/AgentSetting/AgentSettings.tsx

@@ -0,0 +1,24 @@
+import AgentChat from './AgentChat';
+import AgentMeta from './AgentMeta';
+import AgentModal from './AgentModal';
+import AgentPlugin from './AgentPlugin';
+import AgentPrompt from './AgentPrompt';
+import AgentTTS from './AgentTTS';
+import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
+import { Provider, createStore } from './store';
+
+type AgentSettingsProps = StoreUpdaterProps;
+
+export const AgentSettings = (props: AgentSettingsProps) => {
+  return (
+    <Provider createStore={createStore}>
+      <StoreUpdater {...props} />
+      <AgentPrompt />
+      <AgentMeta />
+      <AgentChat />
+      <AgentModal />
+      <AgentTTS />
+      <AgentPlugin />
+    </Provider>
+  );
+};

package/src/features/AgentSetting/AgentSettingsStore.tsx

@@ -0,0 +1,14 @@
+import { memo } from 'react';
+
+import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
+import { Provider, createStore } from './store';
+
+type AgentSettingsProps = StoreUpdaterProps;
+
+export const AgentSettingsStore = memo<AgentSettingsProps>((props) => {
+  return (
+    <Provider createStore={createStore}>
+      <StoreUpdater {...props} />
+    </Provider>
+  );
+});

package/src/features/AgentSetting/StoreUpdater.tsx

@@ -1,16 +1,18 @@
 'use client';
 
-import { memo } from 'react';
+import { ForwardedRef, memo, useImperativeHandle } from 'react';
 import { createStoreUpdater } from 'zustand-utils';
 
+import { AgentSettingsInstance, useAgentSettings } from './hooks/useAgentSettings';
 import { State, useStoreApi } from './store';
 
-export type StoreUpdaterProps = Partial<
-  Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id'>
->;
+export interface StoreUpdaterProps
+  extends Partial<Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id'>> {
+  instanceRef?: ForwardedRef<AgentSettingsInstance> | null;
+}
 
 const StoreUpdater = memo<StoreUpdaterProps>(
-  ({ onConfigChange, id, onMetaChange, meta, config }) => {
+  ({ onConfigChange, instanceRef, id, onMetaChange, meta, config }) => {
     const storeApi = useStoreApi();
     const useStoreUpdater = createStoreUpdater(storeApi);
 
@@ -20,6 +22,9 @@ const StoreUpdater = memo<StoreUpdaterProps>(
     useStoreUpdater('onMetaChange', onMetaChange);
     useStoreUpdater('id', id);
 
+    const instance = useAgentSettings();
+    useImperativeHandle(instanceRef, () => instance);
+
     return null;
   },
 );

package/src/features/AgentSetting/hooks/useAgentSettings.ts

@@ -0,0 +1,31 @@
+import { useMemo } from 'react';
+
+import { useStoreApi } from '../store';
+import { PublicAction } from '../store/action';
+
+export type AgentSettingsInstance = PublicAction;
+
+export const useAgentSettings = (): AgentSettingsInstance => {
+  const storeApi = useStoreApi();
+
+  const {
+    autocompleteMeta,
+    autocompleteAllMeta,
+    autocompleteAgentTitle,
+    autocompleteAgentDescription,
+    autocompleteAgentTags,
+    autoPickEmoji,
+  } = storeApi.getState();
+
+  return useMemo(
+    () => ({
+      autoPickEmoji,
+      autocompleteAgentDescription,
+      autocompleteAgentTags,
+      autocompleteAgentTitle,
+      autocompleteAllMeta,
+      autocompleteMeta,
+    }),
+    [],
+  );
+};

package/src/features/AgentSetting/index.tsx

@@ -1,26 +1,3 @@
-import AgentChat from './AgentChat';
-import AgentMeta from './AgentMeta';
-import AgentModal from './AgentModal';
-import AgentPlugin from './AgentPlugin';
-import AgentPrompt from './AgentPrompt';
-import AgentTTS from './AgentTTS';
-import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
-import { Provider, createStore } from './store';
-
-type AgentSettingsProps = StoreUpdaterProps;
-
-const AgentSettings = (props: AgentSettingsProps) => {
-  return (
-    <Provider createStore={createStore}>
-      <StoreUpdater {...props} />
-      <AgentPrompt />
-      <AgentMeta />
-      <AgentChat />
-      <AgentModal />
-      <AgentTTS />
-      <AgentPlugin />
-    </Provider>
-  );
-};
-
-export default AgentSettings;
+export { AgentSettings } from './AgentSettings';
+export { AgentSettingsStore } from './AgentSettingsStore';
+export type { AgentSettingsInstance } from './hooks/useAgentSettings';

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

@@ -7,9 +7,13 @@ import { chainSummaryDescription } from '@/chains/summaryDescription';
 import { chainSummaryTags } from '@/chains/summaryTags';
 import { TraceNameMap, TracePayload, TraceTopicType } from '@/const/trace';
 import { chatService } from '@/services/chat';
+import { useUserStore } from '@/store/user';
+import { systemAgentSelectors } from '@/store/user/slices/settings/selectors';
 import { LobeAgentChatConfig, LobeAgentConfig } from '@/types/agent';
 import { MetaData } from '@/types/meta';
+import { SystemAgentItem } from '@/types/user/settings';
 import { MessageTextChunk } from '@/utils/fetch';
+import { merge } from '@/utils/merge';
 import { setNamespace } from '@/utils/storeDebug';
 
 import { SessionLoadingState } from '../store/initialState';
@@ -17,15 +21,12 @@ import { State, initialState } from './initialState';
 import { ConfigDispatch, configReducer } from './reducers/config';
 import { MetaDataDispatch, metaDataReducer } from './reducers/meta';
 
-/**
- * 设置操作
- */
-export interface Action {
+export interface PublicAction {
   /**
    * 自动选择表情
    * @param id - 表情的 ID
    */
-  autoPickEmoji: () => void;
+  autoPickEmoji: () => Promise<void>;
   /**
    * 自动完成代理描述
    * @param id - 代理的 ID
@@ -44,20 +45,25 @@ export interface Action {
    */
   autocompleteAllMeta: (replace?: boolean) => void;
   autocompleteMeta: (key: keyof MetaData) => void;
+}
+
+export interface Action extends PublicAction {
   dispatchConfig: (payload: ConfigDispatch) => void;
   dispatchMeta: (payload: MetaDataDispatch) => void;
   getCurrentTracePayload: (data: Partial<TracePayload>) => TracePayload;
 
+  internal_getSystemAgentForMeta: () => SystemAgentItem;
   resetAgentConfig: () => void;
-  resetAgentMeta: () => void;
 
+  resetAgentMeta: () => void;
   setAgentConfig: (config: DeepPartial<LobeAgentConfig>) => void;
   setAgentMeta: (meta: Partial<MetaData>) => void;
-  setChatConfig: (config: Partial<LobeAgentChatConfig>) => void;
 
+  setChatConfig: (config: Partial<LobeAgentChatConfig>) => void;
   streamUpdateMetaArray: (key: keyof MetaData) => any;
   streamUpdateMetaString: (key: keyof MetaData) => any;
   toggleAgentPlugin: (pluginId: string, state?: boolean) => void;
+
   /**
    * 更新加载状态
    * @param key - SessionLoadingState 的键
@@ -77,17 +83,19 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
 
     const systemRole = config.systemRole;
 
-    const emoji = await chatService.fetchPresetTaskResult({
+    chatService.fetchPresetTaskResult({
+      onFinish: async (emoji) => {
+        dispatchMeta({ type: 'update', value: { avatar: emoji } });
+      },
       onLoadingChange: (loading) => {
         get().updateLoadingState('avatar', loading);
       },
-      params: chainPickEmoji([meta.title, meta.description, systemRole].filter(Boolean).join(',')),
+      params: merge(
+        get().internal_getSystemAgentForMeta(),
+        chainPickEmoji([meta.title, meta.description, systemRole].filter(Boolean).join(',')),
+      ),
       trace: get().getCurrentTracePayload({ traceName: TraceNameMap.EmojiPicker }),
     });
-
-    if (emoji) {
-      dispatchMeta({ type: 'update', value: { avatar: emoji } });
-    }
   },
   autocompleteAgentDescription: async () => {
     const { dispatchMeta, config, meta, updateLoadingState, streamUpdateMetaString } = get();
@@ -109,7 +117,7 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
         updateLoadingState('description', loading);
       },
       onMessageHandle: streamUpdateMetaString('description'),
-      params: chainSummaryDescription(systemRole),
+      params: merge(get().internal_getSystemAgentForMeta(), chainSummaryDescription(systemRole)),
       trace: get().getCurrentTracePayload({ traceName: TraceNameMap.SummaryAgentDescription }),
     });
   },
@@ -125,6 +133,7 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
     // 替换为 ...
     dispatchMeta({ type: 'update', value: { tags: ['...'] } });
 
+    // Get current agent for agentMeta
     chatService.fetchPresetTaskResult({
       onError: () => {
         dispatchMeta({ type: 'update', value: { tags: preValue } });
@@ -133,8 +142,9 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
         updateLoadingState('tags', loading);
       },
       onMessageHandle: streamUpdateMetaArray('tags'),
-      params: chainSummaryTags(
-        [meta.title, meta.description, systemRole].filter(Boolean).join(','),
+      params: merge(
+        get().internal_getSystemAgentForMeta(),
+        chainSummaryTags([meta.title, meta.description, systemRole].filter(Boolean).join(',')),
       ),
       trace: get().getCurrentTracePayload({ traceName: TraceNameMap.SummaryAgentTags }),
     });
@@ -159,7 +169,10 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
         updateLoadingState('title', loading);
       },
       onMessageHandle: streamUpdateMetaString('title'),
-      params: chainSummaryAgentName([meta.description, systemRole].filter(Boolean).join(',')),
+      params: merge(
+        get().internal_getSystemAgentForMeta(),
+        chainSummaryAgentName([meta.description, systemRole].filter(Boolean).join(',')),
+      ),
       trace: get().getCurrentTracePayload({ traceName: TraceNameMap.SummaryAgentTitle }),
     });
   },
@@ -231,6 +244,11 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
     topicId: TraceTopicType.AgentSettings,
     ...data,
   }),
+
+  internal_getSystemAgentForMeta: () => {
+    return systemAgentSelectors.agentMeta(useUserStore.getState());
+  },
+
   resetAgentConfig: () => {
     get().dispatchConfig({ type: 'reset' });
   },
@@ -238,13 +256,13 @@ export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, g
   resetAgentMeta: () => {
     get().dispatchMeta({ type: 'reset' });
   },
-
   setAgentConfig: (config) => {
     get().dispatchConfig({ config, type: 'update' });
   },
   setAgentMeta: (meta) => {
     get().dispatchMeta({ type: 'update', value: meta });
   },
+
   setChatConfig: (config) => {
     get().setAgentConfig({ chatConfig: config });
   },

package/src/features/ChatInput/useSend.ts

@@ -31,5 +31,13 @@ export const useSendMessage = () => {
 
     updateInputMessage('');
     useFileStore.getState().clearImageList();
+
+    // const hasSystemRole = agentSelectors.hasSystemRole(useAgentStore.getState());
+    // const agentSetting = useAgentStore.getState().agentSettingInstance;
+
+    // // if there is a system role, then we need to use agent setting instance to autocomplete agent meta
+    // if (hasSystemRole && !!agentSetting) {
+    //   agentSetting.autocompleteAllMeta();
+    // }
   }, []);
 };

package/src/features/ModelSelect/index.tsx

@@ -10,11 +10,12 @@ import { ModelProviderCard } from '@/types/llm';
 
 const useStyles = createStyles(({ css, prefixCls }) => ({
   select: css`
-    .${prefixCls}-select-dropdown .${prefixCls}-select-item-option-grouped {
+    &.${prefixCls}-select-dropdown .${prefixCls}-select-item-option-grouped {
       padding-inline-start: 12px;
     }
   `,
 }));
+
 interface ModelOption {
   label: any;
   provider: string;
@@ -23,10 +24,11 @@ interface ModelOption {
 
 interface ModelSelectProps {
   onChange?: (props: { model: string; provider: string }) => void;
+  showAbility?: boolean;
   value?: string;
 }
 
-const ModelSelect = memo<ModelSelectProps>(({ value, onChange }) => {
+const ModelSelect = memo<ModelSelectProps>(({ value, onChange, showAbility = true }) => {
   const enabledList = useUserStore(modelProviderSelectors.modelProviderListForModelSelect, isEqual);
 
   const { styles } = useStyles();
@@ -34,7 +36,7 @@ const ModelSelect = memo<ModelSelectProps>(({ value, onChange }) => {
   const options = useMemo<SelectProps['options']>(() => {
     const getChatModels = (provider: ModelProviderCard) =>
       provider.chatModels.map((model) => ({
-        label: <ModelItemRender {...model} />,
+        label: <ModelItemRender {...model} showInfoTag={showAbility} />,
         provider: provider.id,
         value: model.id,
       }));
@@ -53,11 +55,11 @@ const ModelSelect = memo<ModelSelectProps>(({ value, onChange }) => {
 
   return (
     <Select
-      className={styles.select}
       onChange={(model, option) => {
         onChange?.({ model, provider: (option as unknown as ModelOption).provider });
       }}
       options={options}
+      popupClassName={styles.select}
       popupMatchSelectWidth={false}
       value={value}
     />

package/src/locales/default/setting.ts

@@ -370,6 +370,11 @@ export default {
     },
   },
   systemAgent: {
+    agentMeta: {
+      label: '助理元数据生成模型',
+      modelDesc: '指定用于生成助理名称、描述、头像、标签的模型',
+      title: '自动生成助理信息',
+    },
     title: '系统助手',
     topic: {
       label: '话题命名模型',

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

@@ -1,11 +1,13 @@
 import { DeepPartial } from 'utility-types';
 
 import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
+import { AgentSettingsInstance } from '@/features/AgentSetting';
 import { LobeAgentConfig } from '@/types/agent';
 
 export interface AgentState {
   activeId: string;
   agentMap: Record<string, DeepPartial<LobeAgentConfig>>;
+  agentSettingInstance?: AgentSettingsInstance | null;
   defaultAgentConfig: LobeAgentConfig;
   isInboxAgentConfigInit: boolean;
   updateAgentChatConfigSignal?: AbortController;

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

@@ -8,7 +8,13 @@ import { userService } from '@/services/user';
 import type { UserStore } from '@/store/user';
 import { LocaleMode } from '@/types/locale';
 import { LobeAgentSettings } from '@/types/session';
-import { UserGeneralConfig, UserKeyVaults, UserSettings } from '@/types/user/settings';
+import {
+  SystemAgentItem,
+  UserGeneralConfig,
+  UserKeyVaults,
+  UserSettings,
+  UserSystemAgentConfigKey,
+} from '@/types/user/settings';
 import { switchLang } from '@/utils/client/switchLang';
 import { difference } from '@/utils/difference';
 import { merge } from '@/utils/merge';
@@ -25,7 +31,7 @@ export interface UserSettingsAction {
   updateGeneralConfig: (settings: Partial<UserGeneralConfig>) => Promise<void>;
   updateKeyVaults: (settings: Partial<UserKeyVaults>) => Promise<void>;
 
-  updateSystemAgent: (key: string, value: { model: string; provider: string }) => Promise<void>;
+  updateSystemAgent: (key: UserSystemAgentConfigKey, value: SystemAgentItem) => Promise<void>;
 }
 
 export const createSettingsSlice: StateCreator<

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

@@ -9,8 +9,10 @@ const currentSystemAgent = (s: UserStore) =>
 
 const translation = (s: UserStore) => currentSystemAgent(s).translation;
 const topic = (s: UserStore) => currentSystemAgent(s).topic;
+const agentMeta = (s: UserStore) => currentSystemAgent(s).agentMeta;
 
 export const systemAgentSelectors = {
+  agentMeta,
   topic,
   translation,
 };

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

@@ -4,6 +4,9 @@ export interface SystemAgentItem {
 }
 
 export interface UserSystemAgentConfig {
+  agentMeta: SystemAgentItem;
   topic: SystemAgentItem;
   translation: SystemAgentItem;
 }
+
+export type UserSystemAgentConfigKey = keyof UserSystemAgentConfig;