IAV-991/ Connect AI agents to real API and enhance UI/UX
Summary
-
Replace mock service with real API: All AI agent operations (fetch, status update, integration update now use
AIAgentServiceApiinstead ofmockAIAgentService. -
Add skeleton loading states: Both the agents list view and the agent details view now display context
Skeletoncomponents while data is loading, replacing basic text spinners. -
Add Snackbar feedback: Success and error notifications are shown on all async operations (fetch, integration toggle, agent save) in both
view.tsxandagent-details-view.tsx. - Improve empty/not-found states: The "agent not found" and "no agents" empty states are redesigned with icons, descriptive subtitles, and action buttons (back navigation / reset filters).
-
Integration card icon fix: Replaced hardcoded
getPlatformIcon+ Next.jsImagewith a dynamic iconsintegration.iconfrom the API, with a FontAwesome fallback.