feat(account-usage): Hyper daily credits card with allowance + reset-time editor

1 files changed, 92 insertions, 3 deletions

diff --git a/src/features/account-usage/ui/AccountUsageView.test.ts b/src/features/account-usage/ui/AccountUsageView.test.ts
index e7e5799..ec1e51b 100644
--- a/src/features/account-usage/ui/AccountUsageView.test.ts
+++ b/src/features/account-usage/ui/AccountUsageView.test.ts
@@ -2,10 +2,16 @@ import type { AccountUsageResponse } from "@dispatch/transport-contract";
 import { render, screen } from "@testing-library/svelte";
 import userEvent from "@testing-library/user-event";
 import { describe, expect, it } from "vitest";
-import type { AccountUsageResult } from "../logic/types";
+import type {
+  AccountUsageResult,
+  AccountUsageSettingsResult,
+  SaveAccountUsageSettings,
+} from "../logic/types";
 import AccountUsageView from "./AccountUsageView.svelte";
 
 const NOW = 1_760_000_000_000;
+
+const noSave: SaveAccountUsageSettings = async () => ({ ok: false, error: "unused" });
 const DAY = 86_400_000;
 
 const usage: AccountUsageResponse = {
@@ -39,6 +45,7 @@ const usage: AccountUsageResponse = {
       canServe: null,
       creditOverage: false,
       credits: null,
+      dailyCredits: null,
       fetchedAt: NOW,
       lastAttemptAt: NOW,
       nextRefreshAt: NOW + 300_000,
@@ -54,6 +61,7 @@ const usage: AccountUsageResponse = {
       canServe: null,
       creditOverage: false,
       credits: null,
+      dailyCredits: null,
       fetchedAt: null,
       lastAttemptAt: NOW,
       nextRefreshAt: NOW + 30_000,
@@ -69,7 +77,7 @@ describe("AccountUsageView", () => {
       calls.push(opts);
       return { ok: true, usage };
     };
-    render(AccountUsageView, { load, now: () => NOW });
+    render(AccountUsageView, { load, saveSettings: noSave, now: () => NOW });
     const bar = await screen.findByLabelText("7 Day usage");
     expect(bar.tagName).toBe("PROGRESS");
     expect(bar.classList.contains("progress")).toBe(true);
@@ -89,7 +97,88 @@ describe("AccountUsageView", () => {
       error: "x",
       unavailable: true,
     });
-    render(AccountUsageView, { load, now: () => NOW });
+    render(AccountUsageView, { load, saveSettings: noSave, now: () => NOW });
     expect(await screen.findByText(/backend extension not loaded/)).toBeTruthy();
   });
+
+  it("edits the Hyper allowance + reset time and splices the saved report", async () => {
+    const hyper = {
+      provider: "hyper" as const,
+      label: "Hyper",
+      state: "fresh" as const,
+      account: { accountId: null, email: null, planType: null },
+      limits: [
+        {
+          id: "hyper:daily",
+          label: "Daily credits",
+          kind: "window" as const,
+          windowId: "1d",
+          shared: true,
+          tier: null,
+          durationMs: DAY,
+          resetsAt: null,
+          unit: "credits" as const,
+          used: 150,
+          limit: 250,
+          remaining: 100,
+          usedFraction: 0.6,
+          remainingFraction: 0.4,
+          status: "ok" as const,
+        },
+      ],
+      limitReached: null,
+      canServe: true,
+      creditOverage: false,
+      credits: null,
+      dailyCredits: { balance: 100, allowance: 250, resetAnchor: null, resetSource: null },
+      fetchedAt: NOW,
+      lastAttemptAt: NOW,
+      nextRefreshAt: NOW + 300_000,
+      error: null,
+    };
+    const load = async (): Promise<AccountUsageResult> => ({
+      ok: true,
+      usage: { servedAt: NOW, providers: [hyper] },
+    });
+    const saved: Array<Parameters<SaveAccountUsageSettings>[1]> = [];
+    const saveSettings: SaveAccountUsageSettings = async (_p, settings) => {
+      saved.push(settings);
+      const r: AccountUsageSettingsResult = {
+        ok: true,
+        report: {
+          ...hyper,
+          limits: [
+            {
+              ...(hyper.limits[0] as (typeof hyper.limits)[0]),
+              limit: 300,
+              resetsAt: NOW + DAY / 2,
+            },
+          ],
+          dailyCredits: {
+            balance: 100,
+            allowance: 300,
+            resetAnchor: NOW - DAY / 2,
+            resetSource: "manual",
+          },
+        },
+      };
+      return r;
+    };
+    render(AccountUsageView, { load, saveSettings, now: () => NOW });
+    expect(await screen.findByText("150 / 250")).toBeTruthy();
+    expect(screen.queryByTestId("pace-marker")).toBeNull();
+
+    await userEvent.click(screen.getByRole("button", { name: "Edit Hyper credit settings" }));
+    const allowance = screen.getByLabelText("Daily credit allowance");
+    await userEvent.clear(allowance);
+    await userEvent.type(allowance, "300");
+    const time = screen.getByLabelText("Daily credit reset time") as HTMLInputElement;
+    await userEvent.type(time, "09:00");
+    await userEvent.click(screen.getByRole("button", { name: "Save Hyper credit settings" }));
+
+    expect(saved[0]?.dailyAllowance).toBe(300);
+    expect(typeof saved[0]?.resetAnchor).toBe("number");
+    expect(await screen.findByText(/set manually/)).toBeTruthy();
+    expect(screen.getByTestId("pace-marker")).toBeTruthy();
+  });
 });