@thoughtspot/visual-embed-sdk 1.28.3 → 1.28.5-alpha-1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.28.3",
+    "version": "1.28.5-alpha-1",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -175,6 +175,7 @@
     "keywords": [
         "thoughtspot",
         "everywhere",
+        "embedded",
         "embed",
         "sdk",
         "analytics"

package/src/auth.ts

@@ -1,18 +1,18 @@
 import EventEmitter from 'eventemitter3';
-import { getAuthenticationToken, resetCachedAuthToken } from './authToken';
 import { initMixpanel } from './mixpanel-service';
 import {
-    AuthType, DOMSelector, EmbedConfig, EmbedEvent,
+    AuthType, DOMSelector, EmbedConfig, EmbedEvent, Param,
 } from './types';
 import { getDOMNode, getRedirectUrl } from './utils';
 import {
-    EndPoints,
-    fetchAuthPostService,
+    fetchSessionInfoService,
     fetchAuthService,
     fetchBasicAuthService,
     fetchLogoutService,
-    fetchSessionInfoService,
+    fetchAuthPostService,
+    EndPoints,
 } from './utils/authService';
+import { getAuthenticationToken, resetCachedAuthToken } from './authToken';
 import { logger } from './utils/logger';
 import { getEmbedConfig } from './embed/embedConfig';
 
@@ -492,7 +492,7 @@ export const logout = async (embedConfig: EmbedConfig): Promise<boolean> => {
     const { thoughtSpotHost } = embedConfig;
     await fetchLogoutService(thoughtSpotHost);
     resetCachedAuthToken();
-    const thoughtspotIframes = document.querySelectorAll("[data-ts-iframe='true']");
+    const thoughtspotIframes = document.querySelectorAll('[data-ts-iframe=\'true\']');
     if (thoughtspotIframes?.length) {
         thoughtspotIframes.forEach((el) => {
             el.parentElement.innerHTML = embedConfig.loginFailedMessage;

package/src/authToken.ts

@@ -1,5 +1,6 @@
 import { EmbedConfig } from './types';
 import { fetchAuthTokenService, verifyTokenService } from './utils/authService/authService';
+import { logger } from './utils/logger';
 
 const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.'
     + 'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
@@ -10,7 +11,9 @@ let cachedAuthToken: string | null = null;
 
 // This method can be used to get the authToken using the embedConfig
 export const getAuthenticationToken = async (embedConfig: EmbedConfig): Promise<string> => {
-    if (cachedAuthToken) {
+    // Since we don't have token validation enabled , we cannot tell if the
+    // cached token is valid or not. So we will always fetch a new token.
+    if (cachedAuthToken && !embedConfig.disableTokenVerification) {
         let isCachedTokenStillValid;
         try {
             isCachedTokenStillValid = await validateAuthToken(embedConfig, cachedAuthToken, true);
@@ -43,6 +46,10 @@ const validateAuthToken = async (
     authToken: string,
     suppressAlert?: boolean,
 ): Promise<boolean> => {
+    if (embedConfig.disableTokenVerification) {
+        logger.info('Token verification is disabled. Assuming token is valid.');
+        return true;
+    }
     try {
         const isTokenValid = await verifyTokenService(embedConfig.thoughtSpotHost, authToken);
         if (isTokenValid) return true;
@@ -68,7 +75,7 @@ const validateAuthToken = async (
  * ```js
  * resetCachedAuthToken();
  * ```
- * @version SDK: 1.28.2 | ThoughtSpot: *
+ * @version SDK: 1.28.0 | ThoughtSpot: *
  * @group Authentication / Init
  */
 export const resetCachedAuthToken = (): void => {

package/src/embed/app.spec.ts

@@ -289,6 +289,21 @@ describe('App embed tests', () => {
         });
     });
 
+    test('should set enable2ColumnLayout to true in url', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            enable2ColumnLayout: true,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&profileAndHelpInNavBarHidden=false&enable2ColumnLayout=true${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add the tag to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,

package/src/embed/app.ts

@@ -9,11 +9,16 @@
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 
+import { logger } from '../utils/logger';
+import { getQueryParamString } from '../utils';
 import {
-    DOMSelector, EmbedEvent, HostEvent, MessagePayload, Param, ViewConfig,
+    Param,
+    DOMSelector,
+    HostEvent,
+    ViewConfig,
+    EmbedEvent,
+    MessagePayload,
 } from '../types';
-import { getQueryParamString } from '../utils';
-import { logger } from '../utils/logger';
 import { V1Embed } from './ts-embed';
 
 /**
@@ -64,6 +69,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      *
      * @default true
      * @version SDK: 1.2.0 | Thoughtspot: 8.4.0.cl
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -79,7 +85,6 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * nav-bars are visible, this flag will only hide the homepage left nav-bar.
      * The showPrimaryNavbar flag takes precedence over the hideHomepageLeftNav.
      *
-     *
      * **Note**: This option does not apply to the classic homepage.
      * To access the updated modular homepage, set
      * `modularHomeExperience` to `true` (available as Early Access feature in 9.12.5.cl).
@@ -99,9 +104,9 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
     /**
      * Control the visibility of the help (?) and profile buttons on the
      * Global nav-bar. By default, these buttons are visible on the nav-bar.
-     *
      * @default false
      * @version SDK: 1.2.0 | Thoughtspot: 8.4.0.cl
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -115,7 +120,6 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * Control the visibility of the application switcher button on the nav-bar.
      * By default, the application switcher is shown.
      *
-     *
      * **Note**: This option does not apply to the classic homepage.
      * To access the updated modular homepage, set
      * `modularHomeExperience` to `true` (available as Early Access feature in 9.12.5.cl).
@@ -136,7 +140,6 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * Control the visibility of the Org switcher button on the nav-bar.
      * By default, the Org switcher button is shown.
      *
-     *
      * **Note**: This option does not apply to the classic homepage.
      * To access the updated modular homepage, set
      * `modularHomeExperience` to `true` (available as Early Access feature in 9.12.5.cl).
@@ -163,6 +166,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * you could set the path to `pinboard/<liveboardId>/tab/<tabId>`.
      *
      * @version SDK: 1.1.0 | Thoughtspot: 9.4.0.cl
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -180,6 +184,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * path within the app, use the `path` attribute which is more flexible.
      *
      * @version SDK: 1.1.0 | Thoughtspot: 9.4.0.cl
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -208,6 +213,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * The array of GUIDs to be hidden
      *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -230,9 +236,10 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
     liveboardV2?: boolean;
     /**
      * If set to true, the Search Assist feature is enabled.
-     *
      * @default true
+     *
      * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1-sw
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -247,6 +254,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * according to the height of the pages which support fullHeight mode.
      *
      * @version SDK: 1.21.0 | ThoughtSpot: 9.4.0.cl, 9.4.0-sw
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -269,6 +277,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      *
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
      * @default false
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -283,6 +292,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      *
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
      * @default false
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -297,6 +307,7 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      *
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
      * @default false
+     *
      * @example
      * ```js
      * const embed = new AppEmbed('#tsEmbed', {
@@ -341,6 +352,44 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * @default false
      */
     enableAskSage?: boolean;
+    /**
+     * To set the initial state of the search bar in case of saved-answers.
+     *
+     * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
+     * @default false
+     */
+    collapseSearchBarInitially?: boolean;
+    /**
+     * To enable custom column groups in data panel v2
+     *
+     * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
+     * @default false
+     *
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#embed', {
+     *   ... // other app view config
+     *   enableCustomColumnGroups: true,
+     * });
+     * ```
+     */
+    enableCustomColumnGroups?: boolean;
+    /**
+     * This flag is used to enable the 2 column layout in liveboard
+     *
+     * @type {boolean}
+     * @default false
+     * @version SDK: 1.32.0 | ThoughtSpot:10.1.0.cl
+     *
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed-container', {
+     *    ... // other options
+     *    enable2ColumnLayout: true,
+     * })
+     * ```
+     */
+    enable2ColumnLayout?: boolean;
 }
 
 /**
@@ -387,6 +436,9 @@ export class AppEmbed extends V1Embed {
             modularHomeExperience = false,
             isLiveboardHeaderSticky = true,
             enableAskSage,
+            collapseSearchBarInitially = false,
+            enable2ColumnLayout,
+            enableCustomColumnGroups = false,
         } = this.viewConfig;
 
         let params = {};
@@ -399,6 +451,7 @@ export class AppEmbed extends V1Embed {
         params[Param.ShowLiveboardTitle] = showLiveboardTitle;
         params[Param.ShowLiveboardDescription] = !!showLiveboardDescription;
         params[Param.LiveboardHeaderSticky] = isLiveboardHeaderSticky;
+        params[Param.IsFullAppEmbed] = true;
 
         params = this.getBaseQueryParams(params);
 
@@ -420,6 +473,10 @@ export class AppEmbed extends V1Embed {
             params[Param.EnableSearchAssist] = enableSearchAssist;
         }
 
+        if (enable2ColumnLayout !== undefined) {
+            params[Param.Enable2ColumnLayout] = enable2ColumnLayout;
+        }
+
         if (enableAskSage) {
             params[Param.enableAskSage] = enableAskSage;
         }
@@ -427,6 +484,8 @@ export class AppEmbed extends V1Embed {
         params[Param.DataPanelV2Enabled] = dataPanelV2;
         params[Param.HideHomepageLeftNav] = hideHomepageLeftNav;
         params[Param.ModularHomeExperienceEnabled] = modularHomeExperience;
+        params[Param.CollapseSearchBarInitially] = collapseSearchBarInitially;
+        params[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
         const queryParams = getQueryParamString(params, true);
 
         return queryParams;

package/src/embed/base.spec.ts

@@ -1,11 +1,11 @@
 /* eslint-disable no-console */
 /* eslint-disable @typescript-eslint/no-shadow */
 import EventEmitter from 'eventemitter3';
+import { EmbedConfig } from '../index';
 import * as auth from '../auth';
+import * as authService from '../utils/authService/authService';
 import * as authTokenService from '../authToken';
 import * as index from '../index';
-import { EmbedConfig } from '../index';
-import * as authService from '../utils/authService/authService';
 import * as base from './base';
 import * as embedConfigInstance from './embedConfig';
 
@@ -13,8 +13,8 @@ import {
     executeAfterWait,
     getAllIframeEl,
     getDocumentBody,
-    getIFrameSrc,
     getRootEl,
+    getIFrameSrc,
 } from '../test/test-utils';
 import * as tokenizedFetchInstance from '../tokenizedFetch';
 import { logger } from '../utils/logger';

package/src/embed/base.ts

@@ -10,28 +10,28 @@
  */
 import EventEmitter from 'eventemitter3';
 import uniq from 'lodash/uniq';
+import { resetCachedAuthToken } from '../authToken';
+import { logger, setGlobalLogLevelOverride } from '../utils/logger';
+import { tokenizedFetch } from '../tokenizedFetch';
+import { EndPoints } from '../utils/authService/authService';
+import { getThoughtSpotHost } from '../config';
 import {
-    AuthEvent,
-    AuthEventEmitter,
+    AuthType, EmbedConfig, LogLevel, PrefetchFeatures,
+} from '../types';
+import {
+    authenticate,
+    logout as _logout,
     AuthFailureType,
     AuthStatus,
-    logout as _logout,
-    authenticate,
+    AuthEvent,
     notifyAuthFailure,
     notifyAuthSDKSuccess,
     notifyAuthSuccess,
     notifyLogout,
     setAuthEE,
+    AuthEventEmitter,
 } from '../auth';
-import { resetCachedAuthToken } from '../authToken';
-import { getThoughtSpotHost } from '../config';
-import { MIXPANEL_EVENT, uploadMixpanelEvent } from '../mixpanel-service';
-import { tokenizedFetch } from '../tokenizedFetch';
-import {
-    AuthType, EmbedConfig, LogLevel, PrefetchFeatures,
-} from '../types';
-import { EndPoints } from '../utils/authService/authService';
-import { logger, setGlobalLogLevelOverride } from '../utils/logger';
+import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
 import { getEmbedConfig, setEmbedConfig } from './embedConfig';
 
 const CONFIG_DEFAULTS: Partial<EmbedConfig> = {
@@ -251,7 +251,7 @@ export const renderInQueue = (fn: (next?: (val?: any) => void) => Promise<any>):
         return renderQueue;
     }
     // Sending an empty function to keep it consistent with the above usage.
-    return fn(() => {}); // eslint-disable-line @typescript-eslint/no-empty-function
+    return fn(() => { }); // eslint-disable-line @typescript-eslint/no-empty-function
 };
 
 /**

package/src/embed/liveboard.spec.ts

@@ -110,6 +110,21 @@ describe('Liveboard/viz embed tests', () => {
         });
     });
 
+    test('should set enable2ColumnLayout to true in url', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            enable2ColumnLayout: true,
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&enable2ColumnLayout=true${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
     test('should set visible actions as empty array', async () => {
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
             visibleActions: [],
@@ -269,6 +284,63 @@ describe('Liveboard/viz embed tests', () => {
             expect(onSpy).toHaveBeenCalledWith(EmbedEvent.EmbedHeight, expect.anything());
         });
     });
+
+    test('should not call setIFrameHeight if currentPath starts with "/embed/viz/"', () => {
+        const myObject = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            fullHeight: true,
+            liveboardId,
+        } as LiveboardViewConfig) as any;
+        const spySetIFrameHeight = jest.spyOn(myObject, 'setIFrameHeight');
+
+        myObject.render();
+        myObject.setIframeHeightForNonEmbedLiveboard({
+            data: { currentPath: '/embed/viz/' },
+            type: 'Route',
+        });
+
+        // Assert that setIFrameHeight is not called
+        expect(spySetIFrameHeight).not.toHaveBeenCalled();
+    });
+
+    test('should not call setIFrameHeight if currentPath starts with "/embed/insights/viz/"', () => {
+        const myObject = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            fullHeight: true,
+            liveboardId,
+        } as LiveboardViewConfig) as any;
+        const spySetIFrameHeight = jest.spyOn(myObject, 'setIFrameHeight');
+
+        myObject.render();
+        myObject.setIframeHeightForNonEmbedLiveboard({
+            data: { currentPath: '/embed/insights/viz/' },
+            type: 'Route',
+        });
+
+        // Assert that setIFrameHeight is not called
+        expect(spySetIFrameHeight).not.toHaveBeenCalled();
+    });
+
+    test('should  call setIFrameHeight if currentPath starts with "/some/other/path/"', () => {
+        const myObject = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            fullHeight: true,
+            liveboardId,
+        } as LiveboardViewConfig) as any;
+        const spySetIFrameHeight = jest
+            .spyOn(myObject, 'setIFrameHeight')
+            .mockImplementation(jest.fn());
+
+        myObject.render();
+        myObject.setIframeHeightForNonEmbedLiveboard({
+            data: { currentPath: '/some/other/path/' },
+            type: 'Route',
+        });
+
+        // Assert that setIFrameHeight is not called
+        expect(spySetIFrameHeight).toHaveBeenCalled();
+    });
+
     test('Should set the visible vizs', async () => {
         const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
             ...defaultViewConfig,
@@ -467,22 +539,23 @@ describe('Liveboard/viz embed tests', () => {
 
             let resizeObserverCb: any;
             (window as any).ResizeObserver = window.ResizeObserver
-            || jest.fn().mockImplementation((resizeObserverCbParam) => {
-                resizeObserverCb = resizeObserverCbParam;
-                return ({
-                    disconnect: jest.fn(),
-                    observe: jest.fn(),
-                    unobserve: jest.fn(),
+                || jest.fn().mockImplementation((resizeObserverCbParam) => {
+                    resizeObserverCb = resizeObserverCbParam;
+                    return {
+                        disconnect: jest.fn(),
+                        observe: jest.fn(),
+                        unobserve: jest.fn(),
+                    };
                 });
-            });
 
             libEmbed.preRender();
 
             await waitFor(() => !!getIFrameEl());
 
             const ts = '__tsEmbed';
-            expect(document.getElementById(libEmbed.getPreRenderIds().wrapper)[ts])
-                .toEqual(libEmbed);
+            expect(document.getElementById(libEmbed.getPreRenderIds().wrapper)[ts]).toEqual(
+                libEmbed,
+            );
 
             const testLiveboardId = 'testLiveboardId';
             const newLibEmbed = new LiveboardEmbed(getRootEl(), {

package/src/embed/liveboard.ts

@@ -11,9 +11,16 @@
 
 import { ERROR_MESSAGE } from '../errors';
 import {
-    DOMSelector, EmbedEvent, HostEvent, MessagePayload, Param, ViewConfig,
+    EmbedEvent,
+    MessagePayload,
+    Param,
+    RuntimeFilter,
+    DOMSelector,
+    HostEvent,
+    ViewConfig,
 } from '../types';
 import { getQueryParamString, isUndefined } from '../utils';
+import { getAuthPromise } from './base';
 import { V1Embed } from './ts-embed';
 
 /**
@@ -37,6 +44,7 @@ export interface LiveboardViewConfig
      * incrementally as users scroll the page to view the charts and tables.
      *
      * @version SDK: 1.1.0 | ThoughtSpot: ts7.may.cl, 7.2.1
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed', {
@@ -65,6 +73,7 @@ export interface LiveboardViewConfig
     defaultHeight?: number;
     /**
      * @Deprecated If set to true, the context menu in visualizations will be enabled.
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#tsEmbed', {
@@ -72,6 +81,7 @@ export interface LiveboardViewConfig
      *    enableVizTransformations:true,
      * })
      * ```
+     *
      * @version: SDK: 1.1.0 | ThoughtSpot: 8.1.0.sw
      */
     enableVizTransformations?: boolean;
@@ -98,6 +108,7 @@ export interface LiveboardViewConfig
      * The visualization within the Liveboard to display.
      *
      * @version SDK: 1.9.1 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed-container', {
@@ -127,6 +138,7 @@ export interface LiveboardViewConfig
      * event.
      *
      * @version SDK: 1.9.1 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed-container', {
@@ -176,6 +188,7 @@ export interface LiveboardViewConfig
      * Show or hide the tab panel of the embedded Liveboard.
      *
      * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl, 9.8.0.sw
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed-container', {
@@ -201,9 +214,9 @@ export interface LiveboardViewConfig
     hideLiveboardHeader?: boolean;
     /**
      * Show or hide the Liveboard title.
-     *
      * @default false
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl, 9.8.0.sw
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed-container', {
@@ -215,9 +228,9 @@ export interface LiveboardViewConfig
     showLiveboardTitle?: boolean;
     /**
      * Show or hide the Liveboard description.
-     *
      * @default false
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl, 9.8.0.sw
+     *
      * @example
      * ```js
      * const embed = new LiveboardEmbed('#embed-container', {
@@ -256,6 +269,22 @@ export interface LiveboardViewConfig
      * ```
      */
     enableAskSage?: boolean;
+    /**
+     * This flag is used to enable the 2 column layout in liveboard
+     *
+     * @type {boolean}
+     * @default false
+     * @version SDK: 1.32.0 | ThoughtSpot:10.1.0.cl
+     *
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed-container', {
+     *    ... // other options
+     *    enable2ColumnLayout: true,
+     * })
+     * ```
+     */
+    enable2ColumnLayout?: boolean;
 }
 
 /**
@@ -312,6 +341,7 @@ export class LiveboardEmbed extends V1Embed {
             showLiveboardTitle,
             isLiveboardHeaderSticky = true,
             enableAskSage,
+            enable2ColumnLayout,
         } = this.viewConfig;
 
         const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
@@ -339,6 +369,9 @@ export class LiveboardEmbed extends V1Embed {
         if (liveboardV2 !== undefined) {
             params[Param.LiveboardV2Enabled] = liveboardV2;
         }
+        if (enable2ColumnLayout !== undefined) {
+            params[Param.Enable2ColumnLayout] = enable2ColumnLayout;
+        }
         if (hideTabPanel) {
             params[Param.HideTabPanel] = hideTabPanel;
         }
@@ -409,9 +442,13 @@ export class LiveboardEmbed extends V1Embed {
     };
 
     private setIframeHeightForNonEmbedLiveboard = (data: MessagePayload) => {
-        if (!data.data.currentPath.startsWith('/embed/viz/')) {
-            this.setIFrameHeight(this.defaultHeight);
+        if (
+            data.data.currentPath.startsWith('/embed/viz/')
+            || data.data.currentPath.startsWith('/embed/insights/viz/')
+        ) {
+            return;
         }
+        this.setIFrameHeight(this.defaultHeight);
     };
 
     private setActiveTab(data: { tabId: string }) {