Full-page AI agent management dashboard with a fixed sidebar (nav, status counts, user profile) and a main content area. Shows 4 KPI cards (Total, Active, Paused, Stopped) and an agent table with avatar, model type badge, colored status badge, task count, last active time, monthly cost, and View/Restart action buttons. Includes search input and status filter tabs.
All Agents
8 agents total
import AgentManagementList01 from "@/components/creative-tim/blocks/agent-management-list-01"
export default function Page() {
return <AgentManagementList01 />
}
4-step wizard for creating a new AI agent. Step 1: name, description, model select, agent type radio. Step 2: capability checkboxes (web search, code execution, file access, etc.). Step 3: token limit slider, max cost input, concurrent tasks slider, timeout select. Step 4: review summary with Create Agent CTA. Progress bar and step indicators at top. Back/Next navigation.
import AgentManagementCreate01 from "@/components/creative-tim/blocks/agent-management-create-01"
export default function Page() {
return <AgentManagementCreate01 />
}
Kanban task board with 4 columns: Backlog, In Progress, In Review, Done. Each column has a count badge and add button. Task cards show title, priority badge (Critical/High/Medium/Low), assigned agent avatar, issue ID, token count, and creation time. Drag handle icon on each card. Agent filter dropdown in header. 12 mock tasks distributed across columns.
Task Board
12 tasks total
import AgentManagementTasks01 from "@/components/creative-tim/blocks/agent-management-tasks-01"
export default function Page() {
return <AgentManagementTasks01 />
}
Agent detail page with large agent header (avatar, name, status badge, model tag, Pause/Open Console buttons). 4 tabs: Overview (KPI cards + recent tasks list + 7-day SVG bar chart), Activity (scrollable event feed with icons), Configuration (key-value config rows with Edit button), Logs (monospace log viewer with colored INFO/WARN/ERROR levels and auto-scroll toggle).
Research Agent Alpha
import AgentManagementDetail01 from "@/components/creative-tim/blocks/agent-management-detail-01"
export default function Page() {
return <AgentManagementDetail01 />
}
Analytics dashboard with 7D/30D/90D date range selector. 4 summary KPI cards with trend indicators (Total Tokens, Total Cost, Tasks Completed, Avg Response Time). Stacked bar chart showing input vs output token usage over time. Cost-per-agent table with share percentage bar. Model distribution horizontal bar chart (Claude 3.5, GPT-4o, Gemini). All data changes when switching date range.
Analytics
Usage metrics and cost breakdown
import AgentManagementAnalytics01 from "@/components/creative-tim/blocks/agent-management-analytics-01"
export default function Page() {
return <AgentManagementAnalytics01 />
}