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

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

src/views/agent/chat/index.vue

@@ -20,7 +20,9 @@
                   :sm="isCollapsed ? 24 : 12"
                   :md="isCollapsed ? 24 : 16"
                   :lg="isCollapsed ? 24 : 18"
-                  :xl="isCollapsed ? 24 : 16" class="chat-content-col">
+                  :xl="isCollapsed ? 24 : 16"
+                  :xxl="isCollapsed ? 24 : 16"
+                  class="chat-content-col">
 
           <a-card :bordered="false">
             <div class="chat-content-col" style="min-height: fit-content;">
@@ -29,7 +31,7 @@
                   <img class="status-icon" :src="isCollapsed ? menuUnfold : menuFold" />
                 </a-tooltip>
               </div>
-              <div id="coze-chat-container" style="width: 100%; margin-left: 100px"></div>
+              <div id="coze-chat-container" ></div>
             </div>
           </a-card>
         </a-col>
@@ -142,7 +144,6 @@ const cozeWebSdkConfig = (botId, name, auth, userInfo) => {
       },
       header: {
         isShow: true,
-        isNeedClose: true
       },
       conversations: {
         isNeed: true,
@@ -154,7 +155,7 @@ const cozeWebSdkConfig = (botId, name, auth, userInfo) => {
     userInfo: userInfo,
     header: {
       isShow: true,
-      isNeedClose: false,
+      isNeedClose: true,
     },
   };
   return config;