feat: add chat log step detail

Author: ulleo

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;
     }
   }
 }

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;

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;
     }
   }
 }