@lobehub/chat 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 # Changelog
 
+## [Version 0.21.0](https://github.com/lobehub/lobe-chat/compare/v0.20.0...v0.21.0)
+
+<sup>Released on **2023-07-25**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Move component folder.
+
+#### ✨ Features
+
+- **misc**: 支持快捷配置模型、温度.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Move component folder ([fb85d16](https://github.com/lobehub/lobe-chat/commit/fb85d16))
+
+#### What's improved
+
+- **misc**: 支持快捷配置模型、温度, closes [#19](https://github.com/lobehub/lobe-chat/issues/19) ([31daee1](https://github.com/lobehub/lobe-chat/commit/31daee1))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.20.0](https://github.com/lobehub/lobe-chat/compare/v0.19.0...v0.20.0)
 
 <sup>Released on **2023-07-25**</sup>

package/package.json

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

package/src/{features → components}/SliderWithInput/index.tsx

@@ -20,6 +20,7 @@ const SliderWithInput = memo<SliderSingleProps>(
           onChange={handleOnchange}
           step={step}
           style={{ flex: 1 }}
+          tooltip={{ open: false }}
           value={typeof value === 'number' ? value : 0}
           {...props}
         />

package/src/locales/default/setting.ts

@@ -102,6 +102,7 @@ export default {
     temperature: {
       desc: '值越大，回复越随机',
       title: '随机性',
+      titleWithValue: '随机性 {{value}}',
     },
     title: '模型设置',
     topP: {

package/src/pages/chat/[id]/Conversation/Input/Action.tsx

@@ -1,21 +1,80 @@
 import { ActionIcon } from '@lobehub/ui';
-import { Popconfirm } from 'antd';
-import { BrainCog, Eraser, Thermometer, Timer } from 'lucide-react';
+import { Dropdown, Popconfirm, Popover } from 'antd';
+import { BrainCog, Eraser, Thermometer } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { shallow } from 'zustand/shallow';
 
-import { useSessionStore } from '@/store/session';
+import SliderWithInput from '@/components/SliderWithInput';
+import { agentSelectors, useSessionStore } from '@/store/session';
+import { LanguageModel } from '@/types/llm';
 
 const InputActions = memo(() => {
   const { t } = useTranslation('setting');
-  const [clearMessage] = useSessionStore((s) => [s.clearMessage], shallow);
+  const [clearMessage, updateAgentConfig] = useSessionStore(
+    (s) => [s.clearMessage, s.updateAgentConfig],
+    shallow,
+  );
+  const [model, temperature] = useSessionStore((s) => {
+    const config = agentSelectors.currentAgentConfigSafe(s);
+    return [
+      config.model,
+      config.params.temperature,
+      // config.historyCount
+    ];
+  }, shallow);
 
   return (
     <>
-      <ActionIcon icon={BrainCog} title={t('settingModel.model.title')} />
-      <ActionIcon icon={Thermometer} title={t('settingModel.temperature.title')} />
-      <ActionIcon icon={Timer} title={t('settingChat.historyCount.title')} />
+      <Dropdown
+        menu={{
+          activeKey: model,
+          items: Object.values(LanguageModel).map((i) => ({ key: i, label: i })),
+          onClick: (e) => {
+            updateAgentConfig({ model: e.key as LanguageModel });
+          },
+        }}
+        trigger={['click']}
+      >
+        <ActionIcon icon={BrainCog} title={t('settingModel.model.title')} />
+      </Dropdown>
+      <Popover
+        content={
+          <SliderWithInput
+            max={1}
+            min={0}
+            onChange={(v) => {
+              updateAgentConfig({ params: { temperature: v } });
+            }}
+            step={0.1}
+            style={{ width: 120 }}
+            value={temperature}
+          />
+        }
+        trigger={'click'}
+      >
+        <ActionIcon
+          icon={Thermometer}
+          title={t('settingModel.temperature.titleWithValue', { value: temperature })}
+        />
+      </Popover>
+      {/*TODO 历史记录功能实现 */}
+      {/*<Popover*/}
+      {/*  content={*/}
+      {/*    <SliderWithInput*/}
+      {/*      min={0}*/}
+      {/*      onChange={(v) => {*/}
+      {/*        updateAgentConfig({ historyCount: v });*/}
+      {/*      }}*/}
+      {/*      step={1}*/}
+      {/*      style={{ width: 120 }}*/}
+      {/*      value={historyCount}*/}
+      {/*    />*/}
+      {/*  }*/}
+      {/*  trigger={'click'}*/}
+      {/*>*/}
+      {/*  <ActionIcon icon={Timer} title={t('settingChat.historyCount.title')} />*/}
+      {/*</Popover>*/}
       <Popconfirm
         cancelText={t('cancel', { ns: 'common' })}
         okButtonProps={{ danger: true }}

package/src/pages/chat/[id]/edit/AgentConfig/index.tsx

@@ -6,10 +6,10 @@ import { debounce } from 'lodash-es';
 import { BrainCog, MessagesSquare } from 'lucide-react';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import SliderWithInput from 'src/components/SliderWithInput';
 import { shallow } from 'zustand/shallow';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
-import SliderWithInput from '@/features/SliderWithInput';
 import { agentSelectors, useSessionStore } from '@/store/session';
 import { LanguageModel } from '@/types/llm';
 import type { LobeAgentConfig } from '@/types/session';

package/src/pages/setting/SettingForm.tsx

@@ -5,11 +5,11 @@ import { debounce } from 'lodash-es';
 import { AppWindow, BrainCog, MessagesSquare, Palette, Webhook } from 'lucide-react';
 import { memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import SliderWithInput from 'src/components/SliderWithInput';
 import { shallow } from 'zustand/shallow';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
 import AvatarWithUpload from '@/features/AvatarWithUpload';
-import SliderWithInput from '@/features/SliderWithInput';
 import { options } from '@/locales/options';
 import { settingsSelectors, useSettings } from '@/store/settings';
 import { DEFAULT_SETTINGS } from '@/store/settings/initialState';