Skip to content

feat(agents-chat-starter): dark mode toggle + docs fixes - #4227

Merged
balegas merged 3 commits into
mainfrom
vbalegas/dark-mode-chat-starter-and-fixes
Apr 29, 2026
Merged

balegas merged 3 commits into
mainfrom
vbalegas/dark-mode-chat-starter-and-fixes

Conversation

@balegas

@balegas balegas commented Apr 29, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Dark mode for agents-chat-starter: Adds a light/dark/system theme toggle in the chat header bar (far right), reusing the same useDarkMode hook pattern from agents-server-ui. Replaces hardcoded hex status dot colors with Radix CSS variables for proper theme support.
  • Quickstart skill CLI fix: Corrects pnpm electric-agents → npx electric-ax agents in all test commands (Steps 1–4).
  • Quickstart Step 4 simplification: Shows only the new import + /api/analyze route instead of the entire server.ts.
  • Deep-survey README cleanup: Simplifies Step 2 env config to just ANTHROPIC_API_KEY + optional BRAVE_SEARCH_API_KEY.

Test plan

  • Run pnpm run dev in examples/agents-chat-starter and verify the theme toggle cycles through light → dark → system
  • Verify status dots use correct theme-aware colors in both modes
  • Verify preference persists across page reloads

🤖 Generated with Claude Code

- Add dark mode support to agents-chat-starter with light/dark/system
  toggle in the chat header bar, reusing the same pattern as agents-server-ui
- Replace hardcoded hex status dot colors with Radix CSS variables
- Fix quickstart skill CLI commands: pnpm electric-agents → npx electric-ax agents
- Simplify quickstart Step 4 to show only the new endpoint, not entire server.ts
- Simplify deep-survey README env config to just ANTHROPIC_API_KEY + optional BRAVE_SEARCH_API_KEY

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@codecov

codecov Bot commented Apr 29, 2026 •

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 64.31%. Comparing base (119731e) to head (aba31bc).
⚠️ Report is 2 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #4227   +/-   ##
=======================================
  Coverage   64.31%   64.31%           
=======================================
  Files         143      143           
  Lines       19092    19092           
  Branches     4679     4682    +3     
=======================================
  Hits        12279    12279           
  Misses       6810     6810           
  Partials        3        3           
Flag Coverage Δ
packages/agents 53.73% <ø> (ø)
packages/agents-runtime 78.49% <ø> (ø)
packages/agents-server 66.03% <ø> (ø)
packages/agents-server-ui 0.00% <ø> (ø)
packages/electric-ax 30.11% <ø> (ø)
packages/experimental 87.73% <ø> (ø)
packages/react-hooks 86.48% <ø> (ø)
packages/start 82.83% <ø> (ø)
packages/typescript-client 94.30% <ø> (ø)
packages/y-electric 56.05% <ø> (ø)
typescript 64.31% <ø> (ø)
unit-tests 64.31% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

balegas and others added 2 commits April 29, 2026 12:50
Render analyser messages full-width and worker responses in two
columns. The layout transitions naturally: analyser intro first,
then two columns as workers start streaming, then full-width
synthesis after workers finish.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Add inline dark mode toggle (light/dark/system) to scaffold UI
- Render workers in dynamic columns: single column for first responder,
  two columns once both are streaming
- Harden analyser prompt to only respond "waiting" until both workers
  finish, filter those messages in the UI
- Persist analysis ID in URL hash for page refresh recovery
- Add @radix-ui/react-icons to scaffold dependencies

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@balegas
balegas merged commit e631cb7 into main Apr 29, 2026
53 of 55 checks passed
@balegas
balegas deleted the vbalegas/dark-mode-chat-starter-and-fixes branch April 29, 2026 12:40

This branch was previously deployed

1 inactive deployment
Pull request — aba31bcb Deployed Apr 29, 2026 by balegas via Teardown Examples PR stack (todo-app) #195
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants