-
-
- setTemperature(e.target.value)}
- placeholder="1.0"
- className={cn(defaultTextProps, `w-9 ${optionText}`)}
/>
-
+
- setMaxLength(e.target.value)}
- placeholder="1.0"
- className={cn(defaultTextProps, `w-11 ${optionText}`)}
+ setPromptPrefix(e.target.value)}
+ placeholder="Set custom instructions. Defaults to: 'You are ChatGPT, a large language model trained by OpenAI.'"
+ className={cn(defaultTextProps, 'col-span-3 flex h-10 max-h-10 w-full resize-none px-3 py-2 ')}
+ onFocus={() => {
+ textareaRef.current.classList.remove('max-h-10');
+ textareaRef.current.classList.add('max-h-52');
+ }}
+ onBlur={() => {
+ textareaRef.current.classList.remove('max-h-52');
+ textareaRef.current.classList.add('max-h-10');
+ }}
+ ref={textareaRef}
/>
-
+
-
- setTemperature(value)}
- max={2}
- min={0}
- step={0.01}
- className="w-full"
- />
- setMaxLength(value)}
- max={2048}
- min={1}
- step={1}
- className="w-full"
- />
-
-
-
-
-
-
setTopP(e.target.value)}
- placeholder="1.0"
- className={cn(defaultTextProps, `w-9 ${optionText}`)}
+
+ setTemperature(value)}
+ max={2}
+ min={0}
+ step={0.01}
+ className="w-full"
+ />
+ setMaxTokens(value)}
+ max={2048} // should be dynamic to the currently selected model
+ min={1}
+ step={1}
+ className="w-full"
/>
-
-
- setTopP(value)}
- max={2}
- min={0}
- step={0.01}
- className="w-full"
- />
- setFreqP(value)}
- max={2}
- min={0}
- step={0.01}
- className="w-full"
- />
-
-
+
);
}
diff --git a/client/src/components/Input/OpenAIOptions/index.jsx b/client/src/components/Input/OpenAIOptions/index.jsx
index 04138e6d77..0d1050df2c 100644
--- a/client/src/components/Input/OpenAIOptions/index.jsx
+++ b/client/src/components/Input/OpenAIOptions/index.jsx
@@ -1,6 +1,6 @@
-import React, { useState, useEffect, forwardRef } from 'react';
-import { Tabs, TabsList, TabsTrigger } from '../../ui/Tabs.tsx';
-import { useRecoilValue, useRecoilState } from 'recoil';
+import React, { useEffect, useState } from 'react';
+import { useSetRecoilState } from 'recoil';
+import ModelSelect from './ModelSelect';
import { Button } from '../../ui/Button.tsx';
import Settings from './Settings.jsx';
@@ -8,29 +8,75 @@ import store from '~/store';
function OpenAIOptions({ conversation = {} }) {
const { endpoint } = conversation;
- const { advancedMode, setAdvancedMode } = useState(false);
+ const [advancedMode, setAdvancedMode] = useState(false);
+ const setConversation = useSetRecoilState(store.conversation);
const triggerAdvancedMode = () => setAdvancedMode(prev => !prev);
+ const switchToSimpleMode = () => {
+ setConversation(prevState => ({
+ ...prevState,
+ chatGptLabel: null,
+ promptPrefix: null,
+ temperature: 0.8,
+ top_p: 1,
+ presence_penalty: 1
+ }));
+ setAdvancedMode(false);
+ };
+
+ const setModel = newModel => {
+ setConversation(prevState => ({
+ ...prevState,
+ model: newModel
+ }));
+ };
+
+ useEffect(() => {
+ const { endpoint, chatGptLabel, promptPrefix, temperature, top_p, presence_penalty } = conversation;
+
+ if (endpoint !== 'openAI') return;
+
+ const mustInAdvancedMode =
+ chatGptLabel !== null ||
+ promptPrefix !== null ||
+ temperature !== 0.8 ||
+ top_p !== 1 ||
+ presence_penalty !== 1;
+
+ if (mustInAdvancedMode && !advancedMode) setAdvancedMode(true);
+ }, [conversation, advancedMode]);
+
if (endpoint !== 'openAI') return null;
const { model } = conversation;
const cardStyle =
- 'shadow-md px-4 h-[40px] rounded-md min-w-[75px] font-normal bg-white border-black/10 border dark:bg-gray-700 text-black dark:text-white';
+ 'shadow-md rounded-md min-w-[75px] font-normal bg-white border-black/10 border dark:bg-gray-700 text-black dark:text-white';
return (
<>
-
+
+
-