@lobehub/chat 1.0.11 → 1.0.13

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.0.13](https://github.com/lobehub/lobe-chat/compare/v1.0.12...v1.0.13)
+
+<sup>Released on **2024-06-19**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix and improve tool calling.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix and improve tool calling, closes [#2941](https://github.com/lobehub/lobe-chat/issues/2941) ([ea06536](https://github.com/lobehub/lobe-chat/commit/ea06536))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [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.13",
   "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",
@@ -92,7 +92,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@anthropic-ai/sdk": "^0.21.0",
+    "@anthropic-ai/sdk": "^0.23.0",
     "@auth/core": "0.28.0",
     "@aws-sdk/client-bedrock-runtime": "^3.583.0",
     "@aws-sdk/client-s3": "^3.583.0",
@@ -109,7 +109,7 @@
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^1.23.0",
     "@lobehub/tts": "^1.24.1",
-    "@lobehub/ui": "^1.143.3",
+    "@lobehub/ui": "^1.143.5",
     "@microsoft/fetch-event-source": "^2.0.1",
     "@neondatabase/serverless": "^0.9.3",
     "@next/third-parties": "^14.2.3",
@@ -154,6 +154,7 @@
     "nuqs": "^1.17.4",
     "ollama": "^0.5.1",
     "openai": "^4.47.1",
+    "partial-json": "^0.1.7",
     "pg": "^8.11.5",
     "pino": "^9.1.0",
     "polished": "^4.3.1",

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;
   },
 );