1 files changed, 16 insertions, 0 deletions
diff --git a/src/app/views/AccountUsagePane.svelte b/src/app/views/AccountUsagePane.svelte
new file mode 100644
index 0000000..4315d4c
--- /dev/null
+++ b/src/app/views/AccountUsagePane.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+  /**
+   * The `account-usage` view — Claude + Codex subscription 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 type { AppViewPorts } from "../view-ports";
+
+  let { ports }: { ports: AppViewPorts } = $props();
+  const store = $derived(ports.store);
+
+  const loadAccountUsage: LoadAccountUsage = (opts) => store.accountUsage(opts);
+</script>
+
+<AccountUsageView load={loadAccountUsage} />