From c5439a37398a554654235be85ba8b83d96cd86a8 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 6 Feb 2026 18:35:01 +0800
Subject: [PATCH] fix: tool icon hover

---
 .../editor/skill-editor/plugins/tool-block/component.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx
index 3c30291ced..bcb33fe74c 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx
@@ -368,12 +368,12 @@ const ToolBlockComponent = ({
         className={cn(
           'hidden size-[14px]',
           needAuthorization ? 'text-text-warning' : 'text-text-accent',
-          isInteractive && 'group-hover:block',
+          isInteractive && 'group-hover/tool:block',
         )}
       />
     )
     const normalIcon = (
-      <span className={cn('flex items-center justify-center', isInteractive && 'group-hover:hidden')}>
+      <span className={cn('flex items-center justify-center', isInteractive && 'group-hover/tool:hidden')}>
         {iconNode}
       </span>
     )
@@ -549,7 +549,7 @@ const ToolBlockComponent = ({
       <span
         ref={ref}
         className={cn(
-          'group inline-flex items-center gap-[2px] rounded-[5px] border py-px pl-px pr-[3px] shadow-xs',
+          'group/tool inline-flex items-center gap-[2px] rounded-[5px] border py-px pl-px pr-[3px] shadow-xs',
           isInteractive ? 'cursor-pointer' : 'cursor-default',
           needAuthorization ? 'border-state-warning-active bg-state-warning-hover' : 'border-state-accent-hover-alt bg-state-accent-hover',
           isSelected && 'border-text-accent',