enhancement: instruction textarea using autoresize

web/screens/Thread/ThreadRightPanel/index.tsx

@@ -83,7 +83,7 @@
     const componentDataRuntimeSetting = getConfigurationsData(
       modelRuntimeParams,
       selectedModel
     ).filter((x) => x.key !== 'prompt_template')
 
     // engine setting
     const modelEngineParams = extractModelLoadParams(
@@ -96,41 +96,41 @@
     const componentDataEngineSetting = getConfigurationsData(
       modelEngineParams,
       selectedModel
     ).filter((x) => x.key !== 'prompt_template' && x.key !== 'embedding')
 
     // the max value of max token has to follow context length
     const maxTokens = componentDataRuntimeSetting.find(
       (x) => x.key === 'max_tokens'
     )
     const contextLength = componentDataEngineSetting.find(
       (x) => x.key === 'ctx_len'
     )
     if (maxTokens && contextLength) {
       // replace maxToken to componentDataRuntimeSetting
       const updatedComponentDataRuntimeSetting: SettingComponentProps[] =
         componentDataRuntimeSetting.map((settingComponentProps) => {
           if (settingComponentProps.key !== 'max_tokens')
             return settingComponentProps
           const contextLengthValue = Number(contextLength.controllerProps.value)
           const maxTokenValue = Number(
             settingComponentProps.controllerProps.value
           )
           const controllerProps =
             settingComponentProps.controllerProps as SliderComponentProps
           const sliderProps: SliderComponentProps = {
             ...controllerProps,
             max: contextLengthValue,
             value: Math.min(maxTokenValue, contextLengthValue),
           }
 
           const updatedSettingProps: SettingComponentProps = {
             ...settingComponentProps,
             controllerProps: sliderProps,
           }
           return updatedSettingProps
         })
 
       return {
         runtimeSettings: updatedComponentDataRuntimeSetting,
         engineSettings: componentDataEngineSetting,
       }
@@ -156,8 +156,8 @@
 
   const onAssistantInstructionChanged = useCallback(
     (e: React.ChangeEvent<HTMLTextAreaElement>) => {
       if (activeThread && activeAssistant)
         updateThreadMetadata({
           ...activeThread,
           assistants: [
             {
@@ -257,7 +257,7 @@
                 id="assistant-instructions"
                 placeholder="Eg. You are a helpful assistant."
                 value={activeAssistant?.instructions ?? ''}
-                // autoResize
+                autoResize
                 onChange={onAssistantInstructionChanged}
               />
             </div>