Embed voice on your website

src/
├── lib/
│   └── scenaro/
│       ├── client.ts          # createScenaroClient
│       ├── providers.tsx      # ScenaroProvider + FeatureProvider
│       └── features/
│           ├── registry.ts    # FEATURE_REGISTRY map
│           └── search/
│               ├── component.tsx
│               └── handler.ts
├── components/
│   └── VoiceWidget.tsx
└── App.tsx

// src/lib/scenaro/client.ts
import { createScenaroClient } from '@scenaro/sdk/client';

export const scenaroClient = createScenaroClient({
  apiUrl: import.meta.env.VITE_SCENARO_API_URL,
  apiPathPrefix: '/v1',
});

// src/lib/scenaro/providers.tsx
import { ScenaroProvider, FeatureProvider } from '@scenaro/sdk/react';
import { scenaroClient } from './client';
import { FEATURE_REGISTRY } from './features/registry';

export function ScenaroProviders({ children }: { children: React.ReactNode }) {
  return (
    <ScenaroProvider client={scenaroClient}>
      <FeatureProvider registry={FEATURE_REGISTRY} initialPosition="right">
        {children}
      </FeatureProvider>
    </ScenaroProvider>
  );
}

// src/components/VoiceWidget.tsx
'use client';

import { useScenaroSession } from '@scenaro/sdk/react';

const PUBLICATION_UUID = import.meta.env.VITE_SCENARO_PUBLICATION_UUID;

export function VoiceWidget() {
  const { status, error, start, end } = useScenaroSession({
    scenario: PUBLICATION_UUID,
  });

  return (
    <div className="voice-widget">
      {error && <p className="error">{error.message}</p>}

      {status !== 'connected' ? (
        <button disabled={status === 'connecting'} onClick={() => start()}>
          {status === 'connecting' ? 'Connecting…' : 'Start conversation'}
        </button>
      ) : (
        <button onClick={end}>End conversation</button>
      )}
    </div>
  );
}

import { ScenaroProviders } from './lib/scenaro/providers';
import { VoiceWidget } from './components/VoiceWidget';

export default function App() {
  return (
    <ScenaroProviders>
      <main>{/* your site */}</main>
      <VoiceWidget />
    </ScenaroProviders>
  );
}

VITE_SCENARO_API_URL=https://api.scenaro.io
VITE_SCENARO_PUBLICATION_UUID=your-publication-uuid