Vue router for AI Agents
What does this MR do and why?
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