@sentio/ui-dashboard 0.3.6 → 0.3.7

package/dist/index.d.ts

@@ -125,6 +125,18 @@ interface DashboardLike {
     editPanels?: string[];
     sharing?: unknown;
 }
+interface ComputeStatsLike {
+    computedAt?: string;
+    isRefreshing?: boolean;
+}
+interface SharingConfigLike {
+    isReadonly?: boolean;
+    hideModifiers?: boolean;
+}
+interface DashboardSharingLike {
+    id?: string;
+    config?: SharingConfigLike;
+}
 
 /** Sort key + direction (x-axis, bar-gauge). */
 interface SortLike {
@@ -435,12 +447,12 @@ interface SeriesLike<T = Date> {
     smooth?: boolean;
 }
 
-interface Props$v {
+interface Props$x {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function AggregateInput({ metric, value, onChange }: Props$v): react_jsx_runtime.JSX.Element;
+declare function AggregateInput({ metric, value, onChange }: Props$x): react_jsx_runtime.JSX.Element;
 
 declare enum ArgumentType {
     String = 0,
@@ -475,28 +487,28 @@ declare const EventsFunctionMap: {
     [name: string]: FunctionDef;
 };
 
-interface Props$u {
+interface Props$w {
     argument: ArgumentDef;
     value?: ArgumentLike;
     onChange?: (value: ArgumentLike) => void;
     className?: string;
 }
-declare function ArgumentInput({ className, argument, value, onChange }: Props$u): react_jsx_runtime.JSX.Element;
+declare function ArgumentInput({ className, argument, value, onChange }: Props$w): react_jsx_runtime.JSX.Element;
 
-interface Props$t {
+interface Props$v {
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function FunctionInput({ value, onChange }: Props$t): react_jsx_runtime.JSX.Element;
+declare function FunctionInput({ value, onChange }: Props$v): react_jsx_runtime.JSX.Element;
 
-interface Props$s {
+interface Props$u {
     onClick: (func: FunctionDef) => void;
     functionCategories?: typeof FunctionsCategories;
     defaultFunc?: string;
 }
-declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$s): react_jsx_runtime.JSX.Element;
+declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$u): react_jsx_runtime.JSX.Element;
 
-interface Props$r {
+interface Props$t {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
@@ -506,7 +518,7 @@ interface Props$r {
     small?: boolean;
     useRegex?: boolean;
 }
-declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$r): react_jsx_runtime.JSX.Element;
+declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$t): react_jsx_runtime.JSX.Element;
 
 declare const SystemLabels: {
     field: string;
@@ -569,7 +581,7 @@ type SeriesFinder = {
 };
 declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
 
-interface Props$q {
+interface Props$s {
     legend: string[];
     legendSelected: Record<string, boolean>;
     returnedSeries?: number;
@@ -577,7 +589,7 @@ interface Props$q {
     onRendered: (v: boolean) => void;
     chartHandle?: EChartsHandle;
 }
-declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$q) => react_jsx_runtime.JSX.Element;
+declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$s) => react_jsx_runtime.JSX.Element;
 
 declare const RefreshContext: react.Context<{
     refresh?: () => void;
@@ -585,14 +597,14 @@ declare const RefreshContext: react.Context<{
 }>;
 declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
 
-type Props$p = {
+type Props$r = {
     value: ChartTypeLike;
     onChange: (value: ChartTypeLike) => void;
     small?: boolean;
 };
-declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$p) => react_jsx_runtime.JSX.Element;
+declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$r) => react_jsx_runtime.JSX.Element;
 
-interface Props$o {
+interface Props$q {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number, seriesId?: string) => string;
@@ -605,9 +617,9 @@ interface Props$o {
     viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
     isFixed?: boolean;
 }
-declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$o): react_jsx_runtime.JSX.Element;
+declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$q): react_jsx_runtime.JSX.Element;
 
-interface Props$n {
+interface Props$p {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number) => string;
@@ -620,7 +632,7 @@ interface Props$n {
     isFixed?: boolean;
     sizeTitle?: string;
 }
-declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$n): react_jsx_runtime.JSX.Element;
+declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$p): react_jsx_runtime.JSX.Element;
 
 /** Minimal shape consumed from a computed series — only name + first data point. */
 interface PieSeriesInput {
@@ -773,42 +785,42 @@ interface TimeSeriesChartProps {
 }
 declare const TimeSeriesChart: react.ForwardRefExoticComponent<TimeSeriesChartProps & react.RefAttributes<EChartsHandle>>;
 
-interface Props$m {
+interface Props$o {
     config?: LineConfigLike;
     defaultOpen?: boolean;
     onChange: (config: LineConfigLike) => void;
 }
-declare const LineControls: ({ config, defaultOpen, onChange }: Props$m) => react_jsx_runtime.JSX.Element;
+declare const LineControls: ({ config, defaultOpen, onChange }: Props$o) => react_jsx_runtime.JSX.Element;
 
-interface Props$l {
+interface Props$n {
     config?: LabelConfigLike;
     setConfig: (value: LabelConfigLike) => void;
     defaultOpen?: boolean;
 }
-declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$l) => react_jsx_runtime.JSX.Element;
+declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$n) => react_jsx_runtime.JSX.Element;
 
-interface Props$k {
+interface Props$m {
     config?: PieConfigLike;
     defaultOpen?: boolean;
     onChange: (config: PieConfigLike) => void;
 }
 declare const defaultConfig$6: PieConfigLike;
-declare function PieChartControls({ config, defaultOpen, onChange }: Props$k): react_jsx_runtime.JSX.Element;
+declare function PieChartControls({ config, defaultOpen, onChange }: Props$m): react_jsx_runtime.JSX.Element;
 
-interface Props$j {
+interface Props$l {
     config?: BarGaugeConfigLike;
     defaultOpen?: boolean;
     onChange: (config: BarGaugeConfigLike) => void;
 }
 declare const defaultConfig$5: BarGaugeConfigLike;
-declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$j): react_jsx_runtime.JSX.Element;
+declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$l): react_jsx_runtime.JSX.Element;
 
 interface ValueFormatter {
     label: string;
     value: ValueFormatterLike;
 }
 declare const ValueFormatters: ValueFormatter[];
-interface Props$i {
+interface Props$k {
     config: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -817,9 +829,9 @@ interface Props$i {
     showSuffix?: boolean;
 }
 declare const defaultConfig$4: ValueConfigLike;
-declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$i) => react_jsx_runtime.JSX.Element;
+declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$k) => react_jsx_runtime.JSX.Element;
 
-interface Props$h {
+interface Props$j {
     config?: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -828,15 +840,15 @@ interface Props$h {
     showSuffix?: boolean;
 }
 declare const defaultConfig$3: ValueConfigLike;
-declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$h) => react_jsx_runtime.JSX.Element;
+declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$j) => react_jsx_runtime.JSX.Element;
 
-interface Props$g {
+interface Props$i {
     rules: MappingRuleLike[];
     onChange: (rules: MappingRuleLike[]) => void;
 }
-declare function ValueStringMapping({ rules, onChange }: Props$g): react_jsx_runtime.JSX.Element;
+declare function ValueStringMapping({ rules, onChange }: Props$i): react_jsx_runtime.JSX.Element;
 
-interface Props$f {
+interface Props$h {
     yAxis?: YAxisConfigLike;
     setYAxis: (yAxis: YAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -849,9 +861,9 @@ interface Props$f {
     supportReset?: boolean;
     panelTitle?: string;
 }
-declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$f): react_jsx_runtime.JSX.Element;
+declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$h): react_jsx_runtime.JSX.Element;
 
-interface Props$e {
+interface Props$g {
     xAxis?: XAxisConfigLike;
     setXAxis: (val?: XAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -864,15 +876,15 @@ interface Props$e {
     supportSort?: boolean;
     supportSetType?: boolean;
 }
-declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$g) => react_jsx_runtime.JSX.Element;
 
-interface Props$d {
+interface Props$f {
     markers?: MarkerLike[];
     onChange: (v: MarkerLike[]) => void;
 }
-declare function MarkerControls({ markers, onChange }: Props$d): react_jsx_runtime.JSX.Element;
+declare function MarkerControls({ markers, onChange }: Props$f): react_jsx_runtime.JSX.Element;
 
-interface Props$c {
+interface Props$e {
     defaultOpen?: boolean;
     onChange: (config: DataConfigLike) => void;
     chartConfig?: ChartConfigLike;
@@ -880,9 +892,9 @@ interface Props$c {
     defaultSeriesLimit?: number;
 }
 declare const defaultConfig$2: DataConfigLike;
-declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$c): react_jsx_runtime.JSX.Element;
+declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$e): react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$d {
     config?: ScatterConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ScatterConfigLike) => void;
@@ -898,9 +910,9 @@ interface Props$b {
     }) => ReactNode;
 }
 declare const defaultConfig$1: ScatterConfigLike;
-declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$b): react_jsx_runtime.JSX.Element;
+declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$d): react_jsx_runtime.JSX.Element;
 
-interface Props$a {
+interface Props$c {
     config?: TableConfigLike;
     defaultOpen?: boolean;
     onChange: (config: TableConfigLike) => void;
@@ -908,7 +920,7 @@ interface Props$a {
 }
 declare const defaultConfig: TableConfigLike;
 declare function getDefaultValueConfig(type?: ColumnTypeLike): ValueConfigLike;
-declare function TableControls({ config, defaultOpen, onChange, data }: Props$a): react_jsx_runtime.JSX.Element;
+declare function TableControls({ config, defaultOpen, onChange, data }: Props$c): react_jsx_runtime.JSX.Element;
 
 declare const sentioColors: {
     light: {
@@ -1660,55 +1672,55 @@ declare const sentioThemeDark: {
     };
 };
 
+interface Props$b {
+    className?: string;
+}
+declare const SvgIcon$7: ({ className }: Props$b) => react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    className?: string;
+}
+declare const SvgIcon$6: ({ className }: Props$a) => react_jsx_runtime.JSX.Element;
+
 interface Props$9 {
     className?: string;
 }
-declare const SvgIcon$7: ({ className }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$5: ({ className }: Props$9) => react_jsx_runtime.JSX.Element;
 
 interface Props$8 {
     className?: string;
 }
-declare const SvgIcon$6: ({ className }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$4: ({ className }: Props$8) => react_jsx_runtime.JSX.Element;
 
 interface Props$7 {
     className?: string;
 }
-declare const SvgIcon$5: ({ className }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$3: ({ className }: Props$7) => react_jsx_runtime.JSX.Element;
 
 interface Props$6 {
     className?: string;
 }
-declare const SvgIcon$4: ({ className }: Props$6) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$2: ({ className }: Props$6) => react_jsx_runtime.JSX.Element;
 
 interface Props$5 {
     className?: string;
 }
-declare const SvgIcon$3: ({ className }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$1: ({ className }: Props$5) => react_jsx_runtime.JSX.Element;
 
 interface Props$4 {
     className?: string;
 }
-declare const SvgIcon$2: ({ className }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon: ({ className }: Props$4) => react_jsx_runtime.JSX.Element;
 
 interface Props$3 {
-    className?: string;
-}
-declare const SvgIcon$1: ({ className }: Props$3) => react_jsx_runtime.JSX.Element;
-
-interface Props$2 {
-    className?: string;
-}
-declare const SvgIcon: ({ className }: Props$2) => react_jsx_runtime.JSX.Element;
-
-interface Props$1 {
     dashboard?: DashboardLike;
     open: boolean;
     onClose: () => void;
     onUpdate: (data: DashboardLike) => Promise<void>;
 }
-declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$3) => react_jsx_runtime.JSX.Element;
 
-interface Props {
+interface Props$2 {
     open: boolean;
     onClose: () => void;
     title: string;
@@ -1720,7 +1732,25 @@ interface Props {
         highlightColor: string;
     }) => void;
 }
-declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props): react_jsx_runtime.JSX.Element;
+declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface Props$1 {
+    stats?: ComputeStatsLike;
+    onRefresh: () => Promise<void>;
+}
+declare const DashboardRefresh: ({ stats, onRefresh }: Props$1) => react_jsx_runtime.JSX.Element;
+
+interface Props {
+    open: boolean;
+    initData?: DashboardSharingLike;
+    onUnshare?: () => void;
+    onClose: () => void;
+    onConfigChange?: (config: SharingConfigLike) => void;
+    startTime?: DateTimeValue;
+    endTime?: DateTimeValue;
+    tz?: string;
+}
+declare const ShareDashboardDialog: ({ open, initData, onUnshare, onClose, onConfigChange, startTime, endTime, tz }: Props) => react_jsx_runtime.JSX.Element;
 
 type HighlightColorKey = '' | 'blue' | 'cyan' | 'pink' | 'yellow' | 'green' | 'lightblue' | 'purple' | 'red' | 'orange';
 interface HighlightColorMeta {
@@ -1737,4 +1767,4 @@ interface ResolvedHighlight {
 declare function resolveHighlight(colorKey: string | undefined, isDark: boolean): ResolvedHighlight;
 declare function resolveHeaderStyle(style: GroupStyleLike | undefined, colorKey: string | undefined, isDark: boolean): React.CSSProperties;
 
-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, DEFAULT_HIGHLIGHT_KEY, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, 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, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$5 as defaultBarGaugeConfig, defaultConfig$2 as defaultDataConfig, defaultConfig$6 as defaultPieConfig, defaultConfig$1 as defaultScatterConfig, defaultConfig as defaultTableConfig, defaultConfig$4 as defaultValueConfig, defaultConfig$3 as defaultValueControlsConfig, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, 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 ComputeStatsLike, DEFAULT_HIGHLIGHT_KEY, type DashboardExtraLike, type DashboardLike, DashboardRefresh, type DashboardSharingLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, 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, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, ShareDashboardDialog, type SharingConfigLike, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$5 as defaultBarGaugeConfig, defaultConfig$2 as defaultDataConfig, defaultConfig$6 as defaultPieConfig, defaultConfig$1 as defaultScatterConfig, defaultConfig as defaultTableConfig, defaultConfig$4 as defaultValueConfig, defaultConfig$3 as defaultValueControlsConfig, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };

package/dist/index.js

@@ -42,6 +42,7 @@ __export(index_exports, {
   ChartTooltip: () => ChartTooltip,
   ChartTypeButtonGroup: () => ChartTypeButtonGroup,
   DEFAULT_HIGHLIGHT_KEY: () => DEFAULT_HIGHLIGHT_KEY,
+  DashboardRefresh: () => DashboardRefresh,
   DataControls: () => DataControls,
   EditDashboardDialog: () => EditDashboardDialog,
   EditGroupDialog: () => EditGroupDialog,
@@ -69,6 +70,7 @@ __export(index_exports, {
   ScatterChartTooltip: () => ScatterChartTooltip,
   ScatterControls: () => ScatterControls,
   ScatterIcon: () => ScatterIcon_default,
+  ShareDashboardDialog: () => ShareDashboardDialog,
   SystemLabels: () => SystemLabels,
   TableControls: () => TableControls,
   TableIcon: () => TableIcon_default,
@@ -7160,6 +7162,222 @@ function EditGroupDialog({
     }
   );
 }
+
+// src/dashboard/DashboardRefresh.tsx
+var import_dayjs6 = __toESM(require("dayjs"));
+var import_relativeTime = __toESM(require("dayjs/plugin/relativeTime"));
+var import_updateLocale = __toESM(require("dayjs/plugin/updateLocale"));
+var import_ui_core30 = require("@sentio/ui-core");
+var import_react27 = require("react");
+var import_io2 = require("react-icons/io");
+var import_en = __toESM(require("dayjs/locale/en"));
+var import_jsx_runtime42 = require("react/jsx-runtime");
+import_dayjs6.default.extend(import_relativeTime.default);
+import_dayjs6.default.extend(import_updateLocale.default);
+import_dayjs6.default.locale("en.short", {
+  ...import_en.default,
+  relativeTime: {
+    // relative time format strings, keep %s %d as the same
+    future: "in %s",
+    past: "%s ago",
+    s: "<1s",
+    m: "1min",
+    mm: "%dmin",
+    h: "1h",
+    hh: "%dh",
+    d: "1d",
+    dd: "%dd",
+    M: "1m",
+    MM: "%dm",
+    y: "1y",
+    yy: "%dy"
+  }
+});
+import_dayjs6.default.locale("en");
+var DashboardRefresh = ({ stats, onRefresh }) => {
+  const timeRef = (0, import_react27.useRef)(null);
+  const [fetching, setFetching] = (0, import_react27.useState)(false);
+  const [currentColor, setCurrentColor] = (0, import_react27.useState)("text-[#4CAF1D] border-[#4CAF1D] border" /* NORMAL */);
+  (0, import_react27.useEffect)(() => {
+    const updateFn = () => {
+      if (!stats || !stats.computedAt) return;
+      const computedAt = (0, import_dayjs6.default)(stats.computedAt).locale("en.short");
+      timeRef.current.textContent = computedAt.fromNow(true);
+      if (computedAt.isBefore((0, import_dayjs6.default)().subtract(1, "hour"))) {
+        setCurrentColor("text-[#D98200] border-[#D98200] border" /* WARNNING */);
+      } else {
+        setCurrentColor("text-[#4CAF1D] border-[#4CAF1D] border" /* NORMAL */);
+      }
+    };
+    updateFn();
+    const interval = setInterval(() => {
+      updateFn();
+    }, 1e3);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [stats]);
+  const onClick = (0, import_react27.useCallback)(() => {
+    setFetching((prevState) => {
+      if (prevState) return prevState;
+      onRefresh().finally(() => {
+        setFetching(false);
+      });
+      return true;
+    });
+  }, [onRefresh]);
+  (0, import_react27.useEffect)(() => {
+    if (typeof window == "object") {
+      window.addEventListener("refresh_all", onClick);
+      return () => {
+        window.removeEventListener("refresh_all", onClick);
+      };
+    }
+  }, []);
+  const showReload = fetching || stats?.isRefreshing;
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    "div",
+    {
+      className: (0, import_ui_core30.classNames)(
+        "group/refresh relative ml-1 flex items-center gap-1 rounded-sm py-px pl-1 text-xs transition-all",
+        currentColor,
+        showReload ? "pr-5" : "pr-1.5 hover:pr-5"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "cursor-default text-[10px]", ref: timeRef }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          "button",
+          {
+            onClick,
+            className: (0, import_ui_core30.classNames)(
+              "absolute right-1",
+              showReload ? "block" : "hidden group-hover/refresh:block"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_io2.IoMdRefresh,
+              {
+                className: (0, import_ui_core30.classNames)(
+                  "h-3.5 w-3.5",
+                  showReload ? "animate-spin" : ""
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/dashboard/ShareDashboardDialog.tsx
+var import_react28 = require("react");
+var import_ui_core31 = require("@sentio/ui-core");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var ShareDashboardDialog = ({
+  open,
+  initData,
+  onUnshare,
+  onClose,
+  onConfigChange,
+  startTime,
+  endTime,
+  tz
+}) => {
+  const [isReadonly, setIsReadonly] = (0, import_react28.useState)(
+    initData?.config?.isReadonly ?? false
+  );
+  const [hideModifiers, setHideModifiers] = (0, import_react28.useState)(
+    initData?.config?.hideModifiers ?? false
+  );
+  const linkText = (0, import_react28.useMemo)(() => {
+    if (initData?.id) {
+      let timeSuffix = startTime && endTime ? `?from=${encodeURIComponent((0, import_ui_core31.dateTimeToString)(startTime))}&to=${encodeURIComponent((0, import_ui_core31.dateTimeToString)(endTime))}&tz=${tz}` : "";
+      if (tz) {
+        timeSuffix += `&tz=${tz}`;
+      }
+      return `${location.origin}/share/${initData?.id}${timeSuffix}`;
+    }
+    return "";
+  }, [initData?.id, startTime, endTime]);
+  const handleConfigChange = (newIsReadonly, newHideModifiers) => {
+    const config = {
+      isReadonly: newIsReadonly,
+      hideModifiers: newHideModifiers
+    };
+    onConfigChange?.(config);
+  };
+  const handleReadonlyChange = (checked) => {
+    setIsReadonly(checked);
+    handleConfigChange(checked, hideModifiers);
+  };
+  const handleHideModifiersChange = (checked) => {
+    setHideModifiers(checked);
+    handleConfigChange(isReadonly, checked);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_ui_core31.BaseDialog,
+    {
+      title: "Sharing: ON",
+      open,
+      onCancel: () => {
+        onUnshare?.();
+        onClose();
+      },
+      cancelText: "Revoke URL",
+      cancelProps: {
+        status: "danger"
+      },
+      okText: "Done",
+      onOk: () => {
+        onClose();
+      },
+      onClose,
+      buttonsClassName: "justify-between",
+      footerBorder: false,
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "mx-4 my-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex overflow-hidden rounded-md border  pl-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-ilabel font-ilabel text-text-foreground flex-1 grow truncate leading-8", children: linkText }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "group cursor-pointer border-l  bg-gray-200 px-2 py-1 hover:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_ui_core31.CopyButton,
+            {
+              text: linkText,
+              size: 18,
+              className: "text-text-foreground group-hover:text-primary h-4 w-4 align-middle"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-text-foreground-secondary mt-2 text-[11px]", children: "Anyone with the link can access this dashboard. You can revoke the link at any time." }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "mt-4 space-y-3 border-t pt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-text-foreground text-sm font-medium", children: "Access Settings" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                import_ui_core31.Checkbox,
+                {
+                  checked: isReadonly,
+                  onChange: handleReadonlyChange,
+                  label: "Panel read-only access"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-text-foreground-secondary ml-6 text-xs", children: "Viewers can only view the dashboard without entering panel edit mode or copy configuration." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                import_ui_core31.Checkbox,
+                {
+                  checked: hideModifiers,
+                  onChange: handleHideModifiersChange,
+                  label: "Hide controls"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-text-foreground-secondary ml-6 text-xs", children: "Hide panel creator and modifier for viewers" })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AggregateInput,
@@ -7174,6 +7392,7 @@ function EditGroupDialog({
   ChartTooltip,
   ChartTypeButtonGroup,
   DEFAULT_HIGHLIGHT_KEY,
+  DashboardRefresh,
   DataControls,
   EditDashboardDialog,
   EditGroupDialog,
@@ -7201,6 +7420,7 @@ function EditGroupDialog({
   ScatterChartTooltip,
   ScatterControls,
   ScatterIcon,
+  ShareDashboardDialog,
   SystemLabels,
   TableControls,
   TableIcon,