| /> | /> | ||||
| )} | )} | ||||
| </PortalToFollowElemTrigger> | </PortalToFollowElemTrigger> | ||||
| <PortalToFollowElemContent> | |||||
| <PortalToFollowElemContent className='z-10'> | |||||
| <div className={cn('relative max-h-[642px] min-h-20 w-[361px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-4 shadow-lg backdrop-blur-sm', 'overflow-y-auto pb-2')}> | <div className={cn('relative max-h-[642px] min-h-20 w-[361px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-4 shadow-lg backdrop-blur-sm', 'overflow-y-auto pb-2')}> | ||||
| <> | <> | ||||
| <div className='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t(`plugin.detailPanel.toolSelector.${isEdit ? 'toolSetting' : 'title'}`)}</div> | <div className='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t(`plugin.detailPanel.toolSelector.${isEdit ? 'toolSetting' : 'title'}`)}</div> | ||||
| {currentProvider && currentProvider.type === CollectionType.builtIn && currentProvider.allow_delete && ( | {currentProvider && currentProvider.type === CollectionType.builtIn && currentProvider.allow_delete && ( | ||||
| <> | <> | ||||
| <Divider className='my-1 w-full' /> | <Divider className='my-1 w-full' /> | ||||
| <div className='px-4 py-2'> | |||||
| <PluginAuthInAgent | |||||
| pluginPayload={{ | |||||
| provider: currentProvider.name, | |||||
| category: AuthCategory.tool, | |||||
| }} | |||||
| credentialId={value?.credential_id} | |||||
| onAuthorizationItemClick={handleAuthorizationItemClick} | |||||
| /> | |||||
| <div className='px-4 py-2'> | |||||
| <PluginAuthInAgent | |||||
| pluginPayload={{ | |||||
| provider: currentProvider.name, | |||||
| category: AuthCategory.tool, | |||||
| }} | |||||
| credentialId={value?.credential_id} | |||||
| onAuthorizationItemClick={handleAuthorizationItemClick} | |||||
| /> | |||||
| </div> | </div> | ||||
| </> | </> | ||||
| )} | )} |