Solid

import { onMount } from "solid-js";
import "@mcp-b/char/web-component";
import type { CharAgentElement } from "@mcp-b/char/web-component";

const PUBLISHABLE_KEY = "pk_live_...";

export function SupportAgent(props: { idToken?: string }) {
  let agentRef: CharAgentElement | undefined;

  onMount(() => {
    if (!props.idToken) return;
    agentRef?.connect({ publishableKey: PUBLISHABLE_KEY, idToken: props.idToken });
  });

  return <char-agent ref={agentRef} publishable-key={PUBLISHABLE_KEY} />;
}