User clicks "Call" button in your website
        ↓
  Browser requests a WebRTC session from thinnestAI
        ↓
  thinnestAI voice engine establishes audio stream
        ↓
  User speaks → STT → AI Agent → TTS → User hears response
        ↓
  Call ends when user hangs up or agent completes

<script
  src="https://api.thinnest.ai/embed/widget.js"
  data-publishable-key="pk_live_abc123xyz"
  data-agent-id="ag_pub_xyz789"
  data-widget-type="voice"
  async
></script>

<script
  src="https://api.thinnest.ai/embed/widget.js"
  data-publishable-key="pk_live_abc123xyz"
  data-agent-id="ag_pub_xyz789"
  data-widget-type="combined"
  async
></script>

npm install @thinnest-ai/voice-sdk

import ThinnestVoice from "@thinnest-ai/voice-sdk";

// Initialize the SDK with your API key
const voice = new ThinnestVoice("YOUR_API_KEY");

// Start the call
await voice.start("YOUR_AGENT_PUBLIC_ID", {
  metadata: {
    user_name: "Jane Doe",
    page: "pricing"
  }
});

// Connection status updates
voice.on("status-change", ({ status }) => {
  console.log("Call status:", status); // "active", "ended", etc.
});

// Transcript events (what the user or agent said)
voice.on("transcript", (msg) => {
  console.log(`${msg.role}: ${msg.text}`);
});

// Real-time speech states
voice.on("speech-start", ({ speaker }) => {
  console.log(`${speaker} started speaking`);
});

voice.on("speech-end", ({ speaker }) => {
  console.log(`${speaker} stopped speaking`);
});

// Errors
voice.on("error", (error) => {
  console.error("Call error:", error.message);
});

import { useState, useEffect, useRef } from "react";
import ThinnestVoice from "@thinnest-ai/voice-sdk";

function VoiceAgent({ agentId }: { agentId: string }) {
  const voiceRef = useRef<ThinnestVoice>();
  const [status, setStatus] = useState("idle");
  const [transcripts, setTranscripts] = useState([]);

  useEffect(() => {
    voiceRef.current = new ThinnestVoice("YOUR_API_KEY");

    voiceRef.current.on("status-change", ({ status }) => setStatus(status));
    voiceRef.current.on("transcript", (msg) => {
      setTranscripts(prev => [...prev, msg]);
    });
    
    return () => voiceRef.current?.stop();
  }, []);

  const toggleCall = async () => {
    if (status === "active") {
      await voiceRef.current?.stop();
    } else {
      await voiceRef.current?.start(agentId);
    }
  };

  return (
    <div className="call-container">
      <button onClick={toggleCall} className={status === "active" ? "active" : ""}>
        {status === "active" ? "End Call" : "Start Call"}
      </button>
      
      <div className="transcript-box">
        {transcripts.map((msg, i) => (
          <p key={i} className={`msg ${msg.role}`}>
            <strong>{msg.role}:</strong> {msg.text}
          </p>
        ))}
      </div>
    </div>
  );
}

curl -X POST "https://api.thinnest.ai/v1/voice/session" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "agent_id": "YOUR_AGENT_PUBLIC_ID",
    "metadata": {
      "user_name": "Jane Doe"
    }
  }'