Skip to main content

Agent Disconnect Button

A button for disconnecting the agent session.

Usage

Code
'use client';
import { AgentSessionProvider } from '@/components/agents-ui/agent-session-provider';
import { AgentDisconnectButton } from '@/components/agents-ui/agent-disconnect-button';
const TOKEN_SOURCE = TokenSource.sandboxTokenServer(
process.env.MY_LK_SANDBOX_TOKEN_SERVER_ID
);
export default function Demo({ session }) {
const session = useSession(TOKEN_SOURCE);
return (
<AgentSessionProvider session={session}>
<AgentDisconnectButton>
End Call
</AgentDisconnectButton>
</AgentSessionProvider>
);
}

Features

  • Displays a button for disconnecting the agent session
  • Uses the destructive button variant by default
  • Customizable with icon and children props
  • Automatically calls the session end() method when clicked

Installation

pnpm dlx shadcn@latest add @agents-ui/agent-disconnect-button

Props

Prop nameTypeDefault
icon?
ReactNode
size?
enum
default
variant?
enum
destructive
children?
ReactNode
onClick?
function
ref?
Ref<HTMLButtonElement>
...props?
ComponentProps<'button'>