Architecture Overview

                    ┌──────────────────────────────┐
                    │       End User Browser        │
                    │   or Phone (via SIP carrier)  │
                    └──────────────┬───────────────┘
                                   │
                    ┌──────────────▼───────────────┐
                    │       TalkifAI Studio         │
                    │    (Next.js 15 - App Router)  │
                    │                               │
                    │  • User authentication        │
                    │  • Agent configuration UI     │
                    │  • Organization management    │
                    │  • LiveKit token generation   │
                    │  • Call session tracking      │
                    │  • Telephony webhooks         │
                    └──────────────┬───────────────┘
                                   │
              ┌────────────────────┼────────────────────┐
              │                    │                    │
              ▼                    ▼                    ▼
  ┌───────────────────┐  ┌─────────────────┐  ┌────────────────────┐
  │  Voice Agent      │  │  Billing        │  │  Marketing Site    │
  │  Runtime          │  │  Service        │  │  (Next.js)         │
  │  (Python/FastAPI  │  │  (Python/FastAPI│  │                    │
  │   + LiveKit)      │  │   + Redis)      │  │  • Landing pages   │
  │                   │  │                 │  │  • Public demo     │
  │  • STT/LLM/TTS    │  │  • Credits      │  │  • Marketing       │
  │  • Session mgmt   │  │  • Usage track  │  └────────────────────┘
  │  • Function calls │  │  • Auto top-up  │
  │  • Recordings     │  │  • Cost calc    │
  │  • Transcripts    │  └─────────────────┘
  └───────────────────┘
              │
              ▼
  ┌───────────────────┐
  │   LiveKit Server  │
  │   (WebRTC/SIP)    │
  └───────────────────┘