Skip to content

feat: move update button to sidebar footer as dismissable pill#1116

Open
Noojuno wants to merge 4 commits intopingdotgg:mainfrom
Noojuno:feat/sidebar-update-pill
Open

feat: move update button to sidebar footer as dismissable pill#1116
Noojuno wants to merge 4 commits intopingdotgg:mainfrom
Noojuno:feat/sidebar-update-pill

Conversation

@Noojuno
Copy link
Contributor

@Noojuno Noojuno commented Mar 15, 2026

What Changed

  • Move the desktop update button from the sidebar header to the footer, displayed as a pill above the Settings button. The pill shows contextual states: "Update available", "Downloading (X%)", and "Restart to update".
  • Add a dismiss button that hides the notification until the next app launch.

Why

It was a little unclear when there was a new update available. This change is to increase clarity and make it very obvious when there is a new update.

UI Changes

Update process

Note: This process was mocked, so we didn't actually restart the app.

Screen.Recording.2026-03-15.at.11.33.42.PM.mov

Dismiss

Screen.Recording.2026-03-15.at.11.34.03.PM.mov

arm64 running intel warning

image

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

Move desktop update button to a dismissable pill in the sidebar footer

  • Removes the rocket button and inline Apple Silicon warning alert from the sidebar header in Sidebar.tsx.
  • Adds a new SidebarUpdatePill.tsx component rendered in the sidebar footer that subscribes to Electron's desktopBridge update events.
  • The pill shows download progress, triggers downloadUpdate or installUpdate, displays a 'Restart to update' label when ready to install, and can be dismissed until next launch during the download phase.
  • The Apple Silicon Intel-build warning alert is preserved, now rendered inside SidebarUpdatePill.

Macroscope summarized 1303272.

Move the desktop update button from the sidebar header to the footer,
displayed as a pill above the Settings button. The pill shows contextual
states: "Update available", "Downloading (X%)", and "Restart to update".
Add a dismiss button that hides the notification until the next app launch.
@coderabbitai
Copy link

coderabbitai bot commented Mar 15, 2026

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

Run ID: ebde062a-4dfe-4bf9-8822-4de4996783ee

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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions github-actions bot added size:M 30-99 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. labels Mar 15, 2026
Move all desktop update UI (pill + arm64 warning) into a single
SidebarUpdatePill component that owns its own state subscription,
action handlers, and dismiss logic. Removes ~220 lines from Sidebar.tsx.
@github-actions github-actions bot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Mar 15, 2026
Noojuno added 2 commits March 16, 2026 00:06
Use the original Alert component with title and description for the
arm64 Intel build warning, remove redundant action button since the
update pill handles it, and match sidebar font size with text-xs.
Restore real bridge subscription and isElectron checks that were
hardcoded for local testing.
@UtkarshUsername
Copy link
Contributor

I think it can be a little lighter or of some different color. This is looking to bright

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L 100-499 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants