@lobehub/chat 0.83.3 → 0.83.5

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.83.5](https://github.com/lobehub/lobe-chat/compare/v0.83.4...v0.83.5)
+
+<sup>Released on **2023-10-06**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix agent market list.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix agent market list, closes [#273](https://github.com/lobehub/lobe-chat/issues/273) ([c020277](https://github.com/lobehub/lobe-chat/commit/c020277))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.83.4](https://github.com/lobehub/lobe-chat/compare/v0.83.3...v0.83.4)
+
+<sup>Released on **2023-10-06**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix agent settings.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix agent settings, closes [#271](https://github.com/lobehub/lobe-chat/issues/271) ([aac9a70](https://github.com/lobehub/lobe-chat/commit/aac9a70))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.83.3](https://github.com/lobehub/lobe-chat/compare/v0.83.2...v0.83.3)
 
 <sup>Released on **2023-10-06**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.83.3",
+  "version": "0.83.5",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",

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

@@ -1,188 +1,170 @@
 import { Form, ItemGroup, SelectWithImg, SliderWithInput } from '@lobehub/ui';
-import { ConfigProvider, Input, Select, Switch } from 'antd';
-import { useTheme, useThemeMode } from 'antd-style';
+import { Form as AFrom, Input, Select, Switch } from 'antd';
+import { useThemeMode } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { debounce } from 'lodash-es';
 import { BrainCog, LayoutList, MessageSquare, MessagesSquare } from 'lucide-react';
-import { memo, useMemo } from 'react';
+import { memo, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { LanguageModel } from '@/types/llm';
-import { LobeAgentConfigKeys } from '@/types/session';
 
 import { useStore } from '../store';
 
-type SettingItemGroup = ItemGroup & {
-  children: {
-    name?: LobeAgentConfigKeys | string | string[];
-  }[];
-};
-
 const AgentConfig = memo(() => {
   const { t } = useTranslation('setting');
   const updateConfig = useStore((s) => s.setAgentConfig);
+  const [form] = AFrom.useForm();
   const config = useStore((s) => s.config, isEqual);
-  const theme = useTheme();
+
   const { isDarkMode } = useThemeMode();
 
-  const chat: SettingItemGroup = useMemo(
-    () => ({
-      children: [
-        {
-          children: (
-            <SelectWithImg
-              height={86}
-              onChange={(mode) => updateConfig({ displayMode: mode })}
-              options={[
-                {
-                  icon: MessagesSquare,
-                  img: `/images/chatmode_chat_${isDarkMode ? 'dark' : 'light'}.webp`,
-                  label: t('settingChat.chatStyleType.type.chat'),
-                  value: 'chat',
-                },
-                {
-                  icon: LayoutList,
-                  img: `/images/chatmode_docs_${isDarkMode ? 'dark' : 'light'}.webp`,
-                  label: t('settingChat.chatStyleType.type.docs'),
-                  value: 'docs',
-                },
-              ]}
-              value={config.displayMode}
-              width={144}
-            />
-          ),
-          label: t('settingChat.chatStyleType.title'),
-          minWidth: undefined,
-        },
-        {
-          children: <Input placeholder={t('settingChat.inputTemplate.placeholder')} />,
-          desc: t('settingChat.inputTemplate.desc'),
-          label: t('settingChat.inputTemplate.title'),
-          name: 'inputTemplate',
-        },
-        {
-          children: <Switch />,
-          label: t('settingChat.enableHistoryCount.title'),
-          minWidth: undefined,
-          name: 'enableHistoryCount',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={32} min={0} />,
-          desc: t('settingChat.historyCount.desc'),
-          divider: false,
-          hidden: !config.enableHistoryCount,
-          label: t('settingChat.historyCount.title'),
-          name: 'historyCount',
-        },
-        {
-          children: <Switch />,
-          label: t('settingChat.enableCompressThreshold.title'),
-          minWidth: undefined,
-          name: 'enableCompressThreshold',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={32} min={0} />,
-          desc: t('settingChat.compressThreshold.desc'),
-          divider: false,
-          hidden: !config.enableCompressThreshold,
-          label: t('settingChat.compressThreshold.title'),
-          name: 'compressThreshold',
-        },
-      ],
-      icon: MessageSquare,
-      title: t('settingChat.title'),
-    }),
-    [config],
-  );
+  useEffect(() => {
+    form.setFieldsValue(config);
+  }, [config]);
 
-  const model: SettingItemGroup = useMemo(
-    () => ({
-      children: [
-        {
-          children: (
-            <Select
-              options={Object.values(LanguageModel).map((value) => ({
-                label: value,
-                value,
-              }))}
-            />
-          ),
-          desc: t('settingModel.model.desc'),
-          label: t('settingModel.model.title'),
-          name: 'model',
-          tag: 'model',
-        },
-        {
-          children: <SliderWithInput max={1} min={0} step={0.1} />,
-          desc: t('settingModel.temperature.desc'),
-          label: t('settingModel.temperature.title'),
-          name: ['params', 'temperature'],
-          tag: 'temperature',
-        },
-        {
-          children: <SliderWithInput max={1} min={0} step={0.1} />,
-          desc: t('settingModel.topP.desc'),
-          label: t('settingModel.topP.title'),
-          name: ['params', 'top_p'],
-          tag: 'top_p',
-        },
-        {
-          children: <SliderWithInput max={2} min={-2} step={0.1} />,
-          desc: t('settingModel.presencePenalty.desc'),
-          label: t('settingModel.presencePenalty.title'),
-          name: ['params', 'presence_penalty'],
-          tag: 'presence_penalty',
-        },
-        {
-          children: <SliderWithInput max={2} min={-2} step={0.1} />,
-          desc: t('settingModel.frequencyPenalty.desc'),
-          label: t('settingModel.frequencyPenalty.title'),
-          name: ['params', 'frequency_penalty'],
-          tag: 'frequency_penalty',
-        },
-        {
-          children: <Switch />,
-          label: t('settingModel.enableMaxTokens.title'),
-          minWidth: undefined,
-          name: 'enableMaxTokens',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={32_000} min={0} step={100} />,
-          desc: t('settingModel.maxTokens.desc'),
-          divider: false,
-          hidden: !config?.enableMaxTokens,
-          label: t('settingModel.maxTokens.title'),
-          name: ['params', 'max_tokens'],
-          tag: 'max_tokens',
-        },
-      ],
-      icon: BrainCog,
-      title: t('settingModel.title'),
-    }),
-    [config],
-  );
+  const chat: ItemGroup = {
+    children: [
+      {
+        children: (
+          <SelectWithImg
+            height={86}
+            onChange={(mode) => updateConfig({ displayMode: mode })}
+            options={[
+              {
+                icon: MessagesSquare,
+                img: `/images/chatmode_chat_${isDarkMode ? 'dark' : 'light'}.webp`,
+                label: t('settingChat.chatStyleType.type.chat'),
+                value: 'chat',
+              },
+              {
+                icon: LayoutList,
+                img: `/images/chatmode_docs_${isDarkMode ? 'dark' : 'light'}.webp`,
+                label: t('settingChat.chatStyleType.type.docs'),
+                value: 'docs',
+              },
+            ]}
+            value={config.displayMode}
+            width={144}
+          />
+        ),
+        label: t('settingChat.chatStyleType.title'),
+        minWidth: undefined,
+      },
+      {
+        children: <Input placeholder={t('settingChat.inputTemplate.placeholder')} />,
+        desc: t('settingChat.inputTemplate.desc'),
+        label: t('settingChat.inputTemplate.title'),
+        name: 'inputTemplate',
+      },
+      {
+        children: <Switch />,
+        label: t('settingChat.enableHistoryCount.title'),
+        minWidth: undefined,
+        name: 'enableHistoryCount',
+        valuePropName: 'checked',
+      },
+      {
+        children: <SliderWithInput max={32} min={0} />,
+        desc: t('settingChat.historyCount.desc'),
+        divider: false,
+        hidden: !config.enableHistoryCount,
+        label: t('settingChat.historyCount.title'),
+        name: 'historyCount',
+      },
+      {
+        children: <Switch />,
+        label: t('settingChat.enableCompressThreshold.title'),
+        minWidth: undefined,
+        name: 'enableCompressThreshold',
+        valuePropName: 'checked',
+      },
+      {
+        children: <SliderWithInput max={32} min={0} />,
+        desc: t('settingChat.compressThreshold.desc'),
+        divider: false,
+        hidden: !config.enableCompressThreshold,
+        label: t('settingChat.compressThreshold.title'),
+        name: 'compressThreshold',
+      },
+    ],
+    icon: MessageSquare,
+    title: t('settingChat.title'),
+  };
+
+  const model: ItemGroup = {
+    children: [
+      {
+        children: (
+          <Select
+            options={Object.values(LanguageModel).map((value) => ({
+              label: value,
+              value,
+            }))}
+          />
+        ),
+        desc: t('settingModel.model.desc'),
+        label: t('settingModel.model.title'),
+        name: 'model',
+        tag: 'model',
+      },
+      {
+        children: <SliderWithInput max={1} min={0} step={0.1} />,
+        desc: t('settingModel.temperature.desc'),
+        label: t('settingModel.temperature.title'),
+        name: ['params', 'temperature'],
+        tag: 'temperature',
+      },
+      {
+        children: <SliderWithInput max={1} min={0} step={0.1} />,
+        desc: t('settingModel.topP.desc'),
+        label: t('settingModel.topP.title'),
+        name: ['params', 'top_p'],
+        tag: 'top_p',
+      },
+      {
+        children: <SliderWithInput max={2} min={-2} step={0.1} />,
+        desc: t('settingModel.presencePenalty.desc'),
+        label: t('settingModel.presencePenalty.title'),
+        name: ['params', 'presence_penalty'],
+        tag: 'presence_penalty',
+      },
+      {
+        children: <SliderWithInput max={2} min={-2} step={0.1} />,
+        desc: t('settingModel.frequencyPenalty.desc'),
+        label: t('settingModel.frequencyPenalty.title'),
+        name: ['params', 'frequency_penalty'],
+        tag: 'frequency_penalty',
+      },
+      {
+        children: <Switch />,
+        label: t('settingModel.enableMaxTokens.title'),
+        minWidth: undefined,
+        name: 'enableMaxTokens',
+        valuePropName: 'checked',
+      },
+      {
+        children: <SliderWithInput max={32_000} min={0} step={100} />,
+        desc: t('settingModel.maxTokens.desc'),
+        divider: false,
+        hidden: !config?.enableMaxTokens,
+        label: t('settingModel.maxTokens.title'),
+        name: ['params', 'max_tokens'],
+        tag: 'max_tokens',
+      },
+    ],
+    icon: BrainCog,
+    title: t('settingModel.title'),
+  };
 
   return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Segmented: {
-            colorBgLayout: theme.isDarkMode ? '#111' : '#f1f1f1',
-          },
-        },
-      }}
-    >
-      <Form
-        initialValues={config}
-        items={[chat, model]}
-        onValuesChange={debounce(updateConfig, 100)}
-        {...FORM_STYLE}
-      />
-    </ConfigProvider>
+    <Form
+      form={form}
+      items={[chat, model]}
+      onValuesChange={debounce(updateConfig, 100)}
+      {...FORM_STYLE}
+    />
   );
 });
 

package/src/services/agentMarket.ts

@@ -1,11 +1,13 @@
-import { getAgentJSON } from '@/const/url';
+import { getAgentIndexJSON, getAgentJSON } from '@/const/url';
 import { settingsSelectors, useGlobalStore } from '@/store/global';
 
 /**
  * 请求助手列表
  */
 export const getAgentList = async () => {
-  const res = await fetch(settingsSelectors.currentLanguage(useGlobalStore.getState()));
+  const res = await fetch(
+    getAgentIndexJSON(settingsSelectors.currentLanguage(useGlobalStore.getState())),
+  );
 
   return res.json();
 };