Components
An animated SVG visualization that illustrates the complete workflow of an AI agent system. The component showcases how various inputs (user interactions, API triggers, event streams, and scheduled tasks) flow into a central AI agent for processing, which then orchestrates different tools and queries (web search, API calls, database operations, and vector database queries) to generate intelligent responses. Features real-time animation with flowing connection lines, pulsing nodes, and a central animated AI agent, all presented in a sleek dark theme with gradient effects and smooth transitions.
Loading preview...
import AiAgentFlow from "@/components/ui/ai-agent-workflow-visualization";
export default function DemoOne() {
return <AiAgentFlow />;
}