UI componentsHooks
useOptions
Snapshot of the agent configuration captured with the session — model IDs, voice settings, tool list, runtime options. Returns null before load.
Signature
useOptions(): Record<string, unknown> | nullInstallation
pnpm dlx agent-observability-ui@latest add observability-hooksnpx agent-observability-ui@latest add observability-hooksyarn dlx agent-observability-ui@latest add observability-hooksbunx --bun agent-observability-ui@latest add observability-hooksUsage
import { useOptions } from '@/lib/observability-hooks'
function ModelBadge() {
const options = useOptions()
const model = (options as { llm?: { model?: string } } | null)?.llm?.model
return model ? <Badge>{String(model)}</Badge> : null
}Returns
Record<string, unknown> | nulluseEvents
Raw session events (function calls, agent_state_changed, speech_created, etc.) as captured by the SDK. Returns null if the provider has not loaded a session yet.
Sessions Page
Tabular index of captured sessions. Monospace IDs, tabular-number duration, capability badges, row-hover navigation, and server-backed pagination.