Skip to content

[codex] Refine agent visual style distinction#592

Merged
rogerchappel merged 1 commit into
mainfrom
feat/codex/refine-agent-visual-distinction
May 23, 2026
Merged

[codex] Refine agent visual style distinction#592
rogerchappel merged 1 commit into
mainfrom
feat/codex/refine-agent-visual-distinction

Conversation

@rogerchappel
Copy link
Copy Markdown
Owner

Summary

  • Give each Agent Mode visual a distinct style shell and secondary palette instead of tinting every element with the accent color.
  • Make Hologram Waveform use a rounded rectangular/glass ribbon stage, Neural use secondary graph colors, and Command Core use operational grid/tick tones.
  • Keep the custom accent for active highlights while fixed secondary/shadow colors carry style identity.
  • Raise the Style modal above immersive Agent Mode and stop the color picker from committing every drag event.

Why

Testing showed the four styles still felt too similar, the custom color was washing every element, reactivity looked weak, the native color picker felt slow, and the Style modal opened behind immersive mode.

Verification

  • pnpm typecheck
  • pnpm test src/lib/agent-visual-settings.test.ts 'src/app/api/companies/[id]/route.test.ts'
  • pnpm lint:check (existing warnings only)
  • git diff --check origin/main...HEAD
  • agent visual distinction smoke check
  • push hook: pnpm typecheck and pnpm build

@rogerchappel rogerchappel marked this pull request as ready for review May 23, 2026 23:38
@rogerchappel rogerchappel merged commit 1609913 into main May 23, 2026
1 check passed
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.

1 participant