@thoughtspot/visual-embed-sdk 1.39.2-spotter-agent → 1.39.3

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

@@ -11,7 +11,7 @@ declare module '@thoughtspot/visual-embed-sdk' {
       * @summary ThoughtSpot Visual Embed SDK
       * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
       */
-    import { AppEmbed, Page, AppViewConfig, HomePageSearchBarMode, PrimaryNavbarVersion, HomePage, DataPanelCustomColumnGroupsAccordionState } from '@thoughtspot/visual-embed-sdk/embed/app';
+    import { AppEmbed, Page, AppViewConfig, HomePageSearchBarMode, PrimaryNavbarVersion, HomePage, ListPage, DataPanelCustomColumnGroupsAccordionState } 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';
@@ -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, 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, DataPanelCustomColumnGroupsAccordionState, };
+    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, ListPage, VizPoint, CustomActionPayload, UIPassthroughEvent, ListPageColumns, DataPanelCustomColumnGroupsAccordionState, };
     export { resetCachedAuthToken } from '@thoughtspot/visual-embed-sdk/authToken';
 }
 
@@ -129,6 +129,21 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 */
             Modular = "v2"
     }
+    /**
+        * Define the version of the list page
+        * @version SDK: 1.40.0 | ThoughtSpot: 10.12.0.cl
+        */
+    export enum ListPage {
+            /**
+                * List (v2) is the traditional List Experience.
+                * It serves as the foundational version of the list page.
+                */
+            List = "v2",
+            /**
+                * ListWithUXChanges (v3) introduces the new updated list page with UX changes.
+                */
+            ListWithUXChanges = "v3"
+    }
     /**
         * Define the discovery experience
         * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
@@ -142,6 +157,10 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * homePage determines the version of the home page.
                 */
             homePage?: HomePage;
+            /**
+                * listPageVersion determines the version of the list page.
+                */
+            listPageVersion?: ListPage;
     }
     /**
         * The view configuration for full app embedding.
@@ -513,21 +532,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             isUnifiedSearchExperienceEnabled?: boolean;
-            /**
-             * Show alert messages and toast messages in the embedded
-             * view in full app embed.
-             *
-             * Supported embed types: `AppEmbed`
-             * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
-             * @example
-             * ```js
-             * const embed = new AppEmbed('#tsEmbed', {
-             *    ... // other embed view config
-             *    showAlerts:true,
-             * })
-             * ```
-             */
-            showAlerts?: boolean;
             /**
                 * This flag is used to enable/disable the styling and grouping in a Liveboard
                 *
@@ -1578,6 +1582,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
             genNo: number;
             acSessionId: string;
             acGenNo: number;
+            convId: string;
+            messageId: string;
     }
     export class ConversationMessage extends TsEmbed {
             protected viewConfig: SpotterAgentMessageViewConfig;
@@ -1625,6 +1631,8 @@ declare module '@thoughtspot/visual-embed-sdk/embed/bodyless-conversation' {
                     data?: undefined;
             } | {
                     data: {
+                            convId: any;
+                            messageId: any;
                             sessionId: any;
                             genNo: any;
                             acSessionId: any;
@@ -2317,7 +2325,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * available when new navigation V3 is enabled.
                 * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
-            Spotter = "spotter"
+            Spotter = "spotter",
+            /**
+                * Favorites option in the insights left navigation,
+                * available when new navigation V3 is enabled.
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            Favorites = "favorites"
     }
     export type DOMSelector = string | HTMLElement;
     /**
@@ -3083,6 +3097,20 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @private
                 */
             insertInToSlide?: boolean;
+            /**
+                * Show alert messages and toast messages in the embed.
+                * Supported embed in all embed types.
+                *
+                * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other embed view config
+                *    showAlerts:true,
+                * })
+                * ```
+                */
+            showAlerts?: boolean;
     }
     /**
         * The configuration object for Home page embeds configs.
@@ -4735,7 +4763,84 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Emitted when a user exits present mode.
                 * @version SDK : 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
-            ExitPresentMode = "exitPresentMode"
+            ExitPresentMode = "exitPresentMode",
+            /**
+                * Emitted when spotter response is text data
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.SpotterData, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            SpotterData = "SpotterData",
+            /**
+                * Emitted when user opens up the worksheet preview modal in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.PreviewSpotterData, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            PreviewSpotterData = "PreviewSpotterData",
+            /**
+                * Emitted when the spotter query is triggered in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.SpotterQueryTriggered, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            SpotterQueryTriggered = "SpotterQueryTriggered",
+            /**
+                * Emitted when the last spotter query is edited in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.LastPromptEdited, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            LastPromptEdited = "LastPromptEdited",
+            /**
+                * Emitted when the last spotter query is deleted in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.LastPromptDeleted, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            LastPromptDeleted = "LastPromptDeleted",
+            /**
+                * Emitted when the coversation is reset in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.ResetSpotterConversation, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            ResetSpotterConversation = "ResetSpotterConversation",
+            /**
+                * Emitted when the *Spotter* is initialized.
+                * @example
+                * ```js
+                * spotterEmbed.on(EmbedEvent.SpotterInit, (payload) => {
+                *     console.log('payload', payload);
+                * })
+                *```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            SpotterInit = "SpotterInit"
     }
     /**
         * Event types that can be triggered by the host application
@@ -5024,6 +5129,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @param
                 * `vizId`-  GUID of the saved Answer or visualization to pin to a Liveboard.
                 *  Optional when pinning a new chart or table generated from a Search query.
+                *  **Required** in Spotter Embed.
                 * @param
                 * `liveboardID` - GUID of the Liveboard to pin an Answer. If there is no Liveboard,
                 *  specify the `newLiveboardName` parameter to create a new Liveboard.
@@ -5071,6 +5177,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * appEmbed.trigger(HostEvent.Pin)
                 * ```
+                * @example
+                * ```js
+                * const pinResponse = await spotterEmbed.trigger(HostEvent.Pin, {
+                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+                *  });
+                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             Pin = "pin",
@@ -5164,6 +5276,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.MakeACopy)
                 * ```
+                * @example
+                * ```js
+                * const pinResponse = await spotterEmbed.trigger(HostEvent.MakeACopy, {
+                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+                *  });
+                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             MakeACopy = "makeACopy",
@@ -5236,6 +5354,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * This event is not supported in visualization embed and search embed.
                 * @param - object - To trigger the action for a specific visualization
                 * in Liveboard embed, pass in `vizId` as a key.
+                * **Required** in Spotter embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Edit)
@@ -5244,6 +5363,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * liveboardEmbed.trigger(HostEvent.Edit, {vizId:
                 * '730496d6-6903-4601-937e-2c691821af3c'})
                 * ```
+                * @example
+                * ```js
+                * const pinResponse = await spotterEmbed.trigger(HostEvent.Edit, {
+                *     vizId:'730496d6-6903-4601-937e-2c691821af3c'
+                *  });
+                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             Edit = "edit",
@@ -5291,6 +5416,16 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *   );
                 * })
                 * ```
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.GetTML, {
+                *   vizId: '730496d6-6903-4601-937e-2c691821af3c'
+                * }).then((tml) => {
+                *   console.log(
+                *      tml.answer.search_query // TML representation of the search query
+                *   );
+                * })
+                * ```
                 * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1.sw
                 * @important
                 */
@@ -5378,7 +5513,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * vizEmbed.trigger(HostEvent.DownloadAsPng)
                 *
                 * searchEmbed.trigger(HostEvent.DownloadAsPng)
+                *
+                * spotterEmbed.trigger(HostEvent.DownloadAsPng, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
                 * ```
+                *
                 * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.4.1.sw
                 */
             DownloadAsPng = "downloadAsPng",
@@ -5396,6 +5536,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.DownloadAsCsv)
                 * ```
+                * ```js
+                * spotterEmbed.trigger(HostEvent.DownloadAsCsv, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
+                * ```
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
                 */
             DownloadAsCsv = "downloadAsCSV",
@@ -5413,6 +5558,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.DownloadAsXlsx)
                 * ```
+                * ```js
+                * spotterEmbed.trigger(HostEvent.downloadAsXLSX, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
+                * ```
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
                 */
             DownloadAsXlsx = "downloadAsXLSX",
@@ -5432,6 +5582,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * Trigger the **Save**  action on a Liveboard or Answer.
                 * Saves the changes.
+                * @param - `vizId` is required in Spotter Embed.
                 * @example
                 * ```js
                 * liveboardEmbed.trigger(HostEvent.Save)
@@ -5439,6 +5590,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```js
                 * searchEmbed.trigger(HostEvent.Save)
                 * ```
+                * ```js
+                * spotterEmbed.trigger(HostEvent.Save, {
+                *       vizId:"730496d6-6903-4601-937e-2c691821af3c"
+                * })
+                * ```
                 * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1.sw
                 */
             Save = "save",
@@ -5722,7 +5878,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             ResetLiveboardPersonalisedView = "ResetLiveboardPersonalisedView",
             /**
                 * Triggers an action to update Parameter values on embedded
-                * Answers and Liveboard.
+                * Answers, Liveboard and Spotter answer in Edit mode.
                 *
                 * @example
                 * ```js
@@ -5741,6 +5897,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *  console.log('parameters', parameter);
                 * });
                 *```
+                *```js
+                * spotterEmbed.trigger(HostEvent.GetParameters, {
+                *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+                * }).then((parameter) => {
+                *  console.log('parameters', parameter);
+                * });
+                *```
                 * @version SDK: 1.29.0 | ThoughtSpot: 10.1.0.cl, 10.1.0.sw
                 */
             GetParameters = "GetParameters",
@@ -5808,6 +5971,64 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.37.0 | ThoughtSpot: 10.8.0.cl
                 */
             TransformTableVizData = "TransformTableVizData",
+            /**
+                * Triggers a search operation with the search tokens specified in
+                * the search query string in spotter embed.
+                * @param - `queryString`: Text string in Natural Language format
+                * @param - `executeSearch`: Boolean to execute search and update search query
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.SpotterSearch, {
+                *  query: 'revenue per year',
+                *  executeSearch: true,
+                * })
+                * ```
+                */
+            SpotterSearch = "SpotterSearch",
+            /**
+                * Edits the last prompt in spotter embed.
+                * @param - `query`: Text string
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.EditLastPrompt, "revenue per year");
+                * ```
+                */
+            EditLastPrompt = "EditLastPrompt",
+            /**
+                * Opens the Worksheet preview modal in Spotter Embed.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.PreviewSpotterData);
+                * ```
+                */
+            PreviewSpotterData = "PreviewSpotterData",
+            /**
+                * Resets the Spotter Embed Conversation.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.ResetSpotterConversation);
+                * ```
+                */
+            ResetSpotterConversation = "ResetSpotterConversation",
+            /**
+                * Deletes the last prompt in spotter embed.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.DeleteLastPrompt);
+                * ```
+                */
+            DeleteLastPrompt = "DeleteLastPrompt",
+            /**
+                * Toggle the visualization to chart or table view.
+                * @param - `vizId ` In Spotter Embed, vizId is required.
+                * @example
+                * ```js
+                * spotterEmbed.trigger(HostEvent.AnswerChartSwitcher, {
+                *          vizId:"'b535c760-8bbe-4e6f-bb26-af56b4129a1e'"
+                * });
+                *```
+                */
+            AnswerChartSwitcher = "answerChartSwitcher",
             /**
                 * @hidden
                 * Trigger exit from presentation mode when user exits fullscreen.
@@ -5817,7 +6038,17 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *```
                 * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
                 */
-            ExitPresentMode = "exitPresentMode"
+            ExitPresentMode = "exitPresentMode",
+            /**
+                * Trigger the *Ask Sage* action for visualizations
+                * @example
+                * ```js
+                * liveboardEmbed.trigger(HostEvent.AskSpotter,
+                * {containerId:'730496d6-6903-4601-937e-2c691821af3c'})
+                * ```
+                * @version SDK: 1.41.0 | ThoughtSpot: 10.12.0.cl
+                */
+            AskSpotter = "askSpotter"
     }
     /**
         * The different visual modes that the data sources panel within
@@ -5913,6 +6144,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             Query = "query",
             HideHomepageLeftNav = "hideHomepageLeftNav",
             ModularHomeExperienceEnabled = "modularHomeExperience",
+            ListPageVersion = "listpageVersion",
             PendoTrackingKey = "additionalPendoKey",
             LiveboardHeaderSticky = "isLiveboardHeaderSticky",
             IsProductTour = "isProductTour",

package/package.json

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

package/src/embed/app.spec.ts

@@ -6,6 +6,7 @@ import {
     HomePageSearchBarMode,
     PrimaryNavbarVersion,
     HomePage,
+    ListPage,
 } from './app';
 import { init } from '../index';
 import { Action, AuthType, EmbedEvent, HostEvent, RuntimeFilterOp } from '../types';
@@ -624,6 +625,59 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add listpageVersion=v3 when listPageVersion is ListWithUXChanges to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                listPageVersion: ListPage.ListWithUXChanges,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&listpageVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add listpageVersion when listPageVersion is List (v2) to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                listPageVersion: ListPage.List,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add listpageVersion=v3 combined with other discoveryExperience options to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            discoveryExperience: {
+                primaryNavbarVersion: PrimaryNavbarVersion.Sliding,
+                homePage: HomePage.Modular,
+                listPageVersion: ListPage.ListWithUXChanges,
+            },
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=true&navigationVersion=v3&listpageVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add enablePendoHelp flag to the iframe src conditional on navbar', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,

package/src/embed/app.ts

@@ -109,6 +109,22 @@ export enum HomePage {
     Modular = 'v2',
 }
 
+/**
+ * Define the version of the list page
+ * @version SDK: 1.40.0 | ThoughtSpot: 10.12.0.cl
+ */
+export enum ListPage {
+    /**
+     * List (v2) is the traditional List Experience.
+     * It serves as the foundational version of the list page.
+     */
+    List = 'v2',
+    /**
+     * ListWithUXChanges (v3) introduces the new updated list page with UX changes.
+     */
+    ListWithUXChanges = 'v3',
+}
+
 /**
  * Define the discovery experience
  * @version SDK: 1.40.0 | ThoughtSpot: 10.11.0.cl
@@ -122,6 +138,10 @@ export interface DiscoveryExperience {
      * homePage determines the version of the home page.
      */
     homePage?: HomePage;
+    /**
+     * listPageVersion determines the version of the list page.
+     */
+    listPageVersion?: ListPage;
 }
 
 /**
@@ -494,21 +514,7 @@ export interface AppViewConfig extends AllEmbedViewConfig {
      * ```
      */
     isUnifiedSearchExperienceEnabled?: boolean;
-     /**
-     * Show alert messages and toast messages in the embedded
-     * view in full app embed.
-     * 
-     * Supported embed types: `AppEmbed`
-     * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
-     * @example
-     * ```js
-     * const embed = new AppEmbed('#tsEmbed', {
-     *    ... // other embed view config
-     *    showAlerts:true,
-     * })
-     * ```
-     */
-     showAlerts?: boolean;
+
     /**
      * This flag is used to enable/disable the styling and grouping in a Liveboard
      * 
@@ -698,6 +704,10 @@ export class AppEmbed extends V1Embed {
             if (discoveryExperience.homePage === HomePage.Modular) {
                 params[Param.ModularHomeExperienceEnabled] = true;
             }
+            // listPageVersion v3 will enable the new list page
+            if (discoveryExperience.listPageVersion === ListPage.ListWithUXChanges) {
+                params[Param.ListPageVersion] = discoveryExperience.listPageVersion;
+            }
         }
 
         const queryParams = getQueryParamString(params, true);

package/src/embed/bodyless-conversation.ts

@@ -29,6 +29,8 @@ export interface SpotterAgentMessageViewConfig extends SpotterAgentEmbedViewConf
     genNo: number;
     acSessionId: string;
     acGenNo: number;
+    convId: string;
+    messageId: string;
 }
 
 export class ConversationMessage extends TsEmbed {
@@ -43,6 +45,8 @@ export class ConversationMessage extends TsEmbed {
             genNo,
             acSessionId,
             acGenNo,
+            convId,
+            messageId,
         } = this.viewConfig;
         const path = 'conv-assist-answer';
         const queryParams = this.getBaseQueryParams();
@@ -59,6 +63,8 @@ export class ConversationMessage extends TsEmbed {
             genNo,
             acSessionId,
             acGenNo,
+            convId,
+            messageId,
         });
 
         return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
@@ -114,6 +120,8 @@ export class SpotterAgentEmbed {
 
         const embed = new ConversationMessage(container, {
             ...this.viewConfig,
+            convId: data.convId,
+            messageId: data.messageId,
             sessionId: data.sessionId,
             genNo: data.genNo,
             acSessionId: data.stateKey.transactionId,
@@ -135,6 +143,8 @@ export class SpotterAgentEmbed {
                 return { error };
             }
             return { data: {
+                convId: data.convId,
+                messageId: data.messageId,
                 sessionId: data.sessionId,
                 genNo: data.genNo,
                 acSessionId: data.stateKey.transactionId,

package/src/index.ts

@@ -15,6 +15,7 @@ import {
     HomePageSearchBarMode,
     PrimaryNavbarVersion,
     HomePage,
+    ListPage,
     DataPanelCustomColumnGroupsAccordionState,
 } from './embed/app';
 import {
@@ -141,6 +142,7 @@ export {
     HomePageSearchBarMode,
     PrimaryNavbarVersion,
     HomePage,
+    ListPage,
     VizPoint,
     CustomActionPayload,
     UIPassthroughEvent,

package/src/react/index.spec.tsx

@@ -241,7 +241,9 @@ describe('React Components', () => {
             genNo: 1,
             acSessionId: "acSession123",
             acGenNo: 2,
-            worksheetId: "worksheet123"
+            worksheetId: "worksheet123",
+            convId: "conv123",
+            messageId: "message123"
         };
 
         it('Should render the SpotterMessage component with required props', async () => {