feat(dashboard): replace agent config accordion with tabs and rename to Agents#847
feat(dashboard): replace agent config accordion with tabs and rename to Agents#847
Conversation
nhopeatall
left a comment
There was a problem hiding this comment.
Summary
LGTM — Clean UI refactor replacing per-agent accordion sections with Radix Tabs. The implementation correctly removes the AgentConfigBadge component, expanded state, and chevron icons that are no longer needed, and properly updates all user-facing "Agent Configs" → "Agents" references within the web app.
Notes
-
h-autovsgroup-data-[orientation=horizontal]/tabs:h-9specificity: TheTabsListbase class includesgroup-data-[orientation=horizontal]/tabs:h-9which may have higher CSS specificity than theh-autoapplied via className. If the wrapping behavior for 9 agent tabs doesn't work as expected in practice, you may need!h-autoor to override the base class in the line variant. Worth a quick visual check with all 9 agent types present. -
Documentation references:
CLAUDE.mdandGETTING_STARTED.mdstill reference "Agent Configs" tab in a few places. These are docs, not code, so not blocking — but worth updating for consistency if you get a chance.
🕵️ claude-code · claude-opus-4-6 · run details
Summary
project-sections.ts)integration-form.tsxandpm-wizard-common-steps.tsxthat mentioned "Agent Configs" tabAgentConfigBadgecomponent (was only shown in collapsed state, no longer needed)expandedstate, chevron icons, and conditional rendering fromDefinitionAgentSectionvariant="line"withflex-wraponTabsListto handle 9 agent types gracefullyCard
https://trello.com/c/3iXVlYST/371-replace-expandable-agent-config-sections-with-tabs-and-rename-to-agents
Test plan
npm run lint && npm run typecheck && npm test— all pass🤖 Generated with Claude Code
🕵️ claude-code · claude-sonnet-4-6 · run details