| | |
| | | && formData.external_retrieval_model.score_threshold !== undefined |
| | | |
| | | return ( |
| | | <div className='flex grow flex-col self-stretch rounded-t-2xl border-t border-effects-highlight bg-components-panel-bg'> |
| | | <div className='flex grow justify-center self-stretch'> |
| | | <div className='flex w-full max-w-[960px] flex-col items-center px-14 py-0'> |
| | | <div className='flex w-full max-w-[640px] grow flex-col items-center gap-4 pb-8 pt-6'> |
| | | <div className='relative flex flex-col items-center gap-[2px] self-stretch py-2'> |
| | | <div className='system-xl-semibold grow self-stretch text-text-primary'>{t('dataset.connectDataset')}</div> |
| | | <p className='system-sm-regular text-text-tertiary'> |
| | | <div className='flex flex-col flex-grow self-stretch rounded-t-2xl border-t border-effects-highlight bg-components-panel-bg'> |
| | | <div className='flex justify-center flex-grow self-stretch'> |
| | | <div className='flex w-full max-w-[960px] px-14 py-0 flex-col items-center'> |
| | | <div className='flex w-full max-w-[640px] pt-6 pb-8 flex-col grow items-center gap-4'> |
| | | <div className='relative flex flex-col py-2 items-center gap-[2px] self-stretch'> |
| | | <div className='flex-grow text-text-primary system-xl-semibold self-stretch'>{t('dataset.connectDataset')}</div> |
| | | <p className='text-text-tertiary system-sm-regular'> |
| | | <span>{t('dataset.connectHelper.helper1')}</span> |
| | | <span className='system-sm-medium text-text-secondary'>{t('dataset.connectHelper.helper2')}</span> |
| | | <span className='text-text-secondary system-sm-medium'>{t('dataset.connectHelper.helper2')}</span> |
| | | <span>{t('dataset.connectHelper.helper3')}</span> |
| | | <a className='system-sm-regular self-stretch text-text-accent' href='https://docs.dify.ai/en/guides/knowledge-base/connect-external-knowledge-base' target='_blank' rel="noopener noreferrer"> |
| | | <a className='self-stretch text-text-accent system-sm-regular' href='https://docs.dify.ai/guides/knowledge-base/connect-external-knowledge' target='_blank' rel="noopener noreferrer"> |
| | | {t('dataset.connectHelper.helper4')} |
| | | </a> |
| | | <span>{t('dataset.connectHelper.helper5')} </span> |
| | | </p> |
| | | <Button |
| | | className='absolute left-[-44px] top-1 flex h-8 w-8 items-center justify-center rounded-full p-2' |
| | | className='flex w-8 h-8 p-2 items-center justify-center absolute left-[-44px] top-1 rounded-full' |
| | | variant='tertiary' |
| | | onClick={navBackHandle} |
| | | > |
| | | <RiArrowLeftLine className='h-4 w-4 text-text-tertiary' /> |
| | | <RiArrowLeftLine className='w-4 h-4 text-text-tertiary' /> |
| | | </Button> |
| | | </div> |
| | | <KnowledgeBaseInfo |
| | |
| | | }, |
| | | })} |
| | | /> |
| | | <div className='flex items-center justify-end gap-2 self-stretch py-2'> |
| | | <div className='flex py-2 justify-end items-center gap-2 self-stretch'> |
| | | <Button variant='secondary' onClick={navBackHandle}> |
| | | <div className='system-sm-medium text-components-button-secondary-text'>{t('dataset.externalKnowledgeForm.cancel')}</div> |
| | | <div className='text-components-button-secondary-text system-sm-medium'>{t('dataset.externalKnowledgeForm.cancel')}</div> |
| | | </Button> |
| | | <Button |
| | | variant='primary' |
| | |
| | | disabled={!isFormValid} |
| | | loading={loading} |
| | | > |
| | | <div className='system-sm-medium text-components-button-primary-text'>{t('dataset.externalKnowledgeForm.connect')}</div> |
| | | <RiArrowRightLine className='h-4 w-4 text-components-button-primary-text' /> |
| | | <div className='text-components-button-primary-text system-sm-medium'>{t('dataset.externalKnowledgeForm.connect')}</div> |
| | | <RiArrowRightLine className='w-4 h-4 text-components-button-primary-text' /> |
| | | </Button> |
| | | </div> |
| | | </div> |