Skip to content

DEV-423: Say when open sessions hold the rest of the credits #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
xkickflip merged 1 commit into from
Nov 9, 2026
Merged

DEV-423: Say when open sessions hold the rest of the credits #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions src/app/cloud-models/shared.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,9 @@ export interface CloudQuota {
plan: 'free' | 'paid' | 'admin';
}

/** Why cloud models can't run right now, from GET /v1/chat/status. */
export type CloudStatusReason = 'plan_required' | 'unconfigured' | 'quota_exceeded' | 'quota_low';
/** Why cloud models can't run right now, from GET /v1/chat/status.
* quota_reserved: open sessions hold what is left; it comes back as they end. */
export type CloudStatusReason = 'plan_required' | 'unconfigured' | 'quota_exceeded' | 'quota_low' | 'quota_reserved';

export interface CloudStatus {
enabled: boolean;
Expand Down
9 changes: 6 additions & 3 deletions src/app/cloud-models/usage-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,8 +111,9 @@ function CreditsRow({ status }: { status: CloudStatus }) {
const held = Math.max(0, 100 - quota.percent_available - used);
const spent = reason === 'quota_exceeded';
const low = reason === 'quota_low';
const reserved = reason === 'quota_reserved';
// Same scale as Web Search: amber before the wall, red at it.
const barColor = spent ? 'bg-danger' : low || used >= 80 ? 'bg-warn' : 'bg-accent-strong';
const barColor = spent ? 'bg-danger' : low || reserved || used >= 80 ? 'bg-warn' : 'bg-accent-strong';
// Counts when the API sends them; percentages until it does for everyone.
const counted = quota.limit !== null && quota.used !== null && quota.remaining !== null;

Expand Down Expand Up @@ -156,11 +157,13 @@ function CreditsRow({ status }: { status: CloudStatus }) {
was used is charged, and the rest comes back.
</p>
)}
{(spent || low) && (
{(spent || low || reserved) && (
<p className="text-xs text-muted mt-1">
{spent
? 'Cloud models are paused until the reset.'
: 'There are too few credits left for another cloud session, so cloud models are paused until the reset.'}{' '}
: reserved
? "Your open cloud sessions are holding the rest of your credits, so a new one can't start until they end."
: 'There are too few credits left for another cloud session, so cloud models are paused until the reset.'}{' '}
Everything that runs on your device keeps working.
</p>
)}
Expand Down
Loading