experience-ui-bundle-agentforce-client-generate

You can add the Salesforce Agentforce chat widget by importing the packaged Agentforce Conversation Client into your React UI Bundle page. This approach preserves your current component structure while safely enabling inline chat functionality and agent updates.

You style the Agentforce chat widget by applying styleTokens-based theming to adjust inline layouts, dimensions, and header controls. This method ensures visual customization aligns with Salesforce guidance without building a custom chat experience from scratch.

Yes, the Agentforce Conversation Client targets existing Vite-based Salesforce UI Bundle pages. It safely embeds into current pages needing chat widgets, validating the agent ID format and replacing or preserving props as needed without altering component structure.

Your Salesforce Agentforce chat widget may not display due to invalid agent ID format or untrusted domains. The integration requires valid agent ID validation and org-aware troubleshooting for active agents, ensuring trusted domains are correctly configured for real deployment.

Before adding an Agentforce chat widget, you need to validate the agent ID format, check if a chat widget already exists on the page, and verify trusted domains. This ensures the Agentforce Conversation Client integrates safely with correct props and active agent status.

Yes, the Agentforce Conversation Client supports inline layouts, dimensions, and header controls. These adjustments are handled through styleTokens-based theming, allowing you to configure the chat widget visually while preserving the existing component structure of your UI Bundle app.