| | |
| | | className='mt-3 w-full' |
| | | > |
| | | {t('appDebug.operation.applyConfig')} |
| | | <RiArrowDownSLine className='ml-0.5 h-3 w-3' /> |
| | | <RiArrowDownSLine className='ml-0.5 w-3 h-3' /> |
| | | </Button> |
| | | </PortalToFollowElemTrigger> |
| | | <PortalToFollowElemContent className='z-50 mt-1 w-[288px]'> |
| | | <div className='rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg'> |
| | | <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'> |
| | | <PortalToFollowElemContent className='mt-1 w-[288px] z-50'> |
| | | <div className='p-1 rounded-lg border-[0.5px] border-gray-200 shadow-lg bg-white'> |
| | | <div className='flex items-center px-3 h-[22px] text-xs font-medium text-gray-500'> |
| | | {t('appDebug.publishAs')} |
| | | </div> |
| | | { |
| | | validModelConfigs.map((item, index) => ( |
| | | <div |
| | | key={item.id} |
| | | className='flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-tertiary hover:bg-state-base-hover' |
| | | className='flex items-center h-8 px-3 text-sm text-gray-500 rounded-lg cursor-pointer hover:bg-gray-100' |
| | | onClick={() => handleSelect(item)} |
| | | > |
| | | <span className='min-w-[18px] italic'>#{index + 1}</span> |
| | | <span className='italic min-w-[18px]'>#{index + 1}</span> |
| | | <ModelIcon modelName={item.model} provider={item.providerItem} className='ml-2' /> |
| | | <div |
| | | className='ml-1 truncate text-text-secondary' |
| | | className='ml-1 text-gray-700 truncate' |
| | | title={item.modelItem.label[language]} |
| | | > |
| | | {item.modelItem.label[language]} |