style(web): 全站图标、凭证池百分比与 favicon

- PageHeader/Metric/Empty/图表指标筛选补图标（与顶栏导航一致性）
- 凭证卡新增配额已用百分比；顶栏加项目仓库链接（Globe）
- 新增 favicon（品牌汇聚节点同款）
- README「上游」统一为「渠道」；移除凭证账号切换入口的死代码

Author: RobbsLuo

README.md

@@ -1,6 +1,6 @@
 # Coding2API
 
-把 **CodeBuddy** 与 **TRAE SOLO** 两个 coding agent 上游通道，统一封装为 OpenAI 兼容 API，
+把 **CodeBuddy** 与 **TRAE SOLO** 两个 coding agent 渠道，统一封装为 OpenAI 兼容 API，
 并提供公共凭证池、统一调度与按人用量统计。
 
 > [!WARNING]
@@ -10,17 +10,17 @@
 ## 特性
 
 - **OpenAI 兼容出口**：`/v1/chat/completions`（流式 + 非流式）、`/v1/models`
-- **双上游统一调度**：同一扁平模型名可按健康度自动选号，`model@provider` 可强制指定
+- **双渠道统一调度**：同一扁平模型名可按健康度自动选号，`model@provider` 可强制指定
 - **三态健康度 + 三级冷却**：权益耗尽 12h / 限流 60s / 连续错误 10m / 会话失效硬禁用
 - **公共凭证池**：管理员集中维护，全员共享；按人统计用量
 - **凭证加密入库**：Fernet（AES-128-CBC + HMAC），密钥走 `APP_SECRET`
 - **脱敏统计**：不保存提示词、回答、请求头、Token、工具参数；明细 90 天、小时汇总永久
 - **完整凭证运维**：OAuth 设备码登录、多账号切换、额度探测、每日签到、token 预刷新
-- **用量可视化**：请求量趋势（按上游）、按模型趋势（Top N）、按上游分组、逐请求明细
+- **用量可视化**：请求量趋势（按渠道）、按模型趋势（Top N）、按渠道分组、逐请求明细
   （保留 90 天，游标翻页）；8 项总览指标合并为 4 张卡片；品牌 logo 标注渠道
 - **管理台安全加固**：登录三级限流（全局/IP/用户名）+ PBKDF2 并发上限、写操作 CSRF 校验、
   请求体上限（登录 8KB / 其余 16MB）、安全响应头（CSP `frame-ancestors`）与 Host 白名单
-- **模型目录治理**：`MODEL_BLOCKLIST` 过滤内部/老模型；上游拉取失败用缓存兜底；
+- **模型目录治理**：`MODEL_BLOCKLIST` 过滤内部/老模型；渠道拉取失败用缓存兜底；
   消耗倍率与 token 上限/能力字段透传到列表，Playground 选中即览
 
 ## 快速开始
@@ -95,7 +95,7 @@ curl http://127.0.0.1:8000/v1/chat/completions \
   -d '{"model":"glm-5.2","messages":[{"role":"user","content":"你好"}]}'
 ```
 
-强制走某个上游：
+强制走某个渠道：
 
 ```bash
 -d '{"model":"glm-5.2@trae", ...}'      # 只走 TRAE
@@ -114,7 +114,7 @@ curl http://127.0.0.1:8000/v1/chat/completions \
 
 「Playground」页用登录会话直接测试，无需 API Key；用量计入当前用户。
 选中模型后下方显示**消耗倍率、最大输入/输出、图片与工具调用支持**，
-双上游倍率不同时会按渠道（前置 icon 标注）分别显示。
+双渠道倍率不同时会按渠道（前置 icon 标注）分别显示。
 
 ## 功能对照表
 
@@ -128,11 +128,11 @@ curl http://127.0.0.1:8000/v1/chat/completions \
 | 看懂冷却时间 | 凭证管理 → 状态列 | 到期自动恢复，不需要手动处理 |
 | 固定用某个账号 | 凭证管理 → 「指定」 | 全局唯一，请求只走它 |
 | 切换个人/企业账号 | 凭证管理 → 「账号」 | 仅 CodeBuddy 支持 |
-| 强制走某个上游 | 模型名写 `glm-5.2@trae` | 不写则自动选健康的 |
+| 强制走某个渠道 | 模型名写 `glm-5.2@trae` | 不写则自动选健康的 |
 | 接入第三方客户端 | 客户端设置 Base URL | 地址加 `/v1`，Key 用 `sk-…` |
 | 查某个人用了多少 | 用量统计 → 用户名筛选 | 仅管理员；普通用户只见自己 |
-| 统计里 credit 是 — | 用量统计 | 上游可选字段，经常不返回；主指标是 token |
-| Token 卡片里命中/未命中是 — | 用量统计 | 上游未上报缓存命中（cached_tokens）时无法拆分输入 |
+| 统计里 credit 是 — | 用量统计 | 渠道可选字段，经常不返回；主指标是 token |
+| Token 卡片里命中/未命中是 — | 用量统计 | 渠道未上报缓存命中（cached_tokens）时无法拆分输入 |
 | 看某个模型消耗多快 | Playground → 选中模型 | 下方显示倍率 / token 上限 / 图片与工具支持 |
 | 列表里老模型/内部模型太多 | `MODEL_BLOCKLIST` env | glob 黑名单；只影响列表展示，直连指定不受影响 |
 
@@ -158,7 +158,7 @@ curl http://127.0.0.1:8000/v1/chat/completions \
 | `USERS_FILE` | `secrets/users.txt` | 用户文件路径 |
 | `DATA_DIR` | `./data` | SQLite 与运行数据目录 |
 | `PUBLIC_BASE_URL` | `http://127.0.0.1:8000` | 浏览器可达地址；TRAE 登录回调依赖它 |
-| `CODEBUDDY_API_ENDPOINT` | 中国站 | 上游地址，只接受 `CODEBUDDY_ALLOWED_ENDPOINTS` 白名单内地址 |
+| `CODEBUDDY_API_ENDPOINT` | 中国站 | 渠道地址，只接受 `CODEBUDDY_ALLOWED_ENDPOINTS` 白名单内地址 |
 | `CODEBUDDY_ALLOWED_ENDPOINTS` | 中/国际站 | 逗号分隔白名单；不在其中启动即失败 |
 | `DEFAULT_MODEL` | `glm-5.2` | 模型为空或 `auto` 时的目标 |
 | `QUOTA_PROBE_MINUTES` | `60` | 额度探测周期 |

web/index.html

@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>Coding2API 管理台</title>
     <script>
       // 挂载前读取主题，避免暗色下白屏闪烁；默认跟随系统偏好

web/public/favicon.svg

@@ -2,6 +2,7 @@ import { NavLink, Outlet, useOutletContext } from "react-router-dom";
 import {
   BarChart3,
   Database,
+  Globe,
   KeyRound,
   LayoutDashboard,
   TerminalSquare,
@@ -19,6 +20,26 @@ const NAV = [
   { to: "/playground", label: "Playground", icon: TerminalSquare },
 ];
 
+/** 品牌标记：多路渠道管道汇聚进单一出口（Coding2API 的产品故事）。 */
+export function BrandMark({ className }: { className?: string }) {
+  return (
+    <span
+      className={cn(
+        "grid place-items-center rounded-lg bg-primary text-primary-foreground",
+        className,
+      )}
+      aria-hidden
+    >
+      <svg viewBox="0 0 16 16" className="size-[60%]" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round">
+        <path d="M2.5 3.5 6.5 8 2.5 12.5" />
+        <path d="M13.5 3.5 9.5 8l4 4.5" />
+        <path d="M6.5 8h4" />
+        <circle cx="8" cy="8" r="1.4" fill="currentColor" stroke="none" />
+      </svg>
+    </span>
+  );
+}
+
 export function Layout({ session }: { session: SessionInfo }) {
   const logout = async () => {
     await fetch("/api/auth/logout", { method: "POST", credentials: "same-origin" });
@@ -30,9 +51,7 @@ export function Layout({ session }: { session: SessionInfo }) {
       <header className="sticky top-0 z-20 border-b border-border bg-[color:color-mix(in_oklch,var(--background)_88%,transparent)] backdrop-blur">
         <div className="mx-auto flex w-full max-w-7xl items-center gap-3 px-4 py-2.5 sm:gap-4 sm:px-6">
           <span className="flex items-center gap-2 font-semibold tracking-tight">
-            <span className="grid size-7 place-items-center rounded-lg bg-primary text-primary-foreground">
-              <TerminalSquare className="size-4" />
-            </span>
+            <BrandMark className="size-7" />
             Coding2API
           </span>
           <nav className="flex flex-1 gap-1">
@@ -45,16 +64,30 @@ export function Layout({ session }: { session: SessionInfo }) {
                   cn(
                     "flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-sm transition-colors sm:px-3",
                     isActive
-                      ? "bg-primary/12 font-medium text-primary"
+                      ? "bg-primary/10 font-medium text-primary"
                       : "text-muted-foreground hover:bg-muted hover:text-foreground",
                   )
                 }
               >
-                <item.icon className="size-4 shrink-0" />
-                <span className="hidden sm:inline">{item.label}</span>
+                {() => (
+                  <>
+                    <item.icon className="size-4 shrink-0" />
+                    <span className="hidden sm:inline">{item.label}</span>
+                  </>
+                )}
               </NavLink>
             ))}
           </nav>
+          <a
+            href="https://github.com/RobbsLuo/coding2api"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="项目仓库"
+            title="项目仓库"
+            className="grid size-8 place-items-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          >
+            <Globe className="size-4" />
+          </a>
           <ThemeToggle />
           <UserMenu
             username={session.username}

web/src/Layout.tsx

@@ -112,18 +112,11 @@ describe("api client", () => {
       expect.objectContaining({ method: "POST" }),
     );
 
-    await api.selectAccount("c1", "a1");
-    expect(spy).toHaveBeenCalledWith(
-      "/api/credentials/c1/accounts/select",
-      expect.objectContaining({ method: "POST" }),
-    );
-
     await api.upstreamStart("codebuddy");
     await api.upstreamPoll("codebuddy", "s");
     await api.upstreamCancel("codebuddy", "s");
     await api.probeCredential("c1");
     await api.checkinCredential("c1");
-    await api.accounts("c1");
     await api.apiKeys();
     await api.createApiKey("n");
     await api.deleteApiKey("k1");
@@ -173,7 +166,7 @@ describe("display helpers", () => {
     expect(healthView(undefined as unknown as null).kind).toBe("unknown");
   });
 
-  it("周期语义按上游类型判定，而不是看 cycle_end 是否存在", () => {
+  it("周期语义按渠道类型判定，而不是看 cycle_end 是否存在", () => {
     // CodeBuddy 有重置时间
     const cycle = quotaSemantics(makeCredential({
       provider: "codebuddy", quota_cycle_end: 1_800_000_000 }) as never);

web/src/api/__tests__/client.test.tsx

@@ -4,13 +4,18 @@ import type { ReactNode } from "react";
 export function PageHeader({
   title,
   description,
+  icon,
 }: {
   title: string;
   description?: ReactNode;
+  icon?: ReactNode;
 }) {
   return (
     <div className="space-y-1">
-      <h1 className="text-xl font-semibold tracking-tight">{title}</h1>
+      <h1 className="flex items-center gap-2 text-xl font-semibold tracking-tight">
+        {icon && <span className="text-primary">{icon}</span>}
+        {title}
+      </h1>
       {description && <p className="text-sm leading-relaxed text-muted-foreground">{description}</p>}
     </div>
   );

web/src/components/PageHeader.tsx

@@ -11,7 +11,7 @@ function Card({
       data-slot="card"
       data-size={size}
       className={cn(
-        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-border [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
         className
       )}
       {...props}

web/src/components/ui/card.tsx

@@ -1,4 +1,4 @@
-import { Check, Copy, Plus, Trash2 } from "lucide-react";
+import { Check, Copy, KeyRound, Plus, Trash2 } from "lucide-react";
 import { useState } from "react";
 import { api } from "../api/client";
 import { useApiKeys, useQueryClient } from "../api/hooks";
@@ -192,6 +192,7 @@ export function ApiKeysPage() {
       <PageHeader
         title="API Key 管理"
         description="创建外部客户端（ChatGPT Next Web、LobeChat、Cursor 等）接入用的 Key，协议与 OpenAI 兼容。Key 仅在创建时完整显示一次，请立即保存；用量按 Key 归属用户统计。"
+        icon={<KeyRound className="size-5" />}
       />
       <OpenAIEntry apiKey={created?.api_key ?? ""} />