@thoughtspot/visual-embed-sdk 1.45.2 → 1.45.3-mcp.2

package/src/embed/conversation.ts

@@ -2,7 +2,7 @@ import isUndefined from 'lodash/isUndefined';
 import { ERROR_MESSAGE } from '../errors';
 import { Param, BaseViewConfig, RuntimeFilter, RuntimeParameter, ErrorDetailsTypes, EmbedErrorCodes } from '../types';
 import { TsEmbed } from './ts-embed';
-import { getQueryParamString, getFilterQuery, getRuntimeParameters } from '../utils';
+import { getQueryParamString, getFilterQuery, getRuntimeParameters, validateHttpUrl, setParamIfDefined } from '../utils';
 
 /**
  * Configuration for search options
@@ -14,6 +14,106 @@ export interface SearchOptions {
     searchQuery: string;
 }
 
+/**
+ * Configuration for the Spotter sidebar.
+ * Can be used in SpotterEmbed and AppEmbed.
+ * @group Embed components
+ * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+ */
+export interface SpotterSidebarViewConfig {
+    /**
+     * Controls the visibility of the past conversations sidebar.
+     * @default false
+     * @version SDK: 1.45.0 | ThoughtSpot: 26.2.0.cl
+     */
+    enablePastConversationsSidebar?: boolean;
+    /**
+     * Custom title text for the sidebar header.
+     * Defaults to translated "Spotter" text.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterSidebarTitle?: string;
+    /**
+     * Boolean to set the default expanded state of the sidebar.
+     * @default false
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterSidebarDefaultExpanded?: boolean;
+    /**
+     * Custom label text for the rename action in the conversation edit menu.
+     * Defaults to translated "Rename" text.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterChatRenameLabel?: string;
+    /**
+     * Custom label text for the delete action in the conversation edit menu.
+     * Defaults to translated "DELETE" text.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterChatDeleteLabel?: string;
+    /**
+     * Custom title text for the delete conversation confirmation modal.
+     * Defaults to translated "Delete chat" text.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterDeleteConversationModalTitle?: string;
+    /**
+     * Custom message text for the past conversation banner alert.
+     * Defaults to translated alert message.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterPastConversationAlertMessage?: string;
+    /**
+     * Custom URL for the documentation/best practices link.
+     * Defaults to ThoughtSpot docs URL based on release version.
+     * Note: URL must include the protocol (e.g., `https://www.example.com`).
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterDocumentationUrl?: string;
+    /**
+     * Custom label text for the best practices button in the footer.
+     * Defaults to translated "Best Practices" text.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterBestPracticesLabel?: string;
+    /**
+     * Number of conversations to fetch per batch when loading conversation history.
+     * @default 30
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterConversationsBatchSize?: number;
+    /**
+     * Custom title text for the "New Chat" button in the sidebar.
+     * Defaults to translated "New Chat" text.
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterNewChatButtonTitle?: string;
+}
+
+/**
+ * Configuration for customizing Spotter chat UI branding.
+ * @group Embed components
+ * @version SDK: 1.46.0 | ThoughtSpot: 26.4.0.cl
+ */
+export interface SpotterChatViewConfig {
+    /**
+     * Hides the ThoughtSpot logo/icon in tool response
+     * cards. The branding label prefix is controlled
+     * separately via `toolResponseCardBrandingLabel`.
+     * External MCP tool branding is not affected.
+     * @default false
+     */
+    hideToolResponseCardBranding?: boolean;
+    /**
+     * Custom label to replace the "ThoughtSpot" prefix
+     * in tool response cards. Set to an empty string
+     * `''` to hide the prefix entirely. Works
+     * independently of `hideToolResponseCardBranding`.
+     * External MCP tool branding is not affected.
+     */
+    toolResponseCardBrandingLabel?: string;
+}
+
 /**
  * The configuration for the embedded spotterEmbed options.
  * @group Embed components
@@ -62,7 +162,7 @@ export interface SpotterEmbedViewConfig extends Omit<BaseViewConfig, 'primaryAct
      *
      * Supported embed types: `SageEmbed`, `AppEmbed`, `SearchBarEmbed`, `LiveboardEmbed`, `SearchEmbed`
      * @default true
-     * @version SDK: 1.41.1 | ThoughtSpot Cloud: 10.14.0.cl
+     * @deprecated from SDK 1.46.0 | ThoughtSpot Cloud: 26.3.0.cl
      * @example
      * ```js
      * // Replace <EmbedComponent> with embed component name. For example, SageEmbed, AppEmbed, or SearchBarEmbed
@@ -169,8 +269,7 @@ export interface SpotterEmbedViewConfig extends Omit<BaseViewConfig, 'primaryAct
      */
     excludeRuntimeParametersfromURL?: boolean;
     /**
-     * enablePastConversationsSidebar : Controls the visibility of the past conversations
-     * sidebar.
+     * updatedSpotterChatPrompt : Controls the updated spotter chat prompt.
      *
      * Supported embed types: `SpotterEmbed`
      * @default false
@@ -178,28 +277,48 @@ export interface SpotterEmbedViewConfig extends Omit<BaseViewConfig, 'primaryAct
      * ```js
      * const embed = new SpotterEmbed('#tsEmbed', {
      *    ... //other embed view config
-     *    enablePastConversationsSidebar : true,
+     *    updatedSpotterChatPrompt : true,
      * })
      * ```
      * @version SDK: 1.45.0 | ThoughtSpot: 26.2.0.cl
      */
-    enablePastConversationsSidebar?: boolean;
-
+    updatedSpotterChatPrompt?: boolean;
     /**
-     * updatedSpotterChatPrompt : Controls the updated spotter chat prompt.
+     * Configuration for the Spotter sidebar UI customization.
+     *
+     * Supported embed types: `SpotterEmbed`, `AppEmbed`
+     * @example
+     * ```js
+     * const embed = new SpotterEmbed('#tsEmbed', {
+     *    ... //other embed view config
+     *    spotterSidebarConfig: {
+     *        enablePastConversationsSidebar: true,
+     *        spotterSidebarTitle: 'My Conversations',
+     *        spotterSidebarDefaultExpanded: true,
+     *    },
+     * })
+     * ```
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.3.0.cl
+     */
+    spotterSidebarConfig?: SpotterSidebarViewConfig;
+    /**
+     * Configuration for customizing Spotter chat UI
+     * branding in tool response cards.
      *
      * Supported embed types: `SpotterEmbed`
-     * @default false
      * @example
      * ```js
      * const embed = new SpotterEmbed('#tsEmbed', {
      *    ... //other embed view config
-     *    updatedSpotterChatPrompt : true,
+     *    spotterChatConfig: {
+     *        hideToolResponseCardBranding: true,
+     *        toolResponseCardBrandingLabel: 'MyBrand',
+     *    },
      * })
      * ```
-     * @version SDK: 1.45.0 | ThoughtSpot: 26.2.0.cl
+     * @version SDK: 1.46.0 | ThoughtSpot: 26.4.0.cl
      */
-    updatedSpotterChatPrompt?: boolean;
+    spotterChatConfig?: SpotterChatViewConfig;
 }
 
 /**
@@ -246,14 +365,30 @@ export class SpotterEmbed extends TsEmbed {
             dataPanelV2,
             showSpotterLimitations,
             hideSampleQuestions,
-            enablePastConversationsSidebar,
             runtimeFilters,
             excludeRuntimeFiltersfromURL,
             runtimeParameters,
             excludeRuntimeParametersfromURL,
             updatedSpotterChatPrompt,
+            spotterSidebarConfig,
+            spotterChatConfig,
         } = this.viewConfig;
 
+        // Extract sidebar config properties
+        const {
+            enablePastConversationsSidebar,
+            spotterSidebarTitle,
+            spotterSidebarDefaultExpanded,
+            spotterChatRenameLabel,
+            spotterChatDeleteLabel,
+            spotterDeleteConversationModalTitle,
+            spotterPastConversationAlertMessage,
+            spotterDocumentationUrl,
+            spotterBestPracticesLabel,
+            spotterConversationsBatchSize,
+            spotterNewChatButtonTitle,
+        } = spotterSidebarConfig || {};
+
         if (!worksheetId) {
             this.handleError({
                 errorType: ErrorDetailsTypes.VALIDATION_ERROR,
@@ -264,27 +399,50 @@ export class SpotterEmbed extends TsEmbed {
         }
         const queryParams = this.getBaseQueryParams();
         queryParams[Param.SpotterEnabled] = true;
-        if (!isUndefined(disableSourceSelection)) {
-            queryParams[Param.DisableSourceSelection] = !!disableSourceSelection;
-        }
-        if (!isUndefined(hideSourceSelection)) {
-            queryParams[Param.HideSourceSelection] = !!hideSourceSelection;
-        }
 
-        if (!isUndefined(dataPanelV2)) {
-            queryParams[Param.DataPanelV2Enabled] = !!dataPanelV2;
-        }
+        // Boolean params
+        setParamIfDefined(queryParams, Param.DisableSourceSelection, disableSourceSelection, true);
+        setParamIfDefined(queryParams, Param.HideSourceSelection, hideSourceSelection, true);
+        setParamIfDefined(queryParams, Param.DataPanelV2Enabled, dataPanelV2, true);
+        setParamIfDefined(queryParams, Param.ShowSpotterLimitations, showSpotterLimitations, true);
+        setParamIfDefined(queryParams, Param.HideSampleQuestions, hideSampleQuestions, true);
+        setParamIfDefined(queryParams, Param.UpdatedSpotterChatPrompt, updatedSpotterChatPrompt, true);
+        setParamIfDefined(queryParams, Param.SpotterSidebarDefaultExpanded, spotterSidebarDefaultExpanded, true);
 
-        if (!isUndefined(showSpotterLimitations)) {
-            queryParams[Param.ShowSpotterLimitations] = !!showSpotterLimitations;
-        }
+        // String params
+        setParamIfDefined(queryParams, Param.SpotterSidebarTitle, spotterSidebarTitle);
+        setParamIfDefined(queryParams, Param.SpotterChatRenameLabel, spotterChatRenameLabel);
+        setParamIfDefined(queryParams, Param.SpotterChatDeleteLabel, spotterChatDeleteLabel);
+        setParamIfDefined(queryParams, Param.SpotterDeleteConversationModalTitle, spotterDeleteConversationModalTitle);
+        setParamIfDefined(queryParams, Param.SpotterPastConversationAlertMessage, spotterPastConversationAlertMessage);
+        setParamIfDefined(queryParams, Param.SpotterBestPracticesLabel, spotterBestPracticesLabel);
+        setParamIfDefined(queryParams, Param.SpotterConversationsBatchSize, spotterConversationsBatchSize);
+        setParamIfDefined(queryParams, Param.SpotterNewChatButtonTitle, spotterNewChatButtonTitle);
 
-        if (!isUndefined(hideSampleQuestions)) {
-            queryParams[Param.HideSampleQuestions] = !!hideSampleQuestions;
+        // URL param with validation
+        if (spotterDocumentationUrl !== undefined) {
+            const [isValid, validationError] = validateHttpUrl(spotterDocumentationUrl);
+            if (isValid) {
+                queryParams[Param.SpotterDocumentationUrl] = spotterDocumentationUrl;
+            } else {
+                this.handleError({
+                    errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+                    message: ERROR_MESSAGE.INVALID_SPOTTER_DOCUMENTATION_URL,
+                    code: EmbedErrorCodes.INVALID_URL,
+                    error: validationError?.message || ERROR_MESSAGE.INVALID_SPOTTER_DOCUMENTATION_URL,
+                });
+            }
         }
 
-        if (!isUndefined(updatedSpotterChatPrompt)) {
-            queryParams[Param.UpdatedSpotterChatPrompt] = !!updatedSpotterChatPrompt;
+        // Handle spotterChatConfig params
+        if (spotterChatConfig) {
+            const {
+                hideToolResponseCardBranding,
+                toolResponseCardBrandingLabel,
+            } = spotterChatConfig;
+
+            setParamIfDefined(queryParams, Param.HideToolResponseCardBranding, hideToolResponseCardBranding, true);
+            setParamIfDefined(queryParams, Param.ToolResponseCardBrandingLabel, toolResponseCardBrandingLabel);
         }
 
         return queryParams;
@@ -298,11 +456,12 @@ export class SpotterEmbed extends TsEmbed {
             excludeRuntimeFiltersfromURL,
             runtimeParameters,
             excludeRuntimeParametersfromURL,
-            enablePastConversationsSidebar,
+            spotterSidebarConfig,
         } = this.viewConfig;
         const path = 'insights/conv-assist';
         const queryParams = this.getEmbedParamsObject();
 
+        const enablePastConversationsSidebar = spotterSidebarConfig?.enablePastConversationsSidebar;
         if (!isUndefined(enablePastConversationsSidebar)) {
             queryParams[Param.EnablePastConversationsSidebar] = !!enablePastConversationsSidebar;
         }

package/src/embed/liveboard.spec.ts

@@ -855,6 +855,187 @@ describe('Liveboard/viz embed tests', () => {
         });
     });
 
+    describe('personalizedViewId functionality', () => {
+        const personalizedViewId = 'view-456-guid';
+
+        test('should render liveboard with personalizedViewId', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+            } as LiveboardViewConfig);
+            liveboardEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlToHaveParamsWithValues(getIFrameSrc(), { view: personalizedViewId });
+            });
+        });
+
+        test('should render liveboard with personalizedViewId and activeTabId together', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+                activeTabId,
+            } as LiveboardViewConfig);
+            liveboardEmbed.render();
+            await executeAfterWait(() => {
+                // URL should be: #/embed/viz/{id}/tab/{tabId}?view={viewId}
+                expect(getIFrameSrc()).toMatch(
+                    new RegExp(
+                        `#/embed/viz/${liveboardId}/tab/${activeTabId}\\?view=${personalizedViewId}`,
+                    ),
+                );
+            });
+        });
+
+        test('should render liveboard with personalizedViewId and vizId together', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+                vizId,
+            } as LiveboardViewConfig);
+            liveboardEmbed.render();
+            await executeAfterWait(() => {
+                // URL should be: #/embed/viz/{id}/{vizId}?view={viewId}
+                expect(getIFrameSrc()).toMatch(
+                    new RegExp(`#/embed/viz/${liveboardId}/${vizId}\\?view=${personalizedViewId}`),
+                );
+            });
+        });
+
+        test('should render liveboard with personalizedViewId, activeTabId, and vizId together', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+                activeTabId,
+                vizId,
+            } as LiveboardViewConfig);
+            liveboardEmbed.render();
+            await executeAfterWait(() => {
+                // URL should be: #/embed/viz/{id}/tab/{tabId}/{vizId}?view={viewId}
+                expect(getIFrameSrc()).toMatch(
+                    new RegExp(
+                        `#/embed/viz/${liveboardId}/tab/${activeTabId}/${vizId}\\?view=${personalizedViewId}`,
+                    ),
+                );
+            });
+        });
+
+        test('should not include view param when personalizedViewId is not provided', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+            } as LiveboardViewConfig);
+            liveboardEmbed.render();
+            await executeAfterWait(() => {
+                expect(getIFrameSrc()).not.toContain('view=');
+            });
+        });
+
+        test('should include personalizedViewId in getLiveboardUrl', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+            } as LiveboardViewConfig);
+            await liveboardEmbed.render();
+            expect(liveboardEmbed.getLiveboardUrl()).toBe(
+                `http://${thoughtSpotHost}/#/pinboard/${liveboardId}?view=${personalizedViewId}`,
+            );
+        });
+
+        test('should include personalizedViewId with activeTabId in getLiveboardUrl', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+                activeTabId,
+            } as LiveboardViewConfig);
+            await liveboardEmbed.render();
+            expect(liveboardEmbed.getLiveboardUrl()).toBe(
+                `http://${thoughtSpotHost}/#/pinboard/${liveboardId}/tab/${activeTabId}?view=${personalizedViewId}`,
+            );
+        });
+
+        test('personalizedViewId should work with runtime filters', async () => {
+            const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                liveboardId,
+                personalizedViewId,
+                runtimeFilters: [
+                    {
+                        columnName: 'sales',
+                        operator: RuntimeFilterOp.EQ,
+                        values: [1000],
+                    },
+                ],
+                excludeRuntimeFiltersfromURL: false,
+            } as LiveboardViewConfig);
+            liveboardEmbed.render();
+            await executeAfterWait(() => {
+                expectUrlToHaveParamsWithValues(getIFrameSrc(), {
+                    view: personalizedViewId,
+                    col1: 'sales',
+                    op1: 'EQ',
+                    val1: '1000',
+                });
+            });
+        });
+
+        describe('backward compatibility with liveboardId?view= workaround', () => {
+            const workaroundViewId = 'workaround-view-id';
+            const liveboardIdWithView = `${liveboardId}?view=${workaroundViewId}`;
+
+            test('should extract view from workaround and add at end of URL', async () => {
+                const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                    ...defaultViewConfig,
+                    liveboardId: liveboardIdWithView,
+                } as LiveboardViewConfig);
+                liveboardEmbed.render();
+                await executeAfterWait(() => {
+                    // URL: #/embed/viz/{cleanId}?view={workaroundViewId}
+                    expect(getIFrameSrc()).toMatch(
+                        new RegExp(`#/embed/viz/${liveboardId}\\?view=${workaroundViewId}`),
+                    );
+                });
+            });
+
+            test('should extract view and place after tab when activeTabId is provided', async () => {
+                const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                    ...defaultViewConfig,
+                    liveboardId: liveboardIdWithView,
+                    activeTabId,
+                } as LiveboardViewConfig);
+                liveboardEmbed.render();
+                await executeAfterWait(() => {
+                    // URL: #/embed/viz/{id}/tab/{tabId}?view={viewId} (view at END, not middle)
+                    expect(getIFrameSrc()).toMatch(
+                        new RegExp(
+                            `#/embed/viz/${liveboardId}/tab/${activeTabId}\\?view=${workaroundViewId}`,
+                        ),
+                    );
+                });
+            });
+
+            test('should use personalizedViewId over workaround when both provided', async () => {
+                const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+                    ...defaultViewConfig,
+                    liveboardId: liveboardIdWithView,
+                    personalizedViewId,
+                } as LiveboardViewConfig);
+                liveboardEmbed.render();
+                await executeAfterWait(() => {
+                    // personalizedViewId wins, workaround stripped
+                    expect(getIFrameSrc()).toMatch(
+                        new RegExp(`#/embed/viz/${liveboardId}\\?view=${personalizedViewId}`),
+                    );
+                });
+            });
+        });
+    });
+
     test('navigateToLiveboard should trigger the navigate event with the correct path', async () => {
         mockMessageChannel();
         // mock getSessionInfo
@@ -979,6 +1160,40 @@ describe('Liveboard/viz embed tests', () => {
         });
     });
 
+    test('should set hideToolResponseCardBranding parameter in url params via spotterChatConfig', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId,
+            spotterChatConfig: {
+                hideToolResponseCardBranding: true,
+            },
+        } as LiveboardViewConfig);
+        await liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}&hideToolResponseCardBranding=true#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should set toolResponseCardBrandingLabel parameter in url params via spotterChatConfig', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId,
+            spotterChatConfig: {
+                toolResponseCardBrandingLabel: 'MyBrand',
+            },
+        } as LiveboardViewConfig);
+        await liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}&toolResponseCardBrandingLabel=MyBrand#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
     test('SetActiveTab Hostevent should not trigger the navigate event with the correct path, for vizEmbed', async () => {
         const mockProcessTrigger = jest.spyOn(tsEmbed.TsEmbed.prototype, 'trigger');
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
@@ -1137,7 +1352,12 @@ describe('Liveboard/viz embed tests', () => {
                 ) as HTMLIFrameElement;
 
                 // should render the generic link
-                expect(navigateToLiveboardSpy).toHaveBeenCalledWith(testLiveboardId, 'testVizId', 'testActiveTabId');
+                expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                    testLiveboardId,
+                    'testVizId',
+                    'testActiveTabId',
+                    undefined,
+                );
                 expect(iFrame.src).toMatch(/http:\/\/tshost\/.*&isLiveboardEmbed=true.*#$/);
 
                 expect(consoleSpy).toHaveBeenCalledTimes(0);
@@ -1195,7 +1415,12 @@ describe('Liveboard/viz embed tests', () => {
                     libEmbed.getPreRenderIds().child,
                 ) as HTMLIFrameElement;
                 // should render the generic link
-                expect(navigateToLiveboardSpy).toHaveBeenCalledWith(testLiveboardId, 'testVizId', 'testActiveTabId');
+                expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                    testLiveboardId,
+                    'testVizId',
+                    'testActiveTabId',
+                    undefined,
+                );
                 expect(iFrame.src).toMatch(/http:\/\/tshost\/.*&isLiveboardEmbed=true.*#$/);
                 expect(consoleSpy).toHaveBeenCalledTimes(0);
             }, 1005);
@@ -1528,9 +1753,13 @@ describe('Liveboard/viz embed tests', () => {
             mockProcessTrigger.mockResolvedValue({ session: 'test' });
             await executeAfterWait(async () => {
                 await liveboardEmbed.trigger(HostEvent.Save);
-                expect(mockProcessTrigger).toHaveBeenCalledWith(HostEvent.Save, {
-                    vizId: 'testViz',
-                }, undefined);
+                expect(mockProcessTrigger).toHaveBeenCalledWith(
+                    HostEvent.Save,
+                    {
+                        vizId: 'testViz',
+                    },
+                    undefined,
+                );
             });
         });
     });
@@ -1564,7 +1793,12 @@ describe('Liveboard/viz embed tests', () => {
             liveboardEmbed['executeEmbedContainerReadyCallbacks']();
 
             // Now navigateToLiveboard should be called
-            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(liveboardId, vizId, activeTabId);
+            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                liveboardId,
+                vizId,
+                activeTabId,
+                undefined,
+            );
         });
 
         test('should update currentLiveboardState for prerender object when embed container loads', async () => {
@@ -1617,7 +1851,12 @@ describe('Liveboard/viz embed tests', () => {
             liveboardEmbed['beforePrerenderVisible']();
 
             // navigateToLiveboard should be called immediately
-            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(liveboardId, vizId, activeTabId);
+            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                liveboardId,
+                vizId,
+                activeTabId,
+                undefined,
+            );
         });
 
         test('should handle beforePrerenderVisible without prerender object', async () => {
@@ -1642,7 +1881,12 @@ describe('Liveboard/viz embed tests', () => {
             liveboardEmbed['executeEmbedContainerReadyCallbacks']();
 
             // navigateToLiveboard should still be called
-            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(liveboardId, vizId, activeTabId);
+            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                liveboardId,
+                vizId,
+                activeTabId,
+                undefined,
+            );
         });
 
         test('should work with all liveboard parameters', async () => {
@@ -1666,7 +1910,12 @@ describe('Liveboard/viz embed tests', () => {
             liveboardEmbed['beforePrerenderVisible']();
 
             // Check that all parameters are passed correctly
-            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(customLiveboardId, customVizId, customActiveTabId);
+            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                customLiveboardId,
+                customVizId,
+                customActiveTabId,
+                undefined,
+            );
         });
 
         test('should work with minimal liveboard parameters', async () => {
@@ -1684,7 +1933,12 @@ describe('Liveboard/viz embed tests', () => {
             liveboardEmbed['beforePrerenderVisible']();
 
             // Check that undefined parameters are passed correctly
-            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(liveboardId, undefined, undefined);
+            expect(navigateToLiveboardSpy).toHaveBeenCalledWith(
+                liveboardId,
+                undefined,
+                undefined,
+                undefined,
+            );
         });
     });