[Dreamforce 2025] Improve Agent Interactions with Custom LWCs in Agentforce

Agentforce provides a simple UI to interact with it but some specific use cases may benefit from a dedicated interface. Combine the power of LWC & Agentforce to simplify interaction with your agents.

Transcript

1. Campground Campground Campground Moscone North, LL, Campground Campground Theater 1 Theater 2 Theater 3 Theater 4 Tune in using Live Session Audio. Salesforce Events mobile app required. 1. Scan the QR code to open the Live Session Audio player. 2. Connect your headphones. 3. Choose your location. 4. Start listening or view captions on your device. Campground - Theater 4
2. Improve Agent Interactions with Custom LWCs in Agentforce Fabien Taillon, Partner & CTO at Texeï, Salesforce MVP - Hall of Fame @FabienTaillon | linkedin.com/in/fabientaillon
3. The first 4,000 attendees to provide feedback on this event will receive a $5 Starbucks gift card.* 1. Download the Salesforce Events mobile app. 2. Navigate to My Event, then My Surveys. 3. Complete (4) session surveys and the Event Survey. 4. Redeem your gift at Badge Pickup on October 16. Coffee on us. *Restrictions apply. See terms and conditions at sforce.co/survey-terms
5. Fabien Taillon Partner and CTO Texeï
6. Focusing on Agentforce Employee Agent today Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
7. Understanding Out-of-the-Box Components Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
8. • Display sometimes unpredictable • Not always the best UI • Not always actionable Agentforce Out-of-the-Box Components Great but… Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
9. Custom Lightning Types to the Rescue! Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com AI-generated picture, of course
10. Lightning Web Components in Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
11. Lightning Web Components in Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
12. DEMO
13. Map the Action Action Input or Output Rendering to you Custom Lightning Type Customizing the Agent UI Build a Custom LWC for your Apex Create a Custom Lightning Type referring to Apex and Editor / renderer referring to the component Custom LWC CLT Test your Action and launch your Agent Action Mapping Test 1 2 3 4 Custom Code Agent Config Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
14. Allowing your LWC to be used in Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Add the correct target <?xml version="1.0" encoding="UTF-8"?> <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> <apiVersion>65.0</apiVersion> <isExposed>true</isExposed> <masterLabel>Restaurants Details</masterLabel> <targets> <target>lightning__AgentforceOutput</target> </targets> </LightningComponentBundle>
15. Setting up Lighting Types (1/5) Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Custom Lightning Types in Setup UI starting Winter ‘26
16. Setting up Lighting Types (2/5) Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Create Lightning Type
17. Setting up Lighting Types (3/5) Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Select Apex Class you want to use
18. Setting up Lighting Types (4/5) Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Use LWC to render Apex Type (Single or Collection)
19. Setting up Lighting Types (5/5) Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Preview Components
20. Overriding Renderer Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Define which Lightning Type to use for Agentforce Action
21. Overriding Inputs Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Same easy Setup
22. Allowing your LWC to be used in Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Specific Target for Input <?xml version="1.0" encoding="UTF-8"?> <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> <apiVersion>65.0</apiVersion> <isExposed>true</isExposed> <masterLabel>Restaurant Rating</masterLabel> <targets> <target>lightning__AgentforceInput</target> </targets> </LightningComponentBundle>
23. • Fully integrated with Lightning Experience • Very powerful, no limitation in what can be done in this type of LWC ◦ Use of modal, toasts… ◦ Use of Lightning Data Service ◦ Return only record Ids from Apex and use LDS to get data if you need to keep it updated ◦ Use same color theme ◦ … • Run as your current user, with its access rights What you need to know It’s cool because… • Only available in Lightning Experience today Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com But..
24. • Prompt based CLT in Agentforce Vibes - GA • Support overrides for Sobjects, Primitives • Roadmap Summer’26 Spring’26 Winter’26 Summer’25 • CLT in ASA [Nov] • CLT in Prompt Builder [MVP Oct] • Object Types in Setup Pages • Prompt based CLT in Agentforce Vibes - Dev Preview • Lightning Types Setup Page • CLT in Flows [Aug] GA with 1GP and 2GP Packaging support Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
25. Resources Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Slides GitHub Repository Documentation
27. The first 4,000 attendees to provide feedback on this event will receive a $5 Starbucks gift card.* 1. Download the Salesforce Events mobile app. 2. Navigate to My Event, then My Surveys. 3. Complete (4) session surveys and the Event Survey. 4. Redeem your gift at Badge Pickup on October 16. Coffee on us. *Restrictions apply. See terms and conditions at sforce.co/survey-terms
28. Q&A Contact information Fabien Taillon @FabienTaillon - /in/fabientaillon Slides + GitHub Repository