| | |
| | | |
| | | return ( |
| | | <div className={cn('flex items-center rounded-lg')}> |
| | | <div className='mr-px flex h-8 shrink-0 items-center gap-1 rounded-l-lg bg-components-input-bg-normal pl-1.5 pr-2'> |
| | | <div className='shrink-0 flex items-center gap-1 mr-px h-8 pl-1.5 pr-2 rounded-l-lg bg-components-input-bg-normal'> |
| | | <ModelIcon |
| | | className='!h-5 !w-5' |
| | | className='!w-5 !h-5' |
| | | provider={currentProvider} |
| | | modelName={currentModel?.model} |
| | | /> |
| | |
| | | className='block' |
| | | > |
| | | <div className={cn( |
| | | 'cursor-pointer rounded-r-lg bg-components-button-tertiary-bg p-2 hover:bg-components-button-tertiary-bg-hover', |
| | | 'p-2 rounded-r-lg bg-components-button-tertiary-bg hover:bg-components-button-tertiary-bg-hover cursor-pointer', |
| | | open && 'bg-components-button-tertiary-bg-hover', |
| | | )}> |
| | | <RiInformation2Line className='h-4 w-4 text-text-tertiary' /> |
| | | </div> |
| | | </PortalToFollowElemTrigger> |
| | | <PortalToFollowElemContent className='z-[1002]'> |
| | | <div className='relative w-[280px] overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg px-4 pb-2 pt-3 shadow-xl'> |
| | | <div className='system-sm-semibold-uppercase mb-1 h-6 text-text-secondary'>{t('appLog.detail.modelParams')}</div> |
| | | <div className='relative w-[280px] pt-3 px-4 pb-2 bg-components-panel-bg rounded-2xl border-[0.5px] border-components-panel-border shadow-xl overflow-hidden'> |
| | | <div className='mb-1 h-6 text-text-secondary system-sm-semibold-uppercase'>{t('appLog.detail.modelParams')}</div> |
| | | <div className='py-1'> |
| | | {['temperature', 'top_p', 'presence_penalty', 'max_tokens', 'stop'].map((param: string, index: number) => { |
| | | return <div className='flex justify-between py-1.5' key={index}> |
| | | <span className='system-xs-medium-uppercase text-text-tertiary'>{PARAM_MAP[param as keyof typeof PARAM_MAP]}</span> |
| | | <span className='system-xs-medium-uppercase text-text-secondary'>{getParamValue(param)}</span> |
| | | <span className='text-text-tertiary system-xs-medium-uppercase'>{PARAM_MAP[param as keyof typeof PARAM_MAP]}</span> |
| | | <span className='text-text-secondary system-xs-medium-uppercase'>{getParamValue(param)}</span> |
| | | </div> |
| | | })} |
| | | </div> |