@yugabytedb/perf-advisor-ui 1.0.148 → 1.0.150

package/dist/components/SecondaryDashboard/AnomalyRouter.d.ts

@@ -1,4 +1,4 @@
-import { AnomalyGroup, AppName, ClusterDetails, GraphRequestParams, PAUrlParams, QueryPageParams, SqlTabs, SplitMode, TabletTabs, UrlParams, Universe } from '../../helpers/dtos';
+import { AnomalyGroup, AppName, ClusterDetails, GraphRequestParams, MetricMeasure, PAUrlParams, QueryPageParams, SqlTabs, SplitMode, TabletTabs, UrlParams, Universe } from '../../helpers/dtos';
 interface AnomalyRouterProps {
     metricMeasure: string;
     appName: AppName;
@@ -20,11 +20,12 @@ interface AnomalyRouterProps {
     tabletTab: TabletTabs;
     getClusterDetails: () => ClusterDetails;
     onOutlierTypeSelected: (outlierType: SplitMode) => void;
+    onSplitTypeSelected: (metricMeasure: MetricMeasure) => void;
     onNumNodesChanged: (numNodes: number) => void;
     onEChartsDateSelect: (startDateTime: number, endDateTime: number) => void;
     onSelectedIssue?: (troubleshootUuid: string | null, params?: PAUrlParams) => void;
     onSelectedQuery?: (queryId: string | null, params?: QueryPageParams) => void;
     onNavigateToUrl?: (url: string) => void;
 }
-export declare const AnomalyRouter: ({ metricMeasure, appName, universeQueryStatsData, amomalyGraphRequestParams, showPgssRpcStats, anomalyData, universeDetails, gantChartData, dateTimeRange, urlParams, apiUrl, sqlTab, tabletTab, getClusterDetails, onEChartsDateSelect, onSelectedIssue, onSelectedQuery, onOutlierTypeSelected, onNumNodesChanged, onNavigateToUrl }: AnomalyRouterProps) => JSX.Element;
+export declare const AnomalyRouter: ({ metricMeasure, appName, universeQueryStatsData, amomalyGraphRequestParams, showPgssRpcStats, anomalyData, universeDetails, gantChartData, dateTimeRange, urlParams, apiUrl, sqlTab, tabletTab, getClusterDetails, onEChartsDateSelect, onSelectedIssue, onSelectedQuery, onOutlierTypeSelected, onSplitTypeSelected, onNumNodesChanged, onNavigateToUrl }: AnomalyRouterProps) => JSX.Element | null;
 export {};

package/dist/components/SecondaryDashboard/Metadata/AnomalyRCAGraphs.d.ts

@@ -6,8 +6,8 @@ interface AnomalyRCAGraphsProps {
     endTime: string;
     anomalyData: AnomalyGroup;
     apiUrl: string;
-    amomalyGraphRequestParams: GraphRequestParams[] | null;
-    formattedMainGraphs: {
+    amomalyGraphRequestParams?: GraphRequestParams[] | null;
+    formattedMainGraphs?: {
         name: string;
         index: number;
         groupByControl: boolean;
@@ -21,5 +21,5 @@ interface AnomalyRCAGraphsProps {
     getClusterDetails: () => ClusterDetails;
     onEChartsDateSelect: (startDateTime: number, endDateTime: number) => void;
 }
-export declare const AnomalyRCAGraphs: ({ appName, startTime, endTime, dateTimeRange, metricMeasure, anomalyData, getClusterDetails, apiUrl, amomalyGraphRequestParams, formattedMainGraphs, urlParams, onEChartsDateSelect }: AnomalyRCAGraphsProps) => JSX.Element | null;
+export declare const AnomalyRCAGraphs: ({ appName, startTime, endTime, dateTimeRange, metricMeasure, anomalyData, getClusterDetails, apiUrl, amomalyGraphRequestParams: amomalyGraphRequestParamsProp, formattedMainGraphs: formattedMainGraphsProp, urlParams, onEChartsDateSelect }: AnomalyRCAGraphsProps) => JSX.Element | null;
 export {};

package/dist/components/SecondaryDashboard/Metadata/NodeLoadMetadata.d.ts

@@ -2,12 +2,19 @@ import { AppName, QueryPageParams } from '../../../helpers/dtos';
 interface NodeLoadMetadataProps {
     appName: AppName;
     dbWaitEventType: string;
+    ioWaitEventTypes?: string[];
     universeUuid: string;
     apiUrl: string;
     startTime: string;
     endTime: string;
+    nodesFilter?: {
+        cluster: string;
+        region: string;
+        zone: string;
+        node: string;
+    };
     onSelectedQuery?: (queryId: string | null, params?: QueryPageParams) => void;
     onNavigateToUrl?: (url: string) => void;
 }
-export declare const NodeLoadMetadata: ({ universeUuid, appName, apiUrl, startTime, endTime, dbWaitEventType, onSelectedQuery, onNavigateToUrl }: NodeLoadMetadataProps) => JSX.Element;
+export declare const NodeLoadMetadata: ({ universeUuid, appName, apiUrl, startTime, endTime, dbWaitEventType, ioWaitEventTypes, nodesFilter, onSelectedQuery, onNavigateToUrl }: NodeLoadMetadataProps) => JSX.Element;
 export {};

package/dist/components/SecondaryDashboard/Metadata/QueriesMetadata.d.ts

@@ -2,6 +2,8 @@ import { AppName, ClusterDetails, QueryPageParams, WaitEventClassification } fro
 interface QueriesMetadataProps {
     groupByOperation?: WaitEventClassification;
     dbWaitEventType: string;
+    /** ASH classes the "IO" selector value resolves to (defaults to [DiskIO, IO]). */
+    ioWaitEventTypes?: string[];
     universeUuid: string;
     name: string;
     apiUrl: string;
@@ -15,7 +17,9 @@ interface QueriesMetadataProps {
     isDbLoadMetadata?: boolean;
     isNodeLoadMetadata?: boolean;
     isTabletLoadMetadata?: boolean;
+    /** Render without the component's own outer spacing — e.g. when a parent supplies the card/padding. */
+    disableOuterSpacing?: boolean;
     getClusterDetails?: () => ClusterDetails;
 }
-export declare const QueriesMetadata: ({ dbWaitEventType, name, apiUrl, appName, startTime, endTime, universeUuid, withBorder, groupByOperation, isDbLoadMetadata, isNodeLoadMetadata, isTabletLoadMetadata, onSelectedQuery, onSetGroupByOperation, onNavigateToUrl, getClusterDetails: getClusterDetailsProp }: QueriesMetadataProps) => JSX.Element;
+export declare const QueriesMetadata: ({ dbWaitEventType, ioWaitEventTypes, name, apiUrl, appName, startTime, endTime, universeUuid, withBorder, groupByOperation, isDbLoadMetadata, isNodeLoadMetadata, isTabletLoadMetadata, disableOuterSpacing, onSelectedQuery, onSetGroupByOperation, onNavigateToUrl, getClusterDetails: getClusterDetailsProp }: QueriesMetadataProps) => JSX.Element;
 export {};

package/dist/components/SecondaryDashboard/anomalyPrimitives/GroupBySelector.d.ts

@@ -0,0 +1,12 @@
+import { WaitEventClassification } from '../../../helpers/dtos';
+interface GroupBySelectorProps {
+    value: WaitEventClassification;
+    onChange: (grouping: WaitEventClassification) => void;
+    dataTestId?: string;
+}
+/**
+ * "Group by: Wait Event Type | Wait Event" selector, mirroring the cluster-system-load control.
+ * Reusable across anomaly views that break an ASH series down by wait-event dimension.
+ */
+export declare const GroupBySelector: ({ value, onChange, dataTestId }: GroupBySelectorProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/anomalyPrimitives/NodeAnomalyControls.d.ts

@@ -0,0 +1,23 @@
+import { AnomalyGroup, MetricMeasure, SplitMode, WaitEventClassification } from '../../../helpers/dtos';
+interface NodeAnomalyControlsProps {
+    metricMeasure: MetricMeasure;
+    onSplitTypeSelected: (metricMeasure: MetricMeasure) => void;
+    outlierType: SplitMode;
+    numNodes: number;
+    onOutlierTypeSelected: (outlierType: SplitMode) => void;
+    onNumNodesChanged: (numNodes: number) => void;
+    anomalyData?: AnomalyGroup | null;
+    dbWaitEventType: string;
+    onChangeDbWaitEventType: (waitEventType: string) => void;
+    grouping: WaitEventClassification;
+    onGroupingChange: (grouping: WaitEventClassification) => void;
+    showGroupBy: boolean;
+}
+/**
+ * Single control row shared by every node-anomaly view, grouped by axis: node-split on the left
+ * (Overall/Outlier + Top/Bottom·N), wait-event on the right (group-by + All/CPU/IO). The two
+ * always-on controls (the split toggle and the wait-event filter) are pinned to the outer edges and
+ * the mode-specific controls expand inward, so nothing shifts when Top/Bottom or group-by hides.
+ */
+export declare const NodeAnomalyControls: ({ metricMeasure, onSplitTypeSelected, outlierType, numNodes, onOutlierTypeSelected, onNumNodesChanged, anomalyData, dbWaitEventType, onChangeDbWaitEventType, grouping, onGroupingChange, showGroupBy }: NodeAnomalyControlsProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/anomalyPrimitives/QueriesTable.d.ts

@@ -0,0 +1,26 @@
+import { AppName, ClusterDetails, QueryPageParams, WaitEventClassification } from '../../../helpers/dtos';
+export interface QueriesTableProps {
+    appName: AppName;
+    apiUrl: string;
+    universeUuid: string;
+    startTime: string | null;
+    endTime: string | null;
+    /** All/CPU/IO text ('ALL' | 'CPU' | 'IO'), forwarded as the wait-event filter. */
+    dbWaitEventType: string;
+    /** ASH classes the "IO" selector value resolves to (defaults to [DiskIO, IO]). */
+    ioWaitEventTypes?: string[];
+    /** Node to scope to; '' = cluster-wide. */
+    name: string;
+    /** Shared group-by so the table rolls up the same way as the chart above it. */
+    groupByOperation?: WaitEventClassification;
+    withBorder?: boolean;
+    getClusterDetails?: () => ClusterDetails;
+    onSelectedQuery?: (queryId: string | null, params?: QueryPageParams) => void;
+    onNavigateToUrl?: (url: string) => void;
+}
+/**
+ * The node "Overall" per-query table: wraps the shared `QueriesMetadata` in the same titled white
+ * card the Outlier "Load By Node" table uses, so both split modes look identical. `QueriesMetadata`
+ * stays generic (renders flush via `disableOuterSpacing`), so no other caller is affected.
+ */
+export declare const QueriesTable: ({ withBorder, name, dbWaitEventType, onSelectedQuery, ...rest }: QueriesTableProps) => JSX.Element;

package/dist/components/SecondaryDashboard/anomalyPrimitives/SplitControl.d.ts

@@ -0,0 +1,16 @@
+import { AnomalyGroup, MetricMeasure, SplitMode } from '../../../helpers/dtos';
+interface SplitControlProps {
+    metricMeasure: MetricMeasure;
+    onMetricMeasureChange: (metricMeasure: MetricMeasure) => void;
+    outlierType: SplitMode;
+    numNodes: number;
+    onOutlierTypeSelected: (outlierType: SplitMode) => void;
+    onNumNodesChanged: (numNodes: number) => void;
+    anomalyData?: AnomalyGroup | null;
+}
+/**
+ * Unified Overall/Outlier control for every anomaly view, standardized on `metricMeasure`. In the
+ * Outlier view it also exposes the Top/Bottom + node-count selector.
+ */
+export declare const SplitControl: ({ metricMeasure, onMetricMeasureChange, outlierType, numNodes, onOutlierTypeSelected, onNumNodesChanged, anomalyData }: SplitControlProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/anomalyPrimitives/SystemLoadPanel.d.ts

@@ -0,0 +1,28 @@
+import { AnomalyGroup, AppName, ClusterDetails, WaitEventClassification } from '../../../helpers/dtos';
+export interface SystemLoadPanelProps {
+    appName: AppName;
+    apiUrl: string;
+    universeUuid: string;
+    anomalyData: AnomalyGroup | null;
+    dateTimeRange: {
+        startDateTime: Date;
+        endDateTime: Date;
+    };
+    metricMeasure: string;
+    /** All/CPU/IO selector value. */
+    dbWaitEventType: string;
+    /** ASH classes the "IO" selector value resolves to (defaults to [DiskIO, IO]). */
+    ioWaitEventTypes?: string[];
+    /** ASH group-by; applied to the load series in the Overall view only. */
+    waitEventGrouping: WaitEventClassification;
+    /** Optional capacity metric overlaid as a reference line (e.g. `cpu_count` → "Cores"). */
+    capacityMetric?: string;
+    graphTitle?: string;
+    getClusterDetails: () => ClusterDetails;
+    onEChartsDateSelect: (start: number, end: number) => void;
+}
+/**
+ * Shared node-anomaly chart: `active_session_history_system_load` filtered by wait-event type,
+ * split by `metricMeasure`, optionally overlaid with a capacity ("Cores") reference line.
+ */
+export declare const SystemLoadPanel: ({ appName, apiUrl, universeUuid, anomalyData, dateTimeRange, metricMeasure, dbWaitEventType, ioWaitEventTypes, waitEventGrouping, capacityMetric, graphTitle, getClusterDetails, onEChartsDateSelect }: SystemLoadPanelProps) => JSX.Element;

package/dist/components/SecondaryDashboard/anomalyViewConfig.d.ts

@@ -0,0 +1,35 @@
+import { AnomalyCategory, AnomalyGroup, AnomalyType, DbWaitEventType, MetricMeasure, NodeType } from '../../helpers/dtos';
+export interface AnomalyViewConfig {
+    /** Values pre-selected on initial load. */
+    preselect?: {
+        /** Pre-select the affected node in the AZ/Node picker. */
+        affectedNode?: boolean;
+        /** Pre-select the affected region (also scopes the AZ/Node picker to it). */
+        affectedRegion?: boolean;
+        /** Pre-select a DB wait-event filter (ALL is the "no preselect" case — omit the field). */
+        dbWaitEventType?: Exclude<DbWaitEventType, typeof DbWaitEventType.ALL>;
+        /** Split the page opens on: OUTLIER (Top/Bottom-N) or OVERALL. */
+        split?: MetricMeasure.OVERALL | MetricMeasure.OUTLIER;
+    };
+    /** GenericHeader (scope selector bar) behavior. */
+    header?: {
+        /** Render the selector bar. Default false. */
+        show?: boolean;
+        /** Render the split/outlier selector row. Default true. */
+        showSplitSelector?: boolean;
+    };
+    /** AZ/Node picker filter: TSERVER (default) shows tservers only; `null` shows all node types. */
+    nodePickerFilter?: NodeType.TSERVER | null;
+    /** ASH classes the "IO" selector resolves to. Omit → [DiskIO, IO]. */
+    ioWaitEventTypes?: string[];
+}
+/**
+ * Per-anomaly view presets (preselect / header / IO scope), nested by category → type. Only list a
+ * `type` when it differs from its category `default`; `default` covers unlisted (future) types.
+ */
+export declare const ANOMALY_VIEW_CONFIG: Partial<Record<AnomalyCategory, {
+    default?: AnomalyViewConfig;
+    types?: Partial<Record<AnomalyType, AnomalyViewConfig>>;
+}>>;
+/** Resolves an anomaly's config: per-type entry → category default → null. */
+export declare const resolveAnomalyViewConfig: (anomaly: AnomalyGroup | null) => AnomalyViewConfig | null;

package/dist/components/SecondaryDashboard/anomalyViews/GraphOnlyView.d.ts

@@ -0,0 +1,5 @@
+import { AnomalyViewProps } from './types';
+/**
+ * Shared body for graph-only anomalies (main RCA graphs + Gantt, no per-node/query tables)
+ */
+export declare const GraphOnlyView: ({ metricMeasure, appName, dateTimeRange, universeQueryStatsData, amomalyGraphRequestParams, apiUrl, anomalyData, gantChartData, urlParams, getClusterDetails, onEChartsDateSelect, onSelectedIssue }: AnomalyViewProps) => JSX.Element;

package/dist/components/SecondaryDashboard/anomalyViews/NodeAnomalyView.d.ts

@@ -0,0 +1,8 @@
+import { AnomalyViewProps } from './types';
+export interface NodeViewOptions {
+    /** Overlay the capacity ("Cores") reference line (CPU saturation only). */
+    showCapacityLine?: boolean;
+    /** Append the shared "Observed Anomaly" graphs below the table. */
+    showObservedGraphs?: boolean;
+}
+export declare const NodeAnomalyView: ({ appName, apiUrl, anomalyData, dateTimeRange, startTime, endTime, metricMeasure, dbWaitEventType, ioWaitEventTypes, urlParams, getClusterDetails, onChangeDbWaitEventType, onSplitTypeSelected, onOutlierTypeSelected, onNumNodesChanged, onEChartsDateSelect, onSelectedQuery, onNavigateToUrl, showCapacityLine, showObservedGraphs }: AnomalyViewProps & NodeViewOptions) => JSX.Element;

package/dist/components/SecondaryDashboard/anomalyViews/SqlAnomalyView.d.ts

@@ -0,0 +1,2 @@
+import { AnomalyViewProps } from './types';
+export declare const SqlAnomalyView: ({ appName, apiUrl, anomalyData, dateTimeRange, metricMeasure, urlParams, universeDetails, universeQueryStatsData, showPgssRpcStats, sqlTab, getClusterDetails, onEChartsDateSelect }: AnomalyViewProps) => JSX.Element;

package/dist/components/SecondaryDashboard/anomalyViews/TabletAnomalyView.d.ts

@@ -0,0 +1,2 @@
+import { AnomalyViewProps } from './types';
+export declare const TabletAnomalyView: ({ appName, apiUrl, anomalyData, dateTimeRange, startTime, endTime, metricMeasure, urlParams, tabletTab, getClusterDetails, onEChartsDateSelect, onSelectedQuery, onNavigateToUrl }: AnomalyViewProps) => JSX.Element | null;

package/dist/components/SecondaryDashboard/anomalyViews/types.d.ts

@@ -0,0 +1,32 @@
+import { AnomalyGroup, AppName, ClusterDetails, GraphRequestParams, MetricMeasure, PAUrlParams, QueryPageParams, SplitMode, SqlTabs, TabletTabs, Universe, UrlParams } from '../../../helpers/dtos';
+export interface AnomalyViewProps {
+    appName: AppName;
+    apiUrl: string;
+    anomalyData: AnomalyGroup | null;
+    dateTimeRange: {
+        startDateTime: Date;
+        endDateTime: Date;
+    };
+    startTime: string;
+    endTime: string;
+    metricMeasure: string;
+    dbWaitEventType: string;
+    ioWaitEventTypes: string[];
+    urlParams: UrlParams;
+    getClusterDetails: () => ClusterDetails;
+    onChangeDbWaitEventType: (waitEventType: string) => void;
+    onSplitTypeSelected: (metricMeasure: MetricMeasure) => void;
+    onOutlierTypeSelected: (outlierType: SplitMode) => void;
+    onNumNodesChanged: (numNodes: number) => void;
+    onEChartsDateSelect: (startDateTime: number, endDateTime: number) => void;
+    onSelectedQuery?: (queryId: string | null, params?: QueryPageParams) => void;
+    onNavigateToUrl?: (url: string) => void;
+    universeDetails: Universe;
+    universeQueryStatsData: any;
+    amomalyGraphRequestParams: GraphRequestParams[] | null;
+    gantChartData: any;
+    sqlTab: SqlTabs;
+    tabletTab: TabletTabs;
+    showPgssRpcStats?: boolean;
+    onSelectedIssue?: (troubleshootUuid: string | null, params?: PAUrlParams) => void;
+}

package/dist/components/hooks/useAnomalyPreselection.d.ts

@@ -0,0 +1,26 @@
+import { Dispatch, SetStateAction } from 'react';
+import { AnomalyViewConfig } from '../SecondaryDashboard/anomalyViewConfig';
+import { ClusterRegionSelection, ZoneNodeSelection } from './useClusterFilterState';
+import { AnomalyGroup, MetricMeasure } from '../../helpers/dtos';
+interface DateTimeRange {
+    startDateTime: Date;
+    endDateTime: Date;
+}
+export interface UseAnomalyPreselectionParams {
+    viewConfig: AnomalyViewConfig | null;
+    anomalyGroupData: AnomalyGroup | null;
+    universeUuid: string;
+    apiUrl: string;
+    dateTimeRange: DateTimeRange;
+    region: string;
+    node: string;
+    onClusterRegionSelected: (selection: ClusterRegionSelection) => void;
+    onZoneNodeSelected: (selection: ZoneNodeSelection) => void;
+    setMetricMeasure: Dispatch<SetStateAction<MetricMeasure>>;
+}
+/**
+ * Applies all of an anomaly's initial-load pre-selections (affected node, affected region, and the
+ * split/measure) to the page-level cluster-filter + metric-measure state.
+ */
+export declare const useAnomalyPreselection: ({ viewConfig, anomalyGroupData, universeUuid, apiUrl, dateTimeRange, region, node, onClusterRegionSelected, onZoneNodeSelected, setMetricMeasure }: UseAnomalyPreselectionParams) => void;
+export {};

package/dist/components/styles.d.ts

@@ -1 +1 @@
-export declare const useHelperStyles: (props?: any) => import('@material-ui/styles').ClassNameMap<"icon" | "tooltip" | "disabled" | "tableHeaderCell" | "label" | "overrideMuiInput" | "selectBox" | "regularText" | "recommendation" | "tagGreen" | "flexRow" | "flexColumn" | "inProgressIcon" | "loadingBox" | "metricsLoadingBox" | "tabGroup" | "tabButton" | "selectedTab" | "tabPanel" | "noTabBorder" | "tabBox" | "metricsBox" | "detectionButton" | "floatRight" | "restrictLines" | "searchInput" | "mainGraphBox" | "mainGraphMetadataBox" | "anomalyMetadataOneBox" | "anomalyMetadataTwoBox" | "headerTitle" | "metaDataMarginBottom" | "metadataDetails" | "regularMetadata" | "boxContainer" | "headerMetadataBox" | "causesBox" | "causeTabButton" | "causeTabLabelWrapper" | "causeText" | "descriptionText" | "tag" | "tagName" | "metadataName" | "breadCrumb" | "breadCrumbText" | "ybBreadcrumbWrapper" | "breadcrumbColor" | "breadcrumbDefaultColor" | "anomalyCategoryText" | "dateTimePicker" | "panelItemBody" | "rcaGantChartBox" | "tabPanelPrimary" | "overrideMuiTableContainer" | "overrideMuiTableContainerWeb" | "queryMetadataTable" | "overrideMuiTable" | "tableBorder" | "overrideMuiSelect" | "gridBox" | "gridBoxDouble" | "gridBoxSingle" | "gridBoxThree" | "dataBox" | "queryMetadataBox" | "anomalyTypeTag" | "anomalyTypeText" | "stickyHeader" | "infoIcon" | "filterContainer" | "filterLeftContainer" | "ybOverrideMuiInput" | "ybOverrideMuiSelect" | "ybSearchInput" | "ybSelectBox" | "ybSelectBoxTimezone" | "headerBox" | "headerText" | "noteTextContainer" | "noteText" | "noteTextBold" | "ghantChartContainer" | "secondRow" | "ybTabs" | "mainContainerBorder" | "mainContainer" | "headerContainer" | "loadFilterContainer" | "metadataContainer" | "tabletNodeLoadMetadataTableCell" | "ellipsisText" | "queryLoadMetadataTableCell" | "dividerStyle" | "metricSplitSelectorBox" | "tabsContainer" | "metricSplitSelectorContainer" | "deletedTabletsBox" | "processGraphDataContainer" | "emptyContainer" | "chartsMetricsBanner" | "chartsMetricsBannerContent" | "chartsMetricsBannerTitle" | "chartsMetricsBannerSubtitle" | "systemQueriesCheckbox" | "systemQueriesCheckboxWrap">;
+export declare const useHelperStyles: (props?: any) => import('@material-ui/styles').ClassNameMap<"icon" | "tooltip" | "disabled" | "tableHeaderCell" | "label" | "overrideMuiInput" | "selectBox" | "regularText" | "recommendation" | "tagGreen" | "flexRow" | "flexColumn" | "inProgressIcon" | "loadingBox" | "metricsLoadingBox" | "tabGroup" | "tabButton" | "selectedTab" | "tabPanel" | "noTabBorder" | "tabBox" | "metricsBox" | "detectionButton" | "floatRight" | "searchInput" | "headerTitle" | "metaDataMarginBottom" | "regularMetadata" | "boxContainer" | "controlDivider" | "headerMetadataBox" | "causesBox" | "causeTabButton" | "causeTabLabelWrapper" | "causeText" | "descriptionText" | "tag" | "tagName" | "metadataName" | "breadCrumb" | "breadCrumbText" | "ybBreadcrumbWrapper" | "breadcrumbColor" | "breadcrumbDefaultColor" | "anomalyCategoryText" | "dateTimePicker" | "panelItemBody" | "rcaGantChartBox" | "tabPanelPrimary" | "overrideMuiTableContainer" | "overrideMuiTableContainerWeb" | "queryMetadataTable" | "overrideMuiTable" | "tableBorder" | "overrideMuiSelect" | "gridBox" | "gridBoxDouble" | "gridBoxSingle" | "gridBoxThree" | "dataBox" | "queryMetadataBox" | "anomalyTypeTag" | "anomalyTypeText" | "stickyHeader" | "infoIcon" | "filterContainer" | "filterLeftContainer" | "ybOverrideMuiInput" | "ybOverrideMuiSelect" | "ybSearchInput" | "ybSelectBox" | "ybSelectBoxTimezone" | "headerBox" | "headerText" | "noteTextContainer" | "noteText" | "noteTextBold" | "ghantChartContainer" | "secondRow" | "ybTabs" | "mainContainerBorder" | "mainContainer" | "headerContainer" | "loadFilterContainer" | "metadataContainer" | "tabletNodeLoadMetadataTableCell" | "ellipsisText" | "queryLoadMetadataTableCell" | "dividerStyle" | "metricSplitSelectorBox" | "tabsContainer" | "metricSplitSelectorContainer" | "deletedTabletsBox" | "processGraphDataContainer" | "emptyContainer" | "chartsMetricsBanner" | "chartsMetricsBannerContent" | "chartsMetricsBannerTitle" | "chartsMetricsBannerSubtitle" | "systemQueriesCheckbox" | "systemQueriesCheckboxWrap">;