feat(agent): 重构智能体页面样式和路由配置，优化历史对话组件

src/views/agent/work-flow/components/HistoryChat.vue

@@ -1,21 +1,35 @@
 <template>
-  <a-layout-sider width="250" style="background: #fff">
-    <div class="logo">
-      <img :src="cozeInfo?.icon_url" class="agent-img" />
+  <div class="container">
+    <div class="header-image-container">
+      <div class="header-image">
+        <img :src="cozeInfo?.icon_url" alt="Header Image" />
+      </div>
+    </div>
+    <div class="title-container">
+      <div class="title">{{cozeInfo?.name}}</div>
+      <div class="tag">
+        <div class="">
+          <img
+            class="status-icon"
+            :src="workflow"
+          />
+        </div>
+        <div class="tag-text">工作流</div>
+      </div>
+      <div class="usage-stats">
+        <div class="usage-count">{{cozeInfo?.views}}</div>
+        <div class="usage-label">次使用</div>
+      </div>
+    </div>
+    <div class="description">
+      {{cozeInfo?.description}}
     </div>
-    <a-menu mode="inline" theme="light">
-      <a-menu-item key="1">
-        <span>{{ cozeInfo.name }}</span>
-        <span style="color: #8492ff; font-size: 12px">{{ cozeInfo.type == 1 ? '智能体' : '对话式' }}</span>
-        <span style="float: right">{{ cozeInfo.views }}次使用  </span>
-      </a-menu-item>
 
-    </a-menu>
-  </a-layout-sider>
+  </div>
 </template>
-
 <script lang="ts" setup>
 import { defineProps } from 'vue';
+import workflow from '@/assets/svg/workflow.svg';
 
 const props = defineProps({
   cozeInfo: {
@@ -33,13 +47,5 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.logo {
-  margin-bottom: 20px;
-}
-
-.agent-img {
-  width: 100%;
-  height: 260px;
-  border-radius: 4px;
-}
+@import "./history.scss";
 </style>