ui(proxy-stats): align retry stats chart colors with app theme; release 1.7.11

BarChart's grouped-series colors no longer reuse --color-success/-warning
(misreadable as good/bad on the upstream-vs-downstream availability bars).
Added a dedicated --color-chart-series-2 identity color, validated against
--color-primary for CVD separation and lightness band in both themes.

statusColor() and two inline Tag colors switched from antd's preset palette
names ('green'/'orange'/'red') to antd's semantic status names
('success'/'warning'/'error'), matching the convention already used by
DetailPanel's HTTP status Tag.

Author: weiesky.wangc

history.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 1.7.11 (2026-07-29)
+
+- ui(proxy-stats): **retry stats chart colors aligned with the app's theme tokens** — `BarChart`'s grouped-series colors no longer reuse `--color-success`/`--color-warning` (misreadable as "good/bad" on the upstream-vs-downstream availability bars); added a dedicated `--color-chart-series-2` identity color, validated against `--color-primary` for CVD separation and lightness band in both themes. `statusColor()` and two inline `Tag` colors switched from antd's preset palette names (`'green'`/`'orange'`/`'red'`) to antd's semantic status names (`'success'`/`'warning'`/`'error'`), matching the convention already used by `DetailPanel`'s HTTP status Tag.
+
 - fix(test): **stop viewer resources before removing CLI-test temp directories** — `server-ports-busy` and `branch-server` now tear down `server.js` timers/watchers before deleting their isolated `CCV_LOG_DIR`; shared best-effort cleanup uses `fs.promises.rm` with native retries for transient `EBUSY`/`ENOTEMPTY`/`EPERM` failures.
 
 - fix(migrate): **迁移完成后仍反复提示迁移** — `pendingOf()` 仅按文件大小比对判断是否需要迁移，忽略了 `wire-v2-convert-state.json` 中的 `status: 'done'` 标记。迁移完成后活跃的 v1 日志继续增长（双写），大小不匹配导致误判为待迁移。修复：`pendingOf()` 检测到 `status === 'done'` 时直接返回无需迁移。

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-viewer",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "description": "Claude Code logging, visualization, and management toolkit — launch a web viewer alongside Claude Code with full request/response tracing, proxy, and mobile support",
   "license": "MIT",
   "main": "server.js",

src/components/charts/BarChart.jsx

@@ -2,13 +2,16 @@ import React, { useEffect, useRef, useState } from 'react';
 import styles from './BarChart.module.css';
 import { foldBars, groupedBarTitle, singleBarTitle } from './barChartHelpers.js';
 
-// Default colors cycle for grouped bars. Maps to the app's REAL semantic
-// tokens (global.css :root) so bars theme correctly in light AND dark mode;
-// hex fallbacks only apply if the tokens are somehow absent.
+// Default colors cycle for grouped bars. These are IDENTITY colors (which
+// series is this bar), not status colors — deliberately distinct from
+// --color-success/-warning/-error so a chart series never gets misread as
+// "good/bad" (e.g. upstream-vs-downstream availability bars). Maps to the
+// app's REAL tokens (global.css :root) so bars theme correctly in light AND
+// dark mode; hex fallbacks match the dark-theme values (the default root)
+// and only apply if the tokens are somehow absent.
 const DEFAULT_COLORS = [
   'var(--color-primary, #1668dc)',
-  'var(--color-success, #22c55e)',
-  'var(--color-warning, #f59e0b)',
+  'var(--color-chart-series-2, #cf6c48)',
 ];
 
 // Pure-SVG vertical bar chart, single or grouped series.

src/components/proxy-stats/ProxyStatsDashboard.jsx

@@ -121,13 +121,13 @@ export default function ProxyStatsDashboard() {
           <Space>
             <span>{t('ui.proxyStats.currentStreak')}:</span>
             <Tag icon={s.currentStreakType === 'success' ? <CheckCircleOutlined /> : <CloseCircleOutlined />}
-              color={s.currentStreakType === 'success' ? 'green' : 'red'}>
+              color={s.currentStreakType === 'success' ? 'success' : 'error'}>
               {s.currentStreakType === 'success' ? t('ui.proxyStats.success') : t('ui.proxyStats.failure')} × {s.currentStreakCount}
             </Tag>
           </Space>
           <Space>
             <span>{t('ui.proxyStats.worstFailureStreak')}:</span>
-            <Tag color="red">{s.worstFailureStreak}</Tag>
+            <Tag color="error">{s.worstFailureStreak}</Tag>
           </Space>
         </div>
         {/* Dual availability grouped bars: upstream vs downstream per model */}

src/components/proxy-stats/RetryStatsHelpers.jsx

@@ -11,12 +11,15 @@ export function fmtMs(ms) {
   return `${(ms / 1000).toFixed(2)} s`;
 }
 
-// Status code → antd Tag color
+// Status code → antd Tag color. Uses antd's preset STATUS names (not preset
+// palette names like 'green'/'orange'/'red') so this Tag's success/warning/error
+// reads consistently with the rest of the app's status Tags (e.g. DetailPanel's
+// HTTP status Tag) rather than a second, unrelated antd color scale.
 export function statusColor(status) {
   if (status === 0) return 'default';
-  if (status < 400) return 'green';
-  if (status < 500) return 'orange';
-  return 'red';
+  if (status < 400) return 'success';
+  if (status < 500) return 'warning';
+  return 'error';
 }
 
 // Availability percentage → semantic CSS color. Uses the app's REAL tokens

src/global.css

@@ -85,6 +85,11 @@
   --color-info-light: #7dd3fc;
   --color-code-purple: #a78bfa;
   --color-code-orange: #d97757;
+  /* Chart categorical series (identity, not status — see BarChart.jsx).
+     series-1 reuses --color-primary; series-2 is a dedicated orange step
+     (NOT --color-warning/-success) chosen to clear the dataviz skill's
+     CVD/lightness-band checks against primary in both themes. */
+  --color-chart-series-2: #cf6c48;
   --code-keyword: #f87171;
   --code-string: #7dd3fc;
   --code-comment: #888;
@@ -238,6 +243,8 @@
   --color-info-light: #0969DA;
   --color-code-purple: #8250DF;
   --color-code-orange: #953800;
+  /* Chart categorical series (identity, not status) — see dark-theme block for rationale. */
+  --color-chart-series-2: #953800;
   --code-keyword: #0000FF;
   --code-string: #A31515;
   --code-comment: #6A9955;