← Examples

Sidebar Layout TS Source

Panel slides in from the right, wired to an external button.

Code

import { init } from '@deepgram/agent-widget';

init({
  tokenFactory: () => fetch('/api/token').then(r => r.json()).then(d => d.token),
  agent: {
    listen: { provider: { type: 'deepgram', version: 'v1', model: 'nova-3' } },
    think:  { provider: { type: 'open_ai', model: 'gpt-4o-mini' } },
    speak:  { provider: { type: 'deepgram', model: 'aura-2-thalia-en' } },
  },
  layout: 'sidebar',
  buttonId: 'open-btn',
});