Agent Session View - 01

'use client';

import { useSession } from '@livekit/components-react';
import { TokenSource } from '@/lib/token-source';
import { AgentSessionProvider } from '@/components/agents-ui/agent-session-provider';
import { AgentSessionView } from '@/components/agents-ui/blocks/agent-session-view-01/agent-session-view';

const TOKEN_SOURCE = TokenSource.sandboxTokenServer(
  process.env.NEXT_PUBLIC_SANDBOX_TOKEN_SERVER_ID
);

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

  return (
    <AgentSessionProvider session={session}>
      <AgentSessionView
        isPreConnectBufferEnabled="true"
        preConnectMessage="Agent is listening, ask it a question"
        supportsChatInput={true}
        supportsVideoInput={true}
        supportsScreenShare={true}
        audioVisualizerType="aura"
        audioVisualizerColor={undefined}
        audioVisualizerColorShift={0.3}
        audioVisualizerBarCount={5}
        audioVisualizerGridRowCount={25}
        audioVisualizerGridColumnCount={25}
        audioVisualizerRadialBarCount={25}
        audioVisualizerRadialRadius={100}
        audioVisualizerWaveLineWidth={3}
      />
    </AgentSessionProvider>
  );
}