@devtable/dashboard 14.50.5 → 14.50.6

package/dist/dashboard.es.js

@@ -9,14 +9,14 @@ import C, { unset as uh, get as de, isObject as Dl, set as Fa, omit as xn, isFun
 import { observable as Pl, runInAction as er, toJS as Ht, reaction as qe, makeAutoObservable as or } from "mobx";
 import go from "eventemitter2";
 import { jsx as r, Fragment as F, jsxs as u } from "react/jsx-runtime";
-import E, { useId as xh, useState as H, useEffect as N, useCallback as ne, forwardRef as te, useMemo as k, useRef as Ft, createContext as Al, createElement as Bn, useContext as ut, memo as wh } from "react";
+import E, { useId as xh, useState as H, useEffect as N, useCallback as ne, forwardRef as te, useMemo as k, useRef as kt, createContext as Al, createElement as Bn, useContext as ut, memo as wh } from "react";
 import wn, { random as Ar } from "chroma-js";
 import We from "echarts-for-react/lib/core";
 import "echarts-gl";
 import * as Ne from "echarts/core";
 import { use as Sh } from "echarts/core";
 import { useBoolean as De, useCreation as Nt, usePrevious as Ch, useAsyncEffect as jn, useRequest as Sn, useLatest as Ca, useWhyDidYouUpdate as El } from "ahooks";
-import { Box as $, TextInput as V, Group as _, Text as z, Select as q, Button as L, Modal as Se, Stack as I, Divider as A, NumberInput as re, SimpleGrid as Te, Menu as K, UnstyledButton as ja, Tooltip as ae, Flex as rt, ColorInput as un, Center as Gt, ActionIcon as ee, Badge as Bt, CloseButton as kt, Overlay as hn, NativeSelect as Er, useMantineTheme as Or, ColorSwatch as wr, Popover as Ye, ColorPicker as fo, HoverCard as pe, Checkbox as J, Paper as kh, Code as bo, Tabs as S, Switch as ke, Table as w, MultiSelect as Jt, LoadingOverlay as pn, Alert as lr, Collapse as sr, CheckIcon as zh, SegmentedControl as Qa, Anchor as On, Pagination as qr, Textarea as Ol, RangeSlider as Th, Autocomplete as Dh, Combobox as Zt, Mark as ql, Slider as Ih, ThemeIcon as tr, Pill as Mh, List as Ke, getRadius as Ha, Affix as Lh, AppShell as tt, FileInput as Vh, Highlight as $h, rem as yo, JsonInput as Fl, Drawer as Rh, Radio as _o, Skeleton as vo, NavLink as ka, useCombobox as Ph, Loader as Ga, InputBase as Ah, Input as Eh } from "@mantine/core";
+import { Box as $, TextInput as V, Group as _, Text as z, Select as q, Button as L, Modal as Se, Stack as I, Divider as A, NumberInput as re, SimpleGrid as Te, Menu as K, UnstyledButton as ja, Tooltip as ae, Flex as rt, ColorInput as un, Center as Gt, ActionIcon as ee, Badge as Bt, CloseButton as zt, Overlay as hn, NativeSelect as Er, useMantineTheme as Or, ColorSwatch as wr, Popover as Ye, ColorPicker as fo, HoverCard as pe, Checkbox as J, Paper as kh, Code as bo, Tabs as S, Switch as ke, Table as w, MultiSelect as Jt, LoadingOverlay as pn, Alert as lr, Collapse as sr, CheckIcon as zh, SegmentedControl as Qa, Anchor as On, Pagination as qr, Textarea as Ol, RangeSlider as Th, Autocomplete as Dh, Combobox as Zt, Mark as ql, Slider as Ih, ThemeIcon as tr, Pill as Mh, List as Ke, getRadius as Ha, Affix as Lh, AppShell as tt, FileInput as Vh, Highlight as $h, rem as yo, JsonInput as Fl, Drawer as Rh, Radio as _o, Skeleton as vo, NavLink as ka, useCombobox as Ph, Loader as Ga, InputBase as Ah, Input as Eh } from "@mantine/core";
 import { useHover as Oh, useDisclosure as nn, useClipboard as qh, randomId as Cn, useElementSize as Nl, useResizeObserver as Fh, useInputState as Bl } from "@mantine/hooks";
 import * as Nh from "popmotion";
 import { interpolate as Dn } from "popmotion";
@@ -61,7 +61,7 @@ import { constrainedEditor as Yp } from "constrained-editor-plugin";
 import { showNotification as zn, updateNotification as Xp, notifications as Ss } from "@mantine/notifications";
 import { createStyles as Gn, MantineEmotionProvider as Cs } from "@mantine/emotion";
 import * as sn from "d3-regression";
-import { CodeHighlight as zt } from "@mantine/code-highlight";
+import { CodeHighlight as Tt } from "@mantine/code-highlight";
 import { flexRender as qn, createColumnHelper as ai, useReactTable as ii, getCoreRowModel as oi, getSortedRowModel as Zp } from "@tanstack/react-table";
 import { useVirtualizer as Jp } from "@tanstack/react-virtual";
 import st from "axios";
@@ -98,7 +98,7 @@ import Im from "dayjs/plugin/utc";
 import Mm from "dayjs/plugin/weekday";
 import Lm from "dayjs/plugin/weekOfYear";
 import Vm from "dayjs/plugin/weekYear";
-import { types as m, cast as Qt, getParent as we, destroy as $m, getRoot as Re, addDisposer as Xe, detach as Sr, isAlive as ks, flow as Ot, toGenerator as At, clone as Rm, getSnapshot as Et, applySnapshot as He, addMiddleware as Pm, getType as Am, castToSnapshot as zs } from "mobx-state-tree";
+import { types as m, cast as Qt, getParent as we, destroy as $m, getRoot as Re, addDisposer as Xe, detach as Sr, isAlive as ks, flow as qt, toGenerator as Et, clone as Rm, getSnapshot as Ot, applySnapshot as He, addMiddleware as Pm, getType as Am, castToSnapshot as zs } from "mobx-state-tree";
 import Ts from "dom-to-image-more";
 import { saveAs as Hr } from "file-saver";
 import Ds from "jszip";
@@ -109,7 +109,7 @@ import { arrayToTree as Nm } from "performant-array-to-tree";
 import Bm, { Option as jm } from "rc-select";
 import { createPortal as Qm } from "react-dom";
 import { WidthProvider as Ms, Responsive as Ls } from "react-grid-layout";
-import { useModals as Tt, ModalsProvider as Vs } from "@mantine/modals";
+import { useModals as Dt, ModalsProvider as Vs } from "@mantine/modals";
 import { useNavigate as Hm } from "react-router-dom";
 import { Spotlight as En, spotlight as Gm } from "@mantine/spotlight";
 import "@mantine/spotlight/styles.css";
@@ -2428,7 +2428,7 @@ class cg {
     this.symbol = Symbol(t);
   }
 }
-function $t(e) {
+function Rt(e) {
   return new cg(e);
 }
 class li {
@@ -2504,7 +2504,7 @@ function ug() {
   } = E.useContext(Ps);
   return e ? document.getElementById(e) : null;
 }
-const Es = "14.50.5", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Es = "14.50.6", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Es
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2645,9 +2645,9 @@ const Y = (e, t) => {
   right: 16,
   bottom: 16,
   left: 16
-}, Dt = (e) => Math.max(0, e - nt.left - nt.right), It = (e) => Math.max(0, e - nt.top - nt.bottom), cr = (e, t) => ({
-  width: Dt(e),
-  height: It(t)
+}, It = (e) => Math.max(0, e - nt.left - nt.right), Mt = (e) => Math.max(0, e - nt.top - nt.bottom), cr = (e, t) => ({
+  width: It(e),
+  height: Mt(t)
 }), at = ({
   width: e,
   height: t,
@@ -2732,7 +2732,7 @@ function _r(e, t) {
   } = j(t);
   return e[a];
 }
-const Mt = {
+const Lt = {
   CryptoJS: Qh,
   d3Array: jl,
   dayjs: P,
@@ -2844,7 +2844,7 @@ function zg(e, t, n) {
     const a = Ur(e, t);
     return new Function(`return ${n.config.func}`)()({
       queryData: a
-    }, Mt);
+    }, Lt);
   } catch (a) {
     return console.error(a), a.message;
   }
@@ -2893,7 +2893,7 @@ const ie = () => Qs(), Mg = {
   errors: [],
   downloadPanelScreenshot: () => {
   },
-  echartsOptions: null,
+  getEchartsOptions: () => null,
   setEchartsOptions: () => {
   }
 }), Gs = Hs.Provider;
@@ -3163,7 +3163,7 @@ const $e = {
       }) => e.unsetMark(this.name)
     };
   }
-}), qt = {
+}), Ft = {
   grid: {
     axis: "#97999D",
     scope: "rgba(47,140,192,0.1)",
@@ -3228,9 +3228,9 @@ const $e = {
 };
 function Bg() {
   Ne.registerTheme("merico-light", {
-    color: Object.values(qt.graphics.multiple),
+    color: Object.values(Ft.graphics.multiple),
     visualMap: {
-      color: Object.values(qt.graphics.depth).reverse()
+      color: Object.values(Ft.graphics.depth).reverse()
     },
     axes: [{
       type: "all",
@@ -3446,7 +3446,7 @@ function ac(e) {
     itemHeight: 140,
     show: !0,
     inRange: {
-      color: e ?? Object.values(qt.graphics.depth)
+      color: e ?? Object.values(Ft.graphics.depth)
     },
     skipRange: {
       lt_min: "",
@@ -3486,9 +3486,9 @@ function en() {
 }
 function Kg() {
   return {
-    compared: Object.values(qt.graphics.compared),
-    level: Object.values(qt.graphics.level),
-    depth: Object.values(qt.graphics.depth),
+    compared: Object.values(Ft.graphics.compared),
+    level: Object.values(Ft.graphics.level),
+    depth: Object.values(Ft.graphics.depth),
     yellow_blue: ["#8f531d", "#ffd347", "#e3efe3", "#eefaee", "#4ecbbf", "#003f94"],
     blue: ["#f9fcff", "#48b3e9", "#003f94"],
     darkgreen_pink: ["#0c525a", "#f21f99"],
@@ -3642,7 +3642,7 @@ const Yg = Kg(), Xg = ({
       minWidth: "40px",
       maxWidth: "40px",
       flex: 0
-    }, children: /* @__PURE__ */ r(kt, { onClick: a, size: "sm" }) })
+    }, children: /* @__PURE__ */ r(zt, { onClick: a, size: "sm" }) })
   ] });
 }, oc = te(({
   value: e,
@@ -3774,14 +3774,14 @@ const tf = () => /* @__PURE__ */ r("div", { style: {
   width: "20px",
   height: "13px",
   borderRadius: "2px",
-  background: lc(90, ...Object.values(qt.graphics.depth))
+  background: lc(90, ...Object.values(Ft.graphics.depth))
 } }), nf = ({
   disabled: e
 }) => /* @__PURE__ */ r($, { sx: {
   width: "16px",
   height: "10px",
   borderRadius: "2px",
-  background: lc(90, ...Object.values(qt.graphics.depth)),
+  background: lc(90, ...Object.values(Ft.graphics.depth)),
   opacity: e ? "0.5" : 1,
   position: "relative",
   "&:after": {
@@ -3877,7 +3877,7 @@ const uc = (e) => {
 function df(e, t, n) {
   const a = {}, i = (l) => new Function(`return ${cc(l)}`)()({
     variables: n
-  }, t, Mt);
+  }, t, Lt);
   return e.querySelectorAll("dynamic-color").forEach((l) => {
     const s = l.getAttribute("data-value");
     s && (a[`#${dc(l.id)}`] = {
@@ -3933,7 +3933,7 @@ const Jn = "data-value", uf = Jn, hc = "dynamicColor", pc = xs.create({
   onChange: t,
   onMount: n
 }) => {
-  const a = Ft(null), i = Ft(null), o = (s) => {
+  const a = kt(null), i = kt(null), o = (s) => {
     if (!s) {
       t("");
       return;
@@ -4625,7 +4625,7 @@ function ur(e, t, n) {
   }).join("");
 }
 function* Lf(e) {
-  const t = qt.graphics[e];
+  const t = Ft.graphics[e];
   if (!t)
     throw new Error("Invalid palette key provided");
   const n = Object.values(t);
@@ -4687,7 +4687,7 @@ function wc(e, t = {
   return (n) => /* @__PURE__ */ r(ze, { ...t, children: /* @__PURE__ */ r(e, { ...n }) });
 }
 function Vf(e, t) {
-  return new Function(`return ${e}`)()(t, Mt);
+  return new Function(`return ${e}`)()(t, Lt);
 }
 function $f(e, t, n) {
   return Vf(e, {
@@ -4697,16 +4697,16 @@ function $f(e, t, n) {
 }
 function kr(e, t) {
   try {
-    return new Function(`return ${e.config.processing.pre}`)()(t, Mt);
+    return new Function(`return ${e.config.processing.pre}`)()(t, Lt);
   } catch (n) {
     return console.error(n), t;
   }
 }
 function zr(e, t) {
-  return new Function(`return ${e.config.processing.post}`)()(t, Mt);
+  return new Function(`return ${e.config.processing.post}`)()(t, Lt);
 }
 function Do(e, t, n) {
-  return e ? new Function(`return ${e}`)()(t, Mt, n) : t;
+  return e ? new Function(`return ${e}`)()(t, Lt, n) : t;
 }
 function Sc() {
   Sh([Kp, Lp, Vp, $p, Rp, Pp, Ap, Ep, Op, qp, Fp, Np, Bp, jp, Qp, Hp, Gp, Wp, Up]);
@@ -4739,7 +4739,7 @@ function Rf({
   try {
     return new Function(`return ${t}`)()({
       sql: e
-    }, Mt);
+    }, Lt);
   } catch (n) {
     throw console.error(n), n;
   }
@@ -4748,7 +4748,7 @@ function Pf(e, t, n) {
   if (!e.trim())
     return t;
   try {
-    return new Function(`return ${e}`)()(t, Mt, n);
+    return new Function(`return ${e}`)()(t, Lt, n);
   } catch (a) {
     throw console.error(a), a;
   }
@@ -4857,7 +4857,7 @@ function qf({
       min: de(W, x.columnKey),
       max: de(oe, x.columnKey)
     };
-  }, [g, x]), R = Ft(null), O = k(() => ({
+  }, [g, x]), R = kt(null), O = k(() => ({
     finished: () => {
       var oe;
       const W = (oe = R.current) == null ? void 0 : oe.getEchartsInstance();
@@ -5333,7 +5333,7 @@ function bt({
     text-overflow: ${i};
   `;
 }
-function Lt(e) {
+function Vt(e) {
   return {
     width: e.width,
     overflow: e.overflow,
@@ -6853,7 +6853,7 @@ function vy({
     x_axis: i,
     y_axis: o,
     reference_lines: l
-  } = e, s = ty(e, t), c = Lt(i.axisLabel.overflow.on_axis), d = _y(a), h = uy(e, s).map((p) => ({
+  } = e, s = ty(e, t), c = Vt(i.axisLabel.overflow.on_axis), d = _y(a), h = uy(e, s).map((p) => ({
     ...p,
     name: C.get(d, p.name, p.name)
   }));
@@ -6922,7 +6922,7 @@ function xy({
         rowData: R
       });
     });
-  }, [p, h, d]), b = Ft(null), v = ne(() => {
+  }, [p, h, d]), b = kt(null), v = ne(() => {
     var R;
     const M = (R = b.current) == null ? void 0 : R.getEchartsInstance();
     M && Ue(t, M.getOption());
@@ -7099,7 +7099,7 @@ function Cy(e) {
         backgroundColor: a
       } }) }),
       /* @__PURE__ */ u(Ye.Dropdown, { children: [
-        /* @__PURE__ */ r(ae, { withinPortal: !0, zIndex: 340, label: t("common.actions.close"), children: /* @__PURE__ */ r(kt, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: T, style: {
+        /* @__PURE__ */ r(ae, { withinPortal: !0, zIndex: 340, label: t("common.actions.close"), children: /* @__PURE__ */ r(zt, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: T, style: {
           position: "absolute",
           top: "0.5em",
           right: "0.8em"
@@ -7699,7 +7699,7 @@ function jy({
     /* @__PURE__ */ r(By, { format: e })
   ] });
 }
-const Vt = E.forwardRef(jy), Qy = ({
+const $t = E.forwardRef(jy), Qy = ({
   control: e,
   watch: t
 }) => {
@@ -7726,7 +7726,7 @@ const Vt = E.forwardRef(jy), Qy = ({
       /* @__PURE__ */ r(A, { mt: 10, mb: -15, variant: "dashed", label: n("chart.axis.section_title.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: "y_axis.label_formatter", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Vt, { ...a }) })
+      }) => /* @__PURE__ */ r($t, { ...a }) })
     ] })
   ] });
 };
@@ -8352,7 +8352,7 @@ const y_ = {
 }, i) => /* @__PURE__ */ r(un, { ref: i, label: n, placeholder: a, value: e, onChange: t, size: "xs", popoverProps: {
   withinPortal: !0,
   zIndex: 340
-}, rightSection: e ? /* @__PURE__ */ r(kt, { size: "sm", onClick: () => {
+}, rightSection: e ? /* @__PURE__ */ r(zt, { size: "sm", onClick: () => {
   t("");
 } }) : null })), x_ = te(({
   value: e,
@@ -9599,7 +9599,7 @@ function bv(e, t) {
   const {
     overflow: n,
     ...a
-  } = e.x_axis.axisLabel, i = Lt(n.on_axis), o = t.length === 0;
+  } = e.x_axis.axisLabel, i = Vt(n.on_axis), o = t.length === 0;
   return [ge.getXAxis({
     data: t,
     name: e.x_axis_name ?? "",
@@ -9769,7 +9769,7 @@ const Cv = D(({
   } = e, o = k(() => me({}, a, Ec), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = H(0), [p, g] = H(0), b = Math.max(0, It(c) - d - p), v = Dt(s), x = _e();
+  } = e.viewport, [d, h] = H(0), [p, g] = H(0), b = Math.max(0, Mt(c) - d - p), v = It(s), x = _e();
   function T(M) {
     const R = dn(o.stats.top, e.variables, x.payloadForViz, e.data), O = dn(o.stats.bottom, e.variables, x.payloadForViz, e.data);
     Ue(t, {
@@ -10949,7 +10949,7 @@ function Wv({
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Vt, { ...a }) })
+      }) => /* @__PURE__ */ r($t, { ...a }) })
     ] }),
     /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
@@ -11110,7 +11110,7 @@ function tx(e, t) {
     const p = j(a), g = j(i), b = t[p.queryID].map((x) => ({
       name: x[p.columnKey],
       value: x[g.columnKey]
-    })), v = Lt(o.overflow.on_axis);
+    })), v = Vt(o.overflow.on_axis);
     return {
       type: "funnel",
       ...ex(n),
@@ -11258,7 +11258,7 @@ function sx({
     width: o,
     height: l
   } = e.viewport;
-  return !o || !l ? null : /* @__PURE__ */ r(at, { width: o, height: l, children: /* @__PURE__ */ r(lx, { instance: t, width: Dt(o), height: It(l), data: i, conf: a }) });
+  return !o || !l ? null : /* @__PURE__ */ r(at, { width: o, height: l, children: /* @__PURE__ */ r(lx, { instance: t, width: It(o), height: Mt(l), data: i, conf: a }) });
 }
 const cx = ({
   item: e,
@@ -11762,7 +11762,7 @@ function Ix(e, t, n, a) {
   const {
     overflow: i,
     rotate: o
-  } = e.x_axis.axisLabel, l = Lt(i.on_axis);
+  } = e.x_axis.axisLabel, l = Vt(i.on_axis);
   return ge.getXAxis({
     id: "main-x-axis",
     type: "category",
@@ -11810,7 +11810,7 @@ function Mx(e, t, n) {
   } = e.y_axis, {
     overflow: s,
     rotate: c
-  } = e.y_axis.axisLabel, d = Lt(s.on_axis);
+  } = e.y_axis.axisLabel, d = Vt(s.on_axis);
   return ge.getYAxis({
     ...l,
     type: "category",
@@ -11863,7 +11863,7 @@ const mr = ({
   return /* @__PURE__ */ r(un, { label: e, placeholder: n("chart.visual_map.skip_range.follow_visual_map"), size: "xs", popoverProps: {
     withinPortal: !0,
     zIndex: 340
-  }, rightSection: t.value ? /* @__PURE__ */ r(kt, { size: "sm", onClick: () => {
+  }, rightSection: t.value ? /* @__PURE__ */ r(zt, { size: "sm", onClick: () => {
     t.onChange("");
   } }) : null, ...t });
 }, Lx = ({
@@ -12029,10 +12029,10 @@ const mr = ({
     }) => /* @__PURE__ */ r(un, { label: i(""), placeholder: i("chart.color.label"), size: "xs", popoverProps: {
       withinPortal: !0,
       zIndex: 340
-    }, rightSection: o.value ? /* @__PURE__ */ r(kt, { size: "sm", onClick: () => {
+    }, rightSection: o.value ? /* @__PURE__ */ r(zt, { size: "sm", onClick: () => {
       o.onChange("");
     } }) : null, ...o }) }) }),
-    /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(kt, { size: "sm", onClick: () => n(t) }) })
+    /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(zt, { size: "sm", onClick: () => n(t) }) })
   ] });
 }, Ax = ({
   form: e
@@ -12359,7 +12359,7 @@ function Qx({
   const [p, g] = H(1), b = Fx(h, o, p);
   return !s || !c ? null : /* @__PURE__ */ u(at, { width: s, height: c, children: [
     o.pagination.page_size > 0 && /* @__PURE__ */ r(xx, { page: p, setPage: g, totalPages: d, width: s }),
-    /* @__PURE__ */ r(jx, { instance: t, variables: i, width: Dt(s), height: It(c), data: l, seriesData: b, conf: o, interactionManager: n })
+    /* @__PURE__ */ r(jx, { instance: t, variables: i, width: It(s), height: Mt(c), data: l, seriesData: b, conf: o, interactionManager: n })
   ] });
 }
 function Hx({
@@ -12390,7 +12390,7 @@ function Hx({
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: "heat_block.value_formatter", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r(Vt, { ...i }) }),
+    }) => /* @__PURE__ */ r($t, { ...i }) }),
     /* @__PURE__ */ r(A, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
@@ -13141,7 +13141,7 @@ function kw(e, t) {
   const {
     name: n,
     axisLabel: a
-  } = e.x_axis, i = Lt(a.overflow.on_axis);
+  } = e.x_axis, i = Vt(a.overflow.on_axis);
   return [ge.getXAxis({
     type: "category",
     id: "main-x-axis",
@@ -13318,7 +13318,7 @@ function Lw({
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.label.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: "bar.label_formatter", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Vt, { ...a }) })
+      }) => /* @__PURE__ */ r($t, { ...a }) })
     ] })
   ] });
 }
@@ -13377,7 +13377,7 @@ const $w = (e, t) => `
   } = y(), [n, a] = H(!1), i = k(() => $w(e("viz.pareto_chart.line_80_20.param_section_note_1"), e("viz.pareto_chart.line_80_20.param_section_note_2")), [t.language]);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-sm", onClick: () => a((o) => !o), children: e(n ? "common.actions.close" : "viz.pareto_chart.line_80_20.click_to_see_params") }),
-    /* @__PURE__ */ r(sr, { in: n, children: /* @__PURE__ */ r(zt, { language: "typescript", withCopyButton: !1, code: i }) })
+    /* @__PURE__ */ r(sr, { in: n, children: /* @__PURE__ */ r(Tt, { language: "typescript", withCopyButton: !1, code: i }) })
   ] });
 };
 function Pw({
@@ -14102,7 +14102,7 @@ function d0({
     width: l,
     height: s
   } = e.viewport;
-  return !l || !s || !i.label_field || !i.value_field ? null : /* @__PURE__ */ r(at, { width: l, height: s, children: /* @__PURE__ */ r(c0, { instance: t, conf: i, width: Dt(l), height: It(s), data: o, interactionManager: n }) });
+  return !l || !s || !i.label_field || !i.value_field ? null : /* @__PURE__ */ r(at, { width: l, height: s, children: /* @__PURE__ */ r(c0, { instance: t, conf: i, width: It(l), height: Mt(s), data: o, interactionManager: n }) });
 }
 function u0(e) {
   const [t, n] = e;
@@ -14178,7 +14178,7 @@ const p0 = te(({
       minWidth: "40px",
       maxWidth: "40px",
       flex: 0
-    }, children: /* @__PURE__ */ r(kt, { onClick: a, size: "sm" }) })
+    }, children: /* @__PURE__ */ r(zt, { onClick: a, size: "sm" }) })
   ] });
 }, g0 = ({
   append: e
@@ -14206,7 +14206,7 @@ const p0 = te(({
       flex: 0
     } })
   ] });
-}, f0 = Object.entries(C.pick(qt.graphics, ["compared", "level", "depth", "multiple"])).map(([e, t]) => ({
+}, f0 = Object.entries(C.pick(Ft.graphics, ["compared", "level", "depth", "multiple"])).map(([e, t]) => ({
   name: e,
   colors: Object.values(t)
 }));
@@ -14865,7 +14865,7 @@ function H0({
     width: s,
     height: c
   } = e.viewport;
-  return !s || !c || !o || Ll(o == null ? void 0 : o.dimensions) ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(Q0, { instance: t, variables: i, width: Dt(s), height: It(c), data: l, conf: o, interactionManager: n }) });
+  return !s || !c || !o || Ll(o == null ? void 0 : o.dimensions) ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(Q0, { instance: t, variables: i, width: It(s), height: Mt(c), data: l, conf: o, interactionManager: n }) });
 }
 function G0({
   control: e,
@@ -14954,7 +14954,7 @@ function U0({
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("viz.radar_chart.metric.value_formatter"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Vt, { ...a }) })
+      }) => /* @__PURE__ */ r($t, { ...a }) })
     ] })
   ] });
 }
@@ -15778,7 +15778,7 @@ const fa = (e) => {
   width: a,
   height: i
 }) => {
-  const o = fa(n.x_axis.data_key), l = fa(n.regression.y_axis_data_key), s = fa(n.regression.group_by_key), c = j(o.value), d = j(l.value), h = j(s.value), p = k(() => y1(Ge({}, n, Xc()), e.data, c, d, h), [n, e.data, c, d, h]), g = Ft(null), b = (T) => {
+  const o = fa(n.x_axis.data_key), l = fa(n.regression.y_axis_data_key), s = fa(n.regression.group_by_key), c = j(o.value), d = j(l.value), h = j(s.value), p = k(() => y1(Ge({}, n, Xc()), e.data, c, d, h), [n, e.data, c, d, h]), g = kt(null), b = (T) => {
     g.current = T;
   }, v = ne(() => {
     const T = g.current;
@@ -16002,7 +16002,7 @@ const E1 = {
   c("content"), N(() => {
     d(o);
   }, [o]);
-  const h = Ft(null), p = () => {
+  const h = kt(null), p = () => {
     var g;
     return (g = h.current) == null ? void 0 : g.click();
   };
@@ -16641,7 +16641,7 @@ function mS({
     label: {
       show: !!t.label_position,
       position: t.label_position,
-      ...Lt(t.label_overflow.label),
+      ...Vt(t.label_overflow.label),
       formatter: ({
         value: l
       }) => l[o.columnKey]
@@ -16766,7 +16766,7 @@ function _S(e, t) {
   const n = t.every((s) => !Number.isNaN(Number(s))), {
     overflow: a,
     ...i
-  } = e.x_axis.axisLabel, o = Lt(a.on_axis), l = t.length === 0;
+  } = e.x_axis.axisLabel, o = Vt(a.on_axis), l = t.length === 0;
   return [ge.getXAxis({
     data: t,
     name: e.x_axis.name ?? "",
@@ -16918,7 +16918,7 @@ function CS({
   } = e, o = k(() => me({}, a, ed), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = H(0), [p, g] = H(0), b = Math.max(0, It(c) - d - p), v = Dt(s);
+  } = e.viewport, [d, h] = H(0), [p, g] = H(0), b = Math.max(0, Mt(c) - d - p), v = It(s);
   return !s || !c ? null : /* @__PURE__ */ u(at, { width: s, height: c, children: [
     /* @__PURE__ */ r(Dr, { onHeightChange: h, value: o.stats.top, context: e }),
     /* @__PURE__ */ r(SS, { instance: t, variables: i, width: v, height: b, data: l, conf: o, interactionManager: n }),
@@ -17467,7 +17467,7 @@ function BS({
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Vt, { ...a }) })
+      }) => /* @__PURE__ */ r($t, { ...a }) })
     ] }),
     /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
@@ -17762,7 +17762,7 @@ const oC = D(({
   context: e,
   instance: t
 }) => {
-  const n = Ft(null), a = mt({
+  const n = kt(null), a = mt({
     vizManager: e.vizManager,
     instance: t
   }), i = pt(a.triggerManager, nd.id), o = _e(), {
@@ -18751,7 +18751,7 @@ function tk(e) {
   const i = new Function(`return ${a}`)()({
     value: t,
     row_data: n
-  }, Mt);
+  }, Lt);
   return /* @__PURE__ */ r(Nn, { ...e, children: i });
 }
 function nk(e) {
@@ -20404,7 +20404,7 @@ function v2({
         rowData: M
       });
     });
-  }, [s, c, i]), h = Ft(null), p = ne(() => {
+  }, [s, c, i]), h = kt(null), p = ne(() => {
     var x;
     const v = (x = h.current) == null ? void 0 : x.getEchartsInstance();
     v && Ue(l, v.getOption());
@@ -20435,7 +20435,7 @@ function x2({
     width: s,
     height: c
   } = e.viewport;
-  return !o.calendar.data_key || !o.heat_block.data_key || !s || !c ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(v2, { instance: t, variables: i, width: Dt(s), height: It(c), data: l, conf: o, interactionManager: n }) });
+  return !o.calendar.data_key || !o.heat_block.data_key || !s || !c ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(v2, { instance: t, variables: i, width: It(s), height: Mt(c), data: l, conf: o, interactionManager: n }) });
 }
 const w2 = [{
   label: "中文",
@@ -20490,7 +20490,7 @@ function C2({
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: "heat_block.value_formatter", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(Vt, { ...a }) })
+    }) => /* @__PURE__ */ r($t, { ...a }) })
   ] });
 }
 const k2 = ({
@@ -21026,7 +21026,7 @@ function K2(e, t) {
   const n = t.every((l) => !Number.isNaN(Number(l))), {
     overflow: a,
     ...i
-  } = e.y_axis.axisLabel, o = Lt(a.on_axis);
+  } = e.y_axis.axisLabel, o = Vt(a.on_axis);
   return [ge.getXAxis({
     data: t,
     name: e.y_axis.name ?? "",
@@ -21105,7 +21105,7 @@ function Z2({
     width: s,
     height: c
   } = e.viewport;
-  return !s || !c ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(X2, { instance: t, variables: i, width: Dt(s), height: It(c), data: l, conf: o, interactionManager: n }) });
+  return !s || !c ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(X2, { instance: t, variables: i, width: It(s), height: Mt(c), data: l, conf: o, interactionManager: n }) });
 }
 function J2({
   control: e,
@@ -21370,7 +21370,7 @@ function i3({
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.x_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Vt, { ...a }) })
+      }) => /* @__PURE__ */ r($t, { ...a }) })
     ] }),
     /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("chart.x_axis.value_range"), labelPosition: "center" }),
@@ -22322,7 +22322,7 @@ function B3({
     g((x) => x || h);
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
-  const b = Math.max(Dt(o), 300), v = Math.max(It(l), 370);
+  const b = Math.max(It(o), 300), v = Math.max(Mt(l), 370);
   return /* @__PURE__ */ u($, { pt: nt.top, pr: nt.right, pb: nt.bottom, pl: nt.left, sx: {
     overflow: "hidden",
     height: l,
@@ -22740,7 +22740,7 @@ function iz({
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: i("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: `metrics.${t}.formatter`, control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r(Vt, { ...o }) }),
+    }) => /* @__PURE__ */ r($t, { ...o }) }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: i("viz.merico_stats.metric.others"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: `metrics.${t}.postfix`, control: e, render: ({
       field: o
@@ -22980,7 +22980,7 @@ function gz({
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: "heat_block.value_formatter", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r(Vt, { ...i }) }),
+    }) => /* @__PURE__ */ r($t, { ...i }) }),
     /* @__PURE__ */ r(A, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
@@ -23393,7 +23393,7 @@ function Lz(e, t, n) {
   const {
     overflow: a,
     rotate: i
-  } = e.x_axis.axisLabel, o = Lt(a.on_axis);
+  } = e.x_axis.axisLabel, o = Vt(a.on_axis);
   return ge.getXAxis({
     id: "main-x-axis",
     type: "category",
@@ -23435,7 +23435,7 @@ function Vz(e, t) {
   } = e.y_axis, {
     overflow: o,
     rotate: l
-  } = e.y_axis.axisLabel, s = Lt(o.on_axis);
+  } = e.y_axis.axisLabel, s = Vt(o.on_axis);
   return ge.getYAxis({
     ...i,
     type: "category",
@@ -23551,7 +23551,7 @@ function Pz({
     width: s,
     height: c
   } = e.viewport;
-  return !s || !c ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(Rz, { instance: t, variables: i, width: Dt(s), height: It(c), data: l, conf: o, interactionManager: n }) });
+  return !s || !c ? null : /* @__PURE__ */ r(at, { width: s, height: c, children: /* @__PURE__ */ r(Rz, { instance: t, variables: i, width: It(s), height: Mt(c), data: l, conf: o, interactionManager: n }) });
 }
 const Az = {
   merico_heatmap: {
@@ -24024,17 +24024,17 @@ const y5 = {
     color: [..._5, ...v5]
   }
 }), $n = new mg(), xe = {
-  pluginManager: $t("pluginManager"),
-  vizManager: $t("vizManager"),
-  colorManager: $t("colorManager"),
-  panelAddonManager: $t("panelAddonManager"),
+  pluginManager: Rt("pluginManager"),
+  vizManager: Rt("vizManager"),
+  colorManager: Rt("colorManager"),
+  panelAddonManager: Rt("panelAddonManager"),
   instanceScope: {
-    panelModel: $t("panelModel"),
-    vizInstance: $t("vizInstance"),
-    interactionManager: $t("interactionManager"),
-    migrator: $t("migrator"),
-    operationManager: $t("operationManager"),
-    triggerManager: $t("triggerManager")
+    panelModel: Rt("panelModel"),
+    vizInstance: Rt("vizInstance"),
+    interactionManager: Rt("interactionManager"),
+    migrator: Rt("migrator"),
+    operationManager: Rt("operationManager"),
+    triggerManager: Rt("triggerManager")
   }
 }, Wi = () => {
   try {
@@ -25663,7 +25663,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
   } = y(), [t, n] = H(!1);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-sm", onClick: () => n((a) => !a), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r(sr, { in: t, children: /* @__PURE__ */ r(zt, { language: "typescript", withCopyButton: !1, code: W5 }) })
+    /* @__PURE__ */ r(sr, { in: t, children: /* @__PURE__ */ r(Tt, { language: "typescript", withCopyButton: !1, code: W5 }) })
   ] });
 }, U5 = {
   [Q.Checkbox]: "true",
@@ -26126,7 +26126,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
       {
         disabled: e,
         allowClear: {
-          clearIcon: /* @__PURE__ */ r(kt, { size: "sm" })
+          clearIcon: /* @__PURE__ */ r(zt, { size: "sm" })
         },
         treeCheckStrictly: d,
         labelInValue: !0,
@@ -26478,7 +26478,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
       {
         disabled: e,
         allowClear: {
-          clearIcon: /* @__PURE__ */ r(kt, { size: "sm" })
+          clearIcon: /* @__PURE__ */ r(zt, { size: "sm" })
         },
         multiple: !1,
         labelInValue: !0,
@@ -26779,14 +26779,14 @@ const mT = {
   month: /* @__PURE__ */ new Set(["m", "m2", "m3", "m6", "y"]),
   quarter: /* @__PURE__ */ new Set(["m", "m2", "m6", "y"])
 };
-function Rt(e, t) {
+function Pt(e, t) {
   return !mT[e].has(t);
 }
 const Hd = (e) => [{
   key: "m",
   value: "last month",
   group: "last",
-  disabled: Rt(e, "m"),
+  disabled: Pt(e, "m"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26799,7 +26799,7 @@ const Hd = (e) => [{
   key: "m2",
   value: "last 2 months",
   group: "last",
-  disabled: Rt(e, "m2"),
+  disabled: Pt(e, "m2"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26812,7 +26812,7 @@ const Hd = (e) => [{
   key: "m3",
   value: "last 3 months",
   group: "last",
-  disabled: Rt(e, "m3"),
+  disabled: Pt(e, "m3"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26825,7 +26825,7 @@ const Hd = (e) => [{
   key: "m6",
   value: "last 6 months",
   group: "last",
-  disabled: Rt(e, "m6"),
+  disabled: Pt(e, "m6"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26838,7 +26838,7 @@ const Hd = (e) => [{
   key: "y",
   value: "last year",
   group: "last",
-  disabled: Rt(e, "y"),
+  disabled: Pt(e, "y"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26851,7 +26851,7 @@ const Hd = (e) => [{
   key: "d30",
   value: "recent 30 days",
   group: "recent",
-  disabled: Rt(e, "d30"),
+  disabled: Pt(e, "d30"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26864,7 +26864,7 @@ const Hd = (e) => [{
   key: "d60",
   value: "recent 60 days",
   group: "recent",
-  disabled: Rt(e, "d60"),
+  disabled: Pt(e, "d60"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26877,7 +26877,7 @@ const Hd = (e) => [{
   key: "d90",
   value: "recent 90 days",
   group: "recent",
-  disabled: Rt(e, "d90"),
+  disabled: Pt(e, "d90"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26890,7 +26890,7 @@ const Hd = (e) => [{
   key: "d180",
   value: "recent 180 days",
   group: "recent",
-  disabled: Rt(e, "d180"),
+  disabled: Pt(e, "d180"),
   getRange: (t) => {
     const n = P();
     return {
@@ -26903,7 +26903,7 @@ const Hd = (e) => [{
   key: "d365",
   value: "recent 365 days",
   group: "recent",
-  disabled: Rt(e, "d365"),
+  disabled: Pt(e, "d365"),
   getRange: (t) => {
     const n = P();
     return {
@@ -27887,7 +27887,7 @@ function lu(e) {
 function IT(e, t) {
   const n = e.default_value_func;
   try {
-    const a = new Function(`return ${n}`)()(e, Mt, t);
+    const a = new Function(`return ${n}`)()(e, Lt, t);
     return e.config._name === "date-range" && Array.isArray(a) ? {
       value: a,
       shortcut: null
@@ -28477,13 +28477,13 @@ const RT = E5.views((e) => ({
     e.error = t;
   }
 })).actions((e) => ({
-  runSQL: Ot(function* () {
+  runSQL: qt(function* () {
     var t;
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
       try {
         const n = e.payload, a = e.config;
-        e.data = yield* At(LT({
+        e.data = yield* Et(LT({
           payload: n,
           name: e.name,
           query: {
@@ -28506,7 +28506,7 @@ const RT = E5.views((e) => ({
       }
     }
   }),
-  runHTTP: Ot(function* () {
+  runHTTP: qt(function* () {
     var t;
     if (!(!e.valid || !e.datasource) && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -28518,7 +28518,7 @@ const RT = E5.views((e) => ({
         } = e.json;
         let o = JSON.parse(e.httpConfigString);
         o = kr(e.datasource, o);
-        const l = yield* At(VT({
+        const l = yield* Et(VT({
           type: n,
           key: a,
           configString: JSON.stringify(o),
@@ -28537,7 +28537,7 @@ const RT = E5.views((e) => ({
       }
     }
   }),
-  runMericoMetricQuery: Ot(function* () {
+  runMericoMetricQuery: qt(function* () {
     var t;
     if (!(!e.valid || !e.datasource) && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet && e.metricQueryPayloadValid)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -28553,7 +28553,7 @@ const RT = E5.views((e) => ({
           data: e.metricQueryPayload
         };
         o = kr(e.datasource, o);
-        const l = yield* At($T({
+        const l = yield* Et($T({
           key: a,
           configString: JSON.stringify(o),
           name: e.name,
@@ -28578,7 +28578,7 @@ const RT = E5.views((e) => ({
         id: o.id,
         name: o.name,
         data: C.cloneDeep(o.data)
-      })), n = e.contentModel.dashboardStateValues, a = e.pre_process, i = new Function(`return ${a}`)()(t, n, Mt);
+      })), n = e.contentModel.dashboardStateValues, a = e.pre_process, i = new Function(`return ${a}`)()(t, n, Lt);
       e.data = i, e.state = "idle", e.error = null;
     } catch (t) {
       e.data = [], e.error = t.message, e.state = "error";
@@ -28747,7 +28747,7 @@ const RT = E5.views((e) => ({
     const n = JSON.stringify(this.getSchema(t), null, 2);
     Xn("Queries", n);
   },
-  forceReloadVisibleQueries: Ot(function* () {
+  forceReloadVisibleQueries: qt(function* () {
     const {
       filterQueries: t,
       panelQueries: n
@@ -28944,13 +28944,13 @@ class OT {
     });
   }
   get changed() {
-    return !Oe(Et(this.origin), Et(this.copy));
+    return !Oe(Ot(this.origin), Ot(this.copy));
   }
   commit() {
-    He(this.origin, Et(this.copy));
+    He(this.origin, Ot(this.copy));
   }
   reset() {
-    He(this.copy, Et(this.origin));
+    He(this.copy, Ot(this.origin));
   }
   update(t) {
     He(this.copy, t);
@@ -29425,7 +29425,7 @@ const qT = (e) => new OT(e), FT = ({
         count: i.length
       }), children: /* @__PURE__ */ r(Bt, { variant: "light", children: i.length }) })
     ] }),
-    /* @__PURE__ */ r(Bm, { disabled: e, allowClear: !0, className: p(h.root, "check-select"), dropdownClassName: p(h.dropdown, ""), onDropdownVisibleChange: v, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: n, clearIcon: () => /* @__PURE__ */ r(kt, { size: "sm" }), value: i, onChange: o, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r(Yi, { errorMessage: s }), maxTagTextLength: 10, maxTagPlaceholder: (Z) => d("filter.widget.common.x_selected", {
+    /* @__PURE__ */ r(Bm, { disabled: e, allowClear: !0, className: p(h.root, "check-select"), dropdownClassName: p(h.dropdown, ""), onDropdownVisibleChange: v, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: n, clearIcon: () => /* @__PURE__ */ r(zt, { size: "sm" }), value: i, onChange: o, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r(Yi, { errorMessage: s }), maxTagTextLength: 10, maxTagPlaceholder: (Z) => d("filter.widget.common.x_selected", {
       count: Z.length
     }), searchValue: T, onSearch: M, filterOption: !1, dropdownRender: (Z) => /* @__PURE__ */ u(F, { children: [
       O.size > 0 && !T && /* @__PURE__ */ r(_, { px: "xs", py: "xs", onClick: oe, styles: KT, children: /* @__PURE__ */ r(J, { size: "xs", checked: W, onChange: C.noop, label: d("common.actions.select_all") }) }),
@@ -30106,14 +30106,14 @@ const OD = D(function() {
     name: n,
     title: a
   } = t;
-  return a.show ? /* @__PURE__ */ r(_, { grow: !0, justify: "center", className: "panel-title-wrapper", sx: {
+  return a.show ? /* @__PURE__ */ r(_, { "data-testid": "panel-title-bar", grow: !0, justify: "center", className: "panel-title-wrapper", sx: {
     flexGrow: 1
   }, children: /* @__PURE__ */ r(z, { size: "sm", ta: "center", lineClamp: 1, className: "panel-title-text", children: n }) }) : null;
 }), io = E.createContext({
   onScreenshot: $l
 });
 function qD(e) {
-  const t = Ft(null), {
+  const t = kt(null), {
     onScreenshot: n
   } = ut(io);
   return {
@@ -30450,11 +30450,13 @@ const JD = D(({
   /* @__PURE__ */ r(K.Dropdown, { children: e })
 ] }) }));
 function e6(e) {
-  const [t, n] = H(null);
+  const t = kt(null), n = ne((a) => {
+    t.current = a;
+  }, []);
   return N(() => {
-    n(null);
+    t.current = null;
   }, [e]), {
-    echartsOptions: t,
+    getEchartsOptions: () => t.current,
     setEchartsOptions: n
   };
 }
@@ -30472,7 +30474,7 @@ const t6 = {
     withAddon: o,
     withPanelTitle: l
   } = ao(), s = o ? As : E.Fragment, {
-    echartsOptions: c,
+    getEchartsOptions: c,
     setEchartsOptions: d
   } = e6(e.viz.type), {
     inEditMode: h
@@ -30483,9 +30485,9 @@ const t6 = {
     loading: e.dataLoading,
     errors: e.queryErrors,
     downloadPanelScreenshot: i,
-    echartsOptions: c,
+    getEchartsOptions: c,
     setEchartsOptions: d
-  }, children: /* @__PURE__ */ r($, { id: e.id, className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
+  }, children: /* @__PURE__ */ r($, { id: e.id, "data-testid": "panel-root", className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
     ...t6,
     ...t
   }, children: /* @__PURE__ */ u(s, { children: [
@@ -30548,26 +30550,26 @@ const t6 = {
   } = Zs();
   return k(() => [{
     order: 10,
-    render: () => /* @__PURE__ */ r(Ru, {})
+    render: () => /* @__PURE__ */ r(Ru, {}, "refresh")
   }, {
     order: 100,
-    render: () => /* @__PURE__ */ r(Lu, {})
+    render: () => /* @__PURE__ */ r(Lu, {}, "download-data")
   }, {
     order: 300,
-    render: () => /* @__PURE__ */ r(Vu, {})
+    render: () => /* @__PURE__ */ r(Vu, {}, "download-screenshot")
   }, {
     order: 400,
-    render: () => /* @__PURE__ */ r($u, { view: e })
+    render: () => /* @__PURE__ */ r($u, { view: e }, "enter-full-screen")
   }, ...t].sort((a, i) => a.order - i.order), [t]);
 }, i6 = D(({
   view: e
 }) => {
   const {
-    echartsOptions: t,
+    getEchartsOptions: t,
     panel: n
   } = Ie();
   return a6(e).map((i) => i.render({
-    echartsOptions: t,
+    getEchartsOptions: t,
     inEditMode: !1,
     panelID: n.id,
     viewID: e.id
@@ -30618,7 +30620,7 @@ const t6 = {
 }) => {
   const {
     t: n
-  } = y(), a = Tt(), i = ie(), o = () => a.openConfirmModal({
+  } = y(), a = Dt(), i = ie(), o = () => a.openConfirmModal({
     title: `${n("panel.delete")}?`,
     labels: {
       confirm: n("common.actions.confirm"),
@@ -30680,53 +30682,53 @@ const t6 = {
   } = Zs(), l = p6(e);
   return k(() => [{
     order: 10,
-    render: () => /* @__PURE__ */ r(Ru, {})
+    render: () => /* @__PURE__ */ r(Ru, {}, "refresh")
   }, {
     order: 100,
-    render: () => /* @__PURE__ */ r(Lu, {})
+    render: () => /* @__PURE__ */ r(Lu, {}, "download-data")
   }, {
     order: 200,
-    render: () => /* @__PURE__ */ r(n6, {})
+    render: () => /* @__PURE__ */ r(n6, {}, "download-schema")
   }, {
     order: 300,
-    render: () => /* @__PURE__ */ r(Vu, {})
+    render: () => /* @__PURE__ */ r(Vu, {}, "download-screenshot")
   }, {
     order: 400,
-    render: () => /* @__PURE__ */ r($u, { view: e })
+    render: () => /* @__PURE__ */ r($u, { view: e }, "enter-full-screen")
   }, ...l, {
     order: 600,
-    render: () => /* @__PURE__ */ r(A, { label: t("common.actions.edit"), labelPosition: "center" })
+    render: () => /* @__PURE__ */ r(A, { label: t("common.actions.edit"), labelPosition: "center" }, "edit-divider")
   }, {
     order: 700,
-    render: () => /* @__PURE__ */ r(o6, { panelID: a, viewID: i })
+    render: () => /* @__PURE__ */ r(o6, { panelID: a, viewID: i }, "open-tab-panel")
   }, {
     order: 800,
-    render: () => /* @__PURE__ */ r(l6, { panelID: a, viewID: i })
+    render: () => /* @__PURE__ */ r(l6, { panelID: a, viewID: i }, "open-tab-variable")
   }, {
     order: 900,
-    render: () => /* @__PURE__ */ r(s6, { panelID: a, viewID: i })
+    render: () => /* @__PURE__ */ r(s6, { panelID: a, viewID: i }, "open-tab-visualization")
   }, {
     order: 1e3,
-    render: () => /* @__PURE__ */ r(c6, { panelID: a, viewID: i })
+    render: () => /* @__PURE__ */ r(c6, { panelID: a, viewID: i }, "open-tab-interaction")
   }, {
     order: 1100,
-    render: () => /* @__PURE__ */ r(A, { label: t("common.actions.actions"), labelPosition: "center" })
+    render: () => /* @__PURE__ */ r(A, { label: t("common.actions.actions"), labelPosition: "center" }, "actions-divider")
   }, {
     order: 1200,
-    render: () => /* @__PURE__ */ r(u6, { panelID: a, viewID: i })
+    render: () => /* @__PURE__ */ r(u6, { panelID: a, viewID: i }, "duplicate")
   }, {
     order: 1300,
-    render: () => /* @__PURE__ */ r(d6, { panelID: a, viewID: i })
+    render: () => /* @__PURE__ */ r(d6, { panelID: a, viewID: i }, "delete-panel")
   }, ...o].sort((c, d) => c.order - d.order), [l, o]);
 }, g6 = D(({
   view: e
 }) => {
   const {
-    echartsOptions: t,
+    getEchartsOptions: t,
     panel: n
   } = Ie();
   return m6(e).map((i) => i.render({
-    echartsOptions: t,
+    getEchartsOptions: t,
     inEditMode: !0,
     panelID: n.id,
     viewID: e.id
@@ -30846,7 +30848,7 @@ const S6 = E.forwardRef(({
   return /* @__PURE__ */ r(T6, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: i, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: a.map((o) => /* @__PURE__ */ r("div", { "data-grid": o.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r(Pu, { view: e, panel: o.panel }) }, o.id)) });
 });
 function so(e) {
-  const t = Ft(null), {
+  const t = kt(null), {
     onScreenshot: n
   } = ut(io);
   return {
@@ -31114,7 +31116,7 @@ const P6 = D(({
 }) => {
   const {
     t
-  } = y(), n = Tt(), a = ie(), i = k(() => a.views.options.filter((d) => d.type === U.Division), [e.id, a.views.options]), o = e.config, l = (d) => n.openConfirmModal({
+  } = y(), n = Dt(), a = ie(), i = k(() => a.views.options.filter((d) => d.type === U.Division), [e.id, a.views.options]), o = e.config, l = (d) => n.openConfirmModal({
     title: `${t("view.component.tabs.tab.delete")}?`,
     labels: {
       confirm: t("common.actions.confirm"),
@@ -31610,11 +31612,11 @@ const H6 = m.compose("FiltersModel", uu, m.model({
     e.setKeywords(t, n);
   }
 })).actions((e) => {
-  const t = Ot(function* () {
+  const t = qt(function* () {
     var n;
     (n = e.controllers.tables) == null || n.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
-      const a = yield* At(gt.structure(e.controllers.tables.signal)({
+      const a = yield* Et(gt.structure(e.controllers.tables.signal)({
         query_type: "TABLES",
         type: e.sqlDataSourceType,
         key: e.key,
@@ -31639,11 +31641,11 @@ const H6 = m.compose("FiltersModel", uu, m.model({
     loadTablesIfEmpty() {
       e.tables.empty && t();
     },
-    loadColumns: Ot(function* () {
+    loadColumns: qt(function* () {
       var n;
       (n = e.controllers.columns) == null || n.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
-        e.columns.data = yield* At(gt.structure(e.controllers.columns.signal)({
+        e.columns.data = yield* Et(gt.structure(e.controllers.columns.signal)({
           query_type: "COLUMNS",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31664,11 +31666,11 @@ const H6 = m.compose("FiltersModel", uu, m.model({
         }
       }
     }),
-    loadIndexes: Ot(function* () {
+    loadIndexes: qt(function* () {
       var n;
       (n = e.controllers.indexes) == null || n.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
-        e.indexes.data = yield* At(gt.structure(e.controllers.indexes.signal)({
+        e.indexes.data = yield* Et(gt.structure(e.controllers.indexes.signal)({
           query_type: "INDEXES",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31689,13 +31691,13 @@ const H6 = m.compose("FiltersModel", uu, m.model({
         }
       }
     }),
-    loadTableData: Ot(function* () {
+    loadTableData: qt(function* () {
       var a;
       (a = e.controllers.tableData) == null || a.abort(), e.controllers.tableData = new AbortController();
       const n = e.tableData;
       n.state = "loading";
       try {
-        n.data = yield* At(gt.structure(e.controllers.tableData.signal)({
+        n.data = yield* Et(gt.structure(e.controllers.tableData.signal)({
           query_type: "DATA",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31710,7 +31712,7 @@ const H6 = m.compose("FiltersModel", uu, m.model({
         }));
         const [{
           total: i
-        }] = yield* At(gt.structure(e.controllers.tableData.signal)({
+        }] = yield* Et(gt.structure(e.controllers.tableData.signal)({
           query_type: "COUNT",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31902,7 +31904,7 @@ const a4 = m.model({
     return this.flatGroupByColOptions.filter((a) => n.has(a.value));
   }
 })).actions((e) => ({
-  load: Ot(function* () {
+  load: qt(function* () {
     var t;
     if (e.mmInfo.type === se.MericoMetricSystem && !(!e.metricID || !e.metricType)) {
       (t = e.controller) == null || t.abort(), e.controller = new AbortController(), e.state = "loading";
@@ -31913,7 +31915,7 @@ const a4 = m.model({
           data: {
             key: e.mmInfo.key
           }
-        }), i = yield* At(gt.mericoMetricInfo(e.controller.signal)({
+        }), i = yield* Et(gt.mericoMetricInfo(e.controller.signal)({
           key: e.mmInfo.key,
           query: JSON.stringify(a),
           ...e.mmInfo.additionalQueryInfo
@@ -31963,7 +31965,7 @@ const a4 = m.model({
     e.keyword = t;
   }
 })).actions((e) => ({
-  load: Ot(function* () {
+  load: qt(function* () {
     var t;
     if (e.mmInfo.type === se.MericoMetricSystem) {
       (t = e.controller) == null || t.abort(), e.controller = new AbortController(), e.state = "loading";
@@ -31977,7 +31979,7 @@ const a4 = m.model({
           params: {
             search: e.keyword
           }
-        }), a = yield* At(gt.mericoMetricInfo(e.controller.signal)({
+        }), a = yield* Et(gt.mericoMetricInfo(e.controller.signal)({
           key: e.mmInfo.key,
           query: JSON.stringify(n),
           ...e.mmInfo.additionalQueryInfo
@@ -32721,15 +32723,15 @@ const k4 = m.model({
   },
   get filtersChanged() {
     const t = "filters.current";
-    return !Oe(Et(de(e, t)), de(e.origin, t));
+    return !Oe(Ot(de(e, t)), de(e.origin, t));
   },
   get queriesChanged() {
-    const t = "queries.current", n = Et(de(e, t)).map((i) => Rl(i, ["id", "name", "key", "type", "run_by", "pre_process", "post_process", "config"])), a = de(e.origin, t);
+    const t = "queries.current", n = Ot(de(e, t)).map((i) => Rl(i, ["id", "name", "key", "type", "run_by", "pre_process", "post_process", "config"])), a = de(e.origin, t);
     return !Oe(n, a);
   },
   get sqlSnippetsChanged() {
     const t = "sqlSnippets.current";
-    return !Oe(Et(de(e, t)), de(e.origin, t));
+    return !Oe(Ot(de(e, t)), de(e.origin, t));
   },
   get viewsChanged() {
     const t = "views.current";
@@ -32737,11 +32739,11 @@ const k4 = m.model({
   },
   get panelsChanged() {
     const t = "panels.list";
-    return !Oe(Et(de(e, t)), de(e.origin, t));
+    return !Oe(Ot(de(e, t)), de(e.origin, t));
   },
   get layoutsChanged() {
     const t = "layouts.list";
-    return !Oe(Et(de(e, t)), de(e.origin, t));
+    return !Oe(Ot(de(e, t)), de(e.origin, t));
   },
   get mockContextChanged() {
     const t = "mock_context.current";
@@ -33370,7 +33372,7 @@ const I4 = D(({
 }) => {
   const {
     t
-  } = y(), n = Tt(), a = ie(), i = () => {
+  } = y(), n = Dt(), a = ie(), i = () => {
     n.openConfirmModal({
       title: /* @__PURE__ */ u(_, { justify: "flex-start", children: [
         /* @__PURE__ */ r(ts, { size: 18, color: "red" }),
@@ -34634,7 +34636,7 @@ const kI = D(() => {
   } = y(), [t, n] = H(!1);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-sm", onClick: () => n((a) => !a), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r(sr, { in: t, children: /* @__PURE__ */ r(zt, { language: "typescript", withCopyButton: !1, code: MI }) })
+    /* @__PURE__ */ r(sr, { in: t, children: /* @__PURE__ */ r(Tt, { language: "typescript", withCopyButton: !1, code: MI }) })
   ] });
 }, LI = D(function({
   filter: t
@@ -34908,7 +34910,7 @@ const kI = D(() => {
     ] }),
     /* @__PURE__ */ r(S.Panel, { value: "config", children: /* @__PURE__ */ r($, { sx: {
       minWidth: "480px"
-    }, children: /* @__PURE__ */ r(zt, { mt: 22, language: "json", withCopyButton: !1, code: JSON.stringify(e, null, 4) }) }) }),
+    }, children: /* @__PURE__ */ r(Tt, { mt: 22, language: "json", withCopyButton: !1, code: JSON.stringify(e, null, 4) }) }) }),
     /* @__PURE__ */ r(S.Panel, { value: "usage", children: /* @__PURE__ */ r(PI, { filter: e }) })
   ] });
 }), EI = D(({
@@ -34968,7 +34970,7 @@ const kI = D(() => {
   [Q.Checkbox]: TI,
   [Q.DateRange]: II,
   [Q.MericoDateRange]: EI
-}, Pt = {
+}, At = {
   [Q.Select]: "filter.widget.names.select",
   [Q.MultiSelect]: "filter.widget.names.multi_select",
   [Q.TreeSelect]: "filter.widget.names.tree_select",
@@ -34984,28 +34986,28 @@ const kI = D(() => {
     t,
     i18n: n
   } = y(), a = ie(), i = E.useMemo(() => OI[e.type], [e.type]), o = k(() => [{
-    label: t(Pt[Q.Select]),
+    label: t(At[Q.Select]),
     value: "select"
   }, {
-    label: t(Pt[Q.MultiSelect]),
+    label: t(At[Q.MultiSelect]),
     value: "multi-select"
   }, {
-    label: t(Pt[Q.TreeSelect]),
+    label: t(At[Q.TreeSelect]),
     value: "tree-select"
   }, {
-    label: t(Pt[Q.TreeSingleSelect]),
+    label: t(At[Q.TreeSingleSelect]),
     value: "tree-single-select"
   }, {
-    label: t(Pt[Q.TextInput]),
+    label: t(At[Q.TextInput]),
     value: "text-input"
   }, {
-    label: t(Pt[Q.Checkbox]),
+    label: t(At[Q.Checkbox]),
     value: "checkbox"
   }, {
-    label: t(Pt[Q.DateRange]),
+    label: t(At[Q.DateRange]),
     value: "date-range"
   }, {
-    label: t(Pt[Q.MericoDateRange]),
+    label: t(At[Q.MericoDateRange]),
     value: "merico-date-range"
   }], [n.language]);
   return /* @__PURE__ */ u(_, { grow: !0, gap: 20, align: "top", children: [
@@ -35037,7 +35039,7 @@ const kI = D(() => {
 }) => {
   const {
     t
-  } = y(), n = Tt(), a = le(), i = ie();
+  } = y(), n = Dt(), a = le(), i = ie();
   if (e === "")
     return null;
   const o = i.filters.findByID(e);
@@ -35145,7 +35147,7 @@ const kI = D(() => {
         } }) }),
         /* @__PURE__ */ r(w.Td, { children: d.label }),
         /* @__PURE__ */ r(w.Td, { children: d.key }),
-        /* @__PURE__ */ r(w.Td, { children: e(Pt[d.type]) }),
+        /* @__PURE__ */ r(w.Td, { children: e(At[d.type]) }),
         /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", onClick: () => i(d.id), children: e("common.actions.open") }) })
       ] }, d.id)) })
     ] }) }) })
@@ -35709,10 +35711,10 @@ const s8 = D(() => {
       /* @__PURE__ */ r(S.Tab, { value: "guide", leftSection: /* @__PURE__ */ r(rr, { size: 14 }), children: t("panel.variable.guide.tabs.guide") }),
       /* @__PURE__ */ r(S.Tab, { value: "vars", leftSection: /* @__PURE__ */ r(Qn, { size: 14 }), children: t("panel.variable.guide.tabs.vars") })
     ] }),
-    /* @__PURE__ */ r(S.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r(zt, { language: "sql", sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r(Tt, { language: "sql", sx: {
       width: "100%"
     }, withCopyButton: !1, code: t("panel.variable.guide.text") }) }),
-    /* @__PURE__ */ r(S.Panel, { value: "vars", pt: "xs", children: /* @__PURE__ */ r(zt, { language: "json", sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "vars", pt: "xs", children: /* @__PURE__ */ r(Tt, { language: "json", sx: {
       width: "100%"
     }, withCopyButton: !1, code: o }) })
   ] }) });
@@ -35815,7 +35817,7 @@ const p8 = E.forwardRef(function({
       /* @__PURE__ */ r(Vi, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (s) => l("aggregation", s), withFallback: !0 }),
       t.aggregation.type !== "custom" && /* @__PURE__ */ u(F, { children: [
         /* @__PURE__ */ r(A, { mt: "xl", mb: 0, label: o("numbro.format.label"), labelPosition: "center", variant: "dashed" }),
-        /* @__PURE__ */ r(Vt, { value: t.formatter, onChange: (s) => l("formatter", s) })
+        /* @__PURE__ */ r($t, { value: t.formatter, onChange: (s) => l("formatter", s) })
       ] })
     ] }),
     /* @__PURE__ */ r(L, { mt: 20, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), color: "red", variant: "light", onClick: a, children: o("panel.variable.delete") })
@@ -35829,7 +35831,7 @@ const p8 = E.forwardRef(function({
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftSection: /* @__PURE__ */ r(yt, { size: 18 }), children: t("common.actions.revert_changes") }),
       /* @__PURE__ */ r(L, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftSection: /* @__PURE__ */ r(fe, { size: 18 }), children: t("common.actions.save_changes") })
     ] }),
-    /* @__PURE__ */ r(p8, { value: Et(n.copy), onChange: n.update, remove: a })
+    /* @__PURE__ */ r(p8, { value: Ot(n.copy), onChange: n.update, remove: a })
   ] });
 });
 D((e) => {
@@ -35918,7 +35920,7 @@ const _8 = D(({
 }) => {
   const {
     t
-  } = y(), n = Tt(), a = le(), i = ie(), [o, l] = H(a.editor.panelTab), s = e.queries, d = y8(e.viz.type) && e.dataLoading, h = d || e.queryErrors.length > 0 || e.queryStateMessages !== "" || s.length === 0, p = a.editor.path[1];
+  } = y(), n = Dt(), a = le(), i = ie(), [o, l] = H(a.editor.panelTab), s = e.queries, d = y8(e.viz.type) && e.dataLoading, h = d || e.queryErrors.length > 0 || e.queryStateMessages !== "" || s.length === 0, p = a.editor.path[1];
   N(() => {
     l((x) => h && x === "Visualization" ? "Data" : x);
   }, [e.id, h]);
@@ -35948,7 +35950,7 @@ const _8 = D(({
     errors: e.queryErrors,
     downloadPanelScreenshot: () => {
     },
-    echartsOptions: null,
+    getEchartsOptions: () => null,
     setEchartsOptions: () => {
     }
   }, children: [
@@ -36001,7 +36003,7 @@ const _8 = D(({
 }), x8 = D(() => {
   const {
     t: e
-  } = y(), [t, n] = H([]), a = Tt(), i = le(), o = (g) => {
+  } = y(), [t, n] = H([]), a = Dt(), i = le(), o = (g) => {
     i.editor.setPath(["_QUERIES_", g]);
   }, l = () => {
     a.openConfirmModal({
@@ -36110,7 +36112,7 @@ const _8 = D(({
     t
   } = y(), {
     queryModel: n
-  } = e, a = le(), i = ie(), l = i.findQueryUsage(n.id).length > 0, s = Tt(), c = () => {
+  } = e, a = le(), i = ie(), l = i.findQueryUsage(n.id).length > 0, s = Dt(), c = () => {
     s.openConfirmModal({
       title: `${t("query.delete")}?`,
       labels: {
@@ -36637,7 +36639,7 @@ function B8({
 }) {
   return /* @__PURE__ */ u(pe, { width: "60vw", shadow: "md", zIndex: 340, children: [
     /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(ee, { size: 16, color: "blue", variant: "subtle", children: /* @__PURE__ */ r(rs, {}) }) }),
-    /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ r(zt, { language: "sql", withCopyButton: !1, code: e }) })
+    /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ r(Tt, { language: "sql", withCopyButton: !1, code: e }) })
   ] });
 }
 const j8 = D(() => {
@@ -36690,10 +36692,10 @@ WHERE
       /* @__PURE__ */ r(S.Tab, { value: "local_query_vars", leftSection: /* @__PURE__ */ r(Qn, { size: 14 }), children: a("query_variable.guide.tabs.variables_in_this_dashboard") }),
       /* @__PURE__ */ r(S.Tab, { value: "global_sql_snippets", leftSection: /* @__PURE__ */ r(vp, { size: 14 }), children: a("query_variable.guide.tabs.global_sql_snippets") })
     ] }),
-    /* @__PURE__ */ r(S.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r(zt, { language: "sql", sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r(Tt, { language: "sql", sx: {
       width: "100%"
     }, withCopyButton: !1, code: Q8 }) }),
-    /* @__PURE__ */ r(S.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r(zt, { language: "json", sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r(Tt, { language: "json", sx: {
       width: "100%"
     }, withCopyButton: !1, code: l }) }),
     /* @__PURE__ */ r(S.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ u(I, { gap: 10, children: [
@@ -36994,7 +36996,7 @@ WHERE
 }) => {
   const {
     t
-  } = y(), n = le(), a = ie(), o = a.findQueryUsage(e.id).length > 0, l = Tt(), s = () => {
+  } = y(), n = le(), a = ie(), o = a.findQueryUsage(e.id).length > 0, l = Dt(), s = () => {
     l.openConfirmModal({
       title: `${t("query.delete")}?`,
       labels: {
@@ -37249,13 +37251,13 @@ const lM = [{
       /* @__PURE__ */ r(S.Tab, { value: "看板变量预览", children: "看板变量预览" }),
       /* @__PURE__ */ r(S.Tab, { value: "查询预览", children: "查询预览" })
     ] }),
-    /* @__PURE__ */ r(S.Panel, { value: "查询预览", children: /* @__PURE__ */ r(zt, { language: "json", sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "查询预览", children: /* @__PURE__ */ r(Tt, { language: "json", sx: {
       width: "100%",
       height: "100%",
       minHeight: "400px",
       overflowY: "auto"
     }, withCopyButton: !1, code: e.metricQueryPayloadString }) }),
-    /* @__PURE__ */ r(S.Panel, { value: "看板变量预览", children: /* @__PURE__ */ r(zt, { language: "json", sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "看板变量预览", children: /* @__PURE__ */ r(Tt, { language: "json", sx: {
       width: "100%",
       height: "100%",
       minHeight: "400px",
@@ -37373,7 +37375,7 @@ const lM = [{
 }) => {
   const i = e.metricDetail, o = e.metrics.loading || i.loading, l = i.error, s = i.filterColOptions, c = Ph({
     onDropdownClose: () => c.resetSelectedOption()
-  }), d = k(() => o ? /* @__PURE__ */ r(Ga, { size: "xs" }) : t ? /* @__PURE__ */ r(kt, { size: "xs", onClick: () => n(null) }) : /* @__PURE__ */ r(Zt.Chevron, { size: "xs" }), [o, t]), h = /* @__PURE__ */ r(Ah, { component: "button", type: "button", variant: "unstyled", size: "xs", pointer: !0, rightSection: d, rightSectionPointerEvents: !o && t ? "all" : "none", onClick: () => c.toggleDropdown(), disabled: o || s.length === 0, styles: vM, error: !!l, children: t || /* @__PURE__ */ r(Eh.Placeholder, { children: "选择维度" }) });
+  }), d = k(() => o ? /* @__PURE__ */ r(Ga, { size: "xs" }) : t ? /* @__PURE__ */ r(zt, { size: "xs", onClick: () => n(null) }) : /* @__PURE__ */ r(Zt.Chevron, { size: "xs" }), [o, t]), h = /* @__PURE__ */ r(Ah, { component: "button", type: "button", variant: "unstyled", size: "xs", pointer: !0, rightSection: d, rightSectionPointerEvents: !o && t ? "all" : "none", onClick: () => c.toggleDropdown(), disabled: o || s.length === 0, styles: vM, error: !!l, children: t || /* @__PURE__ */ r(Eh.Placeholder, { children: "选择维度" }) });
   return /* @__PURE__ */ u(Zt, { store: c, onOptionSubmit: (p) => {
     n(p), c.closeDropdown();
   }, styles: _M, children: [
@@ -37450,7 +37452,7 @@ const lM = [{
       /* @__PURE__ */ r(z, { size: "xs", c: t.checked ? "rgba(255,255,255,.8)" : "dimmed", style: {
         flexShrink: 0,
         flexGrow: 0
-      }, children: n(Pt[a.widget]) })
+      }, children: n(At[a.widget]) })
     ] })
   ] });
 }, $r = D(({
@@ -37878,7 +37880,7 @@ const lM = [{
   N(() => {
     s(e.key), g(e.value);
   }, [e]);
-  const v = p !== e.value, x = Tt(), T = () => {
+  const v = p !== e.value, x = Dt(), T = () => {
     x.openConfirmModal({
       title: `${a("sql_snippet.delete")}?`,
       labels: {
@@ -37953,7 +37955,7 @@ const lM = [{
 }), jM = D(() => {
   const {
     t: e
-  } = y(), [t, n] = H([]), a = Tt(), i = le(), o = (g) => {
+  } = y(), [t, n] = H([]), a = Dt(), i = le(), o = (g) => {
     i.editor.setPath(["_SQL_SNIPPETS_", g]);
   }, l = () => {
     a.openConfirmModal({
@@ -38206,7 +38208,7 @@ const lM = [{
 }) => {
   const {
     t
-  } = y(), n = Tt(), a = le(), i = ie();
+  } = y(), n = Dt(), a = le(), i = ie();
   if (e === "")
     return null;
   const o = i.views.findByID(e);