From 60063807239d8286134f30f6cd0b9cadca7a6069 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 7 Jan 2025 17:10:27 +0800
Subject: [PATCH] fix: tool select ui problem in workflow

---
 web/app/components/workflow/block-selector/all-tools.tsx   | 3 +++
 web/app/components/workflow/block-selector/tool-picker.tsx | 1 +
 2 files changed, 4 insertions(+)

diff --git a/web/app/components/workflow/block-selector/all-tools.tsx b/web/app/components/workflow/block-selector/all-tools.tsx
index d27fb6385b..9f0596d9b1 100644
--- a/web/app/components/workflow/block-selector/all-tools.tsx
+++ b/web/app/components/workflow/block-selector/all-tools.tsx
@@ -22,6 +22,7 @@ import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
 
 type AllToolsProps = {
   className?: string
+  toolContentClassName?: string
   searchText: string
   tags: string[]
   buildInTools: ToolWithProvider[]
@@ -34,6 +35,7 @@ type AllToolsProps = {
 }
 const AllTools = ({
   className,
+  toolContentClassName,
   searchText,
   tags = [],
   onSelect,
@@ -130,6 +132,7 @@ const AllTools = ({
         onScroll={(pluginRef.current as any)?.handleScroll}
       >
         <Tools
+          className={toolContentClassName}
           showWorkflowEmpty={activeTab === ToolTypeEnum.Workflow}
           tools={tools}
           onSelect={onSelect}
diff --git a/web/app/components/workflow/block-selector/tool-picker.tsx b/web/app/components/workflow/block-selector/tool-picker.tsx
index 8cab803be0..94f36fa0b6 100644
--- a/web/app/components/workflow/block-selector/tool-picker.tsx
+++ b/web/app/components/workflow/block-selector/tool-picker.tsx
@@ -150,6 +150,7 @@ const ToolPicker: FC<Props> = ({
           </div>
           <AllTools
             className='mt-1'
+            toolContentClassName='max-w-[360px]'
             tags={tags}
             searchText={searchText}
             onSelect={handleSelect}