fix(web): improve dev sidebar backdrop contrast & remove version pills

[maria-rcks]

What Changed

• Removed the Dev/Nightly stage pill from the sidebar brand.
• Reversed the dev blueprint’s background gradient so the darker blue appears beneath the sidebar toggle.
• Preserved the blueprint grid, ruler, lines, and annotations in their original orientation.
• Kept each channel’s artwork assignment unchanged: Dev uses the blueprint, Nightly uses the sky, and Latest has no stage artwork.

Why

The stage pill added visual clutter to a header that already communicates the active channel through its artwork. Removing it gives the brand more room and keeps the header cleaner.

The light sidebar toggle was also difficult to distinguish against the bright portion of the dev backdrop. Moving the darker blue beneath the control improves contrast without changing the artwork’s geometry.

UI Changes

Before

After

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• A video is not applicable because this change does not involve animation or interaction

The fork branch already contains both commits, so no additional push was needed.

---

Note

Low Risk
Small, localized sidebar UI tweaks with no auth, data, or API impact.

Overview
Cleans up the sidebar header by removing the Dev/Nightly stage pill next to the T3 Code brand; channel is still shown via stage backdrop art, not duplicate text.

For the dev blueprint header backdrop, the paper gradient stops are swapped so darker blue sits under the mobile sidebar toggle, improving contrast for the light icon without changing grid, ruler, or annotation artwork.

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

Note

Remove version pills and invert backdrop gradient in dev sidebar

• Removes the stage label chip/badge from SidebarBrand in Sidebar.tsx, which previously appeared next to the wordmark in the dev sidebar.
• Inverts the blueprint paper gradient in SidebarStageBackdrop.tsx by swapping the top and bottom color stops, improving backdrop contrast.

^{Macroscope summarized 837de11.}

[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

Run ID: a5b98679-3c11-4e00-b096-cb2d85cac555

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

---

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

This PR makes purely cosmetic changes: removing a version pill UI element and adjusting gradient colors for better sidebar backdrop contrast. No runtime behavior is affected beyond visual appearance.

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