feat(web): 额度包明细过滤已消耗成 0 的包

- PackageLadder 只展示剩余 > 0 的包，计数与弹层明细同步
- 全部耗尽时不再渲染「套餐 N 个」入口
- 补用例：已用完包不计入也不出现在明细

Author: RobbsLuo

src/provider/codebuddy/client.py

@@ -329,8 +329,9 @@ async def _fetch_personal_quota(self, credential: CodeBuddyCredential) -> Quota:
             remaining += package_remaining
             end = _cycle_end_epoch(account.get("CycleEndTime"))
             # 展示明细：比调度阶梯（下面的 ladder）宽——已用完但仍有效的包
-            # 也要显示。但「已过期且已用完」的包既不携带积分也不可能再被
-            # 消耗，只是上游的历史残留，不堆进弹层。
+            # 也会下发（前端按「剩余 0」再过滤掉，只保留还有余额的）。但
+            # 「已过期且已用完」的包既不携带积分也不可能再被消耗，只是上游
+            # 的历史残留，连数据都不留。
             if package_remaining > 0 or (end is not None and end > now_epoch):
                 packages.append({
                     "name": str(account.get("PackageName") or ""),

web/src/pages/CredentialsPage.tsx

@@ -1339,7 +1339,11 @@ export function CredentialsPage() {
  * 几十行不能挤进单元格。无明细（未探测/上游未提供）时不渲染。
  */
 function PackageLadder({ credential }: { credential: Credential }) {
-  const packages = credential.quota_packages ?? [];
+  // 已消耗完（剩余 ≤ 0）的包不再展示：它们只是上游按期返回的历史残留，
+  // 既不带可用积分、也不会再被消耗，堆在弹层里只会淹没还有余额的包。
+  const packages = (credential.quota_packages ?? []).filter(
+    (item) => item.total - item.used > 0,
+  );
   if (packages.length === 0) return null;
   // 展示按到期升序：快过期的排最前（无到期信息的排最后）
   const ordered = [...packages].sort(

web/src/pages/__tests__/CredentialsPage.test.tsx

@@ -248,6 +248,8 @@ describe("CredentialsPage", () => {
             { name: "福利积分", total: 2000, used: 0, end: day },
             { name: "每月登录", total: 500, used: 76.564, end: day + 100_000 },
             { name: "无到期包", total: 100, used: 10, end: null },
+            // 已消耗成 0 的包不展示（也不计入「套餐 N 个」）
+            { name: "已用完包", total: 300, used: 300, end: day + 300_000 },
           ],
         }),
         makeCredential({ id: "tr", provider: "trae", quota_packages: null }),
@@ -274,6 +276,8 @@ describe("CredentialsPage", () => {
     const tip = await screen.findByRole("tooltip");
     const items = within(tip).getAllByTestId("package-cb");
     expect(items).toHaveLength(4);
+    // 已消耗成 0 的包被过滤：明细与计数里都不出现
+    expect(within(tip).queryByText(/已用完包/)).not.toBeInTheDocument();
     // 按到期升序：最近到期的「福利积分」排第一，无到期时间的「无到期包」排最后
     expect(items[0]).toHaveTextContent("福利积分");
     expect(items[0]).toHaveTextContent("2,000");