Skip to content

fix(web): clarify Antigravity download progress #9793

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

Open
Lucenx9 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix(web): clarify Antigravity download progress #9793

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
31 changes: 26 additions & 5 deletions apps/web/src/components/settings/ProviderSetupSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -171,7 +171,7 @@ function ProviderSetupActions({
const actionsDisabled = pendingLabel !== null || queryError !== null;
const installationStatusMessage =
installation?.phase === "downloading"
? `Downloading ${(installation.downloadedBytes / 1_000_000).toFixed(1)} MB${installation.totalBytes === null ? "" : ` of ${(installation.totalBytes / 1_000_000).toFixed(1)} MB`}.`
? "Downloading Antigravity."
: installation?.phase === "extracting"
? "Extracting Antigravity."
: installation?.phase === "verifying"
Expand All @@ -183,6 +183,16 @@ function ProviderSetupActions({
? "The configured Antigravity runtime is unavailable."
: "The configured Antigravity runtime has not been checked."
: "Install the official Antigravity runtime before signing in.";
const downloadSizeMessage =
installation?.phase === "downloading"
? `${(installation.downloadedBytes / 1_000_000).toFixed(1)} MB${installation.totalBytes === null ? "" : ` of ${(installation.totalBytes / 1_000_000).toFixed(1)} MB`}`
: undefined;
const downloadPercentage =
installation?.phase === "downloading" &&
installation.totalBytes !== null &&
installation.totalBytes > 0
? Math.floor((installation.downloadedBytes / installation.totalBytes) * 100)
: null;

async function runCommand<A, E>(
label: string,
Expand Down Expand Up @@ -265,19 +275,30 @@ function ProviderSetupActions({
<div className="grid gap-3">
<div className="grid gap-2">
<p className="font-medium">Runtime</p>
<p role="status" className="text-muted-foreground">
{installationStatusMessage}
</p>
<div className="flex items-center justify-between gap-3">
<p role="status" className="text-muted-foreground">
{installationStatusMessage}
</p>
{downloadPercentage !== null ? (
<span className="shrink-0 tabular-nums text-muted-foreground">
{downloadPercentage}%
</span>
) : null}
</div>
{installation?.phase === "downloading" &&
installation.totalBytes !== null &&
installation.totalBytes > 0 ? (
<progress
aria-label="Antigravity download"
className="h-1 w-full accent-foreground"
aria-valuetext={downloadSizeMessage}
className="h-2 w-full appearance-none overflow-hidden rounded-full bg-muted [&::-moz-progress-bar]:rounded-full [&::-moz-progress-bar]:bg-primary [&::-webkit-progress-bar]:rounded-full [&::-webkit-progress-bar]:bg-muted [&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:bg-primary"
value={installation.downloadedBytes}
max={installation.totalBytes}
/>
) : null}
{downloadSizeMessage ? (
<p className="tabular-nums text-muted-foreground">{downloadSizeMessage}</p>
) : null}
{installation?.message && installation.message !== installationStatusMessage ? (
<p className="text-muted-foreground [overflow-wrap:anywhere]">{installation.message}</p>
) : null}
Expand Down
Loading