feat(agent): 支持自定义API配置并优化UI交互

- 为agent.json添加apiUrl、apiKey、apiModel字段支持
- 更新API接口类型定义，支持传递自定义API配置
- 优化AgentRepoList组件UI样式和交互效果
- 增强JSON文件上传校验逻辑，支持API配置验证
- 改进任务结果页面布局和视觉呈现
- 添加任务过程查看抽屉功能
- 实现执行按钮动态样式和悬停效果
- 优化节点连接线渲染逻辑和性能

frontend/src/App.vue

@@ -1,11 +1,5 @@
 <script setup lang="ts">
-import { onMounted } from 'vue'
-
 import Layout from './layout/index.vue'
-
-onMounted(() => {
-  document.documentElement.classList.add('dark')
-})
 </script>
 
 <template>
@@ -29,11 +23,12 @@ onMounted(() => {
 .el-card {
   border-radius: 8px;
   background: var(--color-bg-tertiary);
-  border: 2px solid var(--color-bg-tertiary);
+  border: 2px solid var(--color-card-border);
+  box-shadow: var(--color-card-border-hover);
 
   &:hover {
-    background: #171B22;
-    box-shadow: none !important;
+    background: var(--color-bg-content-hover);
+    box-shadow: none;
     transition: background-color 0.3s ease-in-out;
   }
 
@@ -50,14 +45,16 @@ onMounted(() => {
   .active-card {
     border: 2px solid transparent;
     $bg: var(--el-input-bg-color, var(--el-fill-color-blank));
-    background:
-      linear-gradient(var(--color-bg-tertiary), var(--color-bg-tertiary)) padding-box,
+    background: linear-gradient(
+          var(--color-agent-list-selected-bg),
+          var(--color-agent-list-selected-bg)
+        )
+        padding-box,
       linear-gradient(to right, #00c8d2, #315ab4) border-box;
     color: var(--color-text);
   }
 }
 
-
 /* 1. 定义流动动画：让虚线沿路径移动 */
 @keyframes flowAnimation {
   to {
@@ -71,14 +68,13 @@ onMounted(() => {
   }
 }
 
-
 /* 2. 为jsPlumb连线绑定动画：作用于SVG的path元素 */
 /* jtk-connector是jsPlumb连线的默认SVG类，path是实际的线条元素 */
 .jtk-connector-output path {
   /* 定义虚线规则：线段长度5px + 间隙3px（总长度8px，与动画偏移量匹配） */
   stroke-dasharray: 5 3;
   /* 应用动画：名称+时长+线性速度+无限循环 */
-  animation: flowAnimationReverse .5s linear infinite;
+  animation: flowAnimationReverse 0.5s linear infinite;
   /* 可选：设置线条基础样式（颜色、宽度） */
   stroke-width: 2;
 }
@@ -89,7 +85,7 @@ onMounted(() => {
   /* 定义虚线规则：线段长度5px + 间隙3px（总长度8px，与动画偏移量匹配） */
   stroke-dasharray: 5 3;
   /* 应用动画：名称+时长+线性速度+无限循环 */
-  animation: flowAnimationReverse .5s linear infinite;
+  animation: flowAnimationReverse 0.5s linear infinite;
   /* 可选：设置线条基础样式（颜色、宽度） */
   stroke-width: 2;
 }