refactor(agent): 重构智能对话页面布局和样式

- 重新设计了页面布局，分为左、右两个主要区域
- 左侧区域增加了聊天机器人信息展示，包括头像、名称、描述等
- 右侧区域保留聊天窗口，并增加了顶部栏
-优化了响应式布局，使页面在不同屏幕尺寸下都能良好显示
- 调整了颜色、字体等样式，提升了页面视觉效果

src/views/agent/work-flow/style.scss

@@ -219,6 +219,16 @@
             word-wrap: break-word;
           }
 
+          .ellipsis-title {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            cursor: pointer;
+          }
+          &:hover {
+            background: var(--BG-200, #E6E6E8);
+          }
+
         }
 
       }
@@ -300,6 +310,7 @@
     }
   }
 }
+
 .history-item-dropdown {
   width: 125px;
   padding-top: 8px;
@@ -328,7 +339,7 @@
     align-items: center;
     gap: 8px;
 
-    &.header-item {
+    &:hover {
       background: var(--BG-200, #F2F3F5);
     }