From 10e78065201c8387494b8aafabb987da87183b3a Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Wed, 14 Oct 2026 17:04:35 +0900
Subject: feat(account-usage): sidebar Usage view with Claude/Codex quota bars
 + on-track pace markers

Consumes GET /usage (transport-contract 0.25.0). DaisyUI progress bars per quota
window with a dot at the elapsed fraction of the window (the 'on track' level),
ahead/under-pace labels, reset countdowns, stale/unavailable/not-configured states.
---
 src/app/views/AccountUsagePane.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/app/views/AccountUsagePane.svelte

(limited to 'src/app/views/AccountUsagePane.svelte')

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} />
-- 
cgit v1.2.3