From 3d2dfae0a4d24f1e32b33e8186cb7ed35ac5db8c Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Mon, 9 Mar 2026 14:30:45 +0800
Subject: [PATCH] feat: add chat log step detail

---
 .../src/views/chat/execution-component/LogCustomPrompt.vue     | 3 +++
 .../src/views/chat/execution-component/LogGeneratePicture.vue  | 2 ++
 frontend/src/views/chat/execution-component/LogTerm.vue        | 3 +++
 3 files changed, 8 insertions(+)

diff --git a/frontend/src/views/chat/execution-component/LogCustomPrompt.vue b/frontend/src/views/chat/execution-component/LogCustomPrompt.vue
index 7c9b972b..fc37fb9c 100644
--- a/frontend/src/views/chat/execution-component/LogCustomPrompt.vue
+++ b/frontend/src/views/chat/execution-component/LogCustomPrompt.vue
@@ -48,6 +48,8 @@ const title = computed(() => {
   line-height: 20px;
   font-weight: 500;
   vertical-align: middle;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 .item-list {
   display: flex;
@@ -79,6 +81,7 @@ const title = computed(() => {
       font-size: 14px;
       vertical-align: middle;
       white-space: pre-wrap;
+      word-break: break-all;
     }
   }
 }
diff --git a/frontend/src/views/chat/execution-component/LogGeneratePicture.vue b/frontend/src/views/chat/execution-component/LogGeneratePicture.vue
index b6da23fb..dcc73f62 100644
--- a/frontend/src/views/chat/execution-component/LogGeneratePicture.vue
+++ b/frontend/src/views/chat/execution-component/LogGeneratePicture.vue
@@ -44,6 +44,8 @@ const title = computed(() => {
   line-height: 20px;
   font-weight: 500;
   vertical-align: middle;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 .item-list {
   display: flex;
diff --git a/frontend/src/views/chat/execution-component/LogTerm.vue b/frontend/src/views/chat/execution-component/LogTerm.vue
index 24084de5..08b73298 100644
--- a/frontend/src/views/chat/execution-component/LogTerm.vue
+++ b/frontend/src/views/chat/execution-component/LogTerm.vue
@@ -53,6 +53,8 @@ const title = computed(() => {
   line-height: 20px;
   font-weight: 500;
   vertical-align: middle;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 .item-list {
   display: flex;
@@ -83,6 +85,7 @@ const title = computed(() => {
       font-size: 14px;
       vertical-align: middle;
       white-space: pre-wrap;
+      word-break: break-all;
     }
   }
 }