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

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

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

@@ -2,7 +2,7 @@
   <div class="agent-card">
     <div class="header-section">
       <div class="image-container">
-        <img :src="cozeInfo.icon_url" alt="" />
+        <img :src="cozeInfo.icon_url"  alt="" />
       </div>
     </div>
     <div class="info-section">

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

@@ -22,14 +22,16 @@
     .image-container {
       height: 400px;
       overflow: hidden;
-      border-radius: 8px;
+      border-radius: 10px;
     }
 
     .image-container img {
       width: 100%;
       height: auto;
+      padding: 24px;
       aspect-ratio: 1 / 1;
       object-fit: cover;
+      border-radius: 10px;
     }
   }
 
@@ -94,12 +96,12 @@
 
     .usage-info {
       width: 79px;
-      height: 24px;
+      height: 34px;
       position: relative;
 
       .count {
         left: 0px;
-        top: 0px;
+        top: 10px;
         position: absolute;
         color: var(--Text-2, #3C4043);
         font-size: 16px;
@@ -110,7 +112,7 @@
 
       .label {
         left: 43px;
-        top: 3px;
+        top: 10px;
         position: absolute;
         color: var(--Text-3, #737478);
         font-size: 12px;

src/views/agent/chat/index.vue

@@ -83,12 +83,12 @@ const initChat = async () => {
 
   Object.assign(cozeInfo, data.info);
   await loadScript('https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.2.0-beta.10/libs/cn/index.js');
-  let cozeConfig = await cozeWebSdkConfig(data.info.bot_id, data.info.name, data.info.auth);
+  let cozeConfig = await cozeWebSdkConfig(data.info.bot_id, data.info.name, data.info.auth, data.info.user_info);
   cozeWebSDK = cozeWebSDK = new CozeWebSDK.WebChatClient(cozeConfig);
   showChatPage();
 };
 
-const cozeWebSdkConfig = (botId, name, auth) => {
+const cozeWebSdkConfig = (botId, name, auth, userInfo) => {
   auth.onRefreshToken = function () {
     return '';
   };
@@ -108,11 +108,12 @@ const cozeWebSdkConfig = (botId, name, auth) => {
         icon: '',
         zIndex: 1000,
       },
-      footer:{
-        expressionText:"内容由AI生成，无法确保真实准确，仅供参考。",
+      footer: {
+        expressionText: '内容由AI生成，无法确保真实准确，仅供参考。',
       },
     },
     auth: auth,
+    userInfo: userInfo,
     header: {
       isShow: true,
       isNeedClose: false,