ReactJS Support and AI Console Blueprint

This is a product blueprint, not a copy/paste tutorial. mediasfu-reactjs@4.3.0 can supply the customer and agent room, participant, message, and media surfaces, but the package does not expose one complete browser-side AI-agent lifecycle that safely creates, pauses, resumes, and stops an agent without backend policy.

Build the customer experience

Use the supplied React room for the human call, participant visibility, chat, media controls, errors, and leave behavior. Let your authenticated backend own agent authorization, model/provider credentials, tool access, call attachment, and the final stop action. Show a clear state for connecting, listening, responding, paused, failed, and stopped.

Release boundary

An isolated local backend may use restricted, revocable development credentials that are never committed. Before external testing, distribution, or production rooms, all reusable MediaSFU and AI-provider credentials must remain behind the authenticated backend. Do not send raw customer data to an agent without your product's disclosure, consent, and retention policy.

Continue with AI call control over HTTP and the React compact call tutorial. A React tutorial should be published only when the complete backend agent contract and observable pause/stop behavior can be provided with the client.