| return forms | return forms | ||||
| })() | })() | ||||
| const handleModelChange = useCallback((model: { | |||||
| provider: string | |||||
| modelId: string | |||||
| mode?: string | |||||
| }) => { | |||||
| handleCompletionParamsChange({}) | |||||
| handleModelChanged(model) | |||||
| // eslint-disable-next-line react-hooks/exhaustive-deps | |||||
| }, []) | |||||
| return ( | return ( | ||||
| <div className='mt-2'> | <div className='mt-2'> | ||||
| <div className='px-4 pb-4 space-y-4'> | <div className='px-4 pb-4 space-y-4'> | ||||
| provider={model?.provider} | provider={model?.provider} | ||||
| completionParams={model?.completion_params} | completionParams={model?.completion_params} | ||||
| modelId={model?.name} | modelId={model?.name} | ||||
| setModel={handleModelChanged} | |||||
| setModel={handleModelChange} | |||||
| onCompletionParamsChange={handleCompletionParamsChange} | onCompletionParamsChange={handleCompletionParamsChange} | ||||
| hideDebugWithMultipleModel | hideDebugWithMultipleModel | ||||
| debugWithMultipleModel={false} | debugWithMultipleModel={false} |