PyPI - coding-proxy - Versions diffs - 0.3.1a9__tar.gz → 0.4.0__tar.gz - Mend

coding-proxy 0.3.1a9tar.gz → 0.4.0tar.gz

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (183) hide show

{coding_proxy-0.3.1a9 → coding_proxy-0.4.0}/.gitignore RENAMED Viewed

@@ -23,5 +23,8 @@ config.yaml
 .claude/.prompts.md
 .python-version
+# Playwright MCP
+.playwright-mcp/
 # Log files (dual-write logging)
 coding-proxy.log*

{coding_proxy-0.3.1a9 → coding_proxy-0.4.0}/CHANGELOG.md RENAMED Viewed

@@ -4,16 +4,27 @@
 ## [Unreleased]
-- fix(vendor-channels): 为所有 targeting zhipu 的转换通道（zhipu→zhipu、copilot→zhipu、anthropic→zhipu）新增 `tool_result.id` 字段注入，修复 zhipu GLM-5 后端错误访问 `.id` 属性（`'ClaudeContentBlockToolResult' object has no attribute 'id'`）导致的 500 错误，使 zhipu 可完全承接含 tool_result 的会话；
-- fix(vendor-channels): 新增 zhipu 同 vendor 自清理通道，修复 GLM-5 自循环 400 + tool_results 偶发降级；
-- fix(vendor-channels): 修复 `_rewrite_srvtoolu_ids` 块顺序敏感性导致 inline tool_result 漏改名，进而 enforce 阶段 dict key 与 tool_use_ids 错位、anthropic 报 `tool_use ids without tool_result blocks immediately after` 的 cascade failover 问题（改为两遍扫描：先收集 id_map，再统一改写所有 tool_result.tool_use_id 引用）；
-- fix(vendor-channels): `enforce_anthropic_tool_pairing` 增加全局 sanity check pass，主循环边角错位让 dangling tool_use 漏过校验时兜底合成 is_error 占位并打 `pairing_sanity_repaired` 标签，避免 anthropic 二次报错；
+## [v0.4.0](https://github.com/ThreeFish-AI/coding-proxy/releases/tag/v0.4.0) — 2026-05-01
-### Bug Fixes
+> [!IMPORTANT]
+>
+> **🚀 Session 级专属路由策略！**
+>
+> 给每个 Session 指定专属的 vendor，动态调节不同 vendors 间的 LLM 流量。
+![session](assets/session-v0.4.0.png)
+### ✨ 核心亮点
+- feat(session-policy): 新增 Session 级专属路由策略 (#219)
+- feat(dashboard): 新增会话活动面板 (#222)
+### 🔧 更多特性
-- fix(vendor-channels): 新增 `anthropic → zhipu` 跨供应商转换通道，修复 Anthropic beta 功能（web search, computer use）产生的 `server_tool_use` 块导致 zhipu 400 错误的问题；
-- fix(error-classifier): 增强语义拒绝检测，识别 zhipu 等供应商返回的中文错误消息（如「API 调用参数有误」code=1210），确保正确触发故障转移；
-- fix(vendor-channels): `_remove_vendor_blocks` 增加空内容占位保护，防止内容块全部剥离后消息结构不合法。
+- refactor(logging): 移除已被 ModelCall 汇总行覆盖的冗余 DEBUG 日志 (#203)
+- style(dashboard): 加宽图表 tooltip 令模型名称与用量值单行显示 (#211)
+- fix(usage-parser): 补充 OpenAI/Gemini SSE 流式分支的 model_served 提取 (#214)
+- fix(usage-parser): 兼容 SSE chunk 中 usage 字段为 null 的极端格式 (#212)
 ## [v0.3.0](https://github.com/ThreeFish-AI/coding-proxy/releases/tag/v0.3.0) — 2026-04-20

{coding_proxy-0.3.1a9 → coding_proxy-0.4.0}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: coding-proxy
-Version: 0.3.1a9
+Version: 0.4.0
 Summary: A High-Availability, Transparent, and Smart Multi-Vendor Proxy for Claude Code. Support Claude Plans, GitHub Copilot, Google Antigravity, ZAI/GLM, MiniMax, Qwen, Xiaomi, Kimi, Doubao...
 Project-URL: Source Code, https://github.com/ThreeFish-AI/coding-proxy
 Project-URL: User Guide, https://github.com/ThreeFish-AI/coding-proxy/blob/master/docs/user-guide.md

coding_proxy-0.4.0/assets/session-v0.4.0.png ADDED Viewed

Binary file

{coding_proxy-0.3.1a9 → coding_proxy-0.4.0}/pyproject.toml RENAMED Viewed

@@ -1,6 +1,6 @@
 [project]
 name = "coding-proxy"
-version = "0.3.1a9"
+version = "0.4.0"
 description = "A High-Availability, Transparent, and Smart Multi-Vendor Proxy for Claude Code. Support Claude Plans, GitHub Copilot, Google Antigravity, ZAI/GLM, MiniMax, Qwen, Xiaomi, Kimi, Doubao..."
 readme = "README.md"
 requires-python = ">=3.12"

{coding_proxy-0.3.1a9 → coding_proxy-0.4.0}/src/coding/proxy/server/dashboard.py RENAMED Viewed

@@ -159,7 +159,7 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     .kpi-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-      gap: 16px;
+      gap: 5px;
       margin-bottom: 24px;
     }
     .kpi-card {
@@ -310,6 +310,7 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     }
     .vendor-name { font-weight: 600; font-size: 14px; }
     .vendor-badges { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
+    .quota-group { display: flex; align-items: center; gap: 6px; }
     .status-badge {
       font-size: 11px; padding: 2px 7px;
       border-radius: 10px;
@@ -319,7 +320,7 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     .sb-warn { background: rgba(210,153,34,.12); color: var(--accent-yellow); border: 1px solid rgba(210,153,34,.2); }
     .sb-err { background: rgba(248,81,73,.12); color: var(--accent-red); border: 1px solid rgba(248,81,73,.2); }
     .sb-info { background: rgba(88,166,255,.12); color: var(--accent-blue); border: 1px solid rgba(88,166,255,.2); }
-    .quota-bar-wrap { flex: 1; margin: 0 10px; max-width: 100px; }
+    .quota-bar-wrap { flex: 1; min-width: 40px; max-width: 100px; }
     .quota-bar-bg {
       height: 4px; border-radius: 2px;
       background: rgba(255,255,255,.06);
@@ -397,8 +398,8 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     .empty-icon { font-size: 32px; margin-bottom: 8px; opacity: .5; }
     /* ── Sessions Panel ── */
     .sessions-card { grid-column: 1 / -1; animation-delay: .1s; }
-    .session-table-wrap { overflow-x: auto; max-height: 480px; overflow-y: auto; }
-    .session-table { width: 100%; border-collapse: collapse; font-size: 13px; }
+    .session-table-wrap { overflow: hidden; }
+    .session-table { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; }
     .session-table th {
       position: sticky; top: 0; z-index: 1;
       background: var(--bg-card); padding: 10px 12px;
@@ -406,17 +407,59 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
       color: var(--text-secondary); text-transform: uppercase; letter-spacing: .5px;
       border-bottom: 1px solid var(--border);
     }
-    .session-table td { padding: 8px 12px; border-bottom: 1px solid var(--border-subtle); white-space: nowrap; }
+    .session-table td { padding: 8px 12px; border-bottom: 1px solid var(--border-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+    .session-table td.cell-tags { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.8; vertical-align: middle; }
     .session-table tr:hover td { background: var(--bg-card-hover); }
-    .session-key { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--accent-blue); cursor: default; }
+    .session-table .session-key { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--accent-blue); cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+    .session-id { display: flex; align-items: center; gap: 4px; }
+    .session-id-text { overflow: hidden; text-overflow: ellipsis; }
+    .copy-btn { background: none; border: none; color: var(--text-tertiary); cursor: pointer; padding: 2px; border-radius: 4px; font-size: 12px; line-height: 1; opacity: .5; flex-shrink: 0; }
+    .copy-btn:hover { opacity: 1; color: var(--accent-blue); background: rgba(88,166,255,.1); }
+    .copy-btn.copied { color: var(--accent-green); opacity: 1; }
+    .session-meta { font-size: 10px; color: var(--text-tertiary); line-height: 1.2; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
     .session-tag {
       display: inline-block; font-size: 11px; padding: 2px 7px;
       border-radius: 8px; margin: 1px 2px;
       background: rgba(88,166,255,.08); border: 1px solid rgba(88,166,255,.15);
       color: var(--text-secondary);
     }
-    .success-bar { width: 56px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.06); display: inline-block; vertical-align: middle; margin-left: 6px; }
-    .success-bar-fill { height: 100%; border-radius: 2px; }
+    .session-tag-cc {
+      background: rgba(63,185,80,.08); border-color: rgba(63,185,80,.15);
+    }
+    .session-table td.cell-success { overflow: visible; text-overflow: clip; }
+    /* ── 展开行 ── */
+    .session-table tr.row-detail { display: none; }
+    .session-table tr.row-detail.open { display: table-row; }
+    .session-table tr.row-detail td { padding: 0; }
+    .detail-card {
+      padding: 16px 24px; margin: 6px 0;
+      background: linear-gradient(135deg, rgba(30,37,54,.95), rgba(22,28,40,.95));
+      border: 1px solid rgba(88,166,255,.15); border-radius: 12px;
+      font-size: 13px;
+      white-space: normal; overflow: hidden;
+      box-shadow: 0 4px 16px rgba(0,0,0,.3);
+    }
+    .detail-card .detail-item { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+    .detail-card .detail-label { font-size: 11px; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: .3px; }
+    .detail-card .detail-value { color: var(--text-primary); line-height: 1.4; word-break: break-all; overflow-wrap: break-word; }
+    .detail-identity-row {
+      display: flex; gap: 16px;
+      padding-bottom: 10px; margin-bottom: 10px;
+      border-bottom: 1px solid var(--border);
+    }
+    .detail-identity-row .detail-item { flex: 3 1 0; }
+    .detail-identity-row .detail-item:first-child { flex: 2 1 0; }
+    .detail-identity-row .detail-value { font-family: 'JetBrains Mono', monospace; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; }
+    .detail-metrics-grid {
+      display: grid;
+      grid-template-columns: repeat(8, 1fr);
+      gap: 10px 16px;
+    }
+    .detail-inline-pair { display: flex; gap: 16px; }
+    .detail-inline-pair > div { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+    .session-table tbody tr[data-row]:not(.row-detail) { cursor: pointer; }
+    .success-bar { width: 56px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.12); display: inline-block; vertical-align: middle; margin-left: 6px; }
+    .success-bar-fill { height: 100%; border-radius: 2px; display: block; }
     /* ── Vendor Bind 选择器 ── */
     .bind-select {
       padding: 3px 6px; border-radius: 6px;
@@ -430,6 +473,21 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     .bind-select:hover { border-color: rgba(88,166,255,.4); color: var(--text-primary); }
     .bind-select:focus { border-color: rgba(88,166,255,.6); box-shadow: 0 0 0 2px rgba(88,166,255,.1); }
     .bind-select option { background: var(--bg-card); color: var(--text-primary); }
+    /* ── 分页 ── */
+    .session-pagination {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 10px 12px; border-top: 1px solid var(--border-subtle);
+      font-size: 12px; color: var(--text-secondary);
+    }
+    .page-btn {
+      padding: 4px 10px; border-radius: 6px;
+      background: rgba(48,54,61,.4); border: 1px solid rgba(255,255,255,.08);
+      color: var(--text-secondary); font-size: 12px; cursor: pointer;
+      transition: all .15s ease;
+    }
+    .page-btn:hover:not(:disabled) { background: var(--bg-card-hover); color: var(--text-primary); border-color: rgba(88,166,255,.3); }
+    .page-btn:disabled { opacity: .35; cursor: default; }
+    .page-info { font-family: 'JetBrains Mono', monospace; font-size: 12px; }
     /* ── 加载态 ── */
     .loading { opacity: .4; pointer-events: none; }
     /* ── 图表标签截断 ── */
@@ -473,28 +531,28 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     /* ── Tabs ─────────────────────────────────────────────────── */
     .tabs {
       display: flex;
-      gap: 4px;
-      margin-bottom: 16px;
-      border-bottom: 1px solid var(--border);
-      padding: 0 2px;
+      gap: 2px;
+      padding: 0;
     }
     .tab-btn {
       appearance: none;
       background: transparent;
-      border: none;
-      border-bottom: 2px solid transparent;
+      border: 1px solid transparent;
       color: var(--text-secondary);
       cursor: pointer;
       font-family: inherit;
-      font-size: 14px;
+      font-size: 13px;
       font-weight: 500;
-      padding: 10px 16px;
-      margin-bottom: -1px;
-      transition: color .15s ease, border-color .15s ease, background .15s ease;
-      border-radius: 6px 6px 0 0;
+      padding: 4px 12px;
+      transition: color .15s ease, background .15s ease, border-color .15s ease;
+      border-radius: var(--radius-sm);
     }
     .tab-btn:hover { color: var(--text-primary); background: var(--bg-card-hover); }
-    .tab-btn.active { color: var(--text-primary); border-bottom-color: var(--accent-blue); }
+    .tab-btn.active {
+      color: var(--text-primary);
+      background: rgba(88,166,255,.1);
+      border-color: rgba(88,166,255,.2);
+    }
     .tab-btn:focus-visible { outline: 2px solid var(--accent-blue); outline-offset: 2px; }
     .tab-pane { display: none; }
     .tab-pane.active { display: block; }
@@ -508,18 +566,16 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
     <span class="badge" id="version-badge">v-.-.-</span>
   </div>
   <div class="header-right">
+    <nav class="tabs" role="tablist" aria-label="Dashboard sections">
+      <button type="button" class="tab-btn active" id="tab-btn-overview" role="tab" aria-controls="tab-pane-overview" aria-selected="true" data-tab="overview" onclick="switchTab('overview')">Overview</button>
+      <button type="button" class="tab-btn" id="tab-btn-sessions" role="tab" aria-controls="tab-pane-sessions" aria-selected="false" data-tab="sessions" onclick="switchTab('sessions')">Sessions</button>
+    </nav>
     <span class="refresh-time" id="refresh-time">正在加载…</span>
     <button class="btn-refresh" onclick="refresh()">⟳ 刷新</button>
   </div>
 </header>
 <main>
-  <!-- 页签导航 -->
-  <nav class="tabs" role="tablist" aria-label="Dashboard sections">
-    <button type="button" class="tab-btn active" id="tab-btn-overview" role="tab" aria-controls="tab-pane-overview" aria-selected="true" data-tab="overview" onclick="switchTab('overview')">Overview</button>
-    <button type="button" class="tab-btn" id="tab-btn-sessions" role="tab" aria-controls="tab-pane-sessions" aria-selected="false" data-tab="sessions" onclick="switchTab('sessions')">Recent Active Sessions</button>
-  </nav>
   <!-- Overview 页签 -->
   <section class="tab-pane active" id="tab-pane-overview" role="tabpanel" aria-labelledby="tab-btn-overview" data-tab="overview">
   <!-- 时间区间选择器 -->
@@ -613,19 +669,27 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
   </div>
   </section>
-  <!-- Recent Active Sessions 页签 -->
+  <!-- Sessions 页签 -->
   <section class="tab-pane" id="tab-pane-sessions" role="tabpanel" aria-labelledby="tab-btn-sessions" data-tab="sessions">
-  <!-- Recent Active Sessions -->
+  <!-- Sessions -->
   <div class="card sessions-card">
-    <div class="card-title">
-      <span>Recent Active Sessions</span>
-      <span style="font-size:12px;color:var(--text-tertiary)" id="sessions-subtitle">Last 24h</span>
-    </div>
     <div class="session-table-wrap" id="sessions-table-wrap">
       <table class="session-table">
+        <colgroup>
+          <col style="width:12%">
+          <col style="width:7%">
+          <col style="width:6%">
+          <col style="width:6%">
+          <col style="width:17%">
+          <col style="width:12%">
+          <col style="width:7%">
+          <col style="width:9%">
+          <col style="width:12%">
+          <col style="width:12%">
+        </colgroup>
         <thead>
           <tr>
-            <th>Session</th>
+            <th>Session ID</th>
             <th>Last Active</th>
             <th>Requests</th>
             <th>Tokens</th>
@@ -641,6 +705,14 @@ _DASHBOARD_HTML = """<!DOCTYPE html>
           <tr><td colspan="10" class="empty">Loading...</td></tr>
         </tbody>
       </table>
+      <div class="session-pagination" id="session-pagination">
+        <span class="page-info" id="page-info"></span>
+        <div style="display:flex;gap:6px;align-items:center">
+          <button class="page-btn" id="btn-prev" onclick="changePage(-1)">Prev</button>
+          <span class="page-info" id="page-num"></span>
+          <button class="page-btn" id="btn-next" onclick="changePage(1)">Next</button>
+        </div>
+      </div>
     </div>
   </div>
   </section>
@@ -684,7 +756,32 @@ function fmtTokens(n) {
   return String(n);
 }
 function fmtNum(n) { return n == null ? '–' : n.toLocaleString(); }
+function copyFromParent(btn) {
+  var text = btn.parentElement.getAttribute('data-key') || btn.parentElement.getAttribute('title') || '';
+  navigator.clipboard.writeText(text).then(function() {
+    btn.classList.add('copied');
+    btn.textContent = '✓';
+    setTimeout(function() { btn.classList.remove('copied'); btn.textContent = '⧉'; }, 1500);
+  });
+}
+function toggleRow(tr) {
+  var detail = tr.nextElementSibling;
+  if (!detail || !detail.classList.contains('row-detail')) return;
+  var wasOpen = detail.classList.contains('open');
+  // close all open rows first
+  document.querySelectorAll('.session-table tr.row-detail.open').forEach(function(r) { r.classList.remove('open'); });
+  if (!wasOpen) detail.classList.add('open');
+}
 function isValidLabel(s) { return typeof s === 'string' && s !== 'undefined' && s !== 'null' && s.trim() !== ''; }
+function fmtDuration(ms) {
+  if (ms == null) return '–';
+  var s = ms / 1000;
+  if (s < 1) return Math.round(ms) + 'ms';
+  if (s < 60) return s.toFixed(1).replace(/\\.0$/, '') + 's';
+  var m = Math.floor(s / 60);
+  var sec = Math.round(s % 60);
+  return sec > 0 ? m + 'min ' + sec + 's' : m + 'min';
+}
 function now() {
   return new Date().toLocaleTimeString('zh-CN', {hour:'2-digit',minute:'2-digit',second:'2-digit'});
 }
@@ -694,12 +791,15 @@ function now() {
 // _API_VENDORS 需与后端 native_api/handler.py::_VENDOR_LABEL 对齐，
 // 新增无 -native 后缀的 native vendor 时同步更新本集合。
 const _API_VENDORS = new Set(['anthropic-native', 'openai', 'gemini']);
+function isApiVendor(v) { return _API_VENDORS.has(v); }
+function vendorShortName(v) {
+  if (!isValidLabel(v)) return v;
+  if (isApiVendor(v)) return v.endsWith('-native') ? v.slice(0, -'-native'.length) : v;
+  return v;
+}
 function formatVendorLabel(v) {
   if (!isValidLabel(v)) return v;
-  if (_API_VENDORS.has(v)) {
-    const name = v.endsWith('-native') ? v.slice(0, -'-native'.length) : v;
-    return 'api | ' + name;
-  }
+  if (isApiVendor(v)) return 'api | ' + vendorShortName(v);
   return 'cc | ' + v;
 }
@@ -990,10 +1090,11 @@ function renderQuotaBar(qg) {
   if (!qg || qg.usage_percent == null) return '';
   const pct = Math.round(qg.usage_percent);
   const label = quotaWindowLabel(qg.window_hours);
-  return `<span class="status-badge ${quotaClass(pct)}">${label} ${pct}%</span>` +
+  return `<div class="quota-group">` +
+    `<span class="status-badge ${quotaClass(pct)}">${label} ${pct}%</span>` +
     `<div class="quota-bar-wrap"><div class="quota-bar-bg">` +
     `<div class="quota-bar-fill" style="width:${Math.min(pct,100)}%;background:${quotaBarColor(pct)}"></div>` +
-    `</div></div>`;
+    `</div></div></div>`;
 }
 function updateVendorStatus(status) {
@@ -1385,6 +1486,11 @@ function truncateKey(key, maxLen) {
   if (!key || key.length <= maxLen) return escapeHtml(key) || '–';
   return escapeHtml(key.slice(0, maxLen - 3)) + '…';
 }
+function parseSessionKey(raw) {
+  try { var o = JSON.parse(raw); return { device_id: o.device_id||'', account_uuid: o.account_uuid||'', session_id: o.session_id||'' }; }
+  catch(e) { return { device_id:'', account_uuid:'', session_id: raw || '' }; }
+}
+function shortId(s, n) { return s ? (s.length <= n ? s : s.slice(0, n) + '…') : ''; }
 function successBarHtml(pct) {
   if (pct == null) return '–';
   var p = Math.round(pct);
@@ -1398,7 +1504,10 @@ function formatSessionTags(str, max) {
   var html = list.slice(0, max).map(function(c) {
     return '<span class="session-tag">' + escapeHtml(c.trim()) + '</span>';
   }).join('');
-  if (list.length > max) html += '<span class="session-tag">+' + (list.length - max) + '</span>';
+  if (list.length > max) {
+    var fullList = list.map(function(c) { return c.trim(); }).join(', ');
+    html += '<span class="session-tag" title="' + escapeHtml(fullList) + '">+' + (list.length - max) + '</span>';
+  }
   return html;
 }
 function formatCategories(cats) {
@@ -1411,14 +1520,32 @@ function formatCategories(cats) {
 }
 function formatVendorTags(vendors) {
   if (!vendors) return '–';
-  return vendors.split(',').map(function(v) {
-    return '<span class="session-tag">' + formatVendorLabel(v.trim()) + '</span>';
+  var list = vendors.split(',');
+  var max = 4;
+  var html = list.slice(0, max).map(function(v) {
+    var vt = v.trim();
+    var name = vendorShortName(vt);
+    var fullLabel = formatVendorLabel(vt);
+    var cls = isApiVendor(vt) ? 'session-tag' : 'session-tag session-tag-cc';
+    return '<span class="' + cls + '" title="' + escapeHtml(fullLabel) + '">' + escapeHtml(name) + '</span>';
   }).join('');
+  if (list.length > max) {
+    var fullList = list.map(function(v) { return formatVendorLabel(v.trim()); }).join(', ');
+    html += '<span class="session-tag" title="' + escapeHtml(fullList) + '">+' + (list.length - max) + '</span>';
+  }
+  return html;
 }
+// ── Sessions Pagination State ──
+var allSessions = [];
+var sessionPage = 0;
+var sessionPageSize = 30;
+var sessionBindMap = {};
+var sessionAvailableVendors = [];
 async function updateSessions() {
   try {
     var results = await Promise.allSettled([
-      fetchJSON('/api/dashboard/sessions?hours=24&limit=20'),
+      fetchJSON('/api/dashboard/sessions?hours=24&limit=200'),
       fetchJSON('/api/session-vendor'),
       fetchJSON('/api/status'),
     ]);
@@ -1426,38 +1553,87 @@ async function updateSessions() {
     var data = results[0].value;
     var bindData = results[1].status === 'fulfilled' ? results[1].value : {bindings: []};
     var statusData = results[2].status === 'fulfilled' ? results[2].value : {tiers: []};
-    var sessions = data.sessions || [];
-    var bindings = bindData.bindings || [];
-    var availableVendors = (statusData.tiers || []).map(function(t) { return t.name; });
-    var tbody = document.getElementById('sessions-tbody');
-    var subtitle = document.getElementById('sessions-subtitle');
-    if (subtitle) subtitle.textContent = 'Last ' + data.hours + 'h';
-    if (!sessions.length) {
-      tbody.innerHTML = '<tr><td colspan="10" class="empty"><div class="empty-icon">📭</div>No session data</td></tr>';
-      return;
-    }
-    // Build binding lookup: session_key → vendors list
-    var bindMap = {};
-    bindings.forEach(function(b) { bindMap[b.session_key] = b.vendors; });
-    tbody.innerHTML = sessions.map(function(s) {
-      var boundVendors = bindMap[s.session_key];
-      var selectHtml = buildBindSelect(s.session_key, boundVendors, availableVendors);
-      return '<tr>' +
-        '<td class="session-key" title="' + escapeHtml(s.session_key) + '">' + truncateKey(s.session_key, 22) + '</td>' +
+    allSessions = data.sessions || [];
+    sessionBindMap = {};
+    (bindData.bindings || []).forEach(function(b) { sessionBindMap[b.session_key] = b.vendors; });
+    sessionAvailableVendors = (statusData.tiers || []).map(function(t) { return t.name; });
+    sessionPage = 0;
+    renderSessionPage();
+  } catch (e) {
+    console.error('Sessions refresh error:', e);
+  }
+}
+function renderSessionPage() {
+  var total = allSessions.length;
+  var totalPages = Math.max(1, Math.ceil(total / sessionPageSize));
+  if (sessionPage >= totalPages) sessionPage = totalPages - 1;
+  var start = sessionPage * sessionPageSize;
+  var page = allSessions.slice(start, start + sessionPageSize);
+  var tbody = document.getElementById('sessions-tbody');
+  if (!total) {
+    tbody.innerHTML = '<tr><td colspan="10" class="empty"><div class="empty-icon">📭</div>No session data</td></tr>';
+  } else {
+    tbody.innerHTML = page.map(function(s) {
+      var parsed = parseSessionKey(s.session_key);
+      var boundVendors = sessionBindMap[s.session_key];
+      var selectHtml = buildBindSelect(s.session_key, boundVendors, sessionAvailableVendors);
+      var modelsFull = (s.models || '').split(',').map(function(c){return c.trim();});
+      var vendorsFull = (s.vendors || '').split(',').map(function(v){return formatVendorLabel(v.trim());});
+      var sr = s.success_rate != null ? Math.round(s.success_rate) : null;
+      return '<tr data-row onclick="toggleRow(this)">' +
+        '<td class="session-key" onclick="event.stopPropagation()">' +
+          '<div class="session-id" data-key="' + escapeHtml(s.session_key) + '" title="' + escapeHtml(s.session_key) + '">' +
+            '<span class="session-id-text">' + escapeHtml(parsed.session_id || s.session_key) + '</span>' +
+            '<button class="copy-btn" onclick="copyFromParent(this)" title="Copy Session ID">⧉</button>' +
+          '</div>' +
+          '<div class="session-meta" title="device: ' + escapeHtml(parsed.device_id) + ' | account: ' + escapeHtml(parsed.account_uuid) + '">' +
+            'dev:' + escapeHtml(shortId(parsed.device_id, 8)) + ' · acct:' + escapeHtml(shortId(parsed.account_uuid, 8)) +
+          '</div>' +
+        '</td>' +
         '<td>' + relativeTime(s.last_active_ts) + '</td>' +
         '<td style="font-family:JetBrains Mono,monospace">' + fmtNum(s.total_requests) + '</td>' +
         '<td style="font-family:JetBrains Mono,monospace">' + fmtTokens(s.total_tokens) + '</td>' +
-        '<td>' + formatSessionTags(s.models, 2) + '</td>' +
-        '<td>' + formatVendorTags(s.vendors) + '</td>' +
-        '<td style="font-family:JetBrains Mono,monospace">' + (s.avg_duration_ms ? Math.round(s.avg_duration_ms) + 'ms' : '–') + '</td>' +
-        '<td>' + successBarHtml(s.success_rate) + '</td>' +
-        '<td>' + selectHtml + '</td>' +
+        '<td title="' + escapeHtml(modelsFull.join(', ')) + '">' + formatSessionTags(s.models, 3) + '</td>' +
+        '<td title="' + escapeHtml(vendorsFull.join(', ')) + '">' + formatVendorTags(s.vendors) + '</td>' +
+        '<td style="font-family:JetBrains Mono,monospace">' + fmtDuration(s.avg_duration_ms) + '</td>' +
+        '<td class="cell-success">' + successBarHtml(s.success_rate) + '</td>' +
+        '<td onclick="event.stopPropagation()">' + selectHtml + '</td>' +
         '<td>' + formatCategories(s.client_categories) + '</td>' +
-        '</tr>';
+        '</tr>' +
+        '<tr class="row-detail"><td colspan="10"><div class="detail-card">' +
+          '<div class="detail-identity-row">' +
+            '<div class="detail-item"><div class="detail-label">Session ID</div><div class="detail-value" title="' + escapeHtml(s.session_key) + '">' + escapeHtml(parsed.session_id || s.session_key) + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Device</div><div class="detail-value" title="' + escapeHtml(parsed.device_id || '') + '">' + (parsed.device_id ? escapeHtml(parsed.device_id) : '–') + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Account</div><div class="detail-value" title="' + escapeHtml(parsed.account_uuid || '') + '">' + (parsed.account_uuid ? escapeHtml(parsed.account_uuid) : '–') + '</div></div>' +
+          '</div>' +
+          '<div class="detail-metrics-grid">' +
+            '<div class="detail-item"><div class="detail-label">Last Active</div><div class="detail-value">' + relativeTime(s.last_active_ts) + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Requests</div><div class="detail-value">' + fmtNum(s.total_requests) + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Tokens</div><div class="detail-value">' + fmtTokens(s.total_tokens) + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Models</div><div class="detail-value">' + (modelsFull.length ? modelsFull.map(function(m){return '<span class="session-tag">' + escapeHtml(m) + '</span>';}).join(' ') : '–') + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Vendors</div><div class="detail-value">' + (vendorsFull.length ? vendorsFull.map(function(v){return '<span class="session-tag">' + escapeHtml(v) + '</span>';}).join(' ') : '–') + '</div></div>' +
+            '<div class="detail-item"><div class="detail-label">Avg Latency</div><div class="detail-value">' + fmtDuration(s.avg_duration_ms) + '</div></div>' +
+            '<div class="detail-item" style="grid-column:span 2"><div class="detail-inline-pair">' +
+              '<div><div class="detail-label">Success Rate</div><div class="detail-value">' + (sr != null ? sr + '%' : '–') + '</div></div>' +
+              '<div><div class="detail-label">Client</div><div class="detail-value">' + escapeHtml(s.client_categories || '–') + '</div></div>' +
+            '</div></div>' +
+          '</div>' +
+        '</div></td></tr>';
     }).join('');
-  } catch (e) {
-    console.error('Sessions refresh error:', e);
   }
+  document.getElementById('page-info').textContent = total + ' sessions';
+  document.getElementById('page-num').textContent = (sessionPage + 1) + ' / ' + totalPages;
+  document.getElementById('btn-prev').disabled = (sessionPage === 0);
+  document.getElementById('btn-next').disabled = (sessionPage >= totalPages - 1);
+}
+function changePage(delta) {
+  var totalPages = Math.max(1, Math.ceil(allSessions.length / sessionPageSize));
+  sessionPage = Math.max(0, Math.min(totalPages - 1, sessionPage + delta));
+  renderSessionPage();
 }
 function buildBindSelect(sessionKey, boundVendors, availableVendors) {
@@ -1515,7 +1691,7 @@ sessionsTbody.addEventListener('change', function(e) {
 let refreshing = false;
 let currentTab = 'overview';
 const tabLoaded = { overview: false, sessions: false };
-const TAB_LABELS = { overview: 'Overview', sessions: 'Recent Active Sessions' };
+const TAB_LABELS = { overview: 'Overview', sessions: 'Sessions' };
 async function refreshOverview() {
   const days = currentDays > 0 ? currentDays : 7;
@@ -1606,9 +1782,7 @@ function switchTab(name) {
   currentTab = name;
   applyTabState(name);
   syncTabUrl(name);
-  if (!tabLoaded[name]) {
-    refresh();
-  }
+  refresh();
 }
 // ── 初始化 ────────────────────────────────────────────────
@@ -1621,6 +1795,10 @@ function switchTab(name) {
   currentTab = initial;
   applyTabState(initial);
   syncTabUrl(initial);
+  // Load version immediately regardless of active tab
+  fetchJSON('/api/dashboard/summary?days=7').then(function(s) {
+    if (s && s.version) document.getElementById('version-badge').textContent = 'v' + s.version;
+  }).catch(function(){});
   refresh();                     // 仅加载初始页签的数据
   setInterval(refresh, 600000);  // 每 10 分钟刷新当前页签
 })();
@@ -1807,7 +1985,7 @@ def register_dashboard_routes(app: Any) -> None:
                 media_type="application/json",
             )
         hours = max(1.0, min(hours, 168.0))
-        limit = max(1, min(limit, 100))
+        limit = max(1, min(limit, 200))
         try:
             sessions = await token_logger.query_recent_sessions(
                 limit=limit, hours=hours

{coding_proxy-0.3.1a9 → coding_proxy-0.4.0}/uv.lock RENAMED Viewed

@@ -74,7 +74,7 @@ wheels = [
 [[package]]
 name = "coding-proxy"
-version = "0.3.1a9"
+version = "0.4.0"
 source = { editable = "." }
 dependencies = [
     { name = "aiosqlite" },