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

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

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-bottom: 15px;
+    padding: 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;
+    }
+  }
 }