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