feat(web): make environment artwork theme aware

[juliusmarminge]

Fixed Dev and Nightly artwork used channel-specific colors that clashed with built-in themes, so palette themes disabled the artwork entirely. The compact artwork treatment in the send button had also been removed when themes were introduced.

This gives T3 Chat, Grove, Ocean, Ember, and Iris reviewed Dev and Nightly palettes in both light and dark appearances. It restores the matching artwork inside the send button, keeps custom themes on the safe pill fallback, and removes the custom-theme artwork toggle so user-controlled colors cannot accidentally opt into an unsupported treatment.

Validation

• vp test run apps/web/src/components/SidebarStageBackdrop.test.tsx apps/web/src/components/chat/ComposerPrimaryActions.test.ts apps/web/src/themePalette.test.ts — 40 tests passed
• vp run --filter @t3tools/web typecheck
• vp run lint
• vp run fmt:check
• vp run --filter @t3tools/web build

Model: GPT-5 · Harness: Codex in T3 Code

---

Note

Low Risk
UI/theming and identification behavior only; custom themes lose artwork opt-in (intentional fallback to pill).

Overview
Dev/Nightly environment artwork now pulls colors from CSS tokens (--stage-art-*, --stage-night-*) instead of hardcoded SVG hex, with per–built-in-theme palettes in index.css (T3 Chat, Grove, Ocean, Ember, Iris) so artwork can stay on when users pick those themes.

Send button gets compact StageBackdropButtonArt when environment identification is Artwork and the active theme allows it; sidebar triggers use palette-matched focus-ring offsets via resolveSidebarStageFocusRingOffsetClass.

Custom themes no longer support sidebar artwork: themeAllowsSidebarArtwork() is built-in-only, sidebarArtwork is dropped from theme files and the theme editor toggle, and live preview always suppresses artwork (pill fallback). Docs note artwork in the sidebar and send button.

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

Note

Make environment artwork colors theme-aware and restrict artwork to built-in themes

• Environment artwork (Dev/Nightly) now uses theme-specific CSS variables defined in index.css instead of hardcoded colors, enabling palette-controlled rendering across all built-in themes and light/dark modes.
• The new themeAllowsSidebarArtwork util in themePalette.ts gates artwork to built-in themes; custom themes fall back to the version pill identification mode.
• sidebarArtwork is removed from ThemeFile, stored themes, import/export serialization, and the theme editor UI — built-in themes carry sidebarArtwork: true directly in their definitions.
• A new StageBackdropButtonArt component renders compact artwork crops inside controls (e.g., the composer send button and sidebar triggers), with variant-specific focus-ring offset classes.
• Behavioral Change: custom themes that previously had sidebarArtwork set will lose the artwork flag on next load and fall back to pill mode.

^{Macroscope summarized df5cb87.}

[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: eb80d4b0-66f1-453e-835a-3d23009d2186

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

---

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

[github-actions]

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	11.4 KiB	11.3 KiB	−26 B (−0.2%)	15.1 KiB	✅
Codex	Thread snapshot wire	5.5 KiB	5.5 KiB	−11 B (−0.2%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	5.9 KiB	5.9 KiB	−15 B (−0.2%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	49.7 KiB	49.7 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	11.3 KiB	11.4 KiB	+14 B (+0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	5.5 KiB	5.5 KiB	+9 B (+0.2%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	5.9 KiB	5.9 KiB	+5 B (+0.1%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	50.6 KiB	50.6 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 3da7f9c · PR result: df5cb87 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 94.6 KiB
• Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

[macroscopeapp]

Approvability

Verdict: Approved df5cb87

This PR adds theme-aware coloring to environment artwork (dev/nightly indicators) and restricts artwork to built-in themes. Changes are purely visual/UI, include comprehensive tests, and don't touch backend or sensitive code. Well-scoped theming feature.

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

Dismissing prior approval to re-evaluate df5cb87