diff options
| author | Frank <[email protected]> | 2026-01-21 16:48:38 -0500 |
|---|---|---|
| committer | Frank <[email protected]> | 2026-01-21 17:21:34 -0500 |
| commit | 80c808d1866ab2fdcbc7f14c516754f287931780 (patch) | |
| tree | 09a099e83af48a74cfbade09ec779be724c08bb3 /packages/console/app/src | |
| parent | a132b2a138a7f7c5d6bc851d63be09227d2c794b (diff) | |
| download | opencode-80c808d1866ab2fdcbc7f14c516754f287931780.tar.gz opencode-80c808d1866ab2fdcbc7f14c516754f287931780.zip | |
zen: show subscription usage in usage history
Diffstat (limited to 'packages/console/app/src')
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/usage-section.module.css | 5 | ||||
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/usage-section.tsx | 7 |
2 files changed, 8 insertions, 4 deletions
diff --git a/packages/console/app/src/routes/workspace/[id]/usage-section.module.css b/packages/console/app/src/routes/workspace/[id]/usage-section.module.css index 83c783a2f..00232de88 100644 --- a/packages/console/app/src/routes/workspace/[id]/usage-section.module.css +++ b/packages/console/app/src/routes/workspace/[id]/usage-section.module.css @@ -42,7 +42,7 @@ font-family: var(--font-mono); &[data-slot="usage-date"] { - color: var(--color-text); + color: var(--color-text-muted); } &[data-slot="usage-model"] { @@ -53,8 +53,7 @@ } &[data-slot="usage-cost"] { - color: var(--color-text); - font-weight: 500; + color: var(--color-text-muted); } [data-slot="tokens-with-breakdown"] { diff --git a/packages/console/app/src/routes/workspace/[id]/usage-section.tsx b/packages/console/app/src/routes/workspace/[id]/usage-section.tsx index 662b2227b..3b02b1e7d 100644 --- a/packages/console/app/src/routes/workspace/[id]/usage-section.tsx +++ b/packages/console/app/src/routes/workspace/[id]/usage-section.tsx @@ -170,7 +170,12 @@ export function UsageSection() { </div> </td> <td data-slot="usage-cost"> - ${usage.enrichment?.plan === "sub" ? "0.0000" : ((usage.cost ?? 0) / 100000000).toFixed(4)} + <Show + when={usage.enrichment?.plan === "sub"} + fallback={<>${((usage.cost ?? 0) / 100000000).toFixed(4)}</>} + > + subscription (${((usage.cost ?? 0) / 100000000).toFixed(4)}) + </Show> </td> </tr> ) |