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

src/views/agent/index/index.vue

@@ -24,15 +24,23 @@
               <div class="card-title">{{ product?.name }}</div>
               <div class="card-description">{{ product?.description }}</div>
             </div>
+
             <div class="card-footer">
-              <div :class="['tag', { red: product?.type === 1, blue: product?.type === 2 }]">
-                <div :class="['tag-text', { red: product?.type === 1, blue: product?.type === 2 }]">
-                  {{ product?.type == 1 ? '对话式' : '工作流' }}
-                </div>
+              <div
+                :class="['status-tag', product.type === 1 ? 'blue-tag' : 'red-tag']"
+                :style="{ background: product.type === 1 ? 'var(--Functional-Blue-1, #E6F3FF)' : 'var(--Functional-Red-1, #FFE9E7)' }"
+                data-size="mini-20px"
+              >
+                <img
+                  class="status-icon"
+                  :src="product.type === 2 ? workflowIcon : chatbotIcon"
+                  alt="状态图标"
+                />
+                <div class="status-text">{{ product.type === 1 ? '对话式' : '工作流' }}</div>
               </div>
               <div class="usage-info">
-                <span class="usage-count">{{ product?.views }}</span>
-                <span class="usage-label">次使用</span>
+                <div class="usage-count">{{ product.views }}</div>
+                <div class="usage-label">次使用</div>
               </div>
             </div>
           </div>
@@ -47,7 +55,8 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 import { getAgentList } from '@/api/all/agent';
-
+import workflowIcon from '@/assets/svg/workflow.svg';
+import chatbotIcon from '@/assets/svg/chatbot.svg';
 const router = useRouter();
 
 const list = ref([]);