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

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

src/router/routes/modules/agent.ts

@@ -9,7 +9,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     name: 'Agent',
     redirect: 'agent/index',
     meta: {
-      locale: '扣子智能体',
+      locale: '灵机ai',
       icon: IconRepository,
       requiresAuth: true,
       requireLogin: true,
@@ -22,7 +22,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'AgentIndex',
         component: () => import('@/views/agent/index'),
         meta: {
-          locale:'ai应用',
+          locale:'智能体应用',
           requiresAuth: false,
           requireLogin: true,
         },

src/views/agent/chat/components/HistoryChat.vue

@@ -9,7 +9,7 @@
       <div class="title-group">
         <div class="title">{{cozeInfo.name}}</div>
         <div class="tag">
-          <div class="">
+          <div>
             <img
               class="status-icon"
               :src="chatbotIcon"

src/views/agent/chat/components/history.scss

@@ -37,8 +37,7 @@
 
   .info-section {
     align-self: stretch;
-    padding-top: 15px;
+    padding: 15px;
-    padding-bottom: 15px;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -139,7 +138,7 @@
       font-family: 'Alibaba PuHuiTi', sans-serif;
       font-weight: 400;
       line-height: 22px;
-      padding: 10px;
+      padding: 24px;
     }
   }
 

src/views/agent/chat/index.vue

@@ -3,7 +3,7 @@
     <span class="" @click="goChatIndex"> <icon-left /> 返回空间 </span>
     <div class="chat-contain">
       <a-layout>
-        <a-layout-sider width="15%" style="background: #fff">
+        <a-layout-sider class="custom-sider" >
           <HistoryChat v-if="cozeInfo?.bot_id" :cozeInfo="cozeInfo" />
         </a-layout-sider>
         <a-layout>
@@ -136,4 +136,5 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 @import './style.scss';
+
 </style>

src/views/agent/chat/style.scss

@@ -24,4 +24,19 @@
     line-height: 22px;
     word-wrap: break-word
   }
+  .custom-sider {
+    width: 20% !important; // 强制覆盖
+  }
+
+  @media (min-width: 1400px) and (max-width: 1799px) {
+    .custom-sider {
+      width: 30% !important;
+    }
+  }
+
+  @media (min-width: 1800px) {
+    .custom-sider {
+      width: 15% !important;
+    }
+  }
 }

src/views/agent/index/index.vue

@@ -15,7 +15,11 @@
     <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">
+        <a-col  :xs="24"
+                :sm="12"
+                :md="8"
+                :lg="6"
+                :xl="4"  v-for="(product, k) in item.agent_products">
           <div class="card-container" @click="goDetail(product?.type, product?.id)">
             <div class="card-image-container">
               <img