@yugabytedb/perf-advisor-ui 1.0.156 → 1.0.157

package/dist/common/ChartCard/ChartCard.d.ts

@@ -13,8 +13,9 @@ export interface ChartCardProps {
     metricKey: string;
     timezone?: string;
     config?: ChartConfig;
+    rescaleYAxisOnLegendToggle?: boolean;
     renderError?: RenderErrorFn;
     onEChartsDateSelect: (start: number, end: number) => void;
     onFilterBarData?: (data: string[]) => void;
 }
-export declare const ChartCard: ({ title, titleInfo, headerRightSlot, data, chartType, isLoading, isError, errorText, metricKey, timezone, config, renderError, onEChartsDateSelect, onFilterBarData }: ChartCardProps) => JSX.Element;
+export declare const ChartCard: ({ title, titleInfo, headerRightSlot, data, chartType, isLoading, isError, errorText, metricKey, timezone, config, rescaleYAxisOnLegendToggle, renderError, onEChartsDateSelect, onFilterBarData }: ChartCardProps) => JSX.Element;

package/dist/common/ChartCard/helpers/axes.d.ts

@@ -37,6 +37,7 @@ export interface ValueAxisConfig {
     splitNumber: number;
     max: number;
 }
+export declare const buildYAxis: (yAxisMax: number) => ValueAxisConfig;
 export declare const buildAxes: (timezone: string | undefined, startTime: number | undefined, endTime: number | undefined, yAxisMax: number) => {
     xAxis: TimeAxisConfig;
     yAxis: ValueAxisConfig;

package/dist/common/ChartCard/helpers/index.d.ts

@@ -1,4 +1,4 @@
-export { buildAxes, computeYAxisMax } from './axes';
+export { buildAxes, buildYAxis, computeYAxisMax } from './axes';
 export type { TimeAxisConfig, ValueAxisConfig } from './axes';
 export { buildSeries } from './series';
 export type { BuildSeriesResult } from './series';
@@ -7,5 +7,6 @@ export type { BuiltLegend } from './legend';
 export { buildTooltip } from './tooltip';
 export type { BuiltTooltip } from './tooltip';
 export { applyAnomalyOverlay } from './anomalyOverlay';
-export { wireDragToZoom, wireLegendIsolation, injectLegendTestIds } from './interactions';
+export { wireDragToZoom, wireYAxisRescale, applyYAxisMax, injectLegendTestIds } from './interactions';
 export type { DateSelectHandler } from './interactions';
+export { wireLegendIsolation } from '../../../helpers/echartsLegend';

package/dist/common/ChartCard/helpers/interactions.d.ts

@@ -1,6 +1,8 @@
 import { MutableRefObject } from 'react';
+import { EChartsSeriesItem } from '../types';
 import * as echarts from 'echarts/core';
 export type DateSelectHandler = (start: number, end: number) => void;
 export declare const wireDragToZoom: (instance: echarts.EChartsType, onSelectRef: MutableRefObject<DateSelectHandler>) => (() => void);
-export declare const wireLegendIsolation: (instance: echarts.EChartsType, activeLegendsRef: MutableRefObject<string[]>, onChange: (newActive: string[]) => void) => void;
+export declare const applyYAxisMax: (instance: echarts.EChartsType, visibleSeries: EChartsSeriesItem[], allSeries: EChartsSeriesItem[], quickAnimation?: boolean) => void;
+export declare const wireYAxisRescale: (instance: echarts.EChartsType, series: EChartsSeriesItem[]) => void;
 export declare const injectLegendTestIds: (container: HTMLElement | null, nameMapping: Record<string, string>) => void;

package/dist/common/ChartCard/helpers/legend.d.ts

@@ -1,8 +1,9 @@
 import { LegendPosition } from '../../../helpers/dtos';
-import { ChartConfig, EChartsSeriesItem, LegendIconOverride, LegendRichStyles } from '../types';
+import { ChartConfig, EChartsLineStyle, EChartsSeriesItem, LegendIconOverride, LegendRichStyles } from '../types';
 interface LegendDataEntry {
     name: string;
     icon?: LegendIconOverride;
+    lineStyle?: EChartsLineStyle;
 }
 export interface BuiltLegend {
     type: 'scroll';

package/dist/common/ChartCard/types.d.ts

@@ -26,6 +26,7 @@ export interface EChartsItemStyle {
     color?: string;
     borderColor?: string;
     borderWidth?: number;
+    opacity?: number;
 }
 export interface EChartsSeriesEmphasis {
     lineStyle?: EChartsLineStyle;
@@ -40,6 +41,22 @@ export interface EChartsMarkArea {
     data: Array<[EChartsMarkAreaDatum, EChartsMarkAreaDatum]>;
     itemStyle?: EChartsItemStyle;
 }
+export interface EChartsMarkLine {
+    silent?: boolean;
+    symbol?: EChartsSymbol;
+    lineStyle?: EChartsLineStyle;
+    label?: {
+        show?: boolean;
+        position?: 'start' | 'middle' | 'end';
+        formatter?: (params?: unknown) => string;
+        color?: string;
+        fontFamily?: string;
+        fontSize?: number;
+    };
+    data: Array<{
+        yAxis: number;
+    }>;
+}
 export interface EChartsSeriesItem {
     name: string;
     type: 'line' | 'bar';
@@ -57,7 +74,7 @@ export interface EChartsSeriesItem {
     z?: number;
     emphasis?: EChartsSeriesEmphasis;
     markArea?: EChartsMarkArea;
-    thresholdCap?: boolean;
+    markLine?: EChartsMarkLine;
 }
 export interface EChartsTooltipParam {
     seriesName: string;
@@ -108,10 +125,11 @@ export interface SeriesBuildContext {
     showLegend: boolean;
     showLineSymbols: boolean;
 }
-export type LegendIconOverride = 'none' | 'roundRect' | 'circle';
+export type LegendIconOverride = 'none' | 'roundRect' | 'circle' | 'inherit';
 export interface LegendItemDescriptor {
     iconOverride?: LegendIconOverride;
     formattedLabel?: string;
+    lineStyle?: EChartsLineStyle;
 }
 export type MarkAreaStyleOverride = Partial<Omit<EChartsMarkArea, 'data' | 'xAxisIndex'>>;
 export interface AnomalyOverlayConfig {

package/dist/components/GanttChart/utils/severity.d.ts

@@ -16,4 +16,10 @@ export declare function getSeverityTextColor(severity: Severity): string;
 export declare function shouldShowStatusDot(severity: Severity): boolean;
 export declare function getHighestSeverity(severities: Severity[]): Severity;
 export declare function getStatusDotTooltip(severity: Severity): TooltipContent | undefined;
+/**
+ * Formats a load percent for display. Small non-zero values that round to
+ * "0.00%" at 2 decimal places read as no load at all — surface them as
+ * "<0.01%" instead. Values that round to 0.01% or higher are shown as-is.
+ */
+export declare function formatLoadPercent(loadPercent: number): string;
 export declare function getPrefixTooltip(loadPercent: number): TooltipContent;

package/dist/components/PrimaryDashboard/chartConfigs/cpuByDatabaseConfig.d.ts

@@ -3,7 +3,6 @@ import { AnomalyGroup } from '../../../helpers/dtos';
 export interface CpuByDatabaseConfigOptions {
     anomalyData?: AnomalyGroup | null;
     shouldAbbreviateTraceName?: boolean;
-    thresholdValuesMap?: Record<string | number, number>;
 }
-export declare const makeCpuByDatabaseConfig: ({ anomalyData, shouldAbbreviateTraceName, thresholdValuesMap }?: CpuByDatabaseConfigOptions) => ChartConfig;
+export declare const makeCpuByDatabaseConfig: ({ anomalyData, shouldAbbreviateTraceName }?: CpuByDatabaseConfigOptions) => ChartConfig;
 export declare const cpuByDatabaseConfig: ChartConfig;

package/dist/components/PrimaryDashboard/chartConfigs/shared.d.ts

@@ -2,7 +2,6 @@ import { ReactNode } from 'react';
 import { EChartsPoint, RichTextFragment, SeriesDataItem } from '../../../common/ChartCard';
 import { AppName } from '../../../helpers/dtos';
 export declare const DASHED_LINE_RICH: RichTextFragment;
-export declare const THRESHOLD_LINE_RICH: RichTextFragment;
 export declare const THICK_LINE_RICH: RichTextFragment;
 export declare const toPoints: (item: SeriesDataItem) => EChartsPoint[];
 export declare const makeYbHostRenderError: (appName: AppName) => (errorText?: string) => ReactNode;

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

@@ -31,9 +31,23 @@ interface GraphViewProps {
      * render as a dashed line.
      */
     useStackedBars?: boolean;
+    /**
+     * Legend interaction mode. When true (default), clicking a legend isolates
+     * that series (hides all others; clicking it again restores every series).
+     * When false, ECharts' native per-series toggle is used (a click hides only
+     * the clicked series).
+     */
+    enableLegendIsolation?: boolean;
+    /**
+     * When true, recompute the y-axis ceiling from only the currently-visible
+     * series whenever the legend selection changes, so hiding a tall line lets
+     * the remaining series expand to fill the chart. Opt-in (default false);
+     * works with both legend isolation and native per-series toggle.
+     */
+    rescaleYAxisOnLegendToggle?: boolean;
     registerChartInstance?: (instance: echarts.ECharts) => void;
     onEChartsDateSelect: (startDateTime: number, endDateTime: number) => void;
     onSelectAshLabel?: (groupBy: string, metricData: GraphResponse, isHistoricalQueryView?: boolean) => void;
 }
-export declare const GraphView: React.MemoExoticComponent<({ metricData, appName, metricKey, metricMeasure, operations, groupByOperations, anomalyData, height, isRecommendationGraph, timezone, graphTitle, graphType, queryData, dateTimeRange, isHistoricalQueryView, showTitle, loading, useStackedBars, onEChartsDateSelect, onSelectAshLabel, registerChartInstance }: GraphViewProps) => JSX.Element>;
+export declare const GraphView: React.MemoExoticComponent<({ metricData, appName, metricKey, metricMeasure, operations, groupByOperations, anomalyData, height, isRecommendationGraph, timezone, graphTitle, graphType, queryData, dateTimeRange, isHistoricalQueryView, showTitle, loading, useStackedBars, enableLegendIsolation, rescaleYAxisOnLegendToggle, onEChartsDateSelect, onSelectAshLabel, registerChartInstance }: GraphViewProps) => JSX.Element>;
 export {};

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

@@ -0,0 +1,2 @@
+import { DependencyList, RefObject } from 'react';
+export declare function useIsTruncated<T extends HTMLElement = HTMLElement>(deps?: DependencyList): [RefObject<T>, boolean];