Web配置ACP

web/src/components/layout/NavBar.vue

@@ -1,92 +1,42 @@
 <template>
   <header class="border-b border-gray-200 dark:border-gray-700 px-4 py-2 flex items-center gap-4">
-    <h1 class="text-lg font-semibold">
-      Agent Coding Workflow
-    </h1>
-    <nav
-      v-if="auth.isAuthenticated"
-      class="flex items-center gap-3 flex-1"
-    >
-      <RouterLink
-        :to="{ name: 'home' }"
-        class="text-sm hover:underline"
-      >
-        首页
-      </RouterLink>
-      <RouterLink
-        :to="{ name: 'project-list' }"
-        class="text-sm hover:underline"
-      >
-        项目
-      </RouterLink>
-      <RouterLink
-        :to="{ name: 'chat-home' }"
-        class="text-sm hover:underline"
-      >
-        对话
-      </RouterLink>
-      <RouterLink
-        :to="{ name: 'prompt-templates' }"
-        class="text-sm hover:underline"
-      >
+    <h1 class="text-lg font-semibold">Agent Coding Workflow</h1>
+    <nav v-if="auth.isAuthenticated" class="flex items-center gap-3 flex-1">
+      <RouterLink :to="{ name: 'home' }" class="text-sm hover:underline"> 首页 </RouterLink>
+      <RouterLink :to="{ name: 'project-list' }" class="text-sm hover:underline"> 项目 </RouterLink>
+      <RouterLink :to="{ name: 'chat-home' }" class="text-sm hover:underline"> 对话 </RouterLink>
+      <RouterLink :to="{ name: 'prompt-templates' }" class="text-sm hover:underline">
         模板
       </RouterLink>
-      <RouterLink
-        :to="{ name: 'me-usage' }"
-        class="text-sm hover:underline"
-      >
-        我的用量
-      </RouterLink>
+      <RouterLink :to="{ name: 'me-usage' }" class="text-sm hover:underline"> 我的用量 </RouterLink>
       <template v-if="auth.isAdmin">
         <span class="text-neutral-300">|</span>
-        <RouterLink
-          :to="{ name: 'admin-users' }"
-          class="text-sm hover:underline"
-        >
+        <RouterLink :to="{ name: 'admin-users' }" class="text-sm hover:underline">
           用户
         </RouterLink>
-        <RouterLink
-          :to="{ name: 'admin-llm-endpoints' }"
-          class="text-sm hover:underline"
-        >
+        <RouterLink :to="{ name: 'admin-llm-endpoints' }" class="text-sm hover:underline">
           LLM Endpoints
         </RouterLink>
-        <RouterLink
-          :to="{ name: 'admin-llm-models' }"
-          class="text-sm hover:underline"
-        >
+        <RouterLink :to="{ name: 'admin-llm-models' }" class="text-sm hover:underline">
           LLM Models
         </RouterLink>
-        <RouterLink
-          :to="{ name: 'admin-usage' }"
-          class="text-sm hover:underline"
-        >
+        <RouterLink :to="{ name: 'admin-usage' }" class="text-sm hover:underline">
           全局用量
         </RouterLink>
-        <RouterLink
-          :to="{ name: 'admin-mcp-tokens' }"
-          class="text-sm hover:underline"
-        >
+        <RouterLink :to="{ name: 'admin-mcp-tokens' }" class="text-sm hover:underline">
           MCP Tokens
         </RouterLink>
-        <RouterLink
-          :to="{ name: 'admin-acp-sessions' }"
-          class="text-sm hover:underline"
-        >
+        <RouterLink :to="{ name: 'admin-acp-sessions' }" class="text-sm hover:underline">
           ACP 会话
         </RouterLink>
+        <RouterLink :to="{ name: 'admin-acp-agent-kinds' }" class="text-sm hover:underline">
+          ACP 客户端
+        </RouterLink>
       </template>
     </nav>
-    <span
-      v-else
-      class="flex-1"
-    />
+    <span v-else class="flex-1" />
     <NotificationBell v-if="auth.isAuthenticated" />
-    <NDropdown
-      v-if="auth.user"
-      :options="menu"
-      @select="onSelect"
-    >
+    <NDropdown v-if="auth.user" :options="menu" @select="onSelect">
       <NButton text>
         {{ auth.user.display_name }}
       </NButton>

web/src/router/index.ts

@@ -107,8 +107,7 @@ const routes: RouteRecordRaw[] = [
   {
     path: '/prompt-templates',
     name: 'prompt-templates',
-    component: () =>
-      import('@/views/prompt-templates/PromptTemplatesView.vue'),
+    component: () => import('@/views/prompt-templates/PromptTemplatesView.vue'),
     meta: { requiresAuth: true },
   },
   {
@@ -162,6 +161,7 @@ const routes: RouteRecordRaw[] = [
   },
   {
     path: '/admin/acp/agent-kinds',
+    name: 'admin-acp-agent-kinds',
     component: () => import('@/views/admin/AgentKindAdminListView.vue'),
     meta: { requiresAuth: true, requiresAdmin: true },
   },