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

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

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

@@ -6,6 +6,7 @@
   font-weight: 400;
   line-height: 22px;
 }
+
 .back-wap {
   width: 100%;
   justify-content: flex-start;
@@ -136,6 +137,7 @@
       align-items: center;
       gap: 10px;
       display: flex;
+
       .text {
         align-self: stretch;
         color: var(--Text-2, #3C4043);
@@ -173,6 +175,7 @@
       align-items: flex-start;
       display: flex;
       padding: 10px;
+
       .section {
         align-self: stretch;
         height: 40px;
@@ -197,7 +200,6 @@
         justify-content: flex-start;
         align-items: flex-start;
         display: flex;
-
         .item-body {
           align-self: stretch;
           height: 40px;
@@ -207,7 +209,6 @@
           align-items: center;
           gap: 10px;
           display: inline-flex;
-
           .text {
             flex: 1 1 0;
             color: var(--Text-1, #211F24);
@@ -217,7 +218,9 @@
             line-height: 22px;
             word-wrap: break-word;
           }
+
         }
+
       }
     }
   }
@@ -287,10 +290,7 @@
       .res {
         flex: 1 1 0;
         align-self: stretch;
-        padding-left: 32px;
-        padding-right: 32px;
-        padding-top: 20px;
-        padding-bottom: 20px;
+        padding: 32px;
         flex-direction: column;
         justify-content: center;
         align-items: center;
@@ -300,3 +300,55 @@
     }
   }
 }
+.history-item-dropdown {
+  width: 125px;
+  padding-top: 8px;
+  padding-bottom: 4px;
+  left: 0px;
+  top: 0px;
+  position: absolute;
+  background: var(--BG-White, white);
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  border-radius: 4px;
+  outline: 1px solid var(--Border-1, #D7D7D9);
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 2px;
+
+  .dropdown-item {
+    align-self: stretch;
+    height: 36px;
+    padding-left: 12px;
+    padding-right: 12px;
+    display: inline-flex;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 8px;
+
+    &.header-item {
+      background: var(--BG-200, #F2F3F5);
+    }
+
+    .icon {
+      float: right;
+    }
+
+    .text {
+      flex: 1 1 0;
+      height: 22px;
+      color: var(--Text-1, #211F24);
+      font-size: 14px;
+      font-family: Alibaba PuHuiTi;
+      font-weight: 400;
+      line-height: 22px;
+      word-wrap: break-word;
+
+      &.delete {
+        color: var(--Functional-Red-6, #F64B31);
+      }
+    }
+  }
+}