feat(web): show update download progress in sidebar

[Kawixh]

What Changed

Added a circular download progress indicator around the existing desktop update button in the sidebar.

The progress ring is shown only while the update state is downloading and uses the existing downloadPercent value. The existing download icon remains centered inside the button.

Once the download completes, the progress ring disappears and the existing restart/install icon is shown as before.

This is a UI-only change. It does not modify the updater, IPC contract, preload API, update state machine, or the existing ~10% progress update cadence.

Why

Download progress is already tracked and displayed in the update tooltip, but there is no visible progress feedback unless the user hovers the button.

Showing that existing progress as a small ring around the update control makes it immediately clear that the download is active and progressing without adding any new update plumbing or behavior.

Closes #6459

UI Changes

Before

The download button remains visually static while the update is downloading.

After

The existing download icon is surrounded by a circular progress indicator while the update is downloading.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only sidebar component refactor; update behavior and contracts are unchanged.

Overview
Adds a circular SVG progress ring around the desktop sidebar update button while status is downloading, driven by the existing clamped downloadPercent (no updater or IPC changes).

The same change refactors SidebarUpdatePill: desktop bridge download/install/check flows and error toasts move into small helpers, tooltip copy is centralized, and update-available tooltip styling uses a shared constant. Minor class tweaks (relative on the button, wrap-break-word on release notes).

^{Reviewed by Cursor Bugbot for commit cf2be5a. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Show download progress ring around the update button in the sidebar

• Adds a DownloadProgressRing SVG component that renders a circular progress indicator around the sidebar update button while an update is downloading, driven by the current download percent (clamped 0–100).
• Extracts update action logic (download, install, check) into helper functions in SidebarUpdatePill.tsx, centralizing error toasting and pending state cleanup.
• Tooltip text is now computed via getSidebarUpdateTooltip based on DesktopUpdateState rather than inline logic.

^{Macroscope summarized c9234b6.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 973d528b-7a61-482a-a9aa-23e43c6a49cb

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved cf2be5a

This PR adds a visual download progress ring to the sidebar update button, using existing downloadPercent state data. The majority of the diff is mechanical refactoring of inline promise chains into helper functions with no behavior change. Low-risk UI enhancement.

^{You can customize Macroscope's approvability policy. Learn more.}