SCAL-310667 Add loaderHeadline and loaderTips to SpotterVizConfig

src/embed/app.ts

@@ -614,7 +614,7 @@
     isPNGInScheduledEmailsEnabled?: boolean;
 
     /**
      * Enables the 'what you see is what you get' PDF export for Liveboards. Each tab is rendered on a single page
      * following the exact UI layout, instead of splitting visualizations across multiple A4 pages.
      * This feature is GA from version 26.5.0.cl. It is disabled by default in embed deployments.
      *
@@ -798,7 +798,12 @@
      *        description: 'Ask questions about your data',
      *        inputChatPlaceholder: 'Ask a question...',
      *        hideStarterPrompts: false,
-     *        customStarterPrompts: [{ id: '1', displayText: 'Top products', fullPrompt: 'What are the top products by revenue?' }]
+     *        customStarterPrompts: [{ id: '1', displayText: 'Top products', fullPrompt: 'What are the top products by revenue?' }],
+     *        loaderHeadline: 'Crunching the numbers...',
+     *        loaderTips: [
+     *            { label: 'Tip', text: 'try asking about revenue by region' },
+     *            { label: 'Tip', text: 'use natural language' },
+     *        ],
      *    },
      * })
      * ```
@@ -1221,7 +1226,7 @@
             this.iFrame,
             this.viewConfig.enableScrollableContainerLazyLoading,
         );
         // this should be fired only if the lazyLoadingForFullHeight and fullHeight are true
         if(this.viewConfig.lazyLoadingForFullHeight && this.viewConfig.fullHeight){
             this.trigger(HostEvent.VisibleEmbedCoordinates, data);
         }

src/embed/liveboard.ts

@@ -574,6 +574,11 @@ export interface LiveboardViewConfig extends BaseViewConfig, LiveboardOtherViewC
      *        inputChatPlaceholder: 'Ask a question...',
      *        hideStarterPrompts: false,
      *        customStarterPrompts: [{ id: '1', displayText: 'Top products', fullPrompt: 'What are the top products by revenue?' }],
+     *        loaderHeadline: 'Crunching the numbers...',
+     *        loaderTips: [
+     *            { label: 'Tip', text: 'try asking about revenue by region' },
+     *            { label: 'Tip', text: 'use natural language' },
+     *        ],
      *    },
      * })
      * ```

src/embed/spotter-viz-utils.ts

@@ -32,6 +32,11 @@ export interface SpotterVizStarterPrompt {
  *        customStarterPrompts: [
  *            { id: '1', displayText: 'Top products', fullPrompt: 'What are the top products by revenue?' }
  *        ],
+ *        loaderHeadline: 'Crunching the numbers...',
+ *        loaderTips: [
+ *            { label: 'Tip', text: 'try asking about revenue by region' },
+ *            { label: 'Tip', text: 'use natural language' },
+ *        ],
  *    },
  * })
  * ```
@@ -76,6 +81,30 @@ export interface SpotterVizConfig {
      * @version SDK: 1.50.0 | ThoughtSpot Cloud: 26.7.0.cl
      */
     inputChatPlaceholder?: string;
+    /**
+     * Custom headline text shown in the SpotterViz loading state.
+     * Replaces the default loading headline.
+     * @version SDK: 1.51.0 | ThoughtSpot Cloud: 26.8.0.cl
+     */
+    loaderHeadline?: string;
+    /**
+     * Custom tips shown in the SpotterViz loading state.
+     * Replaces the default loading tips with the provided list.
+     * @version SDK: 1.51.0 | ThoughtSpot Cloud: 26.8.0.cl
+     */
+    loaderTips?: SpotterVizLoaderTip[];
+}
+
+/**
+ * A single tip shown in the SpotterViz loading state.
+ * @version SDK: 1.51.0 | ThoughtSpot Cloud: 26.8.0.cl
+ * @group Embed components
+ */
+export interface SpotterVizLoaderTip {
+    /** Short label rendered alongside the tip (e.g. "Tip"). */
+    label: string;
+    /** Tip body text. */
+    text: string;
 }
 
 export function buildSpotterVizAppInitData<T extends DefaultAppInitData>(