Problem

Cluster 2 of the #2502 CSS class drift audit: the v2026.3.13-1 upstream sync (commit 04a7853f0f, PR #2398) — the same sync that #2501 partially addressed — also renamed .nav* → .sidebar* and replaced the .theme-toggle* component with .theme-orb*. #2501 fixed the .nav-group/.topbar*/.brand* subset; this issue covers the residue.

5 remaining orphans from the same sync commit.

Orphaned class references (5)

Note: the current class="nav ${state.settings.navCollapsed ? "nav--collapsed" : ""}" on app-render.ts:251 uses a dynamic modifier. The rename needs to change BOTH the static nav and the dynamic nav--collapsed token.

Scope

• In: ui/src/ui/app-render.ts (the <aside class="nav ..."> element) and ui/src/ui/app-render.helpers.ts (the renderThemeToggle function). Map to upstream .sidebar + .theme-orb vocabulary. Verify structural equivalence — theme-toggle was a segmented-button group; theme-orb is a trigger + menu. The markup structure may need to change, not just the class names.
• Out: Other drift clusters — audit(ui): one-shot CSS class drift audit — surface fork-side references with no CSS definition #2502 filed separate follow-ups per cluster.

Acceptance criteria

• app-render.ts and app-render.helpers.ts emit only classes defined in the ui/src/styles.css import graph for the nav aside and theme toggle
• Re-run node scripts/audit-css-class-drift.mjs — cluster 2 (04a7853) shows 0 orphans
• Sidebar collapse/expand works (was tied to .nav--collapsed → now .sidebar--collapsed)
• Theme toggle: Light / Dark / System all switch correctly; visual matches upstream dashboard-v2

References

• Parent audit: audit(ui): one-shot CSS class drift audit — surface fork-side references with no CSS definition #2502
• Precedent: fix(ui): restore nav-section/topbar class names after v2026.3.13-1 sync — paired call-site update missed #2501 (the first-visible symptom from the same sync)
• Sync commit: 04a7853f0f (sync: upstream to v2026.3.13-1 (751 commits) #2398)
• Pattern post-mortem: remoteclaw/hq#57