Voice agent configPro

Everything a phone agent needs in one form: prompt, greeting, voice, tools, interruptions and silence.

Markdown

On this page

ProPrompt, greeting, voice, tools, interruptions and silence in one form.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/voice-agent-config

Usage

tsx

import { VoiceAgentConfig } from "@/components/ui/chatcn/pro/voice-agent-config"

<VoiceAgentConfig value={agent} onValueChange={setAgent} voices={voices} tools={tools} onSave={save} />

Interruption sensitivity says what each level does. Silence settings have units on every value. Preview plays the voice through onPreviewVoice, or the browser's speech synthesis reading the first message.

Examples

States

ProCaller speaks first with no interruptions, and a save that fails.

Props

Prop	Type	Notes
`value`, `onValueChange`	`VoiceAgentSettings`	Controlled settings
`voices`, `tools`	Option lists	What the agent can use
`onSave`	`(value) => Promise<void>`	Reject with a message to show it
`onPreviewVoice`	`(voiceId) => void`	Plays a sample

Accessibility

Every field has a visible label; sliders announce their unit.
The save result is a polite live region.