[[["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-04 UTC."],[[["\u003cp\u003eThis page details the API documentation for the Conversation Summarization UI module, which is used to create summaries of conversations.\u003c/p\u003e\n"],["\u003cp\u003eThe module can be imported into an HTML page using a specific script tag and embedded using an \u003ccode\u003e<agent-assist-summarization>\u003c/code\u003e tag.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eshow-generate-summary-button\u003c/code\u003e attribute controls the visibility of the \u003cstrong\u003eGenerate Summary\u003c/strong\u003e button, and can be set either directly in HTML or via JavaScript.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eonSaveSummary\u003c/code\u003e input is a callback function that is invoked when a summary is saved, and is used to send summary details to a CRM.\u003c/p\u003e\n"],["\u003cp\u003eCustom types \u003ccode\u003eBooleanString\u003c/code\u003e and \u003ccode\u003eOnSaveSummary\u003c/code\u003e are used within the module, representing boolean values as strings and a callback function respectively.\u003c/p\u003e\n"]]],[],null,["# Summarization\n\nThis page contains the API documentation for the [Conversation Summarization](/agent-assist/docs/summarization) UI module. This module is used to generate a summary of a conversation.\n\nUsage\n-----\n\nImport the module in your HTML page using the following code: \n\n \u003cscript src=\"https://www.gstatic.com/agent-assist-ui-modules/v1/summarization.js\"\u003e\u003c/script\u003e\n\nEmbed the module using the following tag: \n\n \u003cagent-assist-summarization\u003e\n\nAttributes\n----------\n\n### Usage\n\nAttributes are string-based component properties which can be set in the following ways:\n\nFrom your HTML template directly: \n\n \u003celement-selector property-name=\"value\"\u003e\n\nFrom your JavaScript code: \n\n var el = document.querySelector('element-selector');\n el.setAttribute('property-name', 'value');\n\nInputs\n------\n\n### Usage\n\nInputs are typically JavaScript objects or other complex property types which must be assigned on the element instance directly: \n\n const el = document.querySelector('element-selector');\n el.propertyName = value;\n\nTypes\n-----\n\nSee the following section for the custom types used by the component.\n\n### BooleanString\n\n \"true\" | \"false\"\n\n### OnSaveSummary\n\n type OnSaveSummary = (\n summary: {\n summary: string;\n conversationDetails: ConversationDetails;\n },\n saveCallbacks: {\n setLoading: () =\u003e void;\n setSuccess: (message: string) =\u003e void;\n setError: (message: string) =\u003e void;\n }\n ) =\u003e void;"]]
