@sentio/ui-dashboard 0.3.12 → 0.3.13

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { DurationLike, ButtonProps, DateTimeValue } from '@sentio/ui-core';
+import { DurationLike, ButtonProps, DateTimeValue, SlideOver } from '@sentio/ui-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, CSSProperties } from 'react';
+import react__default, { ReactNode, CSSProperties, MouseEvent } from 'react';
 import { ComposeOption, SetOptionOpts, ECharts } from 'echarts/core';
 import { BarSeriesOption, LineSeriesOption, SankeySeriesOption } from 'echarts/charts';
 import { TitleComponentOption, GridComponentOption } from 'echarts/components';
@@ -92,7 +92,14 @@ interface GroupLike {
     /** Palette key (e.g. "green", "purple"); empty keeps the theme default. */
     highlightColor?: string;
 }
-/** A dashboard panel. `creator`/`updater` user info kept opaque for now. */
+/** Minimal user-info shape for owner/creator display. */
+interface UserInfoLike {
+    username?: string;
+    picture?: string;
+    firstName?: string;
+    lastName?: string;
+}
+/** A dashboard panel. */
 interface PanelLike {
     id?: string;
     name?: string;
@@ -100,8 +107,8 @@ interface PanelLike {
     chart?: ChartLike;
     /** Non-empty => renders inside the group panel with this id. */
     groupId?: string;
-    creator?: unknown;
-    updater?: unknown;
+    creator?: UserInfoLike;
+    updater?: UserInfoLike;
 }
 /** A dashboard. `sharing` kept opaque until the share dialog is migrated. */
 interface DashboardLike {
@@ -466,12 +473,12 @@ interface SeriesLike<T = Date> {
     smooth?: boolean;
 }
 
-interface Props$C {
+interface Props$K {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function AggregateInput({ metric, value, onChange }: Props$C): react_jsx_runtime.JSX.Element;
+declare function AggregateInput({ metric, value, onChange }: Props$K): react_jsx_runtime.JSX.Element;
 
 declare enum ArgumentType {
     String = 0,
@@ -506,28 +513,28 @@ declare const EventsFunctionMap: {
     [name: string]: FunctionDef;
 };
 
-interface Props$B {
+interface Props$J {
     argument: ArgumentDef;
     value?: ArgumentLike;
     onChange?: (value: ArgumentLike) => void;
     className?: string;
 }
-declare function ArgumentInput({ className, argument, value, onChange }: Props$B): react_jsx_runtime.JSX.Element;
+declare function ArgumentInput({ className, argument, value, onChange }: Props$J): react_jsx_runtime.JSX.Element;
 
-interface Props$A {
+interface Props$I {
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function FunctionInput({ value, onChange }: Props$A): react_jsx_runtime.JSX.Element;
+declare function FunctionInput({ value, onChange }: Props$I): react_jsx_runtime.JSX.Element;
 
-interface Props$z {
+interface Props$H {
     onClick: (func: FunctionDef) => void;
     functionCategories?: typeof FunctionsCategories;
     defaultFunc?: string;
 }
-declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$z): react_jsx_runtime.JSX.Element;
+declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$H): react_jsx_runtime.JSX.Element;
 
-interface Props$y {
+interface Props$G {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
@@ -537,7 +544,7 @@ interface Props$y {
     small?: boolean;
     useRegex?: boolean;
 }
-declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$y): react_jsx_runtime.JSX.Element;
+declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$G): react_jsx_runtime.JSX.Element;
 
 declare const SystemLabels: {
     field: string;
@@ -600,7 +607,7 @@ type SeriesFinder = {
 };
 declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
 
-interface Props$x {
+interface Props$F {
     legend: string[];
     legendSelected: Record<string, boolean>;
     returnedSeries?: number;
@@ -608,7 +615,7 @@ interface Props$x {
     onRendered: (v: boolean) => void;
     chartHandle?: EChartsHandle;
 }
-declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$x) => react_jsx_runtime.JSX.Element;
+declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$F) => react_jsx_runtime.JSX.Element;
 
 declare const RefreshContext: react.Context<{
     refresh?: () => void;
@@ -616,14 +623,14 @@ declare const RefreshContext: react.Context<{
 }>;
 declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
 
-type Props$w = {
+type Props$E = {
     value: ChartTypeLike;
     onChange: (value: ChartTypeLike) => void;
     small?: boolean;
 };
-declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$E) => react_jsx_runtime.JSX.Element;
 
-interface Props$v {
+interface Props$D {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number, seriesId?: string) => string;
@@ -636,9 +643,9 @@ interface Props$v {
     viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
     isFixed?: boolean;
 }
-declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$v): react_jsx_runtime.JSX.Element;
+declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$D): react_jsx_runtime.JSX.Element;
 
-interface Props$u {
+interface Props$C {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number) => string;
@@ -651,7 +658,7 @@ interface Props$u {
     isFixed?: boolean;
     sizeTitle?: string;
 }
-declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$u): react_jsx_runtime.JSX.Element;
+declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$C): react_jsx_runtime.JSX.Element;
 
 /** Minimal shape consumed from a computed series — only name + first data point. */
 interface PieSeriesInput {
@@ -804,42 +811,42 @@ interface TimeSeriesChartProps {
 }
 declare const TimeSeriesChart: react.ForwardRefExoticComponent<TimeSeriesChartProps & react.RefAttributes<EChartsHandle>>;
 
-interface Props$t {
+interface Props$B {
     config?: LineConfigLike;
     defaultOpen?: boolean;
     onChange: (config: LineConfigLike) => void;
 }
-declare const LineControls: ({ config, defaultOpen, onChange }: Props$t) => react_jsx_runtime.JSX.Element;
+declare const LineControls: ({ config, defaultOpen, onChange }: Props$B) => react_jsx_runtime.JSX.Element;
 
-interface Props$s {
+interface Props$A {
     config?: LabelConfigLike;
     setConfig: (value: LabelConfigLike) => void;
     defaultOpen?: boolean;
 }
-declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$s) => react_jsx_runtime.JSX.Element;
+declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$A) => react_jsx_runtime.JSX.Element;
 
-interface Props$r {
+interface Props$z {
     config?: PieConfigLike;
     defaultOpen?: boolean;
     onChange: (config: PieConfigLike) => void;
 }
 declare const defaultConfig$8: PieConfigLike;
-declare function PieChartControls({ config, defaultOpen, onChange }: Props$r): react_jsx_runtime.JSX.Element;
+declare function PieChartControls({ config, defaultOpen, onChange }: Props$z): react_jsx_runtime.JSX.Element;
 
-interface Props$q {
+interface Props$y {
     config?: BarGaugeConfigLike;
     defaultOpen?: boolean;
     onChange: (config: BarGaugeConfigLike) => void;
 }
 declare const defaultConfig$7: BarGaugeConfigLike;
-declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$q): react_jsx_runtime.JSX.Element;
+declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$y): react_jsx_runtime.JSX.Element;
 
 interface ValueFormatter {
     label: string;
     value: ValueFormatterLike;
 }
 declare const ValueFormatters: ValueFormatter[];
-interface Props$p {
+interface Props$x {
     config: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -848,9 +855,9 @@ interface Props$p {
     showSuffix?: boolean;
 }
 declare const defaultConfig$6: ValueConfigLike;
-declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$p) => react_jsx_runtime.JSX.Element;
+declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$x) => react_jsx_runtime.JSX.Element;
 
-interface Props$o {
+interface Props$w {
     config?: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -859,15 +866,15 @@ interface Props$o {
     showSuffix?: boolean;
 }
 declare const defaultConfig$5: ValueConfigLike;
-declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$o) => react_jsx_runtime.JSX.Element;
+declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$w) => react_jsx_runtime.JSX.Element;
 
-interface Props$n {
+interface Props$v {
     rules: MappingRuleLike[];
     onChange: (rules: MappingRuleLike[]) => void;
 }
-declare function ValueStringMapping({ rules, onChange }: Props$n): react_jsx_runtime.JSX.Element;
+declare function ValueStringMapping({ rules, onChange }: Props$v): react_jsx_runtime.JSX.Element;
 
-interface Props$m {
+interface Props$u {
     yAxis?: YAxisConfigLike;
     setYAxis: (yAxis: YAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -880,9 +887,9 @@ interface Props$m {
     supportReset?: boolean;
     panelTitle?: string;
 }
-declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$m): react_jsx_runtime.JSX.Element;
+declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$u): react_jsx_runtime.JSX.Element;
 
-interface Props$l {
+interface Props$t {
     xAxis?: XAxisConfigLike;
     setXAxis: (val?: XAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -895,15 +902,15 @@ interface Props$l {
     supportSort?: boolean;
     supportSetType?: boolean;
 }
-declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$l) => react_jsx_runtime.JSX.Element;
+declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$t) => react_jsx_runtime.JSX.Element;
 
-interface Props$k {
+interface Props$s {
     markers?: MarkerLike[];
     onChange: (v: MarkerLike[]) => void;
 }
-declare function MarkerControls({ markers, onChange }: Props$k): react_jsx_runtime.JSX.Element;
+declare function MarkerControls({ markers, onChange }: Props$s): react_jsx_runtime.JSX.Element;
 
-interface Props$j {
+interface Props$r {
     defaultOpen?: boolean;
     onChange: (config: DataConfigLike) => void;
     chartConfig?: ChartConfigLike;
@@ -911,9 +918,9 @@ interface Props$j {
     defaultSeriesLimit?: number;
 }
 declare const defaultConfig$4: DataConfigLike;
-declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$j): react_jsx_runtime.JSX.Element;
+declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$r): react_jsx_runtime.JSX.Element;
 
-interface Props$i {
+interface Props$q {
     config?: ScatterConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ScatterConfigLike) => void;
@@ -929,9 +936,9 @@ interface Props$i {
     }) => ReactNode;
 }
 declare const defaultConfig$3: ScatterConfigLike;
-declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$i): react_jsx_runtime.JSX.Element;
+declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$q): react_jsx_runtime.JSX.Element;
 
-interface Props$h {
+interface Props$p {
     config?: TableConfigLike;
     defaultOpen?: boolean;
     onChange: (config: TableConfigLike) => void;
@@ -939,7 +946,7 @@ interface Props$h {
 }
 declare const defaultConfig$2: TableConfigLike;
 declare function getDefaultValueConfig(type?: ColumnTypeLike): ValueConfigLike;
-declare function TableControls({ config, defaultOpen, onChange, data }: Props$h): react_jsx_runtime.JSX.Element;
+declare function TableControls({ config, defaultOpen, onChange, data }: Props$p): react_jsx_runtime.JSX.Element;
 
 declare const sentioColors: {
     light: {
@@ -1691,62 +1698,62 @@ declare const sentioThemeDark: {
     };
 };
 
-interface Props$g {
+interface Props$o {
     className?: string;
 }
-declare const SvgIcon$7: ({ className }: Props$g) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$7: ({ className }: Props$o) => react_jsx_runtime.JSX.Element;
 
-interface Props$f {
+interface Props$n {
     className?: string;
 }
-declare const SvgIcon$6: ({ className }: Props$f) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$6: ({ className }: Props$n) => react_jsx_runtime.JSX.Element;
 
-interface Props$e {
+interface Props$m {
     className?: string;
 }
-declare const SvgIcon$5: ({ className }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$5: ({ className }: Props$m) => react_jsx_runtime.JSX.Element;
 
-interface Props$d {
+interface Props$l {
     className?: string;
 }
-declare const SvgIcon$4: ({ className }: Props$d) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$4: ({ className }: Props$l) => react_jsx_runtime.JSX.Element;
 
-interface Props$c {
+interface Props$k {
     className?: string;
 }
-declare const SvgIcon$3: ({ className }: Props$c) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$3: ({ className }: Props$k) => react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$j {
     className?: string;
 }
-declare const SvgIcon$2: ({ className }: Props$b) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$2: ({ className }: Props$j) => react_jsx_runtime.JSX.Element;
 
-interface Props$a {
+interface Props$i {
     className?: string;
 }
-declare const SvgIcon$1: ({ className }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$1: ({ className }: Props$i) => react_jsx_runtime.JSX.Element;
 
-interface Props$9 {
+interface Props$h {
     className?: string;
 }
-declare const SvgIcon: ({ className }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon: ({ className }: Props$h) => react_jsx_runtime.JSX.Element;
 
-interface Props$8 {
+interface Props$g {
     dashboard?: DashboardLike;
     open: boolean;
     onClose: () => void;
     onUpdate: (data: DashboardLike) => Promise<void>;
 }
-declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$g) => react_jsx_runtime.JSX.Element;
 
-interface Props$7 {
+interface Props$f {
     data?: any;
     logoSrc?: string;
     onNavigateToDatasource?: () => void;
 }
-declare const ErrorChart: react__default.MemoExoticComponent<({ data, logoSrc, onNavigateToDatasource }: Props$7) => react_jsx_runtime.JSX.Element>;
+declare const ErrorChart: react__default.MemoExoticComponent<({ data, logoSrc, onNavigateToDatasource }: Props$f) => react_jsx_runtime.JSX.Element>;
 
-interface Props$6 {
+interface Props$e {
     open: boolean;
     onClose: () => void;
     title: string;
@@ -1758,15 +1765,15 @@ interface Props$6 {
         highlightColor: string;
     }) => void;
 }
-declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props$6): react_jsx_runtime.JSX.Element;
+declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props$e): react_jsx_runtime.JSX.Element;
 
-interface Props$5 {
+interface Props$d {
     stats?: ComputeStatsLike;
     onRefresh: () => Promise<void>;
 }
-declare const DashboardRefresh: ({ stats, onRefresh }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const DashboardRefresh: ({ stats, onRefresh }: Props$d) => react_jsx_runtime.JSX.Element;
 
-interface Props$4 {
+interface Props$c {
     open: boolean;
     initData?: DashboardSharingLike;
     onUnshare?: () => void;
@@ -1776,9 +1783,9 @@ interface Props$4 {
     endTime?: DateTimeValue;
     tz?: string;
 }
-declare const ShareDashboardDialog: ({ open, initData, onUnshare, onClose, onConfigChange, startTime, endTime, tz }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const ShareDashboardDialog: ({ open, initData, onUnshare, onClose, onConfigChange, startTime, endTime, tz }: Props$c) => react_jsx_runtime.JSX.Element;
 
-interface Props$3 {
+interface Props$b {
     config?: TimeRangeOverrideLike;
     onChange: (config: TimeRangeOverrideLike) => void;
     globalStartTime?: DateTimeValue;
@@ -1787,18 +1794,18 @@ interface Props$3 {
     onSetGlobalTimeRange: (start?: DateTimeValue, end?: DateTimeValue, tz?: string) => void;
 }
 declare const defaultConfig$1: TimeRangeOverrideLike;
-declare function TimeRangeOverride({ config, onChange, globalStartTime, globalEndTime, globalTz, onSetGlobalTimeRange }: Props$3): react_jsx_runtime.JSX.Element;
+declare function TimeRangeOverride({ config, onChange, globalStartTime, globalEndTime, globalTz, onSetGlobalTimeRange }: Props$b): react_jsx_runtime.JSX.Element;
 
-interface Props$2 {
+interface Props$a {
     config?: ChartConfigLike;
     chartType?: ChartTypeLike;
     setSeriesConfig: (seriesConfig: SeriesConfigLike) => void;
     series: string[];
     enabled?: boolean;
 }
-declare const SeriesControls: ({ config, setSeriesConfig, series, enabled }: Props$2) => react_jsx_runtime.JSX.Element | null;
+declare const SeriesControls: ({ config, setSeriesConfig, series, enabled }: Props$a) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$1 {
+interface Props$9 {
     config?: QueryValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: QueryValueConfigLike) => void;
@@ -1807,7 +1814,7 @@ interface Props$1 {
     }) => void) => ReactNode;
 }
 declare const defaultConfig: QueryValueConfigLike;
-declare function QueryValueControls({ config, defaultOpen, onChange, renderColorSelect }: Props$1): react_jsx_runtime.JSX.Element;
+declare function QueryValueControls({ config, defaultOpen, onChange, renderColorSelect }: Props$9): react_jsx_runtime.JSX.Element;
 
 type HighlightColorKey = '' | 'blue' | 'cyan' | 'pink' | 'yellow' | 'green' | 'lightblue' | 'purple' | 'red' | 'orange';
 interface HighlightColorMeta {
@@ -1830,13 +1837,135 @@ declare const ImportPanelDialog: ({ show, onClose: _onClose, onSubmit }: {
     onSubmit: (p: PanelLike) => Promise<void>;
 }) => react_jsx_runtime.JSX.Element;
 
-interface Props {
+interface Props$8 {
     open: boolean;
     onClose: () => void;
     dashboardId?: string;
     json: string;
     onBeforeMount?: BeforeMount;
 }
-declare function ExportDashboardDialog({ open, onClose, dashboardId, json, onBeforeMount }: Props): react_jsx_runtime.JSX.Element;
+declare function ExportDashboardDialog({ open, onClose, dashboardId, json, onBeforeMount }: Props$8): react_jsx_runtime.JSX.Element;
+
+declare enum ExportType {
+    CURL = "curl",
+    NODE = "node"
+}
+interface Props$7 {
+    open: boolean;
+    onClose: () => void;
+    /** Request body to render; identifying keys are stripped unless `noOmit`. */
+    payload: Record<string, unknown>;
+    /** API base (e.g. https://app.sentio.xyz). Resolved & injected by the consumer. */
+    apiHost?: string;
+    apiUrl?: string;
+    headers?: Record<string, unknown>;
+    defaultType?: ExportType;
+    noOmit?: boolean;
+    /** Register the monaco theme before mount (injected by the consumer). */
+    onBeforeMount?: BeforeMount;
+}
+declare function CurlDialog({ open, onClose, payload, apiHost, apiUrl, headers, defaultType, noOmit, onBeforeMount }: Props$7): react_jsx_runtime.JSX.Element;
+
+/** Escape single quotes so a JSON body survives inside a single-quoted shell string. */
+declare function escapeBody(body: unknown): unknown;
+declare function generateNodeCode(url: string, data: unknown, headers?: Record<string, unknown>, apiKey?: string, method?: string, apiKeyPosition?: 'header' | 'param'): string;
+declare function generateCurlCode(url: string, data: unknown, headers?: Record<string, unknown>, apiKey?: string, method?: string, apiKeyPosition?: 'header' | 'param'): string;
+
+interface Props$6 {
+    creator?: UserInfoLike;
+    updater?: UserInfoLike;
+    /** Fallback project-owner display (used when neither creator nor updater is set). */
+    ownerName?: string;
+    ownerAvatarUrl?: string;
+    /** When provided, tooltip user names become clickable (dash mode). */
+    onNavigateToUser?: (username: string) => void;
+}
+declare const UserInfo: ({ avatarSrc, avatarAlt, username, containerClassName }: {
+    avatarSrc?: string;
+    avatarAlt?: string;
+    username?: string;
+    containerClassName?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const PanelOwner: ({ creator, updater, ownerName, ownerAvatarUrl, onNavigateToUser }: Props$6) => react_jsx_runtime.JSX.Element | null;
+
+declare const defaultMetricChart: ChartLike;
+declare const defaultNoteChart: ChartLike;
+declare const defaultAnalyticChart: ChartLike;
+declare const defaultInsightChart: ChartLike;
+declare const defaultEventChart: ChartLike;
+declare const defaultGroupChart: ChartLike;
+declare const defaultRetentionChart: ChartLike;
+declare const defaultSqlChart: ChartLike;
+type RouterQuery$1 = {
+    [key: string]: string | string[] | undefined;
+};
+interface Props$5 {
+    allowEdit: boolean;
+    saving: boolean;
+    onNewPanel: (chart: ChartLike) => void;
+    onImportPanel: () => void;
+    /** Current route params used to build SQL/insights "new panel" links. Injected by the consumer. */
+    routerQuery?: RouterQuery$1;
+    generateLinkHref?: (chartType: ChartTypeLike, datasource: DataSourceTypeLike, query: RouterQuery$1) => string;
+}
+declare const AddPanel: react.ForwardRefExoticComponent<Props$5 & react.RefAttributes<unknown>>;
+
+type RouterQuery = {
+    [key: string]: string | string[] | undefined;
+};
+interface Props$4 extends React.ComponentProps<typeof SlideOver> {
+    onSelect?: (type: string) => void;
+    /** Current route params used to build "new panel" links. Injected by the consumer. */
+    routerQuery?: RouterQuery;
+    generateLinkHref?: (chartType: ChartTypeLike, datasource: DataSourceTypeLike, query: RouterQuery) => string;
+    allowImport?: boolean;
+}
+declare const AddPanelSlideover: ({ open, onClose, onSelect, routerQuery, generateLinkHref, allowImport }: Props$4) => react_jsx_runtime.JSX.Element;
+
+interface Props$3 {
+    onMenuSelect: (selectKey: string) => void;
+    allowEdit?: boolean;
+    allowViewPanel?: boolean;
+    allowExport?: boolean;
+    allowFullScreen?: boolean;
+    allowEmbed?: boolean;
+    /** Whether "Export as API" (curl) is available. Injected by the consumer (tier/user-aware). */
+    canExportCurl?: boolean;
+    /** Hint shown when curl export is disabled. Injected by the consumer. */
+    exportCurlHint?: ReactNode;
+}
+declare const DashboardButtonsMemo: react.MemoExoticComponent<({ allowEdit, onMenuSelect, allowExport, allowFullScreen, allowViewPanel, allowEmbed, canExportCurl, exportCurlHint }: Props$3) => react_jsx_runtime.JSX.Element>;
+
+interface Props$2 {
+    allowEdit?: boolean;
+    onSelect: (key: string, event: MouseEvent) => void;
+    allowEmbed?: boolean;
+    /** Whether the "Export as API" (curl) action is available. Injected by the consumer (tier/user-aware). */
+    canExportCurl?: boolean;
+    /** Hint shown when curl export is disabled. Injected by the consumer. */
+    exportCurlHint?: ReactNode;
+}
+declare function ExportChartMenu({ allowEdit, onSelect, allowEmbed, canExportCurl, exportCurlHint }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface Props$1 {
+    onSelect: (key: string, event: MouseEvent) => void;
+}
+declare function ExtraSettingMenu({ onSelect }: Props$1): react_jsx_runtime.JSX.Element;
+declare function ReadonlyExtraSettingMenu({ onSelect }: Props$1): react_jsx_runtime.JSX.Element;
+
+type SupportedLanguages = 'bash' | 'go' | 'javascript' | 'json' | 'python' | 'rust' | 'sql' | 'tsx' | 'typescript' | string;
+interface Props {
+    value: string;
+    language: SupportedLanguages;
+    showLineNumbers?: boolean;
+    maxHeight?: string;
+    className?: string;
+    /** Register the editor theme (sentio / sentio-dark) before mount. Injected by the consumer. */
+    onBeforeMount?: BeforeMount;
+}
+declare const CodeBlockWithTitle: ({ title, icon, value, language, showLineNumbers, maxHeight, className, onBeforeMount }: Props & {
+    title: string;
+    icon?: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
 
-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 ComputeStatsLike, DEFAULT_HIGHLIGHT_KEY, type DashboardExtraLike, type DashboardLike, DashboardRefresh, type DashboardSharingLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, ErrorChart, EventsFunctionCategories, EventsFunctionMap, ExportDashboardDialog, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, ImportPanelDialog, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, type MarkArea, type MarkLine, 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, type QueryValueConfigLike, QueryValueControls, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, type SeriesConfigLike, SeriesControls, ShareDashboardDialog, type SharingConfigLike, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, type TimeLike, type TimeRangeLike, TimeRangeOverride, type TimeRangeOverrideLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$7 as defaultBarGaugeConfig, defaultConfig$4 as defaultDataConfig, defaultConfig$8 as defaultPieConfig, defaultConfig as defaultQueryValueConfig, defaultConfig$3 as defaultScatterConfig, defaultConfig$2 as defaultTableConfig, defaultConfig$1 as defaultTimeRangeOverrideConfig, defaultConfig$6 as defaultValueConfig, defaultConfig$5 as defaultValueControlsConfig, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
+export { AddPanel, AddPanelSlideover, 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, CodeBlockWithTitle, type ComputeStatsLike, CurlDialog, DEFAULT_HIGHLIGHT_KEY, DashboardButtonsMemo, type DashboardExtraLike, type DashboardLike, DashboardRefresh, type DashboardSharingLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, ErrorChart, EventsFunctionCategories, EventsFunctionMap, ExportChartMenu, ExportDashboardDialog, ExportType, ExtraSettingMenu, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, ImportPanelDialog, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, type MarkArea, type MarkLine, MarkerControls, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PanelOwner, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, QueryValueChart, type QueryValueChartProps, type QueryValueConfigLike, QueryValueControls, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, ReadonlyExtraSettingMenu, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, type SeriesConfigLike, SeriesControls, ShareDashboardDialog, type SharingConfigLike, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, type TimeLike, type TimeRangeLike, TimeRangeOverride, type TimeRangeOverrideLike, TimeSeriesChart, type TimeSeriesChartProps, UserInfo, type UserInfoLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultAnalyticChart, defaultConfig$7 as defaultBarGaugeConfig, defaultConfig$4 as defaultDataConfig, defaultEventChart, defaultGroupChart, defaultInsightChart, defaultMetricChart, defaultNoteChart, defaultConfig$8 as defaultPieConfig, defaultConfig as defaultQueryValueConfig, defaultRetentionChart, defaultConfig$3 as defaultScatterConfig, defaultSqlChart, defaultConfig$2 as defaultTableConfig, defaultConfig$1 as defaultTimeRangeOverrideConfig, defaultConfig$6 as defaultValueConfig, defaultConfig$5 as defaultValueControlsConfig, escapeBody, generateCurlCode, generateNodeCode, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };