| | |
| | | > |
| | | <div className='relative'> |
| | | <PortalToFollowElemTrigger |
| | | onClick={() => { |
| | | if (isCurrentWorkspaceEditor) |
| | | setOpen(v => !v) |
| | | }} |
| | | className='block' |
| | | > |
| | | <div className={cn('flex p-1 rounded-lg', open && 'bg-gray-100', isCurrentWorkspaceEditor && 'hover:bg-gray-100 cursor-pointer')}> |
| | |
| | | iconType={appDetail.icon_type} |
| | | icon={appDetail.icon} |
| | | background={appDetail.icon_background} |
| | | imageUrl={appDetail.icon_url} |
| | | imageUrl={appDetail.mode === 'agent-chat' ? '/avatar/agent.png' : '/avatar/workflow.png' } |
| | | /> |
| | | <span className={cn( |
| | | 'absolute bottom-[-3px] right-[-3px] w-4 h-4 p-0.5 bg-white rounded border-[0.5px] border-[rgba(0,0,0,0.02)] shadow-sm', |
| | | !expand && '!w-3.5 !h-3.5 !bottom-[-2px] !right-[-2px]', |
| | | )}> |
| | | {appDetail.mode === 'advanced-chat' && ( |
| | | <ChatBot className={cn('w-3 h-3 text-[#1570EF]', !expand && '!w-2.5 !h-2.5')} /> |
| | | )} |
| | | {appDetail.mode === 'agent-chat' && ( |
| | | <CuteRobot className={cn('w-3 h-3 text-indigo-600', !expand && '!w-2.5 !h-2.5')} /> |
| | | )} |
| | | {appDetail.mode === 'chat' && ( |
| | | <ChatBot className={cn('w-3 h-3 text-[#1570EF]', !expand && '!w-2.5 !h-2.5')} /> |
| | | )} |
| | | {appDetail.mode === 'completion' && ( |
| | | <AiText className={cn('w-3 h-3 text-[#0E9384]', !expand && '!w-2.5 !h-2.5')} /> |
| | | )} |
| | | {appDetail.mode === 'workflow' && ( |
| | | <Route className={cn('w-3 h-3 text-[#f79009]', !expand && '!w-2.5 !h-2.5')} /> |
| | | )} |
| | | </span> |
| | | </div> |
| | | {expand && ( |
| | | <div className="grow w-0"> |