Build a usage and billing meters panel with Tailwind CSS: one row per metered resource (API calls, storage, seats) with the current usage, the plan allowance, a progress bar that turns amber past 80% and red past 100%, and the projected end-of-cycle figure. Add an overage cost line for resources past their limit, a cycle-reset date in the header, and an upgrade link when any resource is projected to exceed.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。