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

src/views/agent/index/style.scss

@@ -77,76 +77,6 @@
     line-height: 22px;
     word-wrap: break-word;
   }
-
-  .card-footer {
-    align-self: stretch;
-    display: inline-flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .tag {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    height: 20px;
-    padding: 0 8px;
-    border-radius: 2px;
-
-    &.red {
-      color: var(--Functional-Red-6, #f64b31);
-    }
-
-    &.blue {
-      color: var(--Functional-Blue-6, #3366ff);
-    }
-
-  }
-
-  .tag-icon {
-    width: 12px;
-    height: 12px;
-    position: relative;
-
-    &::before {
-      content: '';
-      position: absolute;
-      width: 11.5px;
-      height: 10.75px;
-      left: 0.25px;
-      top: 0.63px;
-      background: var(--Functional-Red-6, #f64b31);
-    }
-  }
-
-  .tag-text {
-    font-size: 12px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 20px;
-    word-wrap: break-word;
-
-    &.red {
-      color: var(--Functional-Red-6, #f64b31);
-    }
-
-    &.blue {
-      color: var(--Functional-Blue-6, #3366ff);
-    }
-  }
-
-  .usage-info {
-    display: flex;
-    align-items: center;
-    gap: 2px;
-    color: var(--Text-3, #737478);
-    font-size: 12px;
-    font-family: HarmonyOS Sans SC, Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 20px;
-  }
-
-
   :deep(.arco-input-wrapper) {
     border-radius: 4px;
     border-color: #d7d7d9;
@@ -166,4 +96,62 @@
     }
   }
 
+  .card-footer {
+    width: 100%;
+    height: 100%;
+    display: inline-flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .status-tag {
+      height: 20px;
+      padding: 0 8px;
+      border-radius: 2px;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      gap: 4px;
+
+      .status-icon {
+        width: 12px;
+        height: 12px;
+      }
+
+      .status-text {
+        font-size: 12px;
+        font-family: 'Alibaba PuHuiTi', sans-serif;
+        font-weight: 400;
+        line-height: 20px;
+      }
+    }
+
+    .blue-tag {
+      .status-text {
+        color: var(--Functional-Blue-6, #007BFF);
+      }
+    }
+
+    .red-tag {
+      .status-text {
+        color: var(--Functional-Red-6, #F64B31);
+      }
+    }
+
+    .usage-info {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      gap: 2px;
+
+      .usage-count,
+      .usage-label {
+        color: var(--Text-3, #737478);
+        font-size: 12px;
+        font-family: 'HarmonyOS Sans SC', sans-serif;
+        font-weight: 400;
+        line-height: 20px;
+      }
+    }
+  }
+
 }