Skip to main content
Render the agent in your app layout (outside Livewire component roots). 
{{-- resources/views/layouts/app.blade.php --}}
<body>
  {{ $slot }}

  <char-agent id="char-widget" publishable-key="pk_live_..."></char-agent>

  <script>
    const agent = document.getElementById("char-widget");
    const idToken = @json(auth()->user()?->id_token);

    if (idToken) {
      agent.connect({ publishableKey: "pk_live_...", idToken });
    }
  </script>
</body>