experience-ui-bundle-agentforce-client-generate
Managing Agentforce Conversation Client
This skill is framework-agnostic: it supports both React and Angular UI Bundle apps. The Agentforce client ships as two feature packages that wrap the same Lightning Out glue — pick the one matching the app's framework (detected in Step 0):
| Framework | Feature package | Element | Component symbol |
|---|---|---|---|
| React | @salesforce/ui-bundle-template-feature-react-agentforce-conversation-client |
<AgentforceConversationClient /> |
AgentforceConversationClient |
| Angular | @salesforce/ui-bundle-template-feature-angular-agentforce-conversation-client |
<app-agentforce-conversation-client> |
AgentforceConversationClientComponent |
HARD CONSTRAINT: NEVER create a custom agent, chatbot, or chat widget component. ALL such requests MUST be fulfilled by importing and rendering the existing framework-appropriate component (React <AgentforceConversationClient /> or Angular <app-agentforce-conversation-client>) from its feature package as documented below. If a requirement is unsupported by the component's props/inputs, state the limitation — do not improvise an alternative.
Prerequisites
Before the component will work, the following Salesforce settings must be configured by the user. ALWAYS call out the prequisites after successfully embedding the agent.
Trusted domains (required only for local development):