| | |
| | | render: ({ isSelected, onSelect, onSetHighlight }) => { |
| | | return <PromptMenuItem |
| | | title={t('common.promptEditor.context.item.title')} |
| | | icon={<File05 className='h-4 w-4 text-[#6938EF]' />} |
| | | icon={<File05 className='w-4 h-4 text-[#6938EF]' />} |
| | | disabled={!contextBlock.selectable} |
| | | isSelected={isSelected} |
| | | onClick={onSelect} |
| | |
| | | return ( |
| | | <PromptMenuItem |
| | | title={t('common.promptEditor.query.item.title')} |
| | | icon={<UserEdit02 className='h-4 w-4 text-[#FD853A]' />} |
| | | icon={<UserEdit02 className='w-4 h-4 text-[#FD853A]' />} |
| | | disabled={!queryBlock.selectable} |
| | | isSelected={isSelected} |
| | | onClick={onSelect} |
| | |
| | | return ( |
| | | <PromptMenuItem |
| | | title={t('common.promptEditor.history.item.title')} |
| | | icon={<MessageClockCircle className='h-4 w-4 text-[#DD2590]' />} |
| | | icon={<MessageClockCircle className='w-4 h-4 text-[#DD2590]' />} |
| | | disabled={!historyBlock.selectable |
| | | } |
| | | isSelected={isSelected} |
| | |
| | | return ( |
| | | <VariableMenuItem |
| | | title={item.value} |
| | | icon={<BracketsX className='h-[14px] w-[14px] text-text-accent' />} |
| | | icon={<BracketsX className='w-[14px] h-[14px] text-text-accent' />} |
| | | queryString={queryString} |
| | | isSelected={isSelected} |
| | | onClick={onSelect} |
| | |
| | | return ( |
| | | <VariableMenuItem |
| | | title={t('common.promptEditor.variable.modal.add')} |
| | | icon={<BracketsX className='h-[14px] w-[14px] text-text-accent' />} |
| | | icon={<BracketsX className='w-[14px] h-[14px] text-text-accent' />} |
| | | queryString={queryString} |
| | | isSelected={isSelected} |
| | | onClick={onSelect} |
| | |
| | | title={item.name} |
| | | icon={ |
| | | <AppIcon |
| | | className='!h-[14px] !w-[14px]' |
| | | className='!w-[14px] !h-[14px]' |
| | | icon={item.icon} |
| | | background={item.icon_background} |
| | | /> |
| | |
| | | return ( |
| | | <VariableMenuItem |
| | | title={t('common.promptEditor.variable.modal.addTool')} |
| | | icon={<Tool03 className='h-[14px] w-[14px] text-text-accent' />} |
| | | extraElement={< ArrowUpRight className='h-3 w-3 text-text-tertiary' />} |
| | | icon={<Tool03 className='w-[14px] h-[14px] text-text-accent' />} |
| | | extraElement={< ArrowUpRight className='w-3 h-3 text-text-tertiary' />} |
| | | queryString={queryString} |
| | | isSelected={isSelected} |
| | | onClick={onSelect} |