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

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

src/views/agent/index/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="agent-wrap">
     <a-input
-      style="float: right; width: 300px"
+      style="float: right; width: 400px"
       v-model="query.name"
       @blur="getData()"
       placeholder="搜索智能体"
@@ -12,7 +12,7 @@
         <icon-search />
       </template>
     </a-input>
-    <div v-for="(item, index) in list" :key="index">
+    <div  v-for="(item, index) in list" :key="index">
       <span class="span-title">{{ item.name }}</span>
       <a-row class="grid-demo" :gutter="24" v-if="item.agent_products.length > 0">
         <a-col :span="3" v-for="(product, k) in item.agent_products">
@@ -32,7 +32,7 @@
             <div class="card-footer">
               <div
                 :class="['status-tag', product.type === 1 ? 'blue-tag' : 'red-tag']"
-                :style="{ background: product.type === 1 ? 'var(--Functional-Blue-1, #E6F3FF)' : 'var(--Functional-Red-1, #FFE9E7)' }"
+                :style="{ background: product.type === 1 ? 'var(--Functional-Blue-1, #F0EDFF)' : 'var(--Functional-Red-1, #FFE9E7)' }"
                 data-size="mini-20px"
               >
                 <img