From dc9675d2d86095dce53c8f5a071a4787ab002244 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 9 Jan 2025 13:53:07 +0800
Subject: [PATCH] fix: plugin tool width in agent app

---
 web/app/components/workflow/block-selector/all-tools.tsx      | 1 +
 .../workflow/block-selector/market-place-plugin/list.tsx      | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/block-selector/all-tools.tsx b/web/app/components/workflow/block-selector/all-tools.tsx
index 9f0596d9b1..0100d4ede8 100644
--- a/web/app/components/workflow/block-selector/all-tools.tsx
+++ b/web/app/components/workflow/block-selector/all-tools.tsx
@@ -144,6 +144,7 @@ const AllTools = ({
           wrapElemRef={wrapElemRef}
           list={notInstalledPlugins as any} ref={pluginRef}
           searchText={searchText}
+          toolContentClassName={toolContentClassName}
           tags={tags}
         />
       </div>
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/list.tsx b/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
index f177d1ac60..0c381c2a39 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
@@ -15,6 +15,7 @@ type Props = {
   list: Plugin[]
   searchText: string
   tags: string[]
+  toolContentClassName?: string
   disableMaxWidth?: boolean
 }
 
@@ -23,6 +24,7 @@ const List = forwardRef<{ handleScroll: () => void }, Props>(({
   searchText,
   tags,
   list,
+  toolContentClassName,
   disableMaxWidth = false,
 }, ref) => {
   const { t } = useTranslation()
@@ -76,7 +78,7 @@ const List = forwardRef<{ handleScroll: () => void }, Props>(({
     )
   }
 
-  const maxWidthClassName = 'max-w-[300px]'
+  const maxWidthClassName = toolContentClassName || 'max-w-[300px]'
 
   return (
     <>