feat: 动态显示账户圆环数量,移除硬编码限制

- 移除 MAX_DISPLAY_ACCOUNTS = 4 的硬编码限制
- 圆环数量现在根据 API 返回的账户数自动调整
- 支持 5 个或更多账户的显示
This commit is contained in:
2026-01-22 12:00:06 +08:00
parent 13a873ec76
commit d077dfdd90

View File

@@ -5,7 +5,7 @@
* 使用 OpenBridge 设计系统的 TopBar 和 Alert 组件。
*
* 特性:
* - 多账户配额可视化 (最多显示 4 个)
* - 多账户配额可视化 (根据 API 返回的账户数量动态显示)
* - 实时告警通知 (低于 20% 警告,低于 5% 紧急)
* - 支持日间/夜间主题切换
* - OpenBridge 组件懒加载以避免 SSR 问题
@@ -87,9 +87,6 @@ interface AlertInfo {
const ALERT_THRESHOLD = 0.2 // 20% - 警告阈值
const CRITICAL_THRESHOLD = 0.05 // 5% - 紧急阈值
/** 最大显示的账户数 */
const MAX_DISPLAY_ACCOUNTS = 4
/** 已知的账户前缀列表 */
const KNOWN_PREFIXES = [
'antigravity-',
@@ -328,7 +325,7 @@ export const TokenUsageDashboard = ({ data }: TokenUsageDashboardProps) => {
{/* 主内容区 - 配额圆环展示 */}
<main className="flex-1 flex flex-col items-center justify-center p-8">
<div className="flex flex-wrap justify-center gap-10 lg:gap-16">
{opusModels.slice(0, MAX_DISPLAY_ACCOUNTS).map((model) => (
{opusModels.map((model) => (
<HealthRing
key={`${model.account}-${model.model}`}
account={extractUsername(model.account)}