Skip to content

feat(dashboard): replace agent config accordion with tabs and rename to Agents#847

Merged
aaight merged 1 commit intodevfrom
feature/agent-configs-tabs
Mar 15, 2026
Merged

feat(dashboard): replace agent config accordion with tabs and rename to Agents#847
aaight merged 1 commit intodevfrom
feature/agent-configs-tabs

Conversation

@aaight
Copy link
Copy Markdown
Collaborator

@aaight aaight commented Mar 15, 2026

Summary

  • Replace per-agent accordion sections with Radix Tabs (one tab per agent, content always visible)
  • Rename "Agent Configs" → "Agents" in the sidebar label (project-sections.ts)
  • Update text references in integration-form.tsx and pm-wizard-common-steps.tsx that mentioned "Agent Configs" tab
  • Remove AgentConfigBadge component (was only shown in collapsed state, no longer needed)
  • Remove expanded state, chevron icons, and conditional rendering from DefinitionAgentSection
  • Use variant="line" with flex-wrap on TabsList to handle 9 agent types gracefully
  • Lifecycle Automations section remains unchanged below the tabs

Card

https://trello.com/c/3iXVlYST/371-replace-expandable-agent-config-sections-with-tabs-and-rename-to-agents

Test plan

  • Navigate to a project's Agents tab — verify tabs render with one tab per agent type
  • Click different tab triggers — verify content switches correctly
  • Verify forms save and reset correctly within each tab
  • Verify Lifecycle Automations section is visible below the tabs
  • Verify sidebar label reads "Agents" (not "Agent Configs")
  • Verify "Agent Configs" references in Integrations and PM wizard steps now read "Agents"
  • npm run lint && npm run typecheck && npm test — all pass

🤖 Generated with Claude Code

🕵️ claude-code · claude-sonnet-4-6 · run details

Copy link
Copy Markdown
Collaborator

@nhopeatall nhopeatall left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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-auto vs group-data-[orientation=horizontal]/tabs:h-9 specificity: The TabsList base class includes group-data-[orientation=horizontal]/tabs:h-9 which may have higher CSS specificity than the h-auto applied via className. If the wrapping behavior for 9 agent tabs doesn't work as expected in practice, you may need !h-auto or to override the base class in the line variant. Worth a quick visual check with all 9 agent types present.

  • Documentation references: CLAUDE.md and GETTING_STARTED.md still 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

@aaight aaight merged commit 535aba0 into dev Mar 15, 2026
6 checks 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.

2 participants