feat(web): add maria's sidebar header artwork toggle

[maxktz]

What Changed

Adds a setting to hide the Dev / Nightly sidebar header artwork + chat button customization.
Setting is only visible on Dev / Nightly env.
The artwork remains enabled by default.

Why

Lets users opt out of the decorative header artwork.

Also sometimes it's important to see how app will look in prod.

UI Changes

Cap.2026-07-28.at.11.32.18.mp4

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 and client-local preferences only; default behavior stays artwork with no auth or server data changes.

Overview
Adds a persisted client setting environmentIdentificationMode (artwork | pill | none, default artwork) so Dev/Nightly users can choose how the build is labeled in the UI.

General settings exposes the control only when the environment is Dev or Nightly. Sidebar header shows decorative backdrop art, a Dev/Nightly badge, or nothing, depending on the mode. Composer send and floating sidebar toggle stage styling follow the same rule: channel artwork appears only when mode is artwork.

Until client settings hydrate, the resolved mode is none so a saved pill or none choice does not briefly flash the default artwork.

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

Note

Add environment identification mode setting to control sidebar header artwork, pill, or none

• Adds an environmentIdentificationMode setting ("artwork" | "pill" | "none", defaulting to "artwork") to ClientSettingsSchema in settings.ts.
• Exposes a useEnvironmentIdentificationMode hook in useSettings.ts that suppresses pre-hydration rendering to avoid transient flicker.
• Updates SidebarChrome.tsx so the sidebar header shows stage artwork in artwork mode, a labeled badge (Dev/Nightly) in pill mode, and nothing in none mode.
• Adds a UI control in SettingsPanels.tsx under General Settings for Dev/Nightly environments, with a per-setting reset to the default.
• Behavioral Change: existing users default to "artwork" mode, matching prior behavior, but the sidebar artwork is now suppressed until client settings are hydrated.

^{Macroscope summarized 5874328.}

[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: d5bfc067-7348-439a-b369-55f025470e5a

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

Adds a user preference toggle for environment identification display (artwork vs pill badge vs hidden). Self-contained UI setting following existing patterns, well-tested, no runtime behavior changes beyond presentation.

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

Dismissing prior approval to re-evaluate fb66267

Dismissing prior approval to re-evaluate f2c0896

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f2c0896. Configure here.}