@thoughtspot/visual-embed-sdk 1.37.1 → 1.38.0-alpha.1

package/lib/src/visual-embed-sdk.d.ts

@@ -11,13 +11,13 @@ declare module '@thoughtspot/visual-embed-sdk' {
       * @summary ThoughtSpot Visual Embed SDK
       * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
       */
-    import { AppEmbed, Page, AppViewConfig, HomePageSearchBarMode } from '@thoughtspot/visual-embed-sdk/embed/app';
+    import { AppEmbed, Page, AppViewConfig, HomePageSearchBarMode, PrimaryNavbarVersion, HomePage } from '@thoughtspot/visual-embed-sdk/embed/app';
     import { init, prefetch, logout, executeTML, exportTML, executeTMLInput, exportTMLInput } from '@thoughtspot/visual-embed-sdk/embed/base';
     import { PinboardEmbed, LiveboardViewConfig, LiveboardEmbed } from '@thoughtspot/visual-embed-sdk/embed/liveboard';
     import { SearchEmbed, SearchViewConfig } from '@thoughtspot/visual-embed-sdk/embed/search';
     import { SearchBarEmbed, SearchBarViewConfig } from '@thoughtspot/visual-embed-sdk/embed/search-bar';
-    import { BodylessConversation, BodylessConversationViewConfig } from '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation';
-    import { ConversationEmbed, ConversationViewConfig } from '@thoughtspot/visual-embed-sdk/embed/conversation';
+    import { SpotterAgentEmbed, SpotterAgentEmbedViewConfig, BodylessConversation, BodylessConversationViewConfig } from '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation';
+    import { SpotterEmbed, SpotterEmbedViewConfig, ConversationEmbed, ConversationViewConfig } from '@thoughtspot/visual-embed-sdk/embed/conversation';
     import { AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter } from '@thoughtspot/visual-embed-sdk/auth';
     import { getSessionInfo } from '@thoughtspot/visual-embed-sdk/utils/sessionInfoService';
     import { AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, EmbedConfig, PrefetchFeatures, FrameParams, DOMSelector, HomeLeftNavItem, HomepageModule, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, ContextMenuTriggerOptions, RuntimeParameter, LogLevel, VizPoint, CustomActionPayload, ListPageColumns } from '@thoughtspot/visual-embed-sdk/types';
@@ -30,7 +30,7 @@ declare module '@thoughtspot/visual-embed-sdk' {
     import { getAnswerFromQuery } from '@thoughtspot/visual-embed-sdk/utils/graphql/nlsService/nls-answer-service';
     import { createLiveboardWithAnswers } from '@thoughtspot/visual-embed-sdk/utils/liveboardService/liveboardService';
     import { UIPassthroughEvent } from '@thoughtspot/visual-embed-sdk/embed/hostEventClient/contracts';
-    export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, tokenizedFetch, getAnswerFromQuery, createLiveboardWithAnswers, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, BodylessConversation, BodylessConversationViewConfig, ConversationEmbed, ConversationViewConfig, AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter, AnswerService, SessionInterface, UnderlyingDataPoint, Page, AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, ContextMenuTriggerOptions, EmbedConfig, SearchViewConfig, SearchBarViewConfig, LiveboardViewConfig, SageViewConfig, AppViewConfig, PrefetchFeatures, FrameParams, HomeLeftNavItem, HomepageModule, DOMSelector, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, CustomCssVariables, RuntimeParameter, LogLevel, uploadMixpanelEvent, MIXPANEL_EVENT, HomePageSearchBarMode, VizPoint, CustomActionPayload, UIPassthroughEvent, ListPageColumns, };
+    export { init, logout, prefetch, executeTML, exportTML, executeTMLInput, exportTMLInput, getEmbedConfig as getInitConfig, getSessionInfo, tokenizedFetch, getAnswerFromQuery, createLiveboardWithAnswers, SearchEmbed, SearchBarEmbed, PinboardEmbed, LiveboardEmbed, SageEmbed, AppEmbed, SpotterAgentEmbed, SpotterAgentEmbedViewConfig, BodylessConversationViewConfig, BodylessConversation, SpotterEmbed, SpotterEmbedViewConfig, ConversationViewConfig, ConversationEmbed, AuthFailureType, AuthStatus, AuthEvent, AuthEventEmitter, AnswerService, SessionInterface, UnderlyingDataPoint, Page, AuthType, RuntimeFilter, RuntimeFilterOp, EmbedEvent, HostEvent, DataSourceVisualMode, Action, ContextMenuTriggerOptions, EmbedConfig, SearchViewConfig, SearchBarViewConfig, LiveboardViewConfig, SageViewConfig, AppViewConfig, PrefetchFeatures, FrameParams, HomeLeftNavItem, HomepageModule, DOMSelector, MessageOptions, MessageCallback, MessagePayload, CustomisationsInterface, CustomStyles, customCssInterface, CustomCssVariables, RuntimeParameter, LogLevel, uploadMixpanelEvent, MIXPANEL_EVENT, HomePageSearchBarMode, PrimaryNavbarVersion, HomePage, VizPoint, CustomActionPayload, UIPassthroughEvent, ListPageColumns, };
     export { resetCachedAuthToken } from '@thoughtspot/visual-embed-sdk/authToken';
 }
 
@@ -1651,21 +1651,33 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
         * Configuration for bodyless conversation options.
         * @group Embed components
         */
-    export interface BodylessConversationViewConfig extends ViewConfig {
+    export interface SpotterAgentEmbedViewConfig extends ViewConfig {
             /**
                 * The ID of the worksheet to use for the conversation.
                 */
             worksheetId: string;
+            /**
+                * Optional CSS class name to add to the container div.
+                */
+            containerClassName?: string;
+    }
+    /**
+        * Configuration for conversation options.
+        * @deprecated from SDK: 1.38.0 | ThoughtSpot: 10.10.0.cl
+        * Use {@link SpotterAgentEmbedViewConfig} instead
+        * @group Embed components
+        */
+    export interface BodylessConversationViewConfig extends SpotterAgentEmbedViewConfig {
     }
-    interface ConversationMessageViewConfig extends BodylessConversationViewConfig {
+    interface SpotterAgentMessageViewConfig extends SpotterAgentEmbedViewConfig {
             sessionId: string;
             genNo: number;
             acSessionId: string;
             acGenNo: number;
     }
     class ConversationMessage extends TsEmbed {
-            protected viewConfig: ConversationMessageViewConfig;
-            constructor(container: HTMLElement, viewConfig: ConversationMessageViewConfig);
+            protected viewConfig: SpotterAgentMessageViewConfig;
+            constructor(container: HTMLElement, viewConfig: SpotterAgentMessageViewConfig);
             getIframeSrc(): string;
             render(): Promise<ConversationMessage>;
     }
@@ -1674,9 +1686,9 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
         * chatbots or other conversational interfaces.
         * @example
         * ```js
-        * import { BodylessConversation } from '@thoughtspot/visual-embed-sdk';
+        * import { SpotterAgentEmbed } from '@thoughtspot/visual-embed-sdk';
         *
-        * const conversation = new BodylessConversation({
+        * const conversation = new SpotterAgentEmbed({
         *  worksheetId: 'worksheetId',
         * });
         *
@@ -1686,10 +1698,10 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
         * document.body.appendChild(container); // or to any other element
         * ```
         * @group Embed components
-        * @version SDK: 1.33.1 | ThoughtSpot: 10.5.0.cl
+        * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
         */
-    export class BodylessConversation {
-            constructor(viewConfig: BodylessConversationViewConfig);
+    export class SpotterAgentEmbed {
+            constructor(viewConfig: SpotterAgentEmbedViewConfig);
             sendMessage(userMessage: string): Promise<{
                     error: any;
                     container?: undefined;
@@ -1700,6 +1712,29 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
                     error?: undefined;
             }>;
     }
+    /**
+        * Create a conversation embed, which can be integrated inside
+        * chatbots or other conversational interfaces.
+        * @deprecated from SDK: 1.38.0 | ThoughtSpot: 10.10.0.cl
+        * Use {@link SpotterAgentEmbed} instead
+        * @example
+        * ```js
+        * import { SpotterAgentEmbed } from '@thoughtspot/visual-embed-sdk';
+        *
+        * const conversation = new SpotterAgentEmbed({
+        *  worksheetId: 'worksheetId',
+        * });
+        *
+        * const { container, error } = await conversation.sendMessage('show me sales by region');
+        *
+        * // append the container to the DOM
+        * document.body.appendChild(container); // or to any other element
+        * ```
+        * @group Embed components
+        */
+    export class BodylessConversation extends SpotterAgentEmbed {
+            constructor(viewConfig: BodylessConversationViewConfig);
+    }
     export {};
 }
 
@@ -1716,10 +1751,10 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
             searchQuery: string;
     }
     /**
-        * The configuration for the embedded conversationEmbed options.
+        * The configuration for the embedded spotterEmbed options.
         * @group Embed components
         */
-    export interface ConversationViewConfig extends ViewConfig {
+    export interface SpotterEmbedViewConfig extends ViewConfig {
             /**
                 * The ID of the worksheet to use for the conversation.
                 */
@@ -1733,7 +1768,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
                 * but still display the selected data source.
                 * @example
                 * ```js
-                * const embed = new ConversationEmbed('#tsEmbed', {
+                * const embed = new SpotterEmbed('#tsEmbed', {
                 *    ... // other options
                 *    disableSourceSelection : true,
                 * })
@@ -1745,7 +1780,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
                 * hideSourceSelection : Hide data source selection
                 * @example
                 * ```js
-                * const embed = new ConversationEmbed('#tsEmbed', {
+                * const embed = new SpotterEmbed('#tsEmbed', {
                 *    ... // other options
                 *    hideSourceSelection : true,
                 * })
@@ -1772,7 +1807,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
                 * default is false.
                 * @example
                 * ```js
-                * const embed = new ConversationEmbed('#tsEmbed', {
+                * const embed = new SpotterEmbed('#tsEmbed', {
                 *    ... // other options
                 *    showSpotterLimitations : true,
                 * })
@@ -1785,7 +1820,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
                 * the initial screen of the conversation.
                 * @example
                 * ```js
-                * const embed = new ConversationEmbed('#tsEmbed', {
+                * const embed = new SpotterEmbed('#tsEmbed', {
                 *    ... // other options
                 *    hideSampleQuestions : true,
                 * })
@@ -1794,12 +1829,43 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
                 */
             hideSampleQuestions?: boolean;
     }
+    /**
+        * The configuration for the embedded spotterEmbed options.
+        * @deprecated from SDK: 1.38.0 | ThoughtSpot: 10.10.0.cl
+        * Use {@link SpotterEmbedViewConfig} instead
+        * @group Embed components
+        */
+    export interface ConversationViewConfig extends SpotterEmbedViewConfig {
+    }
+    /**
+        * Embed ThoughtSpot AI Conversation.
+        * @group Embed components
+        * @example
+        * ```js
+        * const conversation = new SpotterEmbed('#tsEmbed', {
+        *   worksheetId: 'worksheetId',
+        *   searchOptions: {
+        *     searchQuery: 'searchQuery',
+        *   },
+        * });
+        * conversation.render();
+        * ```
+        * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
+        */
+    export class SpotterEmbed extends TsEmbed {
+            protected viewConfig: SpotterEmbedViewConfig;
+            constructor(container: HTMLElement, viewConfig: SpotterEmbedViewConfig);
+            getIframeSrc(): string;
+            render(): Promise<SpotterEmbed>;
+    }
     /**
         * Embed ThoughtSpot AI Conversation.
+        * @deprecated from SDK: 1.38.0 | ThoughtSpot: 10.10.0.cl
+        * Use {@link SpotterEmbed} instead
         * @group Embed components
         * @example
         * ```js
-        * const conversation = new ConversationEmbed('#tsEmbed', {
+        * const conversation = new SpotterEmbed('#tsEmbed', {
         *   worksheetId: 'worksheetId',
         *   searchOptions: {
         *     searchQuery: 'searchQuery',
@@ -1807,13 +1873,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/conversation' {
         * });
         * conversation.render();
         * ```
-        * @version SDK: 1.33.1 | ThoughtSpot: 10.5.0.cl
+        * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
         */
-    export class ConversationEmbed extends TsEmbed {
+    export class ConversationEmbed extends SpotterEmbed {
             protected viewConfig: ConversationViewConfig;
             constructor(container: HTMLElement, viewConfig: ConversationViewConfig);
-            getIframeSrc(): string;
-            render(): Promise<ConversationEmbed>;
     }
 }
 
@@ -5707,7 +5771,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             preAuthCache = "preAuthCache",
             ShowSpotterLimitations = "showSpotterLimitations",
             CoverAndFilterOptionInPDF = "coverAndFilterOptionInPDF",
-            PrimaryAction = "primaryAction"
+            PrimaryAction = "primaryAction",
+            isSpotterAgentEmbed = "isSpotterAgentEmbed"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.37.1",
+    "version": "1.38.0-alpha.1",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",

package/src/embed/app.ts

@@ -788,7 +788,7 @@ export class AppEmbed extends V1Embed {
     };
 
     private setIframeHeightForNonEmbedLiveboard = (data: MessagePayload) => {
-        const { height: frameHeight, ...restParams } = this.viewConfig.frameParams || {};
+        const { height: frameHeight } = this.viewConfig.frameParams || {};
 
         const liveboardRelatedRoutes = [
             '/pinboard/',

package/src/embed/bodyless-conversation.spec.ts

@@ -1,5 +1,5 @@
 import 'jest-fetch-mock';
-import { BodylessConversation, BodylessConversationViewConfig } from './bodyless-conversation';
+import { SpotterAgentEmbed, SpotterAgentEmbedViewConfig } from './bodyless-conversation';
 import * as authInstance from '../auth';
 import { init } from '../index';
 import { Action, AuthType, RuntimeFilterOp } from '../types';
@@ -14,7 +14,7 @@ import {
     expectUrlToHaveParamsWithValues,
 } from '../test/test-utils';
 
-describe('BodylessConversation', () => {
+describe('SpotterAgentEmbed', () => {
     const thoughtSpotHost = 'tshost';
 
     beforeAll(() => {
@@ -31,7 +31,7 @@ describe('BodylessConversation', () => {
         fetchMock.resetMocks();
     });
 
-    test('should render the bodyless conversation embed', async () => {
+    test('should render the SpotterAgent embed', async () => {
         fetchMock.mockResponses(
             JSON.stringify({
                 data: {
@@ -117,12 +117,12 @@ describe('BodylessConversation', () => {
                 },
             }),
         );
-        const viewConfig: BodylessConversationViewConfig = {
+        const viewConfig: SpotterAgentEmbedViewConfig = {
             worksheetId: 'worksheetId',
         };
 
-        const conversationEmbed = new BodylessConversation(viewConfig);
-        const result = await conversationEmbed.sendMessage('userMessage');
+        const spotterEmbed = new SpotterAgentEmbed(viewConfig);
+        const result = await spotterEmbed.sendMessage('userMessage');
         const iframeSrc = getIFrameSrc(result.container);
         expectUrlToHaveParamsWithValues(iframeSrc, {
             sessionId: 'sessionId',
@@ -134,7 +134,314 @@ describe('BodylessConversation', () => {
         fetchMock.mockRejectOnce(
             new Error('error'),
         );
-        const errorResult = await conversationEmbed.sendMessage('userMessage');
+        const errorResult = await spotterEmbed.sendMessage('userMessage');
         expect(errorResult.error instanceof Error).toBeTruthy();
     });
+
+    test('should apply containerClassName to the container element', async () => {
+        fetchMock.mockResponses(
+            JSON.stringify({
+                data: {
+                    ConvAssist__createConversation: {
+                        convId: 'conversationId',
+                        initialCtx: {
+                            type: 'TS_ANSWER',
+                            tsAnsCtx: {
+                                sessionId: 'sessionId',
+                                genNo: 1,
+                                stateKey: {
+                                    transactionId: 'transactionId',
+                                    generationNumber: 1,
+                                },
+                                worksheet: {
+                                    worksheetId: 'worksheetId',
+                                    worksheetName: 'GTM',
+                                },
+                            },
+                        },
+                    },
+                },
+            }),
+            JSON.stringify({
+                data: {
+                    ConvAssist__sendMessage: {
+                        responses: [
+                            {
+                                msgId: 'msgId',
+                                data: {
+                                    asstRespData: {
+                                        tool: 'TS_NLS',
+                                        asstRespText: '',
+                                        nlsAnsData: {
+                                            sageQuerySuggestions: [
+                                                {
+                                                    llmReasoning: {
+                                                        assumptions: 'You want the total [COL|sales] for [COL|item_type] [VAL|jackets] for [VAL|this year].',
+                                                        clarifications: '',
+                                                        interpretation: '',
+                                                        __typename: 'eureka_SageQuerySuggestion_LLMReasoning',
+                                                    },
+                                                    tokens: [
+                                                        'sum sales',
+                                                        "item type = 'jackets'",
+                                                        "date = 'this year'",
+                                                    ],
+                                                    tmlTokens: [
+                                                        'sum [sales]',
+                                                        "[date] = [date].'this year'",
+                                                        "[item type] = [item type].'jackets'",
+                                                    ],
+                                                    worksheetId: 'worksheetId',
+                                                    description: '',
+                                                    title: '',
+                                                    cached: false,
+                                                    sqlQuery: "SELECT SUM(sales) FROM __Sample_Retail_Apparel WHERE item_type = 'jackets' AND date = _this_year();",
+                                                    sessionId: 'sessionId',
+                                                    genNo: 2,
+                                                    formulaInfo: [],
+                                                    tmlPhrases: [],
+                                                    stateKey: {
+                                                        transactionId: 'transactionId',
+                                                        generationNumber: 1,
+                                                        __typename: 'sage_auto_complete_v2_ACStateKey',
+                                                    },
+                                                    __typename: 'eureka_SageQuerySuggestion',
+                                                },
+                                            ],
+                                            responseType: 'ANSWER',
+                                            __typename: 'convassist_nls_tool_NLSToolAsstRespData',
+                                        },
+                                        __typename: 'convassist_AsstResponseData',
+                                    },
+                                    __typename: 'convassist_MessageData',
+                                },
+                                type: 'ASST_RESPONSE',
+                                __typename: 'convassist_MessagePayload',
+                            },
+                        ],
+                        __typename: 'convassist_SendMessageResponse',
+                    },
+                },
+            }),
+        );
+
+        const viewConfig: SpotterAgentEmbedViewConfig = {
+            worksheetId: 'worksheetId',
+            containerClassName: 'custom-conversation-container',
+        };
+
+        const spotterAgentEmbed = new SpotterAgentEmbed(viewConfig);
+        const result = await spotterAgentEmbed.sendMessage('userMessage');
+        
+        // Verify that the container has the custom class name
+        expect(result.container.className).toBe('custom-conversation-container');
+        
+        // Also verify the iframe src is correct
+        const iframeSrc = getIFrameSrc(result.container);
+        expectUrlToHaveParamsWithValues(iframeSrc, {
+            sessionId: 'sessionId',
+            genNo: 2,
+            acSessionId: 'transactionId',
+            acGenNo: 1,
+        });
+    });
+
+    test('should not set className when containerClassName is not provided', async () => {
+        fetchMock.mockResponses(
+            JSON.stringify({
+                data: {
+                    ConvAssist__createConversation: {
+                        convId: 'conversationId',
+                        initialCtx: {
+                            type: 'TS_ANSWER',
+                            tsAnsCtx: {
+                                sessionId: 'sessionId',
+                                genNo: 1,
+                                stateKey: {
+                                    transactionId: 'transactionId',
+                                    generationNumber: 1,
+                                },
+                                worksheet: {
+                                    worksheetId: 'worksheetId',
+                                    worksheetName: 'GTM',
+                                },
+                            },
+                        },
+                    },
+                },
+            }),
+            JSON.stringify({
+                data: {
+                    ConvAssist__sendMessage: {
+                        responses: [
+                            {
+                                msgId: 'msgId',
+                                data: {
+                                    asstRespData: {
+                                        tool: 'TS_NLS',
+                                        asstRespText: '',
+                                        nlsAnsData: {
+                                            sageQuerySuggestions: [
+                                                {
+                                                    llmReasoning: {
+                                                        assumptions: 'You want the total [COL|sales] for [COL|item_type] [VAL|jackets] for [VAL|this year].',
+                                                        clarifications: '',
+                                                        interpretation: '',
+                                                        __typename: 'eureka_SageQuerySuggestion_LLMReasoning',
+                                                    },
+                                                    tokens: [
+                                                        'sum sales',
+                                                        "item type = 'jackets'",
+                                                        "date = 'this year'",
+                                                    ],
+                                                    tmlTokens: [
+                                                        'sum [sales]',
+                                                        "[date] = [date].'this year'",
+                                                        "[item type] = [item type].'jackets'",
+                                                    ],
+                                                    worksheetId: 'worksheetId',
+                                                    description: '',
+                                                    title: '',
+                                                    cached: false,
+                                                    sqlQuery: "SELECT SUM(sales) FROM __Sample_Retail_Apparel WHERE item_type = 'jackets' AND date = _this_year();",
+                                                    sessionId: 'sessionId',
+                                                    genNo: 2,
+                                                    formulaInfo: [],
+                                                    tmlPhrases: [],
+                                                    stateKey: {
+                                                        transactionId: 'transactionId',
+                                                        generationNumber: 1,
+                                                        __typename: 'sage_auto_complete_v2_ACStateKey',
+                                                    },
+                                                    __typename: 'eureka_SageQuerySuggestion',
+                                                },
+                                            ],
+                                            responseType: 'ANSWER',
+                                            __typename: 'convassist_nls_tool_NLSToolAsstRespData',
+                                        },
+                                        __typename: 'convassist_AsstResponseData',
+                                    },
+                                    __typename: 'convassist_MessageData',
+                                },
+                                type: 'ASST_RESPONSE',
+                                __typename: 'convassist_MessagePayload',
+                            },
+                        ],
+                        __typename: 'convassist_SendMessageResponse',
+                    },
+                },
+            }),
+        );
+
+        const viewConfig: SpotterAgentEmbedViewConfig = {
+            worksheetId: 'worksheetId',
+            // No containerClassName provided
+        };
+
+        const spotterAgentEmbed = new SpotterAgentEmbed(viewConfig);
+        const result = await spotterAgentEmbed.sendMessage('userMessage');
+        
+        // Verify that the container has no class name (empty string)
+        expect(result.container.className).toBe('');
+    });
+
+    test('should handle hideActions parameter correctly', async () => {
+        fetchMock.mockResponses(
+            JSON.stringify({
+                data: {
+                    ConvAssist__createConversation: {
+                        convId: 'conversationId',
+                        initialCtx: {
+                            type: 'TS_ANSWER',
+                            tsAnsCtx: {
+                                sessionId: 'sessionId',
+                                genNo: 1,
+                                stateKey: {
+                                    transactionId: 'transactionId',
+                                    generationNumber: 1,
+                                },
+                                worksheet: {
+                                    worksheetId: 'worksheetId',
+                                    worksheetName: 'GTM',
+                                },
+                            },
+                        },
+                    },
+                },
+            }),
+            JSON.stringify({
+                data: {
+                    ConvAssist__sendMessage: {
+                        responses: [
+                            {
+                                msgId: 'msgId',
+                                data: {
+                                    asstRespData: {
+                                        tool: 'TS_NLS',
+                                        asstRespText: '',
+                                        nlsAnsData: {
+                                            sageQuerySuggestions: [
+                                                {
+                                                    llmReasoning: {
+                                                        assumptions: 'You want the total [COL|sales] for [COL|item_type] [VAL|jackets] for [VAL|this year].',
+                                                        clarifications: '',
+                                                        interpretation: '',
+                                                        __typename: 'eureka_SageQuerySuggestion_LLMReasoning',
+                                                    },
+                                                    tokens: [
+                                                        'sum sales',
+                                                        "item type = 'jackets'",
+                                                        "date = 'this year'",
+                                                    ],
+                                                    tmlTokens: [
+                                                        'sum [sales]',
+                                                        "[date] = [date].'this year'",
+                                                        "[item type] = [item type].'jackets'",
+                                                    ],
+                                                    worksheetId: 'worksheetId',
+                                                    description: '',
+                                                    title: '',
+                                                    cached: false,
+                                                    sqlQuery: "SELECT SUM(sales) FROM __Sample_Retail_Apparel WHERE item_type = 'jackets' AND date = _this_year();",
+                                                    sessionId: 'sessionId',
+                                                    genNo: 2,
+                                                    formulaInfo: [],
+                                                    tmlPhrases: [],
+                                                    stateKey: {
+                                                        transactionId: 'transactionId',
+                                                        generationNumber: 1,
+                                                        __typename: 'sage_auto_complete_v2_ACStateKey',
+                                                    },
+                                                    __typename: 'eureka_SageQuerySuggestion',
+                                                },
+                                            ],
+                                            responseType: 'ANSWER',
+                                            __typename: 'convassist_nls_tool_NLSToolAsstRespData',
+                                        },
+                                        __typename: 'convassist_AsstResponseData',
+                                    },
+                                    __typename: 'convassist_MessageData',
+                                },
+                                type: 'ASST_RESPONSE',
+                                __typename: 'convassist_MessagePayload',
+                            },
+                        ],
+                        __typename: 'convassist_SendMessageResponse',
+                    },
+                },
+            }),
+        );
+
+        const viewConfig: SpotterAgentEmbedViewConfig = {
+            worksheetId: 'worksheetId',
+            hiddenActions: [Action.Download, Action.Save], // This should trigger the HideActions branch
+        };
+
+        const spotterAgentEmbed = new SpotterAgentEmbed(viewConfig);
+        const result = await spotterAgentEmbed.sendMessage('userMessage');
+        
+        // Verify the iframe src contains the hideActions parameter
+        const iframeSrc = getIFrameSrc(result.container);
+        expect(iframeSrc).toContain('hideAction');
+    });
 });