Vesper · Settlement Ledger
Prompt
Design an API usage billing and customer invoice console for AI and developer tool teams, with an English interface at a desktop viewport of 1440×900. Users can manage subscription plans and live API usage, review amounts due and invoice exceptions for the current cycle, filter customers or invoices by status and usage threshold, and open a record to inspect line items, payment and Webhook timelines, and event payloads. Include payment retries, quota adjustments, and invoice exports.
Implement three key states: the everyday workspace with revenue and usage trends, customer or invoice lists, and live filtering; an exception invoice detail view with a usage breakdown, status timeline, and recovery actions; and a quick command palette. Deliver an offline-ready `index.html` and capture `shots/desktop.png`, `shots/state-1.png`, and `shots/state-2.png` at 1440×900, DPR=2.
View Chinese original
为 AI 与开发者工具团队设计一个 API 用量计费与客户账单管理后台，采用英文界面，桌面视口为 1440×900。用户可以管理订阅方案与实时 API 用量，查看本周期应收金额和异常账单，按状态与用量阈值筛选客户或账单，并打开单条记录查看计费明细、扣款与 Webhook 时间线及事件报文，完成重试扣款、调整配额或导出账单等操作。
实现三个关键状态：展示收入与用量走势、客户或账单列表及实时筛选的日常工作区；展示用量拆解、状态时间线和恢复操作的异常账单详情；以及快捷命令面板。交付可离线打开的 `index.html`，并以 1440×900、DPR=2 截取 `shots/desktop.png`、`shots/state-1.png` 和 `shots/state-2.png`。
