UI componentsCharts
Pipeline Breakdown
Per-turn pipeline breakdown — STT vs LLM vs TTS vs network. Makes it obvious which stage dominates end-to-end latency.
Preview
Loading pipeline breakdown chart preview…
Installation
pnpm dlx agent-observability-ui@latest add pipeline-breakdown-chartnpx agent-observability-ui@latest add pipeline-breakdown-chartyarn dlx agent-observability-ui@latest add pipeline-breakdown-chartbunx --bun agent-observability-ui@latest add pipeline-breakdown-chartUsage
import { PipelineBreakdownChart } from '@/components/pipeline-breakdown-chart'
;<PipelineBreakdownChart />Props
| Prop | Type | Default | Description |
|---|---|---|---|
metrics | SessionMetrics | null | — | Override the metrics resolved from provider context. |