@sentio/ui-dashboard 0.2.6 → 0.2.8

package/dist/index.d.mts

@@ -383,12 +383,12 @@ interface MetricInfoLike {
     };
 }
 
-interface Props$n {
+interface Props$s {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function AggregateInput({ metric, value, onChange }: Props$n): react_jsx_runtime.JSX.Element;
+declare function AggregateInput({ metric, value, onChange }: Props$s): react_jsx_runtime.JSX.Element;
 
 declare enum ArgumentType {
     String = 0,
@@ -423,28 +423,28 @@ declare const EventsFunctionMap: {
     [name: string]: FunctionDef;
 };
 
-interface Props$m {
+interface Props$r {
     argument: ArgumentDef;
     value?: ArgumentLike;
     onChange?: (value: ArgumentLike) => void;
     className?: string;
 }
-declare function ArgumentInput({ className, argument, value, onChange }: Props$m): react_jsx_runtime.JSX.Element;
+declare function ArgumentInput({ className, argument, value, onChange }: Props$r): react_jsx_runtime.JSX.Element;
 
-interface Props$l {
+interface Props$q {
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function FunctionInput({ value, onChange }: Props$l): react_jsx_runtime.JSX.Element;
+declare function FunctionInput({ value, onChange }: Props$q): react_jsx_runtime.JSX.Element;
 
-interface Props$k {
+interface Props$p {
     onClick: (func: FunctionDef) => void;
     functionCategories?: typeof FunctionsCategories;
     defaultFunc?: string;
 }
-declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$k): react_jsx_runtime.JSX.Element;
+declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$p): react_jsx_runtime.JSX.Element;
 
-interface Props$j {
+interface Props$o {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
@@ -454,7 +454,7 @@ interface Props$j {
     small?: boolean;
     useRegex?: boolean;
 }
-declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$j): react_jsx_runtime.JSX.Element;
+declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$o): react_jsx_runtime.JSX.Element;
 
 declare const SystemLabels: {
     field: string;
@@ -517,7 +517,7 @@ type SeriesFinder = {
 };
 declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
 
-interface Props$i {
+interface Props$n {
     legend: string[];
     legendSelected: Record<string, boolean>;
     returnedSeries?: number;
@@ -525,7 +525,7 @@ interface Props$i {
     onRendered: (v: boolean) => void;
     chartHandle?: EChartsHandle;
 }
-declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$i) => react_jsx_runtime.JSX.Element;
+declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$n) => react_jsx_runtime.JSX.Element;
 
 declare const RefreshContext: react.Context<{
     refresh?: () => void;
@@ -533,14 +533,14 @@ declare const RefreshContext: react.Context<{
 }>;
 declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
 
-type Props$h = {
+type Props$m = {
     value: ChartTypeLike;
     onChange: (value: ChartTypeLike) => void;
     small?: boolean;
 };
-declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$h) => react_jsx_runtime.JSX.Element;
+declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$m) => react_jsx_runtime.JSX.Element;
 
-interface Props$g {
+interface Props$l {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number, seriesId?: string) => string;
@@ -553,9 +553,9 @@ interface Props$g {
     viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
     isFixed?: boolean;
 }
-declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$g): react_jsx_runtime.JSX.Element;
+declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$l): react_jsx_runtime.JSX.Element;
 
-interface Props$f {
+interface Props$k {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number) => string;
@@ -568,7 +568,7 @@ interface Props$f {
     isFixed?: boolean;
     sizeTitle?: string;
 }
-declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$f): react_jsx_runtime.JSX.Element;
+declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$k): react_jsx_runtime.JSX.Element;
 
 /** Minimal shape consumed from a computed series — only name + first data point. */
 interface PieSeriesInput {
@@ -589,42 +589,70 @@ interface PieChartProps {
 }
 declare const PieChart: react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<EChartsHandle>>;
 
-interface Props$e {
+interface BarGaugeChartProps {
+    /** Already-computed series (app runs the worker compute and passes the result). */
+    series: PieSeriesInput[];
+    legend?: string[];
+    /** Formats a bar value for the label / value-axis. */
+    valueFormatter: (value: number) => string;
+    config?: ChartConfigLike;
+    title?: string;
+    minHeight?: number;
+    loading?: boolean;
+    style?: CSSProperties;
+    onInitChart?: (chart: ECharts) => void;
+}
+declare const BarGaugeChart: react.ForwardRefExoticComponent<BarGaugeChartProps & react.RefAttributes<EChartsHandle>>;
+
+interface QueryValueChartProps {
+    /** Worker-resolved render inputs (app runs the QueryValue worker compute). */
+    series: any[];
+    valueText?: string;
+    textColor?: string;
+    backgroundColor?: string;
+    minHeight?: number;
+    loading?: boolean;
+    style?: CSSProperties;
+    onInitChart?: (chart: ECharts) => void;
+}
+declare const QueryValueChart: react.ForwardRefExoticComponent<QueryValueChartProps & react.RefAttributes<EChartsHandle>>;
+
+interface Props$j {
     config?: LineConfigLike;
     defaultOpen?: boolean;
     onChange: (config: LineConfigLike) => void;
 }
-declare const LineControls: ({ config, defaultOpen, onChange }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const LineControls: ({ config, defaultOpen, onChange }: Props$j) => react_jsx_runtime.JSX.Element;
 
-interface Props$d {
+interface Props$i {
     config?: LabelConfigLike;
     setConfig: (value: LabelConfigLike) => void;
     defaultOpen?: boolean;
 }
-declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$d) => react_jsx_runtime.JSX.Element;
+declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$i) => react_jsx_runtime.JSX.Element;
 
-interface Props$c {
+interface Props$h {
     config?: PieConfigLike;
     defaultOpen?: boolean;
     onChange: (config: PieConfigLike) => void;
 }
-declare const defaultConfig$3: PieConfigLike;
-declare function PieChartControls({ config, defaultOpen, onChange }: Props$c): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$5: PieConfigLike;
+declare function PieChartControls({ config, defaultOpen, onChange }: Props$h): react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$g {
     config?: BarGaugeConfigLike;
     defaultOpen?: boolean;
     onChange: (config: BarGaugeConfigLike) => void;
 }
-declare const defaultConfig$2: BarGaugeConfigLike;
-declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$b): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$4: BarGaugeConfigLike;
+declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$g): react_jsx_runtime.JSX.Element;
 
 interface ValueFormatter {
     label: string;
     value: ValueFormatterLike;
 }
 declare const ValueFormatters: ValueFormatter[];
-interface Props$a {
+interface Props$f {
     config: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -632,10 +660,10 @@ interface Props$a {
     showPrefix?: boolean;
     showSuffix?: boolean;
 }
-declare const defaultConfig$1: ValueConfigLike;
-declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const defaultConfig$3: ValueConfigLike;
+declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$f) => react_jsx_runtime.JSX.Element;
 
-interface Props$9 {
+interface Props$e {
     config?: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -643,14 +671,78 @@ interface Props$9 {
     showPrefix?: boolean;
     showSuffix?: boolean;
 }
-declare const defaultConfig: ValueConfigLike;
-declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const defaultConfig$2: ValueConfigLike;
+declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$e) => react_jsx_runtime.JSX.Element;
 
-interface Props$8 {
+interface Props$d {
     rules: MappingRuleLike[];
     onChange: (rules: MappingRuleLike[]) => void;
 }
-declare function ValueStringMapping({ rules, onChange }: Props$8): react_jsx_runtime.JSX.Element;
+declare function ValueStringMapping({ rules, onChange }: Props$d): react_jsx_runtime.JSX.Element;
+
+interface Props$c {
+    yAxis?: YAxisConfigLike;
+    setYAxis: (yAxis: YAxisConfigLike) => void;
+    defaultOpen?: boolean;
+    /** Optional app-supplied column picker (sql charts). When present the Column row renders. */
+    columnSelect?: ReactNode;
+    supportSetName?: boolean;
+    supportSetMinMax?: boolean;
+    supportStackSeries?: boolean;
+    supportAlwaysShowZero?: boolean;
+    supportReset?: boolean;
+    panelTitle?: string;
+}
+declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$c): react_jsx_runtime.JSX.Element;
+
+interface Props$b {
+    xAxis?: XAxisConfigLike;
+    setXAxis: (val?: XAxisConfigLike) => void;
+    defaultOpen?: boolean;
+    /** Optional app-supplied column picker (sql charts). When present the Column row renders. */
+    columnSelect?: ReactNode;
+    /** Whether the selected X column is a non-TIME column (app resolves from the data schema). */
+    columnIsNonTime?: boolean;
+    panelTitle?: string;
+    supportName?: boolean;
+    supportSort?: boolean;
+    supportSetType?: boolean;
+}
+declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$b) => react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    markers?: MarkerLike[];
+    onChange: (v: MarkerLike[]) => void;
+}
+declare function MarkerControls({ markers, onChange }: Props$a): react_jsx_runtime.JSX.Element;
+
+interface Props$9 {
+    defaultOpen?: boolean;
+    onChange: (config: DataConfigLike) => void;
+    chartConfig?: ChartConfigLike;
+    /** Per-chart-type fallback when no explicit limit is set (app resolves from ChartTypeLimits). */
+    defaultSeriesLimit?: number;
+}
+declare const defaultConfig$1: DataConfigLike;
+declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$9): react_jsx_runtime.JSX.Element;
+
+interface Props$8 {
+    config?: ScatterConfigLike;
+    defaultOpen?: boolean;
+    onChange: (config: ScatterConfigLike) => void;
+    /** App-supplied sql column picker (Size By Column). */
+    columnSelect?: (props: {
+        value?: string;
+        onChange: (col: string) => void;
+    }) => ReactNode;
+    /** App-supplied color picker (Size Color Mapping). */
+    colorPicker?: (props: {
+        value?: string;
+        onChange: (color?: string) => void;
+    }) => ReactNode;
+}
+declare const defaultConfig: ScatterConfigLike;
+declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$8): react_jsx_runtime.JSX.Element;
 
 declare const sentioColors: {
     light: {
@@ -1442,4 +1534,4 @@ interface Props {
 }
 declare const SvgIcon: ({ className }: Props) => react_jsx_runtime.JSX.Element;
 
-export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTooltip, ChartTypeButtonGroup, type ChartTypeLike, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResponsiveLayoutsLike, ScatterChartTooltip, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type YAxisConfigLike, defaultConfig$2 as defaultBarGaugeConfig, defaultConfig$3 as defaultPieConfig, defaultConfig$1 as defaultValueConfig, defaultConfig as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
+export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeChart, type BarGaugeChartProps, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTooltip, ChartTypeButtonGroup, type ChartTypeLike, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, MarkerControls, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, QueryValueChart, type QueryValueChartProps, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$4 as defaultBarGaugeConfig, defaultConfig$1 as defaultDataConfig, defaultConfig$5 as defaultPieConfig, defaultConfig as defaultScatterConfig, defaultConfig$3 as defaultValueConfig, defaultConfig$2 as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };

package/dist/index.d.ts

@@ -383,12 +383,12 @@ interface MetricInfoLike {
     };
 }
 
-interface Props$n {
+interface Props$s {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function AggregateInput({ metric, value, onChange }: Props$n): react_jsx_runtime.JSX.Element;
+declare function AggregateInput({ metric, value, onChange }: Props$s): react_jsx_runtime.JSX.Element;
 
 declare enum ArgumentType {
     String = 0,
@@ -423,28 +423,28 @@ declare const EventsFunctionMap: {
     [name: string]: FunctionDef;
 };
 
-interface Props$m {
+interface Props$r {
     argument: ArgumentDef;
     value?: ArgumentLike;
     onChange?: (value: ArgumentLike) => void;
     className?: string;
 }
-declare function ArgumentInput({ className, argument, value, onChange }: Props$m): react_jsx_runtime.JSX.Element;
+declare function ArgumentInput({ className, argument, value, onChange }: Props$r): react_jsx_runtime.JSX.Element;
 
-interface Props$l {
+interface Props$q {
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function FunctionInput({ value, onChange }: Props$l): react_jsx_runtime.JSX.Element;
+declare function FunctionInput({ value, onChange }: Props$q): react_jsx_runtime.JSX.Element;
 
-interface Props$k {
+interface Props$p {
     onClick: (func: FunctionDef) => void;
     functionCategories?: typeof FunctionsCategories;
     defaultFunc?: string;
 }
-declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$k): react_jsx_runtime.JSX.Element;
+declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$p): react_jsx_runtime.JSX.Element;
 
-interface Props$j {
+interface Props$o {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
@@ -454,7 +454,7 @@ interface Props$j {
     small?: boolean;
     useRegex?: boolean;
 }
-declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$j): react_jsx_runtime.JSX.Element;
+declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$o): react_jsx_runtime.JSX.Element;
 
 declare const SystemLabels: {
     field: string;
@@ -517,7 +517,7 @@ type SeriesFinder = {
 };
 declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
 
-interface Props$i {
+interface Props$n {
     legend: string[];
     legendSelected: Record<string, boolean>;
     returnedSeries?: number;
@@ -525,7 +525,7 @@ interface Props$i {
     onRendered: (v: boolean) => void;
     chartHandle?: EChartsHandle;
 }
-declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$i) => react_jsx_runtime.JSX.Element;
+declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$n) => react_jsx_runtime.JSX.Element;
 
 declare const RefreshContext: react.Context<{
     refresh?: () => void;
@@ -533,14 +533,14 @@ declare const RefreshContext: react.Context<{
 }>;
 declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
 
-type Props$h = {
+type Props$m = {
     value: ChartTypeLike;
     onChange: (value: ChartTypeLike) => void;
     small?: boolean;
 };
-declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$h) => react_jsx_runtime.JSX.Element;
+declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$m) => react_jsx_runtime.JSX.Element;
 
-interface Props$g {
+interface Props$l {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number, seriesId?: string) => string;
@@ -553,9 +553,9 @@ interface Props$g {
     viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
     isFixed?: boolean;
 }
-declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$g): react_jsx_runtime.JSX.Element;
+declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$l): react_jsx_runtime.JSX.Element;
 
-interface Props$f {
+interface Props$k {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number) => string;
@@ -568,7 +568,7 @@ interface Props$f {
     isFixed?: boolean;
     sizeTitle?: string;
 }
-declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$f): react_jsx_runtime.JSX.Element;
+declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$k): react_jsx_runtime.JSX.Element;
 
 /** Minimal shape consumed from a computed series — only name + first data point. */
 interface PieSeriesInput {
@@ -589,42 +589,70 @@ interface PieChartProps {
 }
 declare const PieChart: react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<EChartsHandle>>;
 
-interface Props$e {
+interface BarGaugeChartProps {
+    /** Already-computed series (app runs the worker compute and passes the result). */
+    series: PieSeriesInput[];
+    legend?: string[];
+    /** Formats a bar value for the label / value-axis. */
+    valueFormatter: (value: number) => string;
+    config?: ChartConfigLike;
+    title?: string;
+    minHeight?: number;
+    loading?: boolean;
+    style?: CSSProperties;
+    onInitChart?: (chart: ECharts) => void;
+}
+declare const BarGaugeChart: react.ForwardRefExoticComponent<BarGaugeChartProps & react.RefAttributes<EChartsHandle>>;
+
+interface QueryValueChartProps {
+    /** Worker-resolved render inputs (app runs the QueryValue worker compute). */
+    series: any[];
+    valueText?: string;
+    textColor?: string;
+    backgroundColor?: string;
+    minHeight?: number;
+    loading?: boolean;
+    style?: CSSProperties;
+    onInitChart?: (chart: ECharts) => void;
+}
+declare const QueryValueChart: react.ForwardRefExoticComponent<QueryValueChartProps & react.RefAttributes<EChartsHandle>>;
+
+interface Props$j {
     config?: LineConfigLike;
     defaultOpen?: boolean;
     onChange: (config: LineConfigLike) => void;
 }
-declare const LineControls: ({ config, defaultOpen, onChange }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const LineControls: ({ config, defaultOpen, onChange }: Props$j) => react_jsx_runtime.JSX.Element;
 
-interface Props$d {
+interface Props$i {
     config?: LabelConfigLike;
     setConfig: (value: LabelConfigLike) => void;
     defaultOpen?: boolean;
 }
-declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$d) => react_jsx_runtime.JSX.Element;
+declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$i) => react_jsx_runtime.JSX.Element;
 
-interface Props$c {
+interface Props$h {
     config?: PieConfigLike;
     defaultOpen?: boolean;
     onChange: (config: PieConfigLike) => void;
 }
-declare const defaultConfig$3: PieConfigLike;
-declare function PieChartControls({ config, defaultOpen, onChange }: Props$c): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$5: PieConfigLike;
+declare function PieChartControls({ config, defaultOpen, onChange }: Props$h): react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$g {
     config?: BarGaugeConfigLike;
     defaultOpen?: boolean;
     onChange: (config: BarGaugeConfigLike) => void;
 }
-declare const defaultConfig$2: BarGaugeConfigLike;
-declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$b): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$4: BarGaugeConfigLike;
+declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$g): react_jsx_runtime.JSX.Element;
 
 interface ValueFormatter {
     label: string;
     value: ValueFormatterLike;
 }
 declare const ValueFormatters: ValueFormatter[];
-interface Props$a {
+interface Props$f {
     config: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -632,10 +660,10 @@ interface Props$a {
     showPrefix?: boolean;
     showSuffix?: boolean;
 }
-declare const defaultConfig$1: ValueConfigLike;
-declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const defaultConfig$3: ValueConfigLike;
+declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$f) => react_jsx_runtime.JSX.Element;
 
-interface Props$9 {
+interface Props$e {
     config?: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -643,14 +671,78 @@ interface Props$9 {
     showPrefix?: boolean;
     showSuffix?: boolean;
 }
-declare const defaultConfig: ValueConfigLike;
-declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const defaultConfig$2: ValueConfigLike;
+declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$e) => react_jsx_runtime.JSX.Element;
 
-interface Props$8 {
+interface Props$d {
     rules: MappingRuleLike[];
     onChange: (rules: MappingRuleLike[]) => void;
 }
-declare function ValueStringMapping({ rules, onChange }: Props$8): react_jsx_runtime.JSX.Element;
+declare function ValueStringMapping({ rules, onChange }: Props$d): react_jsx_runtime.JSX.Element;
+
+interface Props$c {
+    yAxis?: YAxisConfigLike;
+    setYAxis: (yAxis: YAxisConfigLike) => void;
+    defaultOpen?: boolean;
+    /** Optional app-supplied column picker (sql charts). When present the Column row renders. */
+    columnSelect?: ReactNode;
+    supportSetName?: boolean;
+    supportSetMinMax?: boolean;
+    supportStackSeries?: boolean;
+    supportAlwaysShowZero?: boolean;
+    supportReset?: boolean;
+    panelTitle?: string;
+}
+declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$c): react_jsx_runtime.JSX.Element;
+
+interface Props$b {
+    xAxis?: XAxisConfigLike;
+    setXAxis: (val?: XAxisConfigLike) => void;
+    defaultOpen?: boolean;
+    /** Optional app-supplied column picker (sql charts). When present the Column row renders. */
+    columnSelect?: ReactNode;
+    /** Whether the selected X column is a non-TIME column (app resolves from the data schema). */
+    columnIsNonTime?: boolean;
+    panelTitle?: string;
+    supportName?: boolean;
+    supportSort?: boolean;
+    supportSetType?: boolean;
+}
+declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$b) => react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    markers?: MarkerLike[];
+    onChange: (v: MarkerLike[]) => void;
+}
+declare function MarkerControls({ markers, onChange }: Props$a): react_jsx_runtime.JSX.Element;
+
+interface Props$9 {
+    defaultOpen?: boolean;
+    onChange: (config: DataConfigLike) => void;
+    chartConfig?: ChartConfigLike;
+    /** Per-chart-type fallback when no explicit limit is set (app resolves from ChartTypeLimits). */
+    defaultSeriesLimit?: number;
+}
+declare const defaultConfig$1: DataConfigLike;
+declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$9): react_jsx_runtime.JSX.Element;
+
+interface Props$8 {
+    config?: ScatterConfigLike;
+    defaultOpen?: boolean;
+    onChange: (config: ScatterConfigLike) => void;
+    /** App-supplied sql column picker (Size By Column). */
+    columnSelect?: (props: {
+        value?: string;
+        onChange: (col: string) => void;
+    }) => ReactNode;
+    /** App-supplied color picker (Size Color Mapping). */
+    colorPicker?: (props: {
+        value?: string;
+        onChange: (color?: string) => void;
+    }) => ReactNode;
+}
+declare const defaultConfig: ScatterConfigLike;
+declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$8): react_jsx_runtime.JSX.Element;
 
 declare const sentioColors: {
     light: {
@@ -1442,4 +1534,4 @@ interface Props {
 }
 declare const SvgIcon: ({ className }: Props) => react_jsx_runtime.JSX.Element;
 
-export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTooltip, ChartTypeButtonGroup, type ChartTypeLike, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResponsiveLayoutsLike, ScatterChartTooltip, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type YAxisConfigLike, defaultConfig$2 as defaultBarGaugeConfig, defaultConfig$3 as defaultPieConfig, defaultConfig$1 as defaultValueConfig, defaultConfig as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
+export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeChart, type BarGaugeChartProps, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTooltip, ChartTypeButtonGroup, type ChartTypeLike, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, MarkerControls, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, QueryValueChart, type QueryValueChartProps, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$4 as defaultBarGaugeConfig, defaultConfig$1 as defaultDataConfig, defaultConfig$5 as defaultPieConfig, defaultConfig as defaultScatterConfig, defaultConfig$3 as defaultValueConfig, defaultConfig$2 as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };