The AI Agents section was originally set up with separate Rails controller actions for each page, and separate Vue apps to load the UI on each page. This MR brings the interface together into a single Vue app that uses the Vue router to move between interfaces. See the gif below for a preview of the UI.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist.
It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
How to set up and validate locally
Ensure you have an EE license activated
Enable the feature flag
Feature.enable(:agent_registry)
Navigate to <project>/-/ml/agents and ensure that the empty state is loading correctly
Click on 'Create agent'
Create an agent (name cannot have spaces, prompt can be anything)
Navigate to <project>/-/ml/agents and ensure the agent list shows up with the item that was just created
