@jsonstudio/rcc 0.89.1205 → 0.89.1348

package/docs/streaming-flow.md

@@ -0,0 +1,182 @@
+## `/v1/messages` Streaming/Tool Flow
+
+### HTTP Entry → `req_inbound` Stages
+
+| Stage | Payload focus | Key fields |
+|-------|---------------|------------|
+| HTTP handler (`src/server/handlers/messages-handler.ts`) | Raw JSON/SSE body | `jsonPayload.stream`, `rawRequestMetadata`, `metadata.stream/inboundStream/outboundStream`, `clientHeaders` |
+| `req_inbound_stage1_format_parse` | Format envelope | Mirrors request body (Anthropic/Chat/Responses → canonical format) |
+| `req_inbound_stage2_semantic_map` | `ChatEnvelope` + `StandardizedRequest` | `parameters.stream`, `messages`, `tools`, `metadata.context` |
+| `req_inbound_stage3_context_capture` | Adapter context | Captures protocol-specific hints, `toolCallIdStyle`, alias maps |
+
+**Flow**
+
+1. Client body `stream` is taken as ground truth. Handler copies it into `jsonPayload.stream` and marks `metadata.stream/inboundStream/outboundStream`.
+2. Format adapter normalises body into Chat envelope (Anthropic messages → canonical chat).
+3. Semantic mapper builds `ChatEnvelope`, collecting `tools`, `tool_outputs`, `tool_choice`, `parameters.stream`.
+4. `ChatEnvelope → StandardizedRequest` copies `parameters.stream`, `messages`, `tools`, metadata.
+
+### Request Process (`req_process_stage1_tool_governance`)
+
+* Input: `StandardizedRequest` with `parameters.stream` from client.
+* Tool filters (`runChatRequestToolFilters`) govern tool list/tool choice without touching `stream`.
+* `ProcessedRequest.processingMetadata.toolCalls` records governed tool call plan.
+
+### Request Outbound (`req_outbound_stage*`)
+
+| Stage | Effect |
+|-------|--------|
+| `req_outbound_stage1_semantic_map` | Reconstruct ChatEnvelope for provider protocol (`AdapterContext.providerProtocol`). |
+| `req_outbound_stage2_format_build` | Produce provider payload, map `tools` & `tool_choice`. Apply provider `supportsStreaming` override. |
+
+**Streaming rule**
+
+```
+if provider.profile.supportsStreaming === true  => payload.stream = true
+if provider.profile.supportsStreaming === false => payload.stream = false
+else                                           => payload.stream = StandardizedRequest.parameters.stream
+```
+
+### Provider Layer
+
+* Request uses final `payload.stream`.
+* Response can be SSE or JSON. Driver normalises it to JSON before handing to Hub.
+
+### Response Inbound
+
+| Stage | Effect |
+|-------|--------|
+| `resp_inbound_stage1_sse_decode` | Decode SSE if provider returned stream. |
+| `resp_inbound_stage2_format_parse` | Map provider payload to format envelope. |
+| `resp_inbound_stage3_semantic_map` | Build Chat response (tool_calls, tool outputs, finish reason). |
+
+### Response Process
+
+| Stage | Effect |
+|-------|--------|
+| `resp_process_stage1_tool_governance` | Validates provider tool calls (IDs, schema, arguments). |
+| `resp_process_stage2_finalize` | Builds final Chat response JSON (`choices`, `usage`, `finish_reason`). |
+
+### Response Outbound
+
+| Stage | Effect |
+|-------|--------|
+| `resp_outbound_stage1_client_remap` | Convert final Chat response into client protocol (`Anthropic Messages`, `OpenAI Chat`, `Responses`). |
+| `resp_outbound_stage2_sse_stream` | Emits SSE iff `metadata.stream === true` (entrance value). Otherwise returns JSON. |
+
+**Important**: Outbound streaming decision ignores provider response type; it only checks client entrance metadata.
+
+---
+
+## Stage Reference (request → response)
+
+| Pipeline section | Stages |
+|------------------|--------|
+| Request inbound  | `req_inbound_stage1_format_parse`, `req_inbound_stage2_semantic_map`, `req_inbound_stage3_context_capture` |
+| Request process  | `req_process_stage1_tool_governance`, `req_process_stage2_route_select` |
+| Request outbound | `req_outbound_stage1_semantic_map`, `req_outbound_stage2_format_build` |
+| Response inbound | `resp_inbound_stage1_sse_decode`, `resp_inbound_stage2_format_parse`, `resp_inbound_stage3_semantic_map` |
+| Response process | `resp_process_stage1_tool_governance`, `resp_process_stage2_finalize` |
+| Response outbound| `resp_outbound_stage1_client_remap`, `resp_outbound_stage2_sse_stream` |
+
+SSE/JSON selection happens at `resp_outbound_stage2_sse_stream` based solely on `metadata.stream`.
+
+### HTTP Response
+
+`sendPipelineResponse` uses `options.forceSSE = metadata.stream`. SSE events follow client protocol (Anthropic `message_start/content_block_delta`, OpenAI `chat.completion.chunk`, etc.). JSON includes canonical `choices/tool_calls/tool_outputs/finish_reason`.
+
+---
+
+## Field / Stage State Summary
+
+| Field | HTTP handler | req_inbound | req_process | req_outbound | provider resp | resp_inbound | resp_process | resp_outbound |
+|-------|--------------|-------------|-------------|--------------|---------------|--------------|--------------|---------------|
+| `stream` | Set from client body | Copied to `parameters.stream` | Unchanged | Override only if provider config forces | n/a | Remains in metadata | Drives `wantsStream` | Controls SSE vs JSON |
+| `tools` | Raw array | Normalised Chat tools | Tool governance (policy) | Mapped to provider schema | Provider call result | Normalised Chat tool calls | Validated/strictified | Mapped back to client schema |
+| `tool_choice` | Raw | Stored in parameters | Governed | Provider schema | — | — | Included in final Chat response | Client schema |
+| `tool outputs` | Raw (Responses) | Stored as `toolOutputs` | — | Provider payload (if needed) | Provider result frames | Normalised to Chat tool role msg | Packaged | Client schema (Messages, Responses) |
+| `finish_reason` | — | — | — | Provider dependent | Provided by provider | Normalised to Chat finish reason | Finalised | Returned in client schema |
+
+---
+
+## Protocol-specific Conversion Details
+
+### OpenAI Chat (`/v1/chat/completions`)
+
+**Inbound**
+1. `req_inbound_stage1_format_parse` accepts OpenAI Chat JSON.
+2. `req_inbound_stage2_semantic_map` flattens `choices[].messages` into ChatEnvelope, collects `tool_calls`, `tool_choice`.
+3. `req_inbound_stage3_context_capture` stores `toolCallIdStyle` hints.
+
+**Outbound**
+1. `req_outbound_stage1_semantic_map` reconstructs OpenAI Chat payload with governed `tools`.
+2. `req_outbound_stage2_format_build` serialises `function` schema, `tool_choice`, `stream`.
+3. `resp_outbound_stage1_client_remap` writes `choices[].delta`, `finish_reason`, `tool_calls`.
+4. `resp_outbound_stage2_sse_stream` emits `chat.completion.chunk` events when `stream === true`.
+
+### Anthropic Messages (`/v1/messages`)
+
+**Inbound**
+1. `req_inbound_stage1_format_parse` parses Anthropic `messages[]/content_block` structure.
+2. `req_inbound_stage2_semantic_map` converts to ChatEnvelope, capturing `anthropicMirror`, alias map, metadata.
+3. `req_inbound_stage3_context_capture` stores Anthropics-specific aliasing + tool ID style.
+
+**Outbound**
+1. `req_outbound_stage1_semantic_map` builds Anthropics message list (system blocks, tool_use, tool_result).
+2. `req_outbound_stage2_format_build` sets `tools`, `tool_choice`, `stream` (respecting provider override).
+3. Provider response SSE → `resp_inbound_stage1_sse_decode`.
+4. `resp_outbound_stage1_client_remap` emits `message_start`, `content_block_start/delta`, tool_use/tool_result, `message_delta.stop_reason`.
+5. `resp_outbound_stage2_sse_stream` uses entrance `stream` to send SSE; otherwise JSON matches Anthropic schema.
+
+### OpenAI Responses (`/v1/responses`)
+
+**Inbound**
+1. Handler routes `/v1/responses` to `responses-format-adapter`.
+2. `req_inbound_stage2_semantic_map` maps `input[]` into ChatEnvelope (`messages/tools`), `tool_outputs`.
+3. `req_inbound_stage3_context_capture` records responses context for bridging (multi-modal).
+
+**Outbound**
+1. `req_outbound_stage1_semantic_map` converts ChatEnvelope to Responses `input[]`.
+2. `req_outbound_stage2_format_build` writes `metadata`, `modalities`, `instructions`, `stream`.
+3. Provider SSE or JSON feeds `resp_inbound_*`; tool outputs appear as `response.output[]`.
+4. `resp_outbound_stage1_client_remap` rebuilds Responses `output[]` array (tool calls, tool results, reasoning, finish status).
+5. `resp_outbound_stage2_sse_stream` emits Responses SSE events when entrance `stream === true`.
+
+---
+
+---
+
+## Streaming / Tool Pipeline Flow
+
+```
+Client (/v1/messages)
+  → HTTP handler
+      stream := body.stream
+      metadata.stream/inbound/outbound := stream
+  → req_inbound_stage1 (format parse)
+  → req_inbound_stage2 (semantic map)
+      ChatEnvelope.parameters.stream := stream
+  → StandardizedRequest.parameters.stream := stream
+  → req_process_stage1_tool_governance
+      tools/tool_choice governed (stream untouched)
+  → req_outbound_stage1/2
+      apply provider supportsStreaming override
+      payload.stream := override or stream
+  → Provider
+      sends SSE/JSON accordingly
+      returns SSE/JSON (tool_calls, finish_reason)
+  → resp_inbound stages
+      decode SSE, build Chat response
+  → resp_process
+      tool governance, final Chat response
+  → resp_outbound_stage1
+      map Chat response -> client protocol
+  → resp_outbound_stage2
+      if entrance stream === true -> emit client SSE
+      else -> emit JSON
+  → HTTP response
+```
+
+---
+
+See `streaming-flow.html` for a Mermaid diagram illustrating the above.

package/docs/token-daemon-preview.html

@@ -0,0 +1,490 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <title>RouteCodex Token Daemon 预览（树状视图）</title>
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+      background-color: #020617;
+      color: #e5e7eb;
+    }
+    header {
+      padding: 14px 20px;
+      border-bottom: 1px solid #111827;
+      background: radial-gradient(circle at top left, #1d4ed8 0, #020617 50%);
+    }
+    header h1 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+    }
+    header .subtitle {
+      font-size: 12px;
+      color: #cbd5f5;
+      margin-top: 4px;
+    }
+    header .meta {
+      margin-top: 4px;
+      font-size: 11px;
+      color: #9ca3af;
+    }
+    main {
+      padding: 12px 20px 24px;
+    }
+    .layout {
+      display: flex;
+      gap: 16px;
+    }
+    .panel {
+      flex: 1;
+      min-width: 0;
+      background-color: #020617;
+      border-radius: 10px;
+      border: 1px solid #111827;
+      padding: 10px 12px 12px;
+    }
+    .panel h2 {
+      margin: 0 0 8px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+    .panel .hint {
+      font-size: 11px;
+      color: #6b7280;
+      margin-bottom: 6px;
+    }
+    .mono {
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+      font-size: 12px;
+    }
+
+    /* Tree */
+    .tree {
+      font-size: 12px;
+      line-height: 1.4;
+    }
+    .tree ul {
+      list-style: none;
+      margin: 0;
+      padding-left: 16px;
+      border-left: 1px solid #1f2937;
+    }
+    .tree-root {
+      font-size: 12px;
+      font-weight: 500;
+      margin-bottom: 4px;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+    .tree-node {
+      position: relative;
+      padding: 3px 0 3px 12px;
+    }
+    .tree-label {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+    }
+    .tree-node::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 10px;
+      width: 10px;
+      height: 1px;
+      background-color: #1f2937;
+    }
+    .icon {
+      font-size: 11px;
+      opacity: 0.8;
+    }
+    .badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 0 6px;
+      border-radius: 999px;
+      font-size: 10px;
+      border: 1px solid transparent;
+    }
+    .badge.online {
+      background-color: rgba(34, 197, 94, 0.15);
+      border-color: rgba(34, 197, 94, 0.5);
+      color: #bbf7d0;
+    }
+    .badge.offline {
+      background-color: rgba(148, 163, 184, 0.15);
+      border-color: rgba(148, 163, 184, 0.5);
+      color: #e5e7eb;
+    }
+    .badge.apikey {
+      background-color: rgba(59, 130, 246, 0.1);
+      border-color: rgba(59, 130, 246, 0.6);
+      color: #bfdbfe;
+    }
+    .badge.oauth {
+      background-color: rgba(52, 211, 153, 0.1);
+      border-color: rgba(52, 211, 153, 0.6);
+      color: #a7f3d0;
+    }
+    .badge.none {
+      background-color: rgba(156, 163, 175, 0.1);
+      border-color: rgba(156, 163, 175, 0.6);
+      color: #e5e7eb;
+    }
+    .badge.status-valid {
+      background-color: rgba(34, 197, 94, 0.15);
+      border-color: rgba(34, 197, 94, 0.5);
+      color: #bbf7d0;
+    }
+    .badge.status-expiring {
+      background-color: rgba(234, 179, 8, 0.15);
+      border-color: rgba(234, 179, 8, 0.5);
+      color: #facc15;
+    }
+    .badge.status-expired {
+      background-color: rgba(239, 68, 68, 0.15);
+      border-color: rgba(239, 68, 68, 0.5);
+      color: #fecaca;
+    }
+    .badge.status-invalid {
+      background-color: rgba(148, 163, 184, 0.15);
+      border-color: rgba(148, 163, 184, 0.5);
+      color: #e5e7eb;
+    }
+    .scope-switch {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 6px;
+      margin-bottom: 4px;
+      font-size: 11px;
+    }
+    .scope-pill {
+      padding: 2px 8px;
+      border-radius: 999px;
+      border: 1px solid #1f2937;
+      background-color: #020617;
+      color: #9ca3af;
+      cursor: default;
+    }
+    .scope-pill.active {
+      border-color: rgba(59, 130, 246, 0.7);
+      background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.35), #020617 60%);
+      color: #e5e7eb;
+    }
+    .tag {
+      padding: 0 4px;
+      border-radius: 4px;
+      border: 1px solid #1f2937;
+      font-size: 10px;
+      color: #9ca3af;
+      background-color: #020617;
+    }
+    .dim {
+      color: #6b7280;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>RouteCodex Token Daemon 预览</h1>
+    <div class="subtitle">树状结构：服务器 → Providers → Tokens / Tokens → Used By</div>
+    <div class="meta">
+      所有数据为静态示例，结构对齐 CLI 输出：<span class="mono">token-daemon servers/providers/tokens --json</span>；
+      系统统计对应 <span class="mono">StatsSnapshot</span>（<span class="mono">router.global</span> / <span class="mono">providers.global</span>）
+    </div>
+  </header>
+
+  <main>
+    <!-- 顶部统计区 -->
+    <section style="margin-bottom: 12px; display:flex; gap:12px; flex-wrap:wrap;">
+      <div style="flex:1; min-width:180px; background:#020617; border:1px solid #111827; border-radius:10px; padding:8px 10px;">
+        <div style="font-size:11px; color:#9ca3af; margin-bottom:4px;">系统统计（Virtual Router）</div>
+        <div class="scope-switch">
+          <span class="dim">范围：</span>
+          <span class="scope-pill active">当前 Server（local-5555）</span>
+          <span class="scope-pill">当前 Config（~/.routecodex/config.json）</span>
+          <span class="scope-pill">所有 Server</span>
+          <span class="scope-pill">所有 Config</span>
+        </div>
+        <div class="dim" style="font-size:11px; margin-bottom:4px;">
+          示例：当前 Server 视角，对应该进程的 <span class="mono">StatsSnapshot.router.global</span> /
+          <span class="mono">StatsSnapshot.providers.global</span>
+        </div>
+        <div style="display:flex; flex-wrap:wrap; gap:12px; font-size:12px;">
+          <div>
+            <div class="dim" style="font-size:11px;">Requests</div>
+            <div class="mono">
+              12,345
+              <span class="dim">(router.global.requestCount)</span>
+            </div>
+          </div>
+          <div>
+            <div class="dim" style="font-size:11px;">Success / Error</div>
+            <div class="mono">
+              12,000 / 345
+              <span class="dim">(providers.global.successCount / errorCount)</span>
+            </div>
+          </div>
+          <div>
+            <div class="dim" style="font-size:11px;">Avg Latency</div>
+            <div class="mono">
+              210 ms
+              <span class="dim">(providers.global.latencySumMs / requestCount)</span>
+            </div>
+          </div>
+          <div>
+            <div class="dim" style="font-size:11px;">Tokens</div>
+            <div class="mono">
+              prompt=23k / completion=18k / total=41k
+              <span class="dim">(providers.global.usage)</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div style="flex:0 0 220px; min-width:200px; background:#020617; border:1px solid #111827; border-radius:10px; padding:8px 10px;">
+        <div style="font-size:11px; color:#9ca3af; margin-bottom:4px;">操作</div>
+        <div style="display:flex; flex-direction:column; gap:6px;">
+          <button style="font-size:12px; padding:4px 8px; border-radius:6px; border:none; cursor:default; background:linear-gradient(90deg,#4f46e5,#06b6d4); color:#f9fafb;">
+            ⟳ 重启所有受影响的 Providers
+          </button>
+          <div class="dim" style="font-size:11px;">
+            实际实现中，这里可以调用后端 API，例如：
+            <span class="mono">routecodex restart</span> 或 针对单个 server 的重启命令。
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <div class="layout">
+      <!-- 左侧：Server → Providers → Tokens 视角 -->
+      <section class="panel">
+        <h2>Server 视角（自上而下）</h2>
+        <div class="hint">
+          入口：<span class="mono">servers + providers</span>，按「服务器 → Provider → TokenFile」组织。
+        </div>
+
+        <div class="tree">
+          <div class="tree-root">
+            <span class="icon">🖥</span>
+            <span class="mono">Servers</span>
+          </div>
+          <ul>
+            <li class="tree-node">
+              <div class="tree-label">
+                <span class="icon">📦</span>
+                <span class="mono">local-5520</span>
+                <span class="badge offline">offline</span>
+                <span class="dim mono">(~/.routecodex/config.json)</span>
+              </div>
+              <ul>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🤖</span>
+                    <span class="mono">glm</span>
+                    <span class="tag">protocol=openai</span>
+                    <span class="badge apikey">apikey</span>
+                    <span class="dim mono">source=inline value=6484…ttZB</span>
+                  </div>
+                </li>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🤖</span>
+                    <span class="mono">qwen</span>
+                    <span class="tag">protocol=openai</span>
+                    <span class="badge oauth">oauth</span>
+                    <span class="dim mono">tokenFile=~/.routecodex/auth/qwen-oauth.json</span>
+                  </div>
+                  <ul>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">🔑</span>
+                        <span class="mono">token: work (qwen-oauth-1-work.json)</span>
+                        <span class="badge status-expired">expired</span>
+                        <span class="dim mono">expiresAt=2025-12-25T23:10Z</span>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🤖</span>
+                    <span class="mono">iflow</span>
+                    <span class="tag">protocol=openai</span>
+                    <span class="badge oauth">oauth</span>
+                    <span class="dim mono">tokenFile=~/.routecodex/auth/iflow-oauth-1-186.json</span>
+                  </div>
+                  <ul>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">🔑</span>
+                        <span class="mono">token: 186 (iflow-oauth-1-186.json)</span>
+                        <span class="badge status-valid">valid</span>
+                        <span class="dim mono">剩余=652min</span>
+                      </div>
+                    </li>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">🔑</span>
+                        <span class="mono">token: 173 (iflow-oauth-2-173.json)</span>
+                        <span class="badge status-expiring">expiring</span>
+                        <span class="dim mono">剩余=12min</span>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🤖</span>
+                    <span class="mono">gemini</span>
+                    <span class="tag">protocol=openai</span>
+                    <span class="badge apikey">apikey</span>
+                    <span class="dim mono">source=inline value=AIza…3mEQ</span>
+                  </div>
+                </li>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🤖</span>
+                    <span class="mono">lmstudio</span>
+                    <span class="tag">protocol=responses</span>
+                    <span class="badge apikey">apikey</span>
+                    <span class="dim mono">value=${LM_STUDIO_API_KEY:-}</span>
+                  </div>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </section>
+
+      <!-- 右侧：Token → Used By 视角 + 重启按钮 -->
+      <section class="panel">
+        <h2>Token 视角（自下而上）</h2>
+        <div class="hint">
+          入口：<span class="mono">tokens</span>，按「Token → 使用它的服务器/Providers」组织。
+          在这个视角下点击某个 usedBy 节点可以触发对应 Provider 的重启。
+        </div>
+
+        <div class="tree">
+          <div class="tree-root">
+            <span class="icon">🔑</span>
+            <span class="mono">Tokens</span>
+          </div>
+          <ul>
+            <li class="tree-node">
+              <div class="tree-label">
+                <span class="icon">🌐</span>
+                <span class="mono">iflow</span>
+              </div>
+              <ul>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🗝</span>
+                    <span class="mono">186 (iflow-oauth-1-186.json)</span>
+                    <span class="badge status-valid">valid</span>
+                    <span class="dim mono">expiresAt=2025-12-26T11:46:37Z, 剩余=652min</span>
+                  </div>
+                  <ul>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">📦</span>
+                        <span class="mono">usedBy: local-5520:iflow</span>
+                        <span class="tag">protocol=openai</span>
+                        <button style="margin-left:6px; font-size:11px; padding:1px 6px; border-radius:6px; border:none; background:#1f2937; color:#e5e7eb; cursor:default;">
+                          ⟳ 重启该 Provider
+                        </button>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🗝</span>
+                    <span class="mono">173 (iflow-oauth-2-173.json)</span>
+                    <span class="badge status-expiring">expiring</span>
+                    <span class="dim mono">expiresAt=2025-12-26T11:47:24Z, 剩余=12min</span>
+                  </div>
+                  <ul>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">📦</span>
+                        <span class="mono">usedBy: local-5520:iflow</span>
+                        <span class="tag">protocol=openai</span>
+                        <button style="margin-left:6px; font-size:11px; padding:1px 6px; border-radius:6px; border:none; background:#1f2937; color:#e5e7eb; cursor:default;">
+                          ⟳ 重启该 Provider
+                        </button>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+
+            <li class="tree-node">
+              <div class="tree-label">
+                <span class="icon">🌐</span>
+                <span class="mono">qwen</span>
+              </div>
+              <ul>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🗝</span>
+                    <span class="mono">work (qwen-oauth-1-work.json)</span>
+                    <span class="badge status-expired">expired</span>
+                    <span class="dim mono">expiresAt=2025-12-25T23:10:00Z, 剩余=-5min</span>
+                  </div>
+                  <ul>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">📦</span>
+                        <span class="mono">usedBy: local-5520:qwen</span>
+                        <span class="tag">protocol=openai</span>
+                        <button style="margin-left:6px; font-size:11px; padding:1px 6px; border-radius:6px; border:none; background:#1f2937; color:#e5e7eb; cursor:default;">
+                          ⟳ 重启该 Provider
+                        </button>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+
+            <li class="tree-node">
+              <div class="tree-label">
+                <span class="icon">🌐</span>
+                <span class="mono">gemini-cli</span>
+              </div>
+              <ul>
+                <li class="tree-node">
+                  <div class="tree-label">
+                    <span class="icon">🗝</span>
+                    <span class="mono">primary (gemini-oauth-1-primary.json)</span>
+                    <span class="badge status-invalid">invalid</span>
+                    <span class="dim mono">无有效 access_token/api_key</span>
+                  </div>
+                  <ul>
+                    <li class="tree-node">
+                      <div class="tree-label">
+                        <span class="icon">📦</span>
+                        <span class="mono">usedBy: -</span>
+                        <span class="dim">(尚未绑定到任何 provider)</span>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </section>
+    </div>
+  </main>
+</body>
+</html>