Blueprint # Agent Ops Console LLM and agent observability console for an AI product team: an overview of cost, latency p50 and p95, error rate, token usage and top models; a filterable trace table with saved views, an advanced query builder, column controls and bulk actions; a trace detail with a span waterfall, flame view, nested tool calls, inputs and outputs, token and cost breakdown and errors; sessions grouped by user; a prompt registry with versions and a diff; eval datasets; eval runs comparing prompt and model versions with scores; and API keys, provider keys and model policy. Screens 7 Framework Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui Variants Radix UI and Base UI Install One command, every screen Screens 7 /agent-ops-console/overview [New tab](https://agentic-ui-kit.com/agent-ops-console/overview)[Try a theme](https://agentic-ui-kit.com/themes) ## What is implemented - The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer. - Sample data that ships with each component, so the screens render without a backend. - Light and dark themes. ## What you supply - Your data: API routes or a backend in place of the sample data. No backend is included. - Authentication and authorization. - Persistence: database, file storage and any server-side state. - Business rules and server-side validation. ## Install Radix UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-agent-ops-console ``` Checked: installs and builds in a clean Next.js project. Base UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-agent-ops-console ``` Checked: installs and builds in a clean Next.js project. Your project must be connected to the private registry first: [installation guide](https://agentic-ui-kit.com/docs#start-from-blueprint). ## Components it uses - [App Shell Agent OPS Shell](https://agentic-ui-kit.com/components/agent-ops-shell) - [Overview Agent OPS Overview](https://agentic-ui-kit.com/components/agent-ops-overview) - [KPI Cards Chart Sparkline](https://agentic-ui-kit.com/components/chart-sparkline) - [Budget Gauge Chart Gauge KPI](https://agentic-ui-kit.com/components/chart-gauge-kpi) - [Latency Heatmap Chart Heatmap Matrix](https://agentic-ui-kit.com/components/chart-heatmap-matrix) - [Traces Agent OPS Traces](https://agentic-ui-kit.com/components/agent-ops-traces) - [Saved Views Search Saved Views](https://agentic-ui-kit.com/components/search-saved-views) - [Query Builder Data Query Builder](https://agentic-ui-kit.com/components/data-query-builder) - [Bulk Actions Data Bulk Action Bar](https://agentic-ui-kit.com/components/data-bulk-action-bar) - [Trace Detail Agent OPS Trace Detail](https://agentic-ui-kit.com/components/agent-ops-trace-detail) - [Run Timeline AI Agent Run Trace](https://agentic-ui-kit.com/components/ai-agent-run-trace) - [Log Tail Dev Log Tail](https://agentic-ui-kit.com/components/dev-log-tail) - [Sessions Agent OPS Sessions](https://agentic-ui-kit.com/components/agent-ops-sessions) - [Session List Data Virtual List](https://agentic-ui-kit.com/components/data-virtual-list) - [Prompts Agent OPS Prompts](https://agentic-ui-kit.com/components/agent-ops-prompts) - [Prompt Diff Code Diff Viewer](https://agentic-ui-kit.com/components/code-diff-viewer) - [Datasets Agent OPS Datasets](https://agentic-ui-kit.com/components/agent-ops-datasets) - [Evals Agent OPS Evals](https://agentic-ui-kit.com/components/agent-ops-evals) - [Eval Score Chart AI Eval Score Chart](https://agentic-ui-kit.com/components/ai-eval-score-chart) - [Eval Matrix AI Evals Results Table](https://agentic-ui-kit.com/components/ai-evals-results-table) - [Keys Agent OPS Keys](https://agentic-ui-kit.com/components/agent-ops-keys) - [Provider Keys AI Provider Keys](https://agentic-ui-kit.com/components/ai-provider-keys) - [Model Registry AI Model Registry](https://agentic-ui-kit.com/components/ai-model-registry)