From 82d038543abbf708c78d2c857d7cab17aa1bb424 Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Tue, 11 Aug 2026 01:08:43 -0700
Subject: [PATCH] fix: wrap long log messages in agent pipeline log sheet
 (#17782)

---
 .../pages/agent/pipeline-log-sheet/dataflow-timeline.tsx  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx b/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx
index 90489b25a5..3218ef50f5 100644
--- a/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx
+++ b/web/src/pages/agent/pipeline-log-sheet/dataflow-timeline.tsx
@@ -90,10 +90,12 @@ export function DataflowTimeline({ traceList }: DataflowTimelineProps) {
                             key={idx}
                             className="text-text-secondary text-xs space-x-2 py-2.5 !m-0"
                           >
-                            <span>{x.datetime}</span>
+                            <span className="whitespace-nowrap">
+                              {x.datetime}
+                            </span>
                             {item.component_id !== 'END' && (
                               <span
-                                className={cn({
+                                className={cn('break-all', {
                                   'text-state-error':
                                     x.message.startsWith('[ERROR]'),
                                 })}
@@ -101,7 +103,7 @@ export function DataflowTimeline({ traceList }: DataflowTimelineProps) {
                                 {x.message}
                               </span>
                             )}
-                            <span>
+                            <span className="whitespace-nowrap">
                               {x.elapsed_time.toString().slice(0, 6)}s
                             </span>
                           </section>