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

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

src/views/agent/work-flow/components/HistoryChat.vue

@@ -19,10 +19,15 @@
         </div>
       </div>
       <div class="usage-info">
-        <div class="count">{{cozeInfo.views}}</div>
-        <div class="label">次使用</div>
+        <a-space>
+          <span class="count">{{ cozeInfo.views }}</span>
+        </a-space>
+        <a-space>
+          <span class="label"> 次使用 </span>
+        </a-space>
       </div>
     </div>
+
     <div class="description-section">
       <div class="description">
         {{cozeInfo.description}}

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

@@ -90,17 +90,10 @@
         }
       }
     }
-
     .usage-info {
-      width: 79px;
-      height: 34px;
-      position: relative;
-      margin-top: 10px;
-      margin-right: 24px;
+      padding: 12px;
+      margin-right: 12px;
       .count {
-        left: 20px;
-        top: 10px;
-        position: absolute;
         color: var(--Text-2, #3C4043);
         font-size: 16px;
         font-family: 'Alibaba PuHuiTi', sans-serif;
@@ -109,9 +102,6 @@
       }
 
       .label {
-        left: 43px;
-        top: 10px;
-        position: absolute;
         color: var(--Text-3, #737478);
         font-size: 12px;
         font-family: 'Alibaba PuHuiTi', sans-serif;