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

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验

src/views/agent/work-flow/components/history.scss

@@ -20,14 +20,15 @@
     gap: 10px;
 
     .image-container {
-      height: 400px;
+      width: 90%;
-      overflow: hidden;
+      height: 100%;
       border-radius: 8px;
     }
 
     .image-container img {
       width: 100%;
-      height: auto;
+      height: 100%;
+      border-radius: 8px;
       aspect-ratio: 1 / 1;
       object-fit: cover;
     }
@@ -46,7 +47,7 @@
       justify-content: flex-start;
       align-items: center;
       gap: 4px;
-
+      padding: 24px;
       .title {
         color: var(--Text-1, #211F24);
         font-size: 18px;
@@ -96,7 +97,8 @@
       width: 79px;
       height: 34px;
       position: relative;
-
+      margin-top: 24px;
+      margin-right: 24px;
       .count {
         left: 0px;
         top: 10px;
@@ -129,7 +131,7 @@
     justify-content: flex-start;
     align-items: center;
     gap: 10px;
-
+    margin-left: 24px;
     .description {
       align-self: stretch;
       color: var(--Text-2, #3C4043);