Add UI to visualize agent and flow metadata
What does this MR do and why?
This component allows us to showcase a list of metadata for agents and flows. This will be useful for users to see at a glance basic data for the agent or flow, such as creation date, last updated, current version, etc..., as additional metadata becomes available.
- allows customization via configuration prop (see vid below)
- adds tests and utility methods
- updates translation entries
References
- Resolves issue #573294
- Based on design provided by @tvanderhelm here: #568950
Screenshots or screen recordings
| Before | After |
|---|---|
|
|
How to set up and validate locally
- Pull this branch
- Ensure you have
:ai_catalogfeature enabled - Navigate to
http://gdk.test:3000/explore/ai-catalog/ - Click on any item in the agent list
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
The "very quick" video
Related to #573294
Edited by Angus Ryer