implementing-ui-bundle-agentforce-conversation-client

To embed an Agentforce chat widget in a UI bundle app, import the AgentforceConversationClient React component from its canonical package and render it with a validated agentId. This adds chat functionality safely without building a custom UI.

The correct way to style an Agentforce chat widget is by applying visual customization exclusively through the supported styleTokens prop. You must avoid using custom CSS, inline styles, or className attributes to ensure safe and stable theming.

Yes, you need to validate the agentId when integrating AgentforceConversationClient. The agentId must be deterministically validated to match the expected Salesforce ID format before applying any changes to ensure the client authenticates correctly.

Authenticating an embedded Agentforce conversation client requires specific Salesforce configuration, including setting up cookie and trusted-domain prerequisites. These configurations must be completed so the embedded client can successfully authenticate with your org.

No, you should not create custom React components to modify the Agentforce chat UI. You must use the official component and apply only supported props to maintain compatibility and avoid breaking unsupported styling approaches.