feat(dashboard): extract Capabilities and Triggers into separate tabs in agent definition editor

[aaight]

Summary

• Extracted CapabilitiesSection and TriggersSection from the monolithic "Definition" tab into their own dedicated tabs
• New tab order: Definition | Capabilities | Triggers | Prompts (edit only) | Raw JSON
• Updated handleTabChange to properly sync JSON ↔ structured-tab transitions for all three structured tabs (definition, capabilities, triggers)

Changes

Single file changed: web/src/components/settings/agent-definition-editor.tsx

1. handleTabChange — Updated to treat definition, capabilities, and triggers as structured tabs. When leaving any structured tab → JSON, the current def state is serialized to JSON text. When entering any structured tab from JSON, the JSON text is parsed back into def.

2. TabsList — Added <TabsTrigger value="capabilities">Capabilities</TabsTrigger> and <TabsTrigger value="triggers">Triggers</TabsTrigger> between Definition and Prompts triggers.

3. Definition TabsContent — Removed <CapabilitiesSection> and <TriggersSection> from the Definition tab content (they now live in their own tabs).

4. New TabsContent blocks — Added dedicated <TabsContent value="capabilities"> and <TabsContent value="triggers"> sections.

Test plan

• Navigate to agent definition editor → verify tab order is Definition | Capabilities | Triggers | Prompts | Raw JSON
• Verify Capabilities tab shows capabilities configuration (previously in Definition tab)
• Verify Triggers tab shows triggers configuration (previously in Definition tab)
• Verify Definition tab no longer shows capabilities/triggers sections
• Edit in Capabilities tab → switch to Raw JSON → verify JSON reflects changes
• Edit in Triggers tab → switch to Raw JSON → verify JSON reflects changes
• Edit Raw JSON → switch to Capabilities/Triggers → verify UI reflects JSON changes
• Verify invalid JSON prevents switching from Raw JSON tab (error shown)

Card: https://trello.com/c/69a56e72a79db92b36d7a9e3

🤖 Generated with Claude Code

[nhopeatall]

🤖 On it — checking the feature/separate-capabilities-triggers-tabs branch

[nhopeatall]

LGTM — Clean extraction of Capabilities and Triggers into separate tabs. The handleTabChange logic correctly generalizes JSON ↔ structured-tab sync to cover all three structured tabs (definition, capabilities, triggers), and structured-to-structured transitions correctly share the same def state without needing serialization. No issues found.