Draft: Add loading state to edit show page
What does this MR do and why?
This MR adds a loading icon (spinning) to the Edit Page of the AI Catalog.
This makes it consistent with the loading indicator on the Run Page (see screen recording). We decided against a Skeleton Loader as this wouldn't match the designs of the form.
Screenshots or screen recordings
Screen_Recording_2025-07-24_at_10.04.10
How to set up and validate locally
- Enable the feature flag:
echo "Feature.enable(:global_ai_catalog)" | rails c
- If needed, add some seed data:
echo "FactoryBot.create_list(:ai_catalog_item, 10, item_type: :flow, project_id: 1000000)" | rails c
- Visit http://gdk.test:3000/explore/ai-catalog/agents
- Open an edit view by clicking on the ... menu and click on 'Edit"
- Alternatively, open http://gdk.test:3000/explore/ai-catalog/agents/1/edit directly. It does not have to be a valid ID. Invalid IDs would make a redirect to the index page, but you'd also actually see the loading spinner for a second.
- Go on any run page with an invalid ID, e.g. http://gdk.test:3000/explore/ai-catalog/agents/unicorn/run. Get redirected back to the index page
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.
Related to #554018 (closed) Closes #557229 (closed)
Edited by Vanessa Otto