From 8e4b59c90cbd6b44545976655b5d63f6f548fe56 Mon Sep 17 00:00:00 2001
From: zhangxuhe1 <xuhezhang6@gmail.com>
Date: Fri, 5 Sep 2025 14:00:14 +0800
Subject: [PATCH] feat: improve trigger plugin UI layout and responsiveness
 (#25232)

---
 .../workflow/block-selector/trigger-plugin/item.tsx         | 6 +++---
 .../nodes/_base/components/entry-node-container.tsx         | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/block-selector/trigger-plugin/item.tsx b/web/app/components/workflow/block-selector/trigger-plugin/item.tsx
index eff1ee5e98..ad2df35cc4 100644
--- a/web/app/components/workflow/block-selector/trigger-plugin/item.tsx
+++ b/web/app/components/workflow/block-selector/trigger-plugin/item.tsx
@@ -100,9 +100,9 @@ const TriggerPluginItem: FC<Props> = ({
               type={BlockEnum.TriggerPlugin}
               toolIcon={payload.icon}
             />
-            <div className='ml-2 flex w-0 grow items-center text-sm text-text-primary'>
-              <span className='max-w-[250px] truncate'>{notShowProvider ? actions[0]?.label[language] : payload.label[language]}</span>
-              <span className='system-xs-regular ml-2 shrink-0 text-text-quaternary'>{groupName}</span>
+            <div className='ml-2 flex min-w-0 flex-1 items-center text-sm text-text-primary'>
+              <span className='max-w-[200px] truncate'>{notShowProvider ? actions[0]?.label[language] : payload.label[language]}</span>
+              <span className='system-xs-regular ml-2 truncate text-text-quaternary'>{groupName}</span>
             </div>
           </div>
 
diff --git a/web/app/components/workflow/nodes/_base/components/entry-node-container.tsx b/web/app/components/workflow/nodes/_base/components/entry-node-container.tsx
index a9bca24515..84bf68e67e 100644
--- a/web/app/components/workflow/nodes/_base/components/entry-node-container.tsx
+++ b/web/app/components/workflow/nodes/_base/components/entry-node-container.tsx
@@ -33,7 +33,7 @@ const EntryNodeContainer: FC<EntryNodeContainerProps> = ({
   }, [status, customLabel, nodeType, t])
 
   return (
-    <div className="w-[242px] rounded-2xl bg-workflow-block-wrapper-bg-1 px-0 pb-0 pt-0.5">
+    <div className="w-fit min-w-[242px] rounded-2xl bg-workflow-block-wrapper-bg-1 px-0 pb-0 pt-0.5">
       <div className="mb-0.5 flex items-center px-1.5 pt-0.5">
         {showIndicator && (
           <div className={cn('ml-0.5 mr-0.5 h-1.5 w-1.5 rounded-sm border border-black/15', statusConfig.dotColor)} />