Stay organized with collections
Save and categorize content based on your preferences.
The container V2 offers significant improvements from the initial container and will continue to have the most up-to-date features and changes. To ensure the most impactful suggestions and key tools are always accessible to the agent, version 2 uses a reactive display with dynamic panels and a unified feed of suggestions.
Usage
Import the module in your HTML page with the following code:
Unlike V1, you must initialize the UI module connector separately in V2. Decoupling the connector from the container allows for greater integration flexibility. For the set up, refer to UI modules connector. Many of the properties on the V1 container apply only to the UI module connector.
Properties
Following are the V2 container properties:
Property name
Type
Comment
features
string
Comma-separated list of Agent Assist suggestion feature keys to render. Supported list: CONVERSATION_SUMMARIZATION, SMART_REPLY, KNOWLEDGE_SEARCH, Proactive generative knowledge assist.
session-id
string
Optional session ID for use that is not conversation based, like with Generative knowledge assist.
show-header
BooleanString
Whether to show the Agent Assist branding header.
show-dark-mode-toggle
BooleanString
Whether to support showing the toggle for dark mode versus light mode.
namespace
string
Not recommended, but available if multiple instances of UI modules are required.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-09-10 UTC."],[],[],null,["The container V2 offers significant improvements from the initial container and will continue to have the most up-to-date features and changes. To ensure the most impactful suggestions and key tools are always accessible to the agent, version 2 uses a reactive display with dynamic panels and a unified feed of suggestions.\n\nUsage\n\nImport the module in your HTML page with the following code: \n\n \u003cscript src=\"https://www.gstatic.com/agent-assist-ui-modules/v2/container.js\"\u003e\u003c/script\u003e\n\nEmbed the module with the following tag: \n\n \u003cagent-assist-ui-modules-v2\u003e\n\nUI module connector\n\nUnlike V1, you must initialize the UI module connector separately in V2. Decoupling the connector from the container allows for greater integration flexibility. For the set up, refer to [UI modules connector](/agent-assist/docs/ui-modules#implement_the_ui_module_connector). Many of the properties on the V1 container apply only to the UI module connector.\n\nProperties\n\nFollowing are the V2 container properties:\n\n| Property name | Type | Comment |\n|-----------------------|---------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| features | string | Comma-separated list of Agent Assist suggestion feature keys to render. Supported list: `CONVERSATION_SUMMARIZATION`, `SMART_REPLY`, `KNOWLEDGE_SEARCH`, `Proactive generative knowledge assist`. |\n| session-id | string | Optional session ID for use that is not conversation based, like with Generative knowledge assist. |\n| show-header | BooleanString | Whether to show the Agent Assist branding header. |\n| show-dark-mode-toggle | BooleanString | Whether to support showing the toggle for dark mode versus light mode. |\n| namespace | string | Not recommended, but available if multiple instances of [UI modules](/agent-assist/docs/custom-events#initialize_multiple_ui_modules_instances_with_namespace) are required. |"]]
