Session Info

The SessionInfo component displays session-related information in a structured format, including transport type, session ID, participant ID, and RTVI version. It automatically integrates with the Pipecat Client SDK to fetch this information.

import { SessionInfo } from "@pipecat-ai/voice-ui-kit";

<SessionInfo />

Usage

Hide Specific Fields

Hide fields you don't need or override IDs with custom values.

import { SessionInfo } from "@pipecat-ai/voice-ui-kit";

<SessionInfo 
  noRTVIVersion={true}
  noTransportType={true}
  sessionId="custom-session-123"
  participantId="custom-participant-456"
/>

Transport Types

The component automatically detects and displays:

• Daily: Shows "Daily (v[version])" when using Daily transport, where [version] is the Daily.js version number
• Small WebRTC: Shows "Small WebRTC" when using Small WebRTC transport
• Unknown: Shows "Unknown" if transport type cannot be determined

Copy Functionality

Session ID and Participant ID fields use the CopyText component, allowing users to easily copy these values to their clipboard.

Integration

The SessionInfo component uses:

• usePipecatClient hook to access the Pipecat client instance
• DataList component to display the information
• CopyText component for copyable IDs
• TextDashBlankslate component for empty values

It must be used within a PipecatClientProvider context to function properly.