UI componentsCharts
Latency Percentiles
Stacked bars showing p50 / p95 / p99 latency for each pipeline stage. Use to spot tail-latency offenders at a glance.
Preview
Loading latency percentiles chart preview…
Installation
pnpm dlx agent-observability-ui@latest add latency-percentiles-chartnpx agent-observability-ui@latest add latency-percentiles-chartyarn dlx agent-observability-ui@latest add latency-percentiles-chartbunx --bun agent-observability-ui@latest add latency-percentiles-chartUsage
import { LatencyPercentilesChart } from '@/components/latency-percentiles-chart'
;<LatencyPercentilesChart />Props
| Prop | Type | Default | Description |
|---|---|---|---|
metrics | SessionMetrics | null | — | Override the metrics resolved from provider context. |
Session Config
Snapshot of the agent configuration used for the session: model IDs, voice settings, active tools, and any runtime options that shaped the conversation.
Pipeline Breakdown
Per-turn pipeline breakdown — STT vs LLM vs TTS vs network. Makes it obvious which stage dominates end-to-end latency.