Background: The React/JavaScript/TypeScript app runs a liveboard embed using the

@thoughtspot/visual-embed-sdk

library. The code passes a few actions.

tsx
import { Action, LiveboardEmbed as LiveboardEmbedRef } from '@thoughtspot/visual-embed-sdk';

const LiveboardVisuals: React.FC<LiveboardProps> = ({
  liveboardId,
  visualId,
  filterByOptions,
}) => {
  const embedRef = useEmbedRef() as React.MutableRefObject<LiveboardEmbedRef>;

  return (
    <LiveboardEmbed
      frameParams={{
        height: '580px',
      }}
      fullHeight
      ref={embedRef}
      liveboardId={liveboardId}
      runtimeFilters={filterByOptions}
      vizId={visualId}
      visibleActions={[
        Action.CreateMonitor, // allows to create a monitor,
        Action.ManageMonitor, // doesn't work as expected
        Action.CopyToClipboard,
        Action.ShowUnderlyingData,
        Action.Explore,
        Action.AxisMenuFilter,
      ]}
    />
  );
};

Aim: When the user clicks on the 3 dots, then the "Manage alerts" option should be selectable (please see attached image). Issue: We assume the

Action.ManageMonitor

action (source: ) should show the "Manage alerts" option. When we pass it to the liveboard embed, then the option is still not visible (please see attached image).