Agent Observability
UI componentsComponents

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.

Preview

Loading session config preview…

Installation

pnpm dlx agent-observability-ui@latest add session-config
npx agent-observability-ui@latest add session-config
yarn dlx agent-observability-ui@latest add session-config
bunx --bun agent-observability-ui@latest add session-config

Usage

import { SessionConfig } from '@/components/session-config'

// No props — reads the options blob from provider context
;<SessionConfig />

Session Events

Chronological stream of raw pipeline events captured during the session — function calls, agent handoffs, state changes. Filterable by event type.

Latency Percentiles

Stacked bars showing p50 / p95 / p99 latency for each pipeline stage. Use to spot tail-latency offenders at a glance.

On this page

PreviewInstallationUsage