feat(ui): show helpful message for Claude Code quota limitation

When using Claude Code OAuth tokens (which lack user:profile scope),
display a helpful message directing users to check their usage at
claude.ai instead of showing an error.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Romain Beaumont 2026-01-26 03:34:31 +00:00
parent 93614c4799
commit 36523e7746
2 changed files with 6 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

View File

@ -327,7 +327,7 @@ export function renderAnalytics(props: AnalyticsProps) {
}
</style>
${hasQuota || hasQuotaError
${hasQuota
? html`
<section class="card">
<div class="card-title">Plan Quota</div>
@ -337,14 +337,16 @@ export function renderAnalytics(props: AnalyticsProps) {
</div>
</section>
`
: quotaEmpty
: hasQuotaError || quotaEmpty
? html`
<section class="card">
<div class="card-title">Plan Quota</div>
<div class="card-sub">Current usage against your plan limits.</div>
<div class="callout" style="margin-top: 16px;">
No plan quota data available. To see usage limits for Claude Max or other plans,
configure OAuth authentication with the required scopes.
Plan quota is not available for Claude Code authentication.
<a href="https://claude.ai/settings/usage" target="_blank" rel="noopener" style="color: var(--accent);">
Check your usage at claude.ai
</a>
</div>
</section>
`