@pipecat

One button for the whole session lifecycle, driven by the Pipecat transport state. Every state's label, icon, style, and action can be overridden sparsely.

Canvas-2D audio spectrum visualizer with mel-scale bands and the shared visualizer lifecycle states (connecting, silent, speaking, thinking). Headless view for…

Canvas-2D radial audio visualizer: a ring of spokes growing outward with mel-scale voice bands, sharing the kit visualizer lifecycle states (connecting, silent…

Shader aura audio visualizer with optional dithering: swirling ribbons of turbulent light that animate between the shared visualizer lifecycle states (connecti…

Media device picker for microphones, speakers, or cameras — as a select or a dropdown menu around any trigger.

Microphone control with toggle and push-to-talk modes, live audio visualizer, and a mic/speaker device picker in a split-button dropdown.

Camera toggle with preview tile and camera picker in a split-button dropdown.

Screen-share toggle with a preview tile while sharing.

Bot audio output element with a shared volume store, mute toggle, horizontal or vertical volume slider, and a popover volume control.

Live scrolling transcript of the user/agent conversation with role labels, karaoke text rendering, function-call cards, and connection-aware empty states.

Message composer with inline send button that injects the message into the conversation and sends it to the bot.

Caption-style overlay for bot speech with word-by-word fade-in and turn-end fade-out.

Client and agent connection status rows, live-updated from transport state and bot lifecycle events.

Session metadata rows: transport type, copyable ids, RTVI client/server versions.

Telephone keypad that sends DTMF tones — buffered sequence entry or immediate per-key dialing, with synthesized press feedback.

Client bootstrap hook with an explicit transport factory, connect/disconnect lifecycle, startBot handling and error state.

Shared store of RTVI metrics: per-processor ttfb/ttfa/processing/characters/stt_usage series with a rolling cap, running token totals (incl. cache-read and rea…

Shared RTVI event log: rAF-batched capture with a rolling cap, pause, clear-on-reconnect, and per-subscriber filtering and grouping.

Single-datapoint metric tile — label, big tabular value, optional unit — fully generic and props-driven, chart-free by design.

Metrics dashboard block with a Performance/Usage tab navigator: per-processor latency tiles and charts, plus running token/character/audio usage totals, on the…

Workbench for debugging and testing Pipecat agents: connect flow, bot media, conversation and metrics, device and session info, and a live RTVI event stream, w…