Skip to content
Sign in
VoiceCall simulatorMenu

Call simulatorPro

A test call against a voice agent with a persona, a live transcript and pass or fail checks.

ProA scripted test call streams in and each check is scored as it is decided.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/call-simulator

Usage

tsx
import { CallSimulator } from "@/components/ui/chatcn/pro/call-simulator"

<CallSimulator personas={personas} persona={persona} transcript={turns} checks={checks} status={status} onRun={run} />

Your app runs the simulation and passes the transcript and check results in as they arrive; the component lays them out. Each check says why it passed or failed, pointing at the turn it hinges on.

Examples

States

ProBefore the first run, finished with a failure, and could not connect.

Props

PropTypeNotes
personas, persona, onPersonaChangePersona list and choiceReal radio buttons
transcript{ speaker, text }[]The call so far
checksSimCheck[]{ id, label, status, note? }
status, onRun, errorRun stateidle, running, done or error

Accessibility

  • The transcript is a focusable, named list that follows the call only while you are at the bottom.
  • The score is a polite live region; checks pair glyphs with words.