From 6b7b24005732b2b153b71d846c6e75508c31ea53 Mon Sep 17 00:00:00 2001
From: zhujiruo <zhujiruo@foxmail.com>
Date: Mon, 21 Jul 2025 09:42:30 +0800
Subject: [PATCH] fix: Adjust tool selector popup styles (#22622)

- Add z-10 class name to PortalToFollowElemContent
---
 .../tool-selector/index.tsx                   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
index 9c7c7a0c41..d2797b99f4 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
@@ -265,7 +265,7 @@ const ToolSelector: FC<Props> = ({
             />
           )}
         </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='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t(`plugin.detailPanel.toolSelector.${isEdit ? 'toolSetting' : 'title'}`)}</div>
@@ -309,15 +309,15 @@ const ToolSelector: FC<Props> = ({
               {currentProvider && currentProvider.type === CollectionType.builtIn && currentProvider.allow_delete && (
                 <>
                   <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>
                 </>
               )}