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

1 files changed, 9 insertions, 3 deletions

diff --git a/src/app/views/AccountUsagePane.svelte b/src/app/views/AccountUsagePane.svelte
index 4315d4c..09afb5f 100644
--- a/src/app/views/AccountUsagePane.svelte
+++ b/src/app/views/AccountUsagePane.svelte
@@ -1,16 +1,22 @@
 <script lang="ts">
   /**
-   * The `account-usage` view — Claude + Codex subscription usage bars with
+   * The `account-usage` view — Claude + Codex + Hyper usage bars with
    * on-track pace markers. GLOBAL (not workspace/conversation scoped), so it
    * stays mounted across tab switches (no {#key}).
    */
-  import { AccountUsageView, type LoadAccountUsage } from "../../features/account-usage";
+  import {
+    AccountUsageView,
+    type LoadAccountUsage,
+    type SaveAccountUsageSettings,
+  } from "../../features/account-usage";
   import type { AppViewPorts } from "../view-ports";
 
   let { ports }: { ports: AppViewPorts } = $props();
   const store = $derived(ports.store);
 
   const loadAccountUsage: LoadAccountUsage = (opts) => store.accountUsage(opts);
+  const saveAccountUsageSettings: SaveAccountUsageSettings = (provider, settings) =>
+    store.setAccountUsageSettings(provider, settings);
 </script>
 
-<AccountUsageView load={loadAccountUsage} />
+<AccountUsageView load={loadAccountUsage} saveSettings={saveAccountUsageSettings} />