| | |
| | | const linkUrl = useMemo(() => { |
| | | if (language.startsWith('zh_')) |
| | | return 'https://docs.dify.ai/zh-hans/guides/tools#ru-he-chuang-jian-zi-ding-yi-gong-ju' |
| | | return 'https://docs.dify.ai/en/guides/tools#how-to-create-custom-tools' |
| | | return 'https://docs.dify.ai/guides/tools#how-to-create-custom-tools' |
| | | }, [language]) |
| | | |
| | | const [isShowEditCollectionToolModal, setIsShowEditCustomCollectionModal] = useState(false) |
| | |
| | | return ( |
| | | <> |
| | | {isCurrentWorkspaceManager && ( |
| | | <div className='col-span-1 flex min-h-[135px] cursor-pointer flex-col rounded-xl border-[0.5px] border-divider-subtle bg-components-panel-on-panel-item-bg transition-all duration-200 ease-in-out hover:bg-components-panel-on-panel-item-bg-hover hover:shadow-lg'> |
| | | <div className='group grow rounded-t-xl hover:bg-background-body' onClick={() => setIsShowEditCustomCollectionModal(true)}> |
| | | <div className='flex shrink-0 items-center p-4 pb-3'> |
| | | <div className='flex h-10 w-10 items-center justify-center rounded-lg border border-components-option-card-option-border bg-components-option-card-option-bg group-hover:border-components-option-card-option-border-hover group-hover:bg-components-option-card-option-bg-hover'> |
| | | <RiAddLine className='h-4 w-4 text-text-tertiary group-hover:text-text-accent'/> |
| | | <div className='flex flex-col col-span-1 bg-gray-200 border-[0.5px] border-black/5 rounded-xl min-h-[160px] transition-all duration-200 ease-in-out cursor-pointer hover:bg-gray-50 hover:shadow-lg'> |
| | | <div className='group grow rounded-t-xl hover:bg-white' onClick={() => setIsShowEditCustomCollectionModal(true)}> |
| | | <div className='shrink-0 flex items-center p-4 pb-3'> |
| | | <div className='w-10 h-10 flex items-center justify-center border border-gray-200 bg-gray-100 rounded-lg group-hover:border-primary-100 group-hover:bg-primary-50'> |
| | | <RiAddLine className='w-4 h-4 text-gray-500 group-hover:text-primary-600'/> |
| | | </div> |
| | | <div className='ml-3 text-sm font-semibold leading-5 text-text-primary group-hover:text-text-accent'>{t('tools.createCustomTool')}</div> |
| | | <div className='ml-3 text-sm font-semibold leading-5 text-gray-800 group-hover:text-primary-600'>{t('tools.createCustomTool')}</div> |
| | | </div> |
| | | </div> |
| | | <div className='rounded-b-xl border-t-[0.5px] border-divider-regular px-4 py-3 text-text-tertiary hover:bg-background-body hover:text-text-accent'> |
| | | <div className='px-4 py-3 rounded-b-xl border-t-[0.5px] border-black/5 text-gray-500 hover:text-[#155EEF] hover:bg-white'> |
| | | <a href={linkUrl} target='_blank' rel='noopener noreferrer' className='flex items-center space-x-1'> |
| | | <BookOpen01 className='h-3 w-3 shrink-0' /> |
| | | <div className='grow truncate text-xs font-normal leading-[18px]' title={t('tools.customToolTip') || ''}>{t('tools.customToolTip')}</div> |
| | | <ArrowUpRight className='h-3 w-3 shrink-0' /> |
| | | <BookOpen01 className='shrink-0 w-3 h-3' /> |
| | | <div className='grow leading-[18px] text-xs font-normal truncate' title={t('tools.customToolTip') || ''}>{t('tools.customToolTip')}</div> |
| | | <ArrowUpRight className='shrink-0 w-3 h-3' /> |
| | | </a> |
| | | </div> |
| | | </div> |