| | |
| | | |
| | | return ( |
| | | <PortalToFollowElem open> |
| | | <PortalToFollowElemContent className='z-[60] h-full w-full'> |
| | | <div className='fixed inset-0 flex items-center justify-center bg-background-overlay'> |
| | | <div className='mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl'> |
| | | <PortalToFollowElemContent className='w-full h-full z-[60]'> |
| | | <div className='fixed inset-0 flex items-center justify-center bg-black/[.25]'> |
| | | <div className='mx-2 w-[640px] max-h-[calc(100vh-120px)] bg-white shadow-xl rounded-2xl overflow-y-auto'> |
| | | <div className='px-8 pt-8'> |
| | | <div className='mb-4 flex items-center justify-between'> |
| | | <div className='system-xl-semibold text-text-primary'>{t(`${I18N_PREFIX}.configFirecrawl`)}</div> |
| | | <div className='flex justify-between items-center mb-4'> |
| | | <div className='text-xl font-semibold text-gray-900'>{t(`${I18N_PREFIX}.configFirecrawl`)}</div> |
| | | </div> |
| | | |
| | | <div className='space-y-4'> |
| | |
| | | placeholder={DEFAULT_BASE_URL} |
| | | /> |
| | | </div> |
| | | <div className='my-8 flex h-8 items-center justify-between'> |
| | | <a className='flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent' target='_blank' href='https://www.firecrawl.dev/account'> |
| | | <div className='my-8 flex justify-between items-center h-8'> |
| | | <a className='flex items-center space-x-1 leading-[18px] text-xs font-normal text-[#155EEF]' target='_blank' href='https://www.firecrawl.dev/account'> |
| | | <span>{t(`${I18N_PREFIX}.getApiKeyLinkText`)}</span> |
| | | <LinkExternal02 className='h-3 w-3' /> |
| | | <LinkExternal02 className='w-3 h-3' /> |
| | | </a> |
| | | <div className='flex'> |
| | | <Button |
| | |
| | | |
| | | </div> |
| | | </div> |
| | | <div className='border-t-[0.5px] border-t-divider-regular'> |
| | | <div className='flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary'> |
| | | <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' /> |
| | | <div className='border-t-[0.5px] border-t-black/5'> |
| | | <div className='flex justify-center items-center py-3 bg-gray-50 text-xs text-gray-500'> |
| | | <Lock01 className='mr-1 w-3 h-3 text-gray-500' /> |
| | | {t('common.modelProvider.encrypted.front')} |
| | | <a |
| | | className='mx-1 text-text-accent' |
| | | className='text-primary-600 mx-1' |
| | | target='_blank' rel='noopener noreferrer' |
| | | href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html' |
| | | > |