wangjia
5a1e185b1a
phosphor console v1.1 设计系统（从现网 web/style.css 演化）：tokens(colors/effects/ typography/fonts) + components(core/forms/surfaces .jsx) + ui_kits(console + console_mobile) + assets/icons(15 双色 SVG) + guidelines + CLAUDE/SKILL/readme。供 B1–B6 重构任务对照实现。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
432 B
432 B
额度计量条：agent 用量/配额的 LED 分段显示，按用量自动变色（青→琥珀→红），已用格带辉光。
<QuotaMeter label="5h" pct={50} detail="3h 8m 后重置" />
<QuotaMeter label="周" pct={78} detail="16h 38m 后重置" />
<QuotaMeter pct={94} cells={24} />
pct 决定填充与颜色（≥70% 琥珀、≥90% 红）；detail 放重置时间等弱化说明；cells 调分段密度。