Agent Audio Visualizer – Aura

'use client';

    
import { useTheme } from 'next-themes';
import { useSession, useAgent } from '@livekit/components-react';
import { AgentSessionProvider } from '@/components/agents-ui/agent-session-provider';
import { AgentAudioVisualizerAura } from '@/components/agents-ui/agent-audio-visualizer-aura';

const TOKEN_SOURCE = TokenSource.endpoint('/api/token');

export function Demo() {
  const { resolvedTheme: theme } = useTheme();
  const { audioTrack, state } = useAgent();

  return (
    <AgentAudioVisualizerAura
      size="xl"
      color="#1FD5F9"
      colorShift={0.1}
      state={state}
      themeMode={theme}
      audioTrack={audioTrack}
    />
  );
}

export default function DemoWrapper({ session }) {
  const session = useSession(TOKEN_SOURCE);

  return (
    <AgentSessionProvider session={session}>
      <Demo />
    </AgentSessionProvider>
  );
}