diff --git a/examples/simple-chatbot/client/react/src/components/DebugDisplay.tsx b/examples/simple-chatbot/client/react/src/components/DebugDisplay.tsx index 37e018f23..4d83828d7 100644 --- a/examples/simple-chatbot/client/react/src/components/DebugDisplay.tsx +++ b/examples/simple-chatbot/client/react/src/components/DebugDisplay.tsx @@ -8,6 +8,7 @@ import { } from '@pipecat-ai/client-js'; import { useRTVIClient, useRTVIClientEvent } from '@pipecat-ai/client-react'; import './DebugDisplay.css'; +import { DailyTransport } from '@pipecat-ai/daily-transport'; export function DebugDisplay() { const debugLogRef = useRef(null); @@ -52,6 +53,17 @@ export function DebugDisplay() { ) ); + // Log connection events + useRTVIClientEvent( + RTVIEvent.Connected, + useCallback(() => { + if (!client) return; + const dailyCallClient = (client.transport as DailyTransport) + .dailyCallClient; + console.log(`Session ID: ${dailyCallClient.meetingSessionSummary().id}`); + }, [client]) + ); + useRTVIClientEvent( RTVIEvent.BotDisconnected, useCallback(