From dcf21a6a846e01fe63e1ad700dca3e768194f355 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Thu, 30 Apr 2026 17:20:37 +0800
Subject: [PATCH] fix: prevent workflow node titles from overflowing (#35740)

---
 .../base/chat/chat/answer/workflow-process.tsx   |  4 ++--
 web/app/components/workflow/nodes/_base/node.tsx | 16 +++++++++-------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/web/app/components/base/chat/chat/answer/workflow-process.tsx b/web/app/components/base/chat/chat/answer/workflow-process.tsx
index fb67fe80ff..b2036e9060 100644
--- a/web/app/components/base/chat/chat/answer/workflow-process.tsx
+++ b/web/app/components/base/chat/chat/answer/workflow-process.tsx
@@ -92,12 +92,12 @@ const WorkflowProcessItem = ({
           )
         }
         <div
-          className={cn('system-xs-medium text-text-secondary', !collapse && 'grow')}
+          className="min-w-0 grow truncate system-xs-medium text-text-secondary"
           data-testid="workflow-process-title"
         >
           {!collapse ? t('common.workflowProcess', { ns: 'workflow' }) : latestNode?.title}
         </div>
-        <div className={cn('ml-1 i-ri-arrow-right-s-line h-4 w-4 text-text-tertiary', !collapse && 'rotate-90')} />
+        <div className={cn('ml-1 i-ri-arrow-right-s-line h-4 w-4 shrink-0 text-text-tertiary', !collapse && 'rotate-90')} />
       </div>
       {
         !collapse && (
diff --git a/web/app/components/workflow/nodes/_base/node.tsx b/web/app/components/workflow/nodes/_base/node.tsx
index 43f8e5773e..7779e7f534 100644
--- a/web/app/components/workflow/nodes/_base/node.tsx
+++ b/web/app/components/workflow/nodes/_base/node.tsx
@@ -284,13 +284,15 @@ const BaseNode: FC<BaseNodeProps> = ({
               </div>
             )}
           </div>
-          <NodeHeaderMeta
-            data={data}
-            hasVarValue={hasVarValue}
-            isLoading={isLoading}
-            loopIndex={LoopIndex}
-            t={t}
-          />
+          <div className="flex shrink-0 items-center">
+            <NodeHeaderMeta
+              data={data}
+              hasVarValue={hasVarValue}
+              isLoading={isLoading}
+              loopIndex={LoopIndex}
+              t={t}
+            />
+          </div>
         </div>
         <NodeBody
           data={data}