@devtable/dashboard 14.11.2 → 14.13.0

package/dist/dashboard.es.js

@@ -39,15 +39,15 @@ import { createInstance as Eu } from "i18next";
 import { useTranslation as x, Trans as Sr, initReactI18next as Ou, I18nextProvider as qu } from "react-i18next";
 import Fu from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import C, { unset as Bu, get as le, isObject as Xo, set as va, omit as sn, isFunction as Nu, orderBy as ju, last as Zo, cloneDeepWith as Jo, defaults as he, minBy as Qu, maxBy as Gu, cloneDeep as Pe, values as el, template as wa, throttle as Hu, range as Wu, defaultsDeep as Ge, isEqual as Fe, keyBy as Uu, isEmpty as tl, isNumber as Ku, findLastIndex as Yu, isString as nl, pick as rl } from "lodash";
-import { observable as al, runInAction as Nn, toJS as Rt, reaction as Be, makeAutoObservable as Wn } from "mobx";
+import C, { unset as Nu, get as le, isObject as Xo, set as va, omit as sn, isFunction as Bu, orderBy as ju, last as Zo, cloneDeepWith as Jo, defaults as he, minBy as Qu, maxBy as Gu, cloneDeep as Pe, values as el, template as wa, throttle as Hu, range as Wu, defaultsDeep as Ge, isEqual as Fe, keyBy as Uu, isEmpty as tl, isNumber as Ku, findLastIndex as Yu, isString as nl, pick as rl } from "lodash";
+import { observable as al, runInAction as Bn, toJS as Rt, reaction as Ne, makeAutoObservable as Wn } from "mobx";
 import ji from "eventemitter2";
 import { jsx as r, Fragment as F, jsxs as u } from "react/jsx-runtime";
-import $, { useId as Xu, useState as G, useEffect as B, useCallback as ae, forwardRef as J, useMemo as z, useRef as Vt, createContext as il, createElement as Mn, useContext as Ht, memo as Zu } from "react";
+import $, { useId as Xu, useState as G, useEffect as N, useCallback as ae, forwardRef as J, useMemo as z, useRef as Vt, createContext as il, createElement as Mn, useContext as Ht, memo as Zu } from "react";
 import cn, { random as Cr } from "chroma-js";
 import He from "echarts-for-react/lib/core";
 import "echarts-gl";
-import * as Ne from "echarts/core";
+import * as Be from "echarts/core";
 import { use as Ju } from "echarts/core";
 import { useBoolean as De, useCreation as $t, usePrevious as eh, useAsyncEffect as Ln, useRequest as dn, useLatest as ia, useWhyDidYouUpdate as ol } from "ahooks";
 import { Box as A, TextInput as V, Group as _, Text as k, Select as O, Button as L, Modal as ve, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as U, UnstyledButton as Sa, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Et, ActionIcon as ee, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as Ca, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Qi, HoverCard as _e, Checkbox as te, Paper as th, Code as Gi, Tabs as S, Switch as Ce, Table as v, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as nh, SegmentedControl as ka, Anchor as Qn, Pagination as zr, Textarea as ll, RangeSlider as rh, Autocomplete as ah, Combobox as Ft, Mark as sl, Slider as ih, List as We, getRadius as za, Affix as oh, AppShell as Xe, FileInput as lh, Highlight as sh, rem as Hi, ThemeIcon as ar, JsonInput as cl, Drawer as ch, Radio as Wi, Skeleton as Ui, NavLink as oa, useCombobox as dh, Loader as Ta, InputBase as uh, Input as hh } from "@mantine/core";
@@ -61,7 +61,7 @@ import { faker as bh } from "@faker-js/faker";
 import * as yh from "crypto-js";
 import _h from "crypto-js";
 import zn from "numbro";
-import { IconMathFunction as Wt, IconRecycle as mt, IconDeviceFloppy as me, IconSelector as xh, IconGripVertical as pl, IconTrash as $e, IconArrowBackUp as vh, IconPlayerSkipBack as ml, IconMathFunctionOff as wh, IconTextSize as Da, IconInfoCircle as Re, IconCheck as Sh, IconBorderAll as Ch, IconCircleOff as gl, IconX as Ia, IconAlertCircle as Gn, IconPlus as lt, IconGripHorizontal as kh, IconChevronUp as zh, IconChevronDown as Th, IconChartAreaLineFilled as Dh, IconPlaylistAdd as Hn, IconArrowDown as Ih, IconArrowUp as Mh, IconArrowBarToRight as Ma, IconArrowCurveRight as la, IconCalendar as Lh, IconMinus as Ah, IconChevronsUp as Vh, IconChevronsDown as $h, IconDatabase as Xt, IconRefresh as La, IconDownload as Yn, IconCode as pn, IconCamera as Tr, IconArrowsMaximize as fl, IconAppWindow as Aa, IconVariable as An, IconChartHistogram as bl, IconRoute as Va, IconCopy as $a, IconArrowLeft as yl, IconArrowsMove as Ph, IconChevronDownRight as Rh, IconShare3 as Eh, IconArrowsLeftRight as Oh, IconCodeDots as _l, IconFilter as Pa, IconBoxMultiple as Ra, IconCaretDown as qh, IconAlertTriangle as xl, IconDevices as Fh, IconSettings as Vn, IconPointFilled as Dr, IconFileImport as Ki, IconSearch as vl, IconCircleDashed as Bh, IconCircleDot as Nh, IconChevronsUpRight as jh, IconAdjustments as Qh, IconLine as Gh, IconEye as wl, IconTable as Hh, IconColumns as Wh, IconVectorTriangle as Uh, IconVariablePlus as Kh, IconHierarchy as Yh, IconDiscountCheckFilled as Xh, IconHash as Zh } from "@tabler/icons-react";
+import { IconMathFunction as Wt, IconRecycle as mt, IconDeviceFloppy as me, IconSelector as xh, IconGripVertical as pl, IconTrash as $e, IconArrowBackUp as vh, IconPlayerSkipBack as ml, IconMathFunctionOff as wh, IconTextSize as Da, IconInfoCircle as Re, IconCheck as Sh, IconBorderAll as Ch, IconCircleOff as gl, IconX as Ia, IconAlertCircle as Gn, IconPlus as lt, IconGripHorizontal as kh, IconChevronUp as zh, IconChevronDown as Th, IconChartAreaLineFilled as Dh, IconPlaylistAdd as Hn, IconArrowDown as Ih, IconArrowUp as Mh, IconArrowBarToRight as Ma, IconArrowCurveRight as la, IconCalendar as Lh, IconMinus as Ah, IconChevronsUp as Vh, IconChevronsDown as $h, IconDatabase as Xt, IconRefresh as La, IconDownload as Yn, IconCode as pn, IconCamera as Tr, IconArrowsMaximize as fl, IconAppWindow as Aa, IconVariable as An, IconChartHistogram as bl, IconRoute as Va, IconCopy as $a, IconArrowLeft as yl, IconArrowsMove as Ph, IconChevronDownRight as Rh, IconShare3 as Eh, IconArrowsLeftRight as Oh, IconCodeDots as _l, IconFilter as Pa, IconBoxMultiple as Ra, IconCaretDown as qh, IconAlertTriangle as xl, IconDevices as Fh, IconSettings as Vn, IconPointFilled as Dr, IconFileImport as Ki, IconSearch as vl, IconCircleDashed as Nh, IconCircleDot as Bh, IconChevronsUpRight as jh, IconAdjustments as Qh, IconLine as Gh, IconEye as wl, IconTable as Hh, IconColumns as Wh, IconVectorTriangle as Uh, IconVariablePlus as Kh, IconHierarchy as Yh, IconDiscountCheckFilled as Xh, IconHash as Zh } from "@tabler/icons-react";
 import { RichTextEditor as oe, Link as Sl, useRichTextEditorContext as Jh } from "@mantine/tiptap";
 import { Color as Cl } from "@tiptap/extension-color";
 import kl from "@tiptap/extension-highlight";
@@ -92,15 +92,15 @@ import { CalendarComponent as gp, DataZoomComponent as fp, GridComponent as bp,
 import { CanvasRenderer as Sp } from "echarts/renderers";
 import { constrainedEditor as Cp } from "constrained-editor-plugin";
 import { showNotification as mn, updateNotification as kp, notifications as Fl } from "@mantine/notifications";
-import { createStyles as $n, MantineEmotionProvider as Bl } from "@mantine/emotion";
+import { createStyles as $n, MantineEmotionProvider as Nl } from "@mantine/emotion";
 import * as Yt from "d3-regression";
 import { CodeHighlight as vt } from "@mantine/code-highlight";
-import { flexRender as Tn, createColumnHelper as qa, useReactTable as Fa, getCoreRowModel as Ba, getSortedRowModel as zp } from "@tanstack/react-table";
+import { flexRender as Tn, createColumnHelper as qa, useReactTable as Fa, getCoreRowModel as Na, getSortedRowModel as zp } from "@tanstack/react-table";
 import { useVirtualizer as Tp } from "@tanstack/react-virtual";
 import ot from "axios";
-import { useModals as wt, ModalsProvider as Nl } from "@mantine/modals";
+import { useModals as wt, ModalsProvider as Bl } from "@mantine/modals";
 import { encode as Dp, decode as Ip } from "js-base64";
-import { types as m, cast as Pt, getParent as we, destroy as Mp, getRoot as Ve, addDisposer as Ue, detach as ur, isAlive as Yi, flow as Nt, toGenerator as It, clone as Lp, getSnapshot as Mt, applySnapshot as je, addMiddleware as Ap, getType as Vp, castToSnapshot as jl } from "mobx-state-tree";
+import { types as m, cast as Pt, getParent as we, destroy as Mp, getRoot as Le, addDisposer as Ue, detach as ur, isAlive as Yi, flow as Bt, toGenerator as It, clone as Lp, getSnapshot as Mt, applySnapshot as je, addMiddleware as Ap, getType as Vp, castToSnapshot as jl } from "mobx-state-tree";
 import { saveAs as Mr } from "file-saver";
 import Ql from "dom-to-image-more";
 import Gl from "jszip";
@@ -112,7 +112,7 @@ import { WidthProvider as Wl, Responsive as Ul } from "react-grid-layout";
 import { createPortal as qp } from "react-dom";
 import { Spotlight as kn, spotlight as Fp } from "@mantine/spotlight";
 import "@mantine/spotlight/styles.css";
-import Bp, { Position as _t, Handle as Xi, MiniMap as Np, Controls as jp, Background as Qp } from "reactflow";
+import Np, { Position as _t, Handle as Xi, MiniMap as Bp, Controls as jp, Background as Qp } from "reactflow";
 import "reactflow/dist/style.css";
 E.extend(au);
 E.extend(iu);
@@ -2190,8 +2190,8 @@ class Lr {
     });
   }
   async deleteItem(t) {
-    Nn(() => {
-      Bu(this.rootRef.current, [t]);
+    Bn(() => {
+      Nu(this.rootRef.current, [t]);
     });
   }
   getItem(t) {
@@ -2204,19 +2204,19 @@ class Lr {
   setItem(t, n) {
     if (t === null)
       if (Xo(n))
-        Nn(() => {
+        Bn(() => {
           this.rootRef.current = n;
         });
       else
         throw new Error("Cannot set root value to non-object");
     else
-      Nn(() => {
+      Bn(() => {
         va(this.rootRef.current, [t], n);
       });
     return Promise.resolve(this.getItem(t));
   }
   watchItem(t, n, a) {
-    return Be(() => this.getValueFromRoot(t), (i, o) => {
+    return Ne(() => this.getValueFromRoot(t), (i, o) => {
       n(i, o);
     }, {
       requiresObservable: !0,
@@ -2369,14 +2369,14 @@ class rm {
 function Dt(e) {
   return new rm(e);
 }
-class Na {
+class Ba {
   constructor() {
     j(this, "parent");
     j(this, "factoryRegistry", /* @__PURE__ */ new Map());
     j(this, "instanceRegistry", /* @__PURE__ */ new Map());
   }
   createScoped() {
-    const t = new Na();
+    const t = new Ba();
     return t.parent = this, t;
   }
   getRequired(t) {
@@ -2402,7 +2402,7 @@ class Na {
   dispose() {
     this.instanceRegistry.forEach((t) => {
       const n = le(t, "dispose");
-      Nu(n) && n.bind(t)();
+      Bu(n) && n.bind(t)();
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
@@ -2442,7 +2442,7 @@ function im() {
   } = $.useContext(Xl);
   return e ? document.getElementById(e) : null;
 }
-const Jl = "14.11.2", om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Jl = "14.13.0", om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Jl
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2565,7 +2565,7 @@ const Y = (e, t) => {
   const [n, {
     setFalse: a
   }] = De(!0), [i, o] = G();
-  B(() => (e.getItem(t).then((s) => {
+  N(() => (e.getItem(t).then((s) => {
     o(s), a();
   }), e.watchItem(t, (s) => {
     o(s);
@@ -2630,7 +2630,7 @@ function um(e, t) {
   return "black";
 }
 const hm = um;
-function N(e) {
+function B(e) {
   const [t, n] = e.split(".");
   return {
     queryID: t,
@@ -2638,7 +2638,7 @@ function N(e) {
   };
 }
 function pm(e) {
-  return e.includes(".") ? N(e) : {
+  return e.includes(".") ? B(e) : {
     queryID: "",
     columnKey: e
   };
@@ -2648,13 +2648,13 @@ function ht(e, t) {
   const {
     queryID: n,
     columnKey: a
-  } = N(t);
+  } = B(t);
   return n ? a ? ((i = e[n]) == null ? void 0 : i.map((o) => o[a])) ?? [] : e[n] : [];
 }
 function Vr(e, t) {
   const {
     queryID: n
-  } = N(t);
+  } = B(t);
   return n ? e[n] : [];
 }
 function mm(e) {
@@ -2664,7 +2664,7 @@ function or(e, t) {
   const {
     queryID: n,
     columnKey: a
-  } = N(t);
+  } = B(t);
   return e[a];
 }
 const kt = {
@@ -2837,7 +2837,7 @@ function Ga() {
     throw new Error("Please use PanelContextProvider");
   return e;
 }
-const rt = () => Ga(), Le = () => Ga();
+const rt = () => Ga(), Ae = () => Ga();
 function cs() {
   try {
     return Ga(), !0;
@@ -3155,7 +3155,7 @@ const Me = {
   }
 };
 function Pm() {
-  Ne.registerTheme("merico-light", {
+  Be.registerTheme("merico-light", {
     color: Object.values(At.graphics.multiple),
     visualMap: {
       color: Object.values(At.graphics.depth).reverse()
@@ -3215,7 +3215,7 @@ const xe = (e) => (t, n) => {
   x();
   const {
     panel: p
-  } = Le(), g = $.useMemo(() => p.variableOptions(a, s), [a, s]);
+  } = Ae(), g = $.useMemo(() => p.variableOptions(a, s), [a, s]);
   return g.length === 0 ? /* @__PURE__ */ r(V, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(O, { ref: t, label: n, description: o, renderOption: Rm(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
@@ -3384,7 +3384,7 @@ function bs(e) {
     }
   };
 }
-function Bm() {
+function Nm() {
   return {
     type: "piecewise",
     piecewise_mode: "pieces",
@@ -3412,7 +3412,7 @@ function Bm() {
 function Qt() {
   return bs();
 }
-function Nm() {
+function Bm() {
   return {
     compared: Object.values(At.graphics.compared),
     level: Object.values(At.graphics.level),
@@ -3484,7 +3484,7 @@ function ys() {
     color: ""
   };
 }
-const jm = Nm(), Qm = ({
+const jm = Bm(), Qm = ({
   colors: e,
   applyPalette: t,
   zIndex: n = 340
@@ -3637,7 +3637,7 @@ const jm = Nm(), Qm = ({
     handleSubmit: l,
     reset: s
   } = i;
-  B(() => {
+  N(() => {
     s(e);
   }, [e]);
   const c = ae(() => s(e), [s, e]);
@@ -3813,7 +3813,7 @@ function ng(e, t, n) {
     });
   }), a;
 }
-const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
+const Nn = "data-value", rg = Nn, ks = "dynamicColor", zs = Ol.create({
   name: ks,
   addAttributes() {
     return {
@@ -3824,16 +3824,16 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
           return Ss(t);
         }
       },
-      [Bn]: {
+      [Nn]: {
         default: null,
-        parseHTML: (e) => e.getAttribute(Bn)
+        parseHTML: (e) => e.getAttribute(Nn)
       }
     };
   },
   parseHTML() {
     return [{
       tag: "dynamic-color",
-      getAttrs: (e) => typeof e == "string" ? (console.debug(e), !1) : [e.getAttribute(Bn)]
+      getAttrs: (e) => typeof e == "string" ? (console.debug(e), !1) : [e.getAttribute(Nn)]
     }];
   },
   renderHTML({
@@ -3848,7 +3848,7 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
       }) => {
         const n = eg(e);
         return t.setMark(this.name, {
-          [Bn]: n
+          [Nn]: n
         });
       },
       unsetDynamicColor: () => ({
@@ -3868,7 +3868,7 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
     }
     t(s);
   };
-  return B(() => {
+  return N(() => {
     var c;
     const s = (c = a.current) == null ? void 0 : c.getModel();
     s && (s.getValue() || s.setValue(e));
@@ -3912,7 +3912,7 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
   }, p = () => {
     c(a);
   };
-  B(() => {
+  N(() => {
     c(e);
   }, [e]);
   const g = ae((w, I) => {
@@ -4097,7 +4097,7 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
     content: e,
     editable: !1
   });
-  B(() => {
+  N(() => {
     c == null || c.commands.setContent(e);
   }, [e, c]);
   const d = z(() => new DOMParser().parseFromString(e, "text/html"), [e]), h = z(() => ng(d, a, i), [d, a, i]), p = z(() => Vm(d, i), [d, i]), g = z(() => C.defaultsDeep({}, {
@@ -4268,13 +4268,13 @@ const Zt = J(({
     onFocus: p,
     onBlur: g
   });
-  B(() => {
+  N(() => {
     b((q) => e === q ? q : (w == null || w.commands.setContent(e), e));
   }, [e]);
   const I = () => {
     t(y), o == null || o();
   }, M = e !== y;
-  B(() => {
+  N(() => {
     !i || !h || I();
   }, [i, M, h]);
   const R = z(() => C.defaultsDeep({}, {
@@ -4364,7 +4364,7 @@ const As = ({
   const {
     t: a
   } = x(), [i, o] = G(e);
-  B(() => {
+  N(() => {
     n && o(e);
   }, [e, n]);
   const l = ae((s) => {
@@ -4773,9 +4773,9 @@ function Lg({
     y: b,
     z: w
   } = z(() => ({
-    x: N(l),
-    y: N(s),
-    z: N(c)
+    x: B(l),
+    y: B(s),
+    z: B(c)
   }), [l, s, c]), {
     min: I,
     max: M
@@ -4827,7 +4827,7 @@ function Lg({
       data: g.map((Q) => [Q[y.columnKey], Q[b.columnKey], Q[w.columnKey]])
     }]
   };
-  return n ? /* @__PURE__ */ r(nt, { width: i, height: o, children: /* @__PURE__ */ r(He, { echarts: Ne, ref: R, option: X, style: Xn(i, o), notMerge: !0, onEvents: q, theme: "merico-light" }) }) : null;
+  return n ? /* @__PURE__ */ r(nt, { width: i, height: o, children: /* @__PURE__ */ r(He, { echarts: Be, ref: R, option: X, style: Xn(i, o), notMerge: !0, onEvents: q, theme: "merico-light" }) }) : null;
 }
 const K = D(J(({
   label: e,
@@ -4842,7 +4842,7 @@ const K = D(J(({
 }, d) => {
   const {
     panel: h
-  } = Le(), p = $.useMemo(() => h.dataFieldOptionGroups(a, l, o), [a, l, o]);
+  } = Ae(), p = $.useMemo(() => h.dataFieldOptionGroups(a, l, o), [a, l, o]);
   if (p.length === 0) {
     const g = h.explainDataKey(a);
     return /* @__PURE__ */ u(_e, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
@@ -4869,7 +4869,7 @@ function Ag({
   } = ge({
     defaultValues: a
   });
-  return B(() => {
+  return N(() => {
     l(a);
   }, [t]), t ? /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(k, { size: "sm", children: "X Axis" }),
@@ -5044,7 +5044,7 @@ const zt = J(({
     setTrue: l,
     setFalse: s
   }] = De(), [c, d] = G(e);
-  B(() => {
+  N(() => {
     d(e);
   }, [e]);
   const h = (I) => {
@@ -5107,7 +5107,7 @@ const Fg = {
       label: "Click box, scatter or outlier"
     }
   }
-}, Bg = {
+}, Ng = {
   boxplot: {
     viz_name: "箱线图",
     box: "箱体",
@@ -5117,12 +5117,12 @@ const Fg = {
       label: "点击箱体、散点或异常点"
     }
   }
-}, Ng = [{
+}, Bg = [{
   lang: "en",
   resources: Fg
 }, {
   lang: "zh",
-  resources: Bg
+  resources: Ng
 }], Os = {
   id: "builtin:echarts:click-echart:series",
   // use same id as cartesian's, but different payload
@@ -5304,16 +5304,16 @@ function yn(e, t) {
     const {
       queryID: n,
       columnKey: a
-    } = N(t);
+    } = B(t);
     return C.keyBy(e[n], a);
   }, [e, t]);
 }
 const st = (e, t) => {
   const [n, a] = G([]);
-  return B(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
+  return N(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
 }, ca = il(null);
 function Or(e) {
-  const t = $.useContext(ca), n = $t(() => e.configure(t || new Na()), [e.configure]), a = eh(n);
+  const t = $.useContext(ca), n = $t(() => e.configure(t || new Ba()), [e.configure]), a = eh(n);
   return a && a !== n && a.dispose(), /* @__PURE__ */ r(ca.Provider, { value: n, children: e.children });
 }
 function qr() {
@@ -5364,7 +5364,7 @@ class Gg {
   }
   async configOperation(t, n) {
     const a = await this.operationManager.retrieveTrigger(t), i = this.operationManager.getOperationSchemaList().find((o) => o.id === (a == null ? void 0 : a.schemaRef));
-    Nn(() => {
+    Bn(() => {
       this.operationId = t, this.operation = a, this.operationSchema = i, this.variables = n;
     });
   }
@@ -5452,7 +5452,7 @@ class Xg {
   }
   async configTrigger(t, n) {
     const a = await this.triggerManager.retrieveTrigger(t), i = this.triggerManager.getTriggerSchemaList().find((o) => o.id === (a == null ? void 0 : a.schemaRef));
-    Nn(() => {
+    Bn(() => {
       this.triggerId = t, this.trigger = a, this.triggerSchema = i, this.sampleData = n;
     });
   }
@@ -5586,7 +5586,7 @@ function of(e, t) {
   } = Y(e.operation.operationData, "config"), [i, o] = G(he({}, n, t)), l = async () => {
     await a(i);
   };
-  return B(() => {
+  return N(() => {
     o(he({}, n, t));
   }, [n]), {
     config: i,
@@ -5728,7 +5728,7 @@ const bf = {
   onChange: t
 }) => {
   const [n, a] = G(e);
-  return B(() => {
+  return N(() => {
     a(e);
   }, [e]), /* @__PURE__ */ r(V, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
     flexGrow: 1
@@ -6109,7 +6109,7 @@ const Lf = D(({
   } = rt(), n = e.viz, {
     vizManager: a
   } = Ht(Kt), i = e.json, o = $t(() => a.getOrCreateInstance(i), [a, i]), l = $t(() => new Fs(o, a.resolveComponent(n.type), ai), [o, n.type]);
-  return B(() => o.instanceData.watchItem(
+  return N(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
     Hu((s) => {
@@ -6128,7 +6128,7 @@ const Lf = D(({
 }, $f = () => {
   const e = Vf();
   return /* @__PURE__ */ r(Af, { ...e });
-}, Bs = {
+}, Ns = {
   axisTick: {
     show: !0,
     alignWithLabel: !0,
@@ -6148,13 +6148,13 @@ const Lf = D(({
   z: 3
 };
 function Pf(e) {
-  return C.defaultsDeep({}, e, Bs);
+  return C.defaultsDeep({}, e, Ns);
 }
 const Rf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getXAxis: Pf,
-  xAxis: Bs
-}, Symbol.toStringTag, { value: "Module" })), Ns = {
+  xAxis: Ns
+}, Symbol.toStringTag, { value: "Module" })), Bs = {
   axisTick: {
     show: !1
   },
@@ -6172,12 +6172,12 @@ const Rf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 };
 function Ef(e) {
-  return C.defaultsDeep({}, e, Ns);
+  return C.defaultsDeep({}, e, Bs);
 }
 const Of = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getYAxis: Ef,
-  yAxis: Ns
+  yAxis: Bs
 }, Symbol.toStringTag, { value: "Module" })), js = {
   confine: !0,
   appendToBody: !0
@@ -6194,7 +6194,7 @@ const Ff = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ...Of,
   ...Ff
 };
-function Bf(e, t) {
+function Nf(e, t) {
   const n = [], a = [];
   return {
     boxplotData: Object.entries(e).map(([o, l]) => {
@@ -6218,21 +6218,21 @@ function Bf(e, t) {
     scatterData: a
   };
 }
-function Nf(e, t) {
+function Bf(e, t) {
   const {
     x_axis: n,
     y_axis: a
   } = e;
   if (!n.data_key || !a.data_key)
     return [];
-  const i = N(n.data_key), o = N(a.data_key);
+  const i = B(n.data_key), o = B(a.data_key);
   if (i.queryID !== o.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const l = C.groupBy(t[i.queryID], i.columnKey), {
     boxplotData: s,
     outliersData: c,
     scatterData: d
-  } = Bf(l, o.columnKey);
+  } = Nf(l, o.columnKey);
   return [{
     source: s
   }, {
@@ -6546,7 +6546,7 @@ const Jf = (e, t) => {
 });
 function Qs(e, t) {
   return e.tooltip.metrics.map((n) => {
-    const a = N(n.data_key);
+    const a = B(n.data_key);
     return `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${n.name}</th>
@@ -6664,7 +6664,7 @@ function lb({
     x_axis: i,
     y_axis: o,
     reference_lines: l
-  } = e, s = Nf(e, t), c = ft(i.axisLabel.overflow.on_axis), d = ob(a), h = Zf(e, s).map((p) => ({
+  } = e, s = Bf(e, t), c = ft(i.axisLabel.overflow.on_axis), d = ob(a), h = Zf(e, s).map((p) => ({
     ...p,
     name: C.get(d, p.name, p.name)
   }));
@@ -6746,9 +6746,9 @@ function sb({
     variables: i,
     t: n
   }), [c, o, i, n]);
-  return !a || !l || !s ? null : /* @__PURE__ */ r(nt, { width: l, height: s, children: /* @__PURE__ */ r(He, { echarts: Ne, option: I, ref: y, style: Xn(l, s), onEvents: w, notMerge: !0, theme: "merico-light" }) });
+  return !a || !l || !s ? null : /* @__PURE__ */ r(nt, { width: l, height: s, children: /* @__PURE__ */ r(He, { echarts: Be, option: I, ref: y, style: Xn(l, s), onEvents: w, notMerge: !0, theme: "merico-light" }) });
 }
-function Ae({
+function Ve({
   canSubmit: e,
   buttonRef: t
 }) {
@@ -6845,7 +6845,7 @@ class db {
       steps: al
     }, {
       deep: !1
-    }), Be(() => Rt(this.steps), () => {
+    }), Ne(() => Rt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -6941,7 +6941,7 @@ const hb = D(({
   return /* @__PURE__ */ r("div", { className: t.palette, children: n.map(([a, i], o) => /* @__PURE__ */ r(ub, { index: o, color: a, value: e.getStepFromValue(i), onChange: (l) => e.changeStep(l, i) }, a)) });
 }), pb = D(function(t) {
   const n = $t(() => new db(), []);
-  return B(() => {
+  return N(() => {
     n.fromProps(t);
   }), n.interpolation == null ? null : /* @__PURE__ */ r(hb, { model: n });
 }), mb = (e) => {
@@ -7136,7 +7136,7 @@ const hb = D(({
   })), w = ((X = C.last(b)) == null ? void 0 : X.id) ?? null, [I, M] = G(w), R = (Q) => {
     Q !== "add" && M(Q);
   };
-  return B(() => {
+  return N(() => {
     M((Q) => w === Q ? Q : w);
   }, [w]), /* @__PURE__ */ u(S, { value: I, onChange: R, styles: xb, children: [
     /* @__PURE__ */ r(_b, { fieldArray: d, add: () => {
@@ -7159,7 +7159,7 @@ const hb = D(({
       }), children: l })
     ] }) }, Q.id))
   ] });
-}, Br = J(({
+}, Nr = J(({
   value: e,
   onChange: t
 }, n) => {
@@ -7551,10 +7551,10 @@ function Ab({
   } = ge({
     defaultValues: o
   });
-  return B(() => {
+  return N(() => {
     h(o);
   }, [o]), c(["x_axis", "y_axis", "reference_lines", "color", "dataZoom"]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -7584,7 +7584,7 @@ function Ab({
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(Sb, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r(Br, { ...p }) }) })
+      }) => /* @__PURE__ */ r(Nr, { ...p }) }) })
     ] })
   ] }) });
 }
@@ -7715,7 +7715,7 @@ function Fb(e) {
   };
   return C.defaultsDeep(t, e);
 }
-function Bb(e) {
+function Nb(e) {
   const {
     dataZoom: t,
     ...n
@@ -7725,7 +7725,7 @@ function Bb(e) {
     dataZoom: t ?? Es()
   };
 }
-class Nb extends Se {
+class Bb extends Se {
   constructor() {
     super(...arguments);
     j(this, "VERSION", 9);
@@ -7817,7 +7817,7 @@ class Nb extends Se {
       return {
         ...n,
         version: 10,
-        config: Bb(a)
+        config: Nb(a)
       };
     });
   }
@@ -7825,7 +7825,7 @@ class Nb extends Se {
 const jb = {
   displayName: "viz.boxplot.viz_name",
   displayGroup: "chart.groups.echarts_based_charts",
-  migrator: new Nb(),
+  migrator: new Bb(),
   name: "boxplot",
   viewRender: sb,
   configRender: Ab,
@@ -7836,7 +7836,7 @@ const jb = {
     };
   },
   triggers: [Os],
-  translation: Ng
+  translation: Bg
 }, Ws = {
   id: "builtin:button:click-button",
   displayName: "viz.button.click.label",
@@ -7958,7 +7958,7 @@ function Zb({
     value: t,
     set: n
   } = Y(e.instanceData, "config"), a = z(() => Ge({}, t, li), [t]), i = a;
-  B(() => {
+  N(() => {
     !Fe(a, i) && (console.log("config malformed, resetting to defaults", a, i), n(i));
   }, [a, i]);
   const {
@@ -7970,10 +7970,10 @@ function Zb({
   } = ge({
     defaultValues: i
   });
-  return B(() => {
+  return N(() => {
     d(i);
   }, [i]), s(["content", "variant", "color", "size", "compact", "horizontal_align", "vertical_align"]), /* @__PURE__ */ u("form", { onSubmit: l(n), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: c.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: c.isDirty }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(f, { control: o, name: "content", render: ({
         field: h
@@ -8223,7 +8223,7 @@ const Ks = J(({
       }
     )
   ] });
-}), Nr = () => ({
+}), Br = () => ({
   key: "",
   order: "desc"
 });
@@ -8590,7 +8590,7 @@ function Ty(e) {
     ...n
   } = e, a = t.map((i) => {
     const {
-      order_in_group: o = Nr(),
+      order_in_group: o = Br(),
       ...l
     } = i;
     return {
@@ -8826,7 +8826,7 @@ const Ys = {
     variables: l,
     data: s
   } = t, c = z(() => Er(e, l, i.payloadForViz, s), [e, l, s]), d = ((p = a.current) == null ? void 0 : p.textContent) === "";
-  B(() => {
+  N(() => {
     if (!n || !a.current)
       return;
     const g = d ? 0 : a.current.offsetHeight;
@@ -8958,7 +8958,7 @@ function qy({
     }
     const {
       columnKey: c
-    } = N(o.y_axis_data_key), d = C.groupBy(Vr(n, o.y_axis_data_key), s);
+    } = B(o.y_axis_data_key), d = C.groupBy(Vr(n, o.y_axis_data_key), s);
     Object.entries(d).forEach(([h, p]) => {
       const g = p.map((b, w) => [w, Number(b[c])]);
       i(o, h, h, g);
@@ -8984,12 +8984,12 @@ function Fy(e, t) {
     }
   }));
 }
-function By(e, t, n, a) {
+function Ny(e, t, n, a) {
   return t ? a === "value" ? [[n[0], e]] : [e] : [];
 }
-function Ny(e, t, n, a, i, o) {
+function By(e, t, n, a, i, o) {
   return e.map((l) => {
-    const s = n[l.variable_key], c = l.orientation === "horizontal", d = c ? "yAxis" : "xAxis", h = c ? "insideEndTop" : "end", p = By(s, c, i, o);
+    const s = n[l.variable_key], c = l.orientation === "horizontal", d = c ? "yAxis" : "xAxis", h = c ? "insideEndTop" : "end", p = Ny(s, c, i, o);
     return {
       name: l.name,
       type: "scatter",
@@ -9068,7 +9068,7 @@ function Hy({
   const {
     queryID: i,
     columnKey: o
-  } = N(e), l = C.groupBy(t[i], o);
+  } = B(e), l = C.groupBy(t[i], o);
   return Object.entries(l).forEach(([s, c]) => {
     l[s] = ci({
       [i]: c
@@ -9092,7 +9092,7 @@ function Wy({
   } = t, {
     queryID: l,
     columnKey: s
-  } = N(a), c = Uu(Vr(n, l), s);
+  } = B(a), c = Uu(Vr(n, l), s);
   return (d, h) => {
     let p;
     h.name ? p = c[h.name] : p = n[h.dataIndex];
@@ -9192,7 +9192,7 @@ function Uy({
 }
 function Ky(e, t, n, a, i, o) {
   const l = t.map((c) => [c, 0]);
-  return e.series.map((c) => Uy(e, c, l, n, o, a)).flat().concat(Ny(e.reference_lines, i, o, n, t, e.x_axis.type)).concat(Fy(e.reference_areas, o));
+  return e.series.map((c) => Uy(e, c, l, n, o, a)).flat().concat(By(e.reference_lines, i, o, n, t, e.x_axis.type)).concat(Fy(e.reference_areas, o));
 }
 function Yy(e, t) {
   const n = e.find((o) => o.axisDim === "x" && o.axisId === "main-x-axis");
@@ -9433,9 +9433,9 @@ function o_({
   }), [d]), w = (I) => {
     p.current = I, lo(I);
   };
-  return B(() => {
+  return N(() => {
     p.current && lo(p.current);
-  }, [h]), !n || !a ? null : /* @__PURE__ */ r(He, { echarts: Ne, option: h, style: {
+  }, [h]), !n || !a ? null : /* @__PURE__ */ r(He, { echarts: Be, option: h, style: {
     width: n,
     height: a
   }, onEvents: b, onChartReady: w, notMerge: !0, theme: "merico-light" });
@@ -9933,7 +9933,7 @@ function y_({
     t: l,
     i18n: s
   } = x();
-  B(() => {
+  N(() => {
     typeof t == "string" && n({
       type: t,
       config: {},
@@ -10365,7 +10365,7 @@ function S_({
     },
     hide_in_legend: !1,
     group_by_key: "",
-    order_in_group: Nr(),
+    order_in_group: Br(),
     areaStyle: Us()
   }), i = (s, c) => {
     const d = s.name.trim();
@@ -10387,7 +10387,7 @@ const C_ = D(({
 }) => {
   const {
     panel: n
-  } = Le(), {
+  } = Ae(), {
     t: a
   } = x();
   return /* @__PURE__ */ u(T, { children: [
@@ -10673,10 +10673,10 @@ function A_({
   } = ge({
     defaultValues: o
   });
-  return B(() => {
+  return N(() => {
     d(o);
   }, [o]), c(["dataZoom"]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(t), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: h.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: h.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "Series", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -10708,7 +10708,7 @@ function A_({
       /* @__PURE__ */ r(S.Panel, { value: "Reference Areas", children: /* @__PURE__ */ r(c_, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r(Br, { ...p }) }) })
+      }) => /* @__PURE__ */ r(Nr, { ...p }) }) })
     ] })
   ] }) });
 }
@@ -10766,7 +10766,7 @@ function O_(e, t) {
     } = n;
     if (!a || !i)
       return {};
-    const p = N(a), g = N(i), y = t[p.queryID].map((w) => ({
+    const p = B(a), g = B(i), y = t[p.queryID].map((w) => ({
       name: w[p.columnKey],
       value: w[g.columnKey]
     })), b = ft(o.overflow.on_axis);
@@ -10814,7 +10814,7 @@ function q_({
 }
 function F_(e, t) {
   var o;
-  const n = N(e.series[0].level_name_data_key), a = N(e.series[0].level_value_data_key), i = (o = C.maxBy(t[n.queryID], a.columnKey)) == null ? void 0 : o[a.columnKey];
+  const n = B(e.series[0].level_name_data_key), a = B(e.series[0].level_value_data_key), i = (o = C.maxBy(t[n.queryID], a.columnKey)) == null ? void 0 : o[a.columnKey];
   return (l) => {
     const c = q_({
       conf: e,
@@ -10840,13 +10840,13 @@ function F_(e, t) {
     `;
   };
 }
-function B_(e, t) {
+function N_(e, t) {
   return pe.getTooltip({
     trigger: "item",
     formatter: F_(e, t)
   });
 }
-function N_(e, t) {
+function B_(e, t) {
   return {
     grid: {
       top: 0,
@@ -10854,7 +10854,7 @@ function N_(e, t) {
       right: 0,
       bottom: 0
     },
-    tooltip: B_(e, t),
+    tooltip: N_(e, t),
     series: O_(e, t)
   };
 }
@@ -10895,14 +10895,14 @@ function Q_({
   height: a,
   instance: i
 }) {
-  const o = $.useMemo(() => N_(e, t), [e, t]), l = $.useRef(null), s = $.useCallback(() => {
+  const o = $.useMemo(() => B_(e, t), [e, t]), l = $.useRef(null), s = $.useCallback(() => {
     var h;
     const d = (h = l.current) == null ? void 0 : h.getEchartsInstance();
     d && Ye(i, d.getOption());
   }, [i]), c = z(() => ({
     finished: s
   }), [s]);
-  return /* @__PURE__ */ r(He, { ref: l, onEvents: c, echarts: Ne, option: o, style: {
+  return /* @__PURE__ */ r(He, { ref: l, onEvents: c, echarts: Be, option: o, style: {
     width: n,
     height: a
   }, notMerge: !0, theme: "merico-light" });
@@ -11056,7 +11056,7 @@ const H_ = ({
     ...h,
     ...o[p]
   })), s = C.get(l, "0.id"), [c, d] = G(s ?? null);
-  return B(() => {
+  return N(() => {
     s && d((h) => h !== null ? h : s);
   }, [s]), /* @__PURE__ */ u(S, { value: c, onChange: (h) => d(h), styles: {
     panel: {
@@ -11086,10 +11086,10 @@ function U_({
   } = ge({
     defaultValues: a
   });
-  return B(() => {
+  return N(() => {
     c(a);
   }, [a]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: s.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: s.isDirty }),
     /* @__PURE__ */ r(W_, { control: i, watch: l })
   ] }) });
 }
@@ -11352,7 +11352,7 @@ function dx({
     }
   }, y = [h, p, g], b = a[`${s}---${c}`];
   return b && e.tooltip.metrics.forEach((w) => {
-    const I = N(w.data_key);
+    const I = B(w.data_key);
     y.push({
       label: w.name,
       value: cx(C.get(b, I.columnKey, "")),
@@ -11368,8 +11368,8 @@ function ux(e, t, n, a) {
     x_axis: i,
     y_axis: o,
     heat_block: l
-  } = e, s = N(i.data_key), c = N(o.data_key);
-  N(l.data_key);
+  } = e, s = B(i.data_key), c = B(o.data_key);
+  B(l.data_key);
   const d = C.keyBy(t[s.queryID], (h) => `${h[s.columnKey]}---${h[c.columnKey]}`);
   return pe.getTooltip({
     formatter: function(h) {
@@ -11594,8 +11594,8 @@ const er = ({
     itemHeight: a
   } = e, o = t === "horizontal" ? n : a, {
     panel: l
-  } = Le(), s = Rr(e, l.variableValueMap);
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(He, { echarts: Ne, option: {
+  } = Ae(), s = Rr(e, l.variableValueMap);
+  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(He, { echarts: Be, option: {
     visualMap: s
   }, style: {
     width: "100%",
@@ -11779,7 +11779,7 @@ const er = ({
         e.setValue("visualMap", bs());
         break;
       case "piecewise":
-        e.setValue("visualMap", Bm());
+        e.setValue("visualMap", Nm());
         break;
       default:
         return;
@@ -11817,7 +11817,7 @@ function wx(e, t, n, a, i, o) {
   }, {}), s = Rr(e.visualMap, l), {
     min: c,
     max: d
-  } = s, h = ix(e), p = ox(e), g = N(e.x_axis.data_key), y = N(e.y_axis.data_key), b = C.uniq(t[g.queryID].map((q) => q[g.columnKey])), w = C.uniq(t[g.queryID].map((q) => q[y.columnKey])), I = n.map((q) => {
+  } = s, h = ix(e), p = ox(e), g = B(e.x_axis.data_key), y = B(e.y_axis.data_key), b = C.uniq(t[g.queryID].map((q) => q[g.columnKey])), w = C.uniq(t[g.queryID].map((q) => q[y.columnKey])), I = n.map((q) => {
     const X = C.clone(q), {
       followVisualMap: Q,
       color: ue
@@ -11836,7 +11836,7 @@ function wx(e, t, n, a, i, o) {
   };
 }
 function Sx(e, t) {
-  const n = z(() => N(t.x_axis.data_key), [t.x_axis.data_key]), a = z(() => N(t.y_axis.data_key), [t.y_axis.data_key]), i = z(() => N(t.heat_block.data_key), [t.heat_block.data_key]), o = z(() => {
+  const n = z(() => B(t.x_axis.data_key), [t.x_axis.data_key]), a = z(() => B(t.y_axis.data_key), [t.y_axis.data_key]), i = z(() => B(t.heat_block.data_key), [t.heat_block.data_key]), o = z(() => {
     const s = e[n.queryID];
     if (!s)
       return {};
@@ -11961,7 +11961,7 @@ function Tx({
   instance: s
 }) {
   const c = z(() => {
-    const w = N(e.x_axis.data_key), I = N(e.y_axis.data_key);
+    const w = B(e.x_axis.data_key), I = B(e.y_axis.data_key);
     return C.keyBy(t[w.queryID], (M) => `${M[w.columnKey]}---${M[I.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), d = st(o.triggerManager, Zs.id), h = ae((w) => {
     const [I, M] = w.value, R = C.get(c, `${I}---${M}`, {
@@ -11981,7 +11981,7 @@ function Tx({
     click: h,
     finished: g
   }), [h, g]), b = $.useMemo(() => wx(e, t, n, l, a, i), [e, t, n, a, i]);
-  return /* @__PURE__ */ r(He, { echarts: Ne, option: b, style: {
+  return /* @__PURE__ */ r(He, { echarts: Be, option: b, style: {
     width: a,
     height: i
   }, ref: p, onEvents: y, notMerge: !0, theme: "merico-light" });
@@ -12219,7 +12219,7 @@ function Rx({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => n ? he({}, n) : fi, [n]), o = z(() => C.cloneDeep(i), [i]);
-  B(() => {
+  N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const l = ge({
@@ -12231,14 +12231,14 @@ function Rx({
     formState: h,
     reset: p
   } = l;
-  return B(() => {
+  return N(() => {
     p(o);
   }, [o]), /* @__PURE__ */ r("form", { onSubmit: c(a), style: {
     flexGrow: 1
   }, children: /* @__PURE__ */ u(T, { gap: "xs", sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: h.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: h.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X Axis", orientation: "vertical", styles: {
       root: {
         // height: '100%',
@@ -12341,7 +12341,7 @@ function Fx(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-function Bx(e) {
+function Nx(e) {
   return C.defaultsDeep({}, e, {
     heat_block: {
       label: {
@@ -12351,7 +12351,7 @@ function Bx(e) {
     }
   });
 }
-function Nx(e) {
+function Bx(e) {
   const {
     heat_block: t
   } = e;
@@ -12422,11 +12422,11 @@ class Gx extends Se {
     })), this.version(3, (n) => ({
       ...n,
       version: 3,
-      config: Bx(n.config)
+      config: Nx(n.config)
     })), this.version(4, (n) => ({
       ...n,
       version: 4,
-      config: Nx(n.config)
+      config: Bx(n.config)
     })), this.version(5, (n) => ({
       ...n,
       version: 5,
@@ -12649,7 +12649,7 @@ function nv(e, t, n) {
   } = e;
   if (!a.data_key || !i)
     return [];
-  const o = N(a.data_key), l = N(i);
+  const o = B(a.data_key), l = B(i);
   if (o.queryID !== l.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const s = t[o.queryID].map((g) => [g[o.columnKey], Number(g[l.columnKey])]).sort((g, y) => y[1] - g[1]), c = s.reduce((g, y) => g + y[1], 0), d = s.reduce((g, y, b) => {
@@ -12866,7 +12866,7 @@ function dv({
     click: g,
     finished: b
   }), [g, b]);
-  return !s || !o || !l ? null : /* @__PURE__ */ r(nt, { width: o, height: l, children: /* @__PURE__ */ r(He, { echarts: Ne, option: c, ref: y, style: Xn(o, l), onEvents: w, notMerge: !0, theme: "merico-light" }) });
+  return !s || !o || !l ? null : /* @__PURE__ */ r(nt, { width: o, height: l, children: /* @__PURE__ */ r(He, { echarts: Be, option: c, ref: y, style: Xn(o, l), onEvents: w, notMerge: !0, theme: "merico-light" }) });
 }
 function uv({
   control: e,
@@ -13150,10 +13150,10 @@ function xv({
   } = ge({
     defaultValues: o
   });
-  return B(() => {
+  return N(() => {
     h(o);
   }, [o]), c(["x_axis", "data_key", "bar", "line", "dataZoom"]), /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -13181,7 +13181,7 @@ function xv({
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(bv, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r(Br, { ...p }) }) })
+      }) => /* @__PURE__ */ r(Nr, { ...p }) }) })
     ] })
   ] });
 }
@@ -13377,7 +13377,7 @@ function Av(e, t, n) {
   } = e;
   if (!a || !i)
     return {};
-  const c = N(a), d = N(i), h = N(l), p = s.map.reduce((b, w) => {
+  const c = B(a), d = B(i), h = B(l), p = s.map.reduce((b, w) => {
     const {
       name: I,
       color: M
@@ -13521,7 +13521,7 @@ const rc = {
   color: {
     map: []
   },
-  series_order: Nr()
+  series_order: Br()
 };
 function Ov({
   conf: e,
@@ -13549,7 +13549,7 @@ function Ov({
     click: c,
     finished: h
   }), [c, h]);
-  return !n || !a || !p.series.name ? null : /* @__PURE__ */ r(He, { echarts: Ne, option: p, ref: d, style: {
+  return !n || !a || !p.series.name ? null : /* @__PURE__ */ r(He, { echarts: Be, option: p, ref: d, style: {
     width: n,
     height: a
   }, onEvents: g, notMerge: !0, theme: "merico-light" });
@@ -13573,17 +13573,17 @@ function Fv(e) {
   const [t, n] = e;
   return [Number(t.replace("%", "")), Number(n.replace("%", ""))];
 }
-function Bv(e) {
+function Nv(e) {
   const [t, n] = e;
   return [Number.isFinite(t) ? `${t}%` : "", Number.isFinite(n) ? `${n}%` : ""];
 }
-const Nv = J(({
+const Bv = J(({
   label: e,
   value: t,
   onChange: n
 }, a) => {
   const [i, o] = G(Fv(t)), l = ae((s) => {
-    n(Bv(s));
+    n(Nv(s));
   }, [n]);
   return /* @__PURE__ */ u(T, { gap: 4, mt: 2, mb: "1rem", children: [
     /* @__PURE__ */ r("label", { className: "form-field-label required", children: e }),
@@ -13774,19 +13774,19 @@ function Kv({
   } = ge({
     defaultValues: i
   });
-  B(() => {
+  N(() => {
     d(i);
   }, [i]);
   const [h] = s(["label_field", "value_field", "color_field", "color"]), {
     panel: p
-  } = Le(), g = z(() => {
+  } = Ae(), g = z(() => {
     if (!h)
       return [];
     const y = ht(p.data, h);
     return C.uniq(y);
   }, [h, p.data]);
   return /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: l(t), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: c.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: c.isDirty }),
     /* @__PURE__ */ u(T, { mt: "md", gap: "xs", p: "md", mb: "sm", sx: {
       border: "1px solid #eee",
       borderRadius: "5px"
@@ -13802,7 +13802,7 @@ function Kv({
       }) => /* @__PURE__ */ r(Ks, { label: a("chart.series_order.label"), ...y }) }),
       /* @__PURE__ */ r(f, { control: o, name: "radius", render: ({
         field: y
-      }) => /* @__PURE__ */ r(Nv, { label: a("viz.pie_chart.radius.label"), ...y }) }),
+      }) => /* @__PURE__ */ r(Bv, { label: a("viz.pie_chart.radius.label"), ...y }) }),
       /* @__PURE__ */ r(P, { label: a("chart.color.label"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r(f, { control: o, name: "color_field", render: ({
         field: y
@@ -13927,7 +13927,7 @@ function r1(e) {
 }
 function a1(e) {
   const {
-    series_order: t = Nr(),
+    series_order: t = Br(),
     ...n
   } = e;
   return {
@@ -14055,12 +14055,12 @@ function lc(e, t) {
   return t.map(({
     data_key: n
   }) => {
-    const a = N(n);
+    const a = B(n);
     return e[a.columnKey];
   });
 }
 function c1(e, t, n) {
-  const a = N(t);
+  const a = B(t);
   return e[a.queryID].map((i) => ({
     value: lc(i, n),
     name: i[a.columnKey]
@@ -14096,7 +14096,7 @@ function u1(e, t) {
     dimensions: a
   } = t;
   return n.map((o) => {
-    const l = N(o.name_key), s = N(o.color_key);
+    const l = B(o.name_key), s = B(o.color_key);
     return {
       type: "radar",
       colorBy: "data",
@@ -14231,8 +14231,8 @@ function b1({
     const {
       queryID: b,
       columnKey: w
-    } = N(e.series_name_key), I = C.keyBy(t[b], w), M = e.additional_series.reduce((R, q) => {
-      const X = N(q.name_key), Q = C.keyBy(t[X.queryID], X.columnKey);
+    } = B(e.series_name_key), I = C.keyBy(t[b], w), M = e.additional_series.reduce((R, q) => {
+      const X = B(q.name_key), Q = C.keyBy(t[X.queryID], X.columnKey);
       return {
         ...R,
         ...Q
@@ -14260,7 +14260,7 @@ function b1({
     click: p,
     finished: h
   }), [p]), y = z(() => f1(Ge({}, e, Qr), t), [e, t]);
-  return !n || !a ? null : /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: d, style: {
+  return !n || !a ? null : /* @__PURE__ */ r(He, { echarts: Be, option: y, ref: d, style: {
     width: n,
     height: a
   }, onEvents: g, notMerge: !0, theme: "merico-light" });
@@ -14415,10 +14415,10 @@ function S1({
     defaultValues: i,
     mode: "all"
   });
-  return B(() => {
+  return N(() => {
     c(i);
   }, [i]), s(["series_name_key", "background", "label"]), /* @__PURE__ */ r("form", { onSubmit: l(a), children: /* @__PURE__ */ u(T, { gap: "xs", children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty && d.isValid }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty && d.isValid }),
     /* @__PURE__ */ u(S, { defaultValue: "series", children: [
       /* @__PURE__ */ u(S.List, { children: [
         /* @__PURE__ */ r(S.Tab, { value: "series", children: t("chart.series.label") }),
@@ -14695,7 +14695,7 @@ function P1(e, t) {
   }));
 }
 function sc(e, t) {
-  const n = N(e.x_axis.data_key), a = N(e.regression.y_axis_data_key);
+  const n = B(e.x_axis.data_key), a = B(e.regression.y_axis_data_key);
   return C.uniqBy(t.map((i) => [i[n.columnKey], i[a.columnKey]]), 0);
 }
 function R1(e, t) {
@@ -14724,7 +14724,7 @@ function E1(e, t) {
     plot: n,
     transform: a,
     group_by_key: i
-  } = e.regression, o = N(i), l = C.groupBy(t, o.columnKey);
+  } = e.regression, o = B(i), l = C.groupBy(t, o.columnKey);
   return Object.entries(l).map(([s, c]) => {
     const d = sc(e, c);
     return {
@@ -14793,7 +14793,7 @@ function F1(e) {
     }
   });
 }
-function B1(e) {
+function N1(e) {
   const {
     overflow: t,
     format: n,
@@ -14819,7 +14819,7 @@ function B1(e) {
     }
   });
 }
-const N1 = {
+const B1 = {
   tooltip: {
     trigger: "axis"
   },
@@ -14840,7 +14840,7 @@ const N1 = {
 };
 function j1(e, t) {
   const n = O1(e, t), a = P1(e, n), i = {
-    xAxis: B1(e),
+    xAxis: N1(e),
     yAxis: pe.getYAxis({
       name: e.y_axis.name ?? "",
       nameLocation: "end",
@@ -14864,7 +14864,7 @@ function j1(e, t) {
       data: n.map((o) => o.name)
     }
   };
-  return Ge({}, i, N1);
+  return Ge({}, i, B1);
 }
 const ho = {
   output: "number",
@@ -14974,7 +14974,7 @@ function po(e, t, n) {
   const {
     regression: a,
     x_axis: i
-  } = n, o = N(i.data_key), l = N(a.y_axis_data_key), s = t.map((c) => [c[o.columnKey], c[l.columnKey]]);
+  } = n, o = B(i.data_key), l = B(a.y_axis_data_key), s = t.map((c) => [c[o.columnKey], c[l.columnKey]]);
   return a.transform.config.method === "linear" ? Q1(e, t, s, n) : a.transform.config.method === "exponential" ? G1(e, t, s, n) : a.transform.config.method === "logistic" ? H1(e, t, s, n) : a.transform.config.method === "polynomial" ? W1(e, t, s, n) : {
     name: e,
     expression: "",
@@ -14992,7 +14992,7 @@ function U1(e, t) {
     }];
   if (!t.regression.group_by_key)
     return [po("", e, t)];
-  const n = N(t.regression.group_by_key), a = C.groupBy(e, n.columnKey);
+  const n = B(t.regression.group_by_key), a = C.groupBy(e, n.columnKey);
   return Object.entries(a).map(([i, o]) => po(i, o, t));
 }
 const K1 = {
@@ -15122,7 +15122,7 @@ function J1({
     const p = e.data, g = n == null ? void 0 : n.x_axis.data_key, y = (I = n == null ? void 0 : n.regression) == null ? void 0 : I.y_axis_data_key;
     if (!g || !y)
       return [];
-    const b = N(g), w = N(y);
+    const b = B(g), w = B(y);
     return p[b.queryID].map((M) => typeof M[w.columnKey] == "number" ? M : {
       ...M,
       [w.columnKey]: Number(M[w.columnKey])
@@ -15137,7 +15137,7 @@ function J1({
   }), [d]);
   return !a || !i || !n ? null : /* @__PURE__ */ u(nt, { width: a, height: i, children: [
     /* @__PURE__ */ r(Z1, { conf: n, queryData: o }),
-    /* @__PURE__ */ r(He, { echarts: Ne, onChartReady: c, option: l, onEvents: h, style: Xn(a, i), notMerge: !0, theme: "merico-light" })
+    /* @__PURE__ */ r(He, { echarts: Be, onChartReady: c, option: l, onEvents: h, style: Xn(a, i), notMerge: !0, theme: "merico-light" })
   ] });
 }
 function e0({
@@ -15265,10 +15265,10 @@ function r0({
   } = ge({
     defaultValues: a
   });
-  return B(() => {
+  return N(() => {
     c(a);
   }, [a]), l(["x_axis", "y_axis", "regression"]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: s.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: s.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X轴", orientation: "vertical", styles: {
       panel: {
         paddingTop: "6px",
@@ -15420,7 +15420,7 @@ const d0 = {
 }) => {
   const {
     panel: t
-  } = Le(), {
+  } = Ae(), {
     t: n
   } = x(), {
     value: a,
@@ -15433,7 +15433,7 @@ const d0 = {
   } = ge({
     defaultValues: o
   });
-  c("content"), B(() => {
+  c("content"), N(() => {
     d(o);
   }, [o]);
   const h = Vt(null), p = () => {
@@ -15870,7 +15870,7 @@ function L0(e) {
 function A0(e, t) {
   if (!e.x_axis.data_key)
     return [];
-  const n = N(e.x_axis.data_key);
+  const n = B(e.x_axis.data_key);
   return [{
     source: t[n.queryID]
   }];
@@ -16016,7 +16016,7 @@ function q0({
   x_axis: e,
   scatter: t
 }, n) {
-  const a = N(e.data_key), i = N(t.y_data_key), o = N(t.name_data_key);
+  const a = B(e.data_key), i = B(t.y_data_key), o = B(t.name_data_key);
   return {
     label: {
       show: !!t.label_position,
@@ -16053,7 +16053,7 @@ function go(e, t, n) {
   } = n;
   return a.axisLabel.formatter.enabled ? Je(a.axisLabel.formatter)(e, t) : e;
 }
-function B0(e, t) {
+function N0(e, t) {
   const {
     x_axis: n,
     tooltip: a
@@ -16071,7 +16071,7 @@ function B0(e, t) {
   } = i;
   return go(o, l, t);
 }
-const N0 = (e) => se(e, {
+const B0 = (e) => se(e, {
   output: "number",
   trimMantissa: !0,
   mantissa: 2,
@@ -16088,7 +16088,7 @@ function j0(e, t) {
       const o = t[0] ?? t.default, l = Array.isArray(i) ? i : [i];
       if (l.length === 0)
         return "";
-      const s = B0(l, e), c = pt(e.scatter.label_overflow.tooltip), d = l.map(
+      const s = N0(l, e), c = pt(e.scatter.label_overflow.tooltip), d = l.map(
         // @ts-expect-error type of value
         ({
           value: b
@@ -16114,7 +16114,7 @@ function j0(e, t) {
         <th style="text-align: right;">${b.name}</th>
         ${l.map(({
         value: w
-      }) => `<td style="text-align: right; padding: 0 1em;">${N0(or(w, b.data_key))}</td>`).join("")}
+      }) => `<td style="text-align: right; padding: 0 1em;">${B0(or(w, b.data_key))}</td>`).join("")}
       </tr>`);
       return p.push(...g), `
       <table style="width: auto">
@@ -16255,7 +16255,7 @@ function U0({
     click: d,
     finished: p
   }), [d, p]), y = $.useMemo(() => W0(e, t, o), [e, t]);
-  return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
+  return /* @__PURE__ */ r(He, { echarts: Be, option: y, ref: h, style: {
     width: n,
     height: a
   }, onEvents: g, notMerge: !0, theme: "merico-light" });
@@ -16648,7 +16648,7 @@ const sw = D(({
 }) => {
   const {
     panel: n
-  } = Le(), {
+  } = Ae(), {
     t: a
   } = x();
   return /* @__PURE__ */ u(T, { children: [
@@ -16871,10 +16871,10 @@ function gw({
   } = ge({
     defaultValues: o
   });
-  return B(() => {
+  return N(() => {
     d(o);
   }, [o]), c(["dataZoom"]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(t), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: h.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: h.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -16904,7 +16904,7 @@ function gw({
       /* @__PURE__ */ r(S.Panel, { value: "Reference Areas", children: /* @__PURE__ */ r(Z0, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r(Br, { ...p }) }) })
+      }) => /* @__PURE__ */ r(Nr, { ...p }) }) })
     ] })
   ] }) });
 }
@@ -17126,7 +17126,7 @@ const Lw = D(({
       });
     });
   }, [l.variableValueMap, i, a]);
-  return B(() => {
+  return N(() => {
     if (!n.current)
       return;
     const b = n.current.querySelector(".ProseMirror");
@@ -17180,7 +17180,7 @@ const Lw = D(({
 }) => {
   const {
     panel: n
-  } = Le(), {
+  } = Ae(), {
     t: a
   } = x(), i = $.useMemo(() => he({}, e), [e]), {
     control: o,
@@ -17194,7 +17194,7 @@ const Lw = D(({
   return $.useEffect(() => {
     d(i);
   }, [i]), s(["content", "vertical_align"]), /* @__PURE__ */ r("form", { onSubmit: l(t), children: /* @__PURE__ */ u(T, { gap: "xs", children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: c.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: c.isDirty }),
     /* @__PURE__ */ r(f, { control: o, name: "vertical_align", render: ({
       field: h
     }) => /* @__PURE__ */ r(Gs, { ...h }) }),
@@ -17279,7 +17279,7 @@ function Fw(e) {
     n[i.parent_id].children.push(i);
   }), a;
 }
-function Bw(e, t) {
+function Nw(e, t) {
   const {
     label_key: n,
     value_key: a,
@@ -17287,7 +17287,7 @@ function Bw(e, t) {
   } = e;
   if (!n || !a)
     return [];
-  const o = N(n), l = N(a), s = N(i), c = t[o.queryID].map((d) => ({
+  const o = B(n), l = B(a), s = B(i), c = t[o.queryID].map((d) => ({
     ...d,
     id: d[o.columnKey],
     parent_id: d[s.columnKey],
@@ -17296,7 +17296,7 @@ function Bw(e, t) {
   }));
   return i ? Fw(c) : c;
 }
-const Nw = (e) => ({
+const Bw = (e) => ({
   treePathInfo: t,
   name: n,
   value: a
@@ -17324,7 +17324,7 @@ function jw(e) {
       ...n,
       label: {
         ...i,
-        formatter: Nw(a)
+        formatter: Bw(a)
       }
     };
   });
@@ -17395,7 +17395,7 @@ function Ww(e, t, n) {
   }, {});
   const i = {
     series: {
-      data: Bw(e, t),
+      data: Nw(e, t),
       levels: jw(e)
     },
     tooltip: Gw()
@@ -17420,7 +17420,7 @@ function Uw({
   }, [t]), h = z(() => ({
     finished: d
   }), [d]), p = z(() => Ww(i, o, n), [i, o, n]);
-  return !l || !s ? null : /* @__PURE__ */ r(nt, { width: l, height: s, children: /* @__PURE__ */ r(He, { echarts: Ne, option: p, ref: c, onEvents: h, style: Xn(l, s), notMerge: !0, theme: "merico-light" }) });
+  return !l || !s ? null : /* @__PURE__ */ r(nt, { width: l, height: s, children: /* @__PURE__ */ r(He, { echarts: Be, option: p, ref: c, onEvents: h, style: Xn(l, s), notMerge: !0, theme: "merico-light" }) });
 }
 function Kw({
   control: e,
@@ -17540,12 +17540,12 @@ function Zw({
   } = ge({
     defaultValues: o
   });
-  B(() => {
+  N(() => {
     h(o);
   }, [o]), c(["label_key", "value_key", "group_key", "levels"]);
   const [p, g] = G("Data");
   return /* @__PURE__ */ r("form", { onSubmit: s(a), children: /* @__PURE__ */ u(T, { gap: "xs", children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(S, { value: p, onChange: g, orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -18201,7 +18201,7 @@ function bo({
     onSortingChange: M,
     columns: w,
     columnResizeMode: "onChange",
-    getCoreRowModel: Ba(),
+    getCoreRowModel: Na(),
     getSortedRowModel: zp()
   }), {
     rows: q
@@ -18291,7 +18291,7 @@ const MS = D(J(({
 }, c) => {
   const {
     panel: d
-  } = Le(), h = $.useMemo(() => d.queryOptions(a, o), [a, o]);
+  } = Ae(), h = $.useMemo(() => d.queryOptions(a, o), [a, o]);
   return h.length === 0 ? /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(O, { ref: c, label: e, description: n, data: h, value: a, onChange: xe(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
 })), LS = [{
   from: 0,
@@ -18362,7 +18362,7 @@ const $S = J((e, t) => {
   }, p = () => {
     c(pc);
   };
-  return B(() => {
+  return N(() => {
     c(e);
   }, [e]), /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: o, sx: {
@@ -18525,7 +18525,7 @@ function FS({
     }))
   };
 }
-function BS({
+function NS({
   context: e
 }) {
   const {
@@ -18534,7 +18534,7 @@ function BS({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => Ge({}, n, mc), [n]), o = z(() => FS(i), [i]);
-  B(() => {
+  N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const {
@@ -18546,10 +18546,10 @@ function BS({
   } = ge({
     defaultValues: o
   });
-  return B(() => {
+  return N(() => {
     h(o);
   }, [o]), c(["query_id"]), /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "Columns", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -18575,7 +18575,7 @@ function BS({
     ] })
   ] });
 }
-const NS = {
+const BS = {
   table: {
     viz_name: "Table",
     column: {
@@ -18665,7 +18665,7 @@ const NS = {
   }
 }, QS = [{
   lang: "en",
-  resources: NS
+  resources: BS
 }, {
   lang: "zh",
   resources: jS
@@ -18728,7 +18728,7 @@ function US(e) {
     ...n
   } = e, {
     queryID: a
-  } = N(t);
+  } = B(t);
   return {
     ...n,
     query_id: a ?? ""
@@ -18807,7 +18807,7 @@ const pa = {
   migrator: new YS(),
   name: "table",
   viewRender: IS,
-  configRender: BS,
+  configRender: NS,
   triggers: [xi],
   translation: QS
 }, vc = ["function text({ data, variables, filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
@@ -18898,7 +18898,7 @@ const JS = $.forwardRef(ZS), eC = ({
   }, p = () => {
     c(vc);
   };
-  return B(() => {
+  return N(() => {
     c(e);
   }, [e]), /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: o, sx: {
@@ -18938,7 +18938,7 @@ function nC({
       font_weight: b
     };
   }, [i]);
-  B(() => {
+  N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const {
@@ -18953,7 +18953,7 @@ function nC({
   return $.useEffect(() => {
     h(o);
   }, [o]), c(["func_content", "horizontal_align", "font_size", "font_weight"]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(T, { gap: 10, children: [
       /* @__PURE__ */ r(f, { name: "func_content", control: l, render: ({
         field: p
@@ -19151,7 +19151,7 @@ function pC({
   } = ge({
     defaultValues: a
   });
-  return B(() => {
+  return N(() => {
     c(a);
   }, [a]), l(["expertSystemURL", "goal", "path", "question"]), /* @__PURE__ */ r("form", { onSubmit: o(n), children: /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
@@ -19480,7 +19480,7 @@ function VC({
     }
   }], d = n[o];
   return d && e.tooltip.metrics.forEach((h) => {
-    const p = N(h.data_key);
+    const p = B(h.data_key);
     c.push({
       label: h.name,
       value: AC(C.get(d, p.columnKey, "")),
@@ -19492,7 +19492,7 @@ function VC({
   }), c;
 }
 function $C(e, t, n) {
-  const a = N(e.calendar.data_key), i = C.keyBy(t[a.queryID], a.columnKey);
+  const a = B(e.calendar.data_key), i = C.keyBy(t[a.queryID], a.columnKey);
   return pe.getTooltip({
     formatter: function(o) {
       const s = VC({
@@ -19549,7 +19549,7 @@ function EC(e, t, n) {
   }, {}), i = Rr(e.visualMap, a), {
     min: o,
     max: l
-  } = i, s = IC(e), c = N(e.calendar.data_key), d = N(e.heat_block.data_key), h = t[c.queryID].map((M) => {
+  } = i, s = IC(e), c = B(e.calendar.data_key), d = B(e.heat_block.data_key), h = t[c.queryID].map((M) => {
     const R = C.get(M, c.columnKey), q = C.get(M, d.columnKey), X = PC(M[c.columnKey]), Q = {
       value: [R, q, X]
     }, {
@@ -19617,7 +19617,7 @@ function qC({
     legendselectchanged: OC,
     finished: p
   }), [d, p]), y = $.useMemo(() => EC(e, t, o), [e, t]);
-  return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
+  return /* @__PURE__ */ r(He, { echarts: Be, option: y, ref: h, style: {
     width: n,
     height: a
   }, onEvents: g, notMerge: !0, opts: {
@@ -19641,14 +19641,14 @@ function FC({
   } = e.viewport;
   return !o.calendar.data_key || !o.heat_block.data_key || !s || !c ? null : /* @__PURE__ */ r(nt, { width: s, height: c, children: /* @__PURE__ */ r(qC, { instance: t, variables: i, width: St(s), height: Ct(c), data: l, conf: o, interactionManager: n }) });
 }
-const BC = [{
+const NC = [{
   label: "中文",
   value: "ZH"
 }, {
   label: "English",
   value: "EN"
 }];
-function NC({
+function BC({
   control: e,
   watch: t
 }) {
@@ -19663,7 +19663,7 @@ function NC({
     }, ...a }) }) }),
     /* @__PURE__ */ r(f, { name: "calendar.locale", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(O, { label: n("viz.calendar_heatmap.calendar.locale"), data: BC, sx: {
+    }) => /* @__PURE__ */ r(O, { label: n("viz.calendar_heatmap.calendar.locale"), data: NC, sx: {
       flex: 1
     }, ...a }) })
   ] });
@@ -19757,7 +19757,7 @@ function WC({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => n ? he({}, n) : Si, [n]), o = z(() => C.cloneDeep(i), [i]);
-  B(() => {
+  N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const l = ge({
@@ -19769,10 +19769,10 @@ function WC({
     formState: h,
     reset: p
   } = l;
-  return B(() => {
+  return N(() => {
     p(o);
   }, [o]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: c(a), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: h.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: h.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "Calendar", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -19789,7 +19789,7 @@ function WC({
         /* @__PURE__ */ r(S.Tab, { value: "Visual Map", children: t("chart.visual_map.label") }),
         /* @__PURE__ */ r(S.Tab, { value: "Tooltip", children: t("chart.tooltip.label") })
       ] }),
-      /* @__PURE__ */ r(S.Panel, { value: "Calendar", children: /* @__PURE__ */ r(NC, { control: s, watch: d }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Calendar", children: /* @__PURE__ */ r(BC, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Heat Block", children: /* @__PURE__ */ r(jC, { control: s, watch: d }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Visual Map", children: /* @__PURE__ */ r(gi, { form: l }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Tooltip", children: /* @__PURE__ */ r(HC, { control: s, watch: d }) })
@@ -20023,7 +20023,7 @@ function o2({
   const {
     queryID: i,
     columnKey: o
-  } = N(e), l = C.groupBy(t[i], o);
+  } = B(e), l = C.groupBy(t[i], o);
   return Object.entries(l).forEach(([s, c]) => {
     l[s] = Wr({
       [i]: c
@@ -20221,7 +20221,7 @@ function m2(e, t) {
 function g2(e, t, n) {
   if (!e.y_axis.data_key)
     return {};
-  const a = h2(t, n), i = u2(e), o = N(e.y_axis.data_key), l = C.uniq(t[o.queryID].map((h) => h[o.columnKey])), s = l.every((h) => !Number.isNaN(Number(h))), c = s2(e, l, s, t, i, n, a);
+  const a = h2(t, n), i = u2(e), o = B(e.y_axis.data_key), l = C.uniq(t[o.queryID].map((h) => h[o.columnKey])), s = l.every((h) => !Number.isNaN(Number(h))), c = s2(e, l, s, t, i, n, a);
   return {
     xAxis: p2(e, i),
     yAxis: m2(e, l),
@@ -20258,7 +20258,7 @@ function f2({
     click: d,
     finished: p
   }), [d]), y = $.useMemo(() => g2(e, t, o), [e, t]);
-  return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
+  return /* @__PURE__ */ r(He, { echarts: Be, option: y, ref: h, style: {
     width: n,
     height: a
   }, onEvents: g, notMerge: !0, theme: "merico-light" });
@@ -20622,10 +20622,10 @@ function T2({
   } = ge({
     defaultValues: o
   });
-  return B(() => {
+  return N(() => {
     h(o);
   }, [o]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "Series", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -21054,7 +21054,7 @@ function q2(e, t, n, a) {
   }));
 }
 function F2(e, t, n, a) {
-  const i = N(t.data_key), o = t.name, l = n.map((s) => {
+  const i = B(t.data_key), o = t.name, l = n.map((s) => {
     const c = C.sumBy(a[s], i.columnKey);
     return [s, c];
   });
@@ -21068,14 +21068,14 @@ function F2(e, t, n, a) {
     show_in_legend: !1
   };
 }
-function B2(e, t, n, a) {
+function N2(e, t, n, a) {
   const l = {
     barMinWidth: 5,
     barMaxWidth: 20
   };
   return [P2(e, n, a), E2(e, n, a, l), ...q2(e, n, a, l), F2(e, t, n, a)];
 }
-function N2(e, t) {
+function B2(e, t) {
   const {
     axisLabel: n
   } = e.x_axis;
@@ -21259,7 +21259,7 @@ function G2(e, t) {
   const {
     x_axis: n,
     deviation: a
-  } = e, i = N(n.data_key), o = N(a.data_keys.estimated_value), l = N(a.data_keys.actual_value);
+  } = e, i = B(n.data_key), o = B(a.data_keys.estimated_value), l = B(a.data_keys.actual_value);
   return t[i.queryID].map((s) => {
     const c = wo(s[o.columnKey]), d = wo(s[l.columnKey]), h = c - d;
     return {
@@ -21315,8 +21315,8 @@ function K2(e, t) {
   };
 }
 function Y2(e, t, n) {
-  const a = G2(e, n), i = N(e.x_axis.data_key), o = C.uniqBy(n[i.queryID], i.columnKey).map((h) => h[i.columnKey]), l = C.groupBy(a, i.columnKey), s = K2(e, t), c = B2(e, s, o, l), d = {
-    xAxis: N2(e, o),
+  const a = G2(e, n), i = B(e.x_axis.data_key), o = C.uniqBy(n[i.queryID], i.columnKey).map((h) => h[i.columnKey]), l = C.groupBy(a, i.columnKey), s = K2(e, t), c = N2(e, s, o, l), d = {
+    xAxis: B2(e, o),
     yAxis: j2(s),
     series: c,
     grid: $2(),
@@ -21407,7 +21407,7 @@ function nk({
   }, [o]), d = z(() => ({
     finished: c
   }), [c]);
-  return /* @__PURE__ */ r(He, { ref: s, onEvents: d, echarts: Ne, option: l, style: {
+  return /* @__PURE__ */ r(He, { ref: s, onEvents: d, echarts: Be, option: l, style: {
     width: n,
     height: a
   }, notMerge: !0, theme: "merico-light" });
@@ -21428,7 +21428,7 @@ function rk({
     estimated_value: d,
     actual_value: h
   } = c.data_keys, [p, g] = G(h);
-  if (B(() => {
+  if (N(() => {
     g((w) => w || h);
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
@@ -21559,10 +21559,10 @@ function sk({
   } = ge({
     defaultValues: a
   });
-  return B(() => {
+  return N(() => {
     c(a);
   }, [a]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: s.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: s.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X Axis", orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
@@ -21903,10 +21903,10 @@ function wk({
   } = ge({
     defaultValues: i
   });
-  return B(() => {
+  return N(() => {
     d(i);
   }, [i]), /* @__PURE__ */ r("form", { onSubmit: l(n), children: /* @__PURE__ */ u(T, { gap: "xs", children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: c.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: c.isDirty }),
     /* @__PURE__ */ r(vk, { control: o, watch: s }),
     /* @__PURE__ */ r(xk, { control: o, watch: s, variables: a })
   ] }) });
@@ -22222,7 +22222,7 @@ function Pk({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => n ? he({}, n) : Ti, [n]), o = z(() => C.cloneDeep(i), [i]);
-  B(() => {
+  N(() => {
     !Fe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const l = ge({
@@ -22234,14 +22234,14 @@ function Pk({
     formState: h,
     reset: p
   } = l;
-  return B(() => {
+  return N(() => {
     p(o);
   }, [o]), /* @__PURE__ */ r("form", { onSubmit: c(a), style: {
     flexGrow: 1
   }, children: /* @__PURE__ */ u(T, { gap: "xs", sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r(Ae, { canSubmit: h.isDirty }),
+    /* @__PURE__ */ r(Ve, { canSubmit: h.isDirty }),
     /* @__PURE__ */ u(S, { defaultValue: "X Axis", orientation: "vertical", styles: {
       root: {
         // height: '100%',
@@ -22344,7 +22344,7 @@ function Fk(e) {
     z: 1
   };
 }
-function Bk(e, t) {
+function Nk(e, t) {
   const {
     heat_block: n
   } = e;
@@ -22365,7 +22365,7 @@ function Bk(e, t) {
     z: 2
   };
 }
-const Nk = (e) => se(e, {
+const Bk = (e) => se(e, {
   output: "number",
   trimMantissa: !0,
   mantissa: 2,
@@ -22404,10 +22404,10 @@ function jk({
     }
   }, y = [h, p, g], b = a[`${s}---${c}`];
   return b && e.tooltip.metrics.forEach((w) => {
-    const I = N(w.data_key);
+    const I = B(w.data_key);
     y.push({
       label: w.name,
-      value: Nk(C.get(b, I.columnKey, "")),
+      value: Bk(C.get(b, I.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -22420,8 +22420,8 @@ function Qk(e, t, n, a) {
     x_axis: i,
     y_axis: o,
     heat_block: l
-  } = e, s = N(i.data_key), c = N(o.data_key);
-  N(l.data_key);
+  } = e, s = B(i.data_key), c = B(o.data_key);
+  B(l.data_key);
   const d = C.keyBy(t[s.queryID], (h) => `${h[s.columnKey]}---${h[c.columnKey]}`);
   return pe.getTooltip({
     formatter: function(h) {
@@ -22549,7 +22549,7 @@ function Wk(e, t, n) {
   }, {}), i = Ok(e), o = qk(e), l = Rr(e.visualMap, a), {
     min: s,
     max: c
-  } = l, d = N(e.x_axis.data_key), h = N(e.y_axis.data_key), p = N(e.heat_block.data_key), g = C.uniq(t[d.queryID].map((w) => w[d.columnKey])), y = t[d.queryID].map((w) => {
+  } = l, d = B(e.x_axis.data_key), h = B(e.y_axis.data_key), p = B(e.heat_block.data_key), g = C.uniq(t[d.queryID].map((w) => w[d.columnKey])), y = t[d.queryID].map((w) => {
     const I = C.get(w, d.columnKey), M = C.get(w, h.columnKey), R = C.get(w, p.columnKey), q = {
       value: [I, M, R]
     }, {
@@ -22563,7 +22563,7 @@ function Wk(e, t, n) {
   return {
     xAxis: Gk(e, g, i.x_axis),
     yAxis: Hk(e, i.y_axis),
-    series: Bk(e, y),
+    series: Nk(e, y),
     tooltip: Qk(e, t, i, o),
     grid: Fk(e),
     visualMap: l
@@ -22579,7 +22579,7 @@ function Uk({
   instance: l
 }) {
   const s = z(() => {
-    const b = N(e.x_axis.data_key), w = N(e.y_axis.data_key);
+    const b = B(e.x_axis.data_key), w = B(e.y_axis.data_key);
     return C.keyBy(t[b.queryID], (I) => `${I[b.columnKey]}---${I[w.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), c = st(i.triggerManager, Cc.id), d = ae((b) => {
     const [w, I] = b.value, M = C.get(s, `${w}---${I}`, {
@@ -22599,7 +22599,7 @@ function Uk({
     click: d,
     finished: p
   }), [d, p]), y = $.useMemo(() => Wk(e, t, o), [e, t]);
-  return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
+  return /* @__PURE__ */ r(He, { echarts: Be, option: y, ref: h, style: {
     width: n,
     height: a
   }, onEvents: g, notMerge: !0, theme: "merico-light" });
@@ -22806,7 +22806,7 @@ function zc({
   lang: e,
   children: t
 }) {
-  return B(() => {
+  return N(() => {
     yr.changeLanguage(e);
   }, [e]), /* @__PURE__ */ r(qu, { i18n: yr, children: t });
 }
@@ -23620,7 +23620,7 @@ const Lc = m.model("DBQueryMeta", {
   },
   // FIXME: should move these to LayoutItemRenderModel & solve type errors
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   },
   get panel() {
     const {
@@ -23673,7 +23673,7 @@ const Lc = m.model("DBQueryMeta", {
   list: m.optional(m.array(z5), [])
 }).views((e) => ({
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   },
   get json() {
     const {
@@ -23754,7 +23754,7 @@ const Lc = m.model("DBQueryMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => {
+    Ue(e, Ne(() => {
       const t = e.list.length, n = e.contentModel.panels.list.length;
       return {
         match: t === n,
@@ -24218,7 +24218,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
   required: m.optional(m.boolean, !1)
 }).views((e) => ({
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   },
   get filter() {
     return we(e);
@@ -24319,7 +24319,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => Rt(e.defaultSelection), e.setDefaultSelection, {
+    Ue(e, Ne(() => Rt(e.defaultSelection), e.setDefaultSelection, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -24330,7 +24330,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Bc = m.compose("FilterConfigModel_Select", m.model({
+}), Nc = m.compose("FilterConfigModel_Select", m.model({
   _name: m.literal("select"),
   default_value: m.string,
   width: m.optional(m.string, ""),
@@ -24384,19 +24384,19 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => Rt(e.default_selection), e.setDefaultSelection, {
+    Ue(e, Ne(() => Rt(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !1,
       delay: 0
     }));
   }
-})), $5 = () => Bc.create({
+})), $5 = () => Nc.create({
   _name: "select",
   required: !1,
   default_value: "",
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Nc = m.model("FilterTextInputConfigMeta", {
+}), Bc = m.model("FilterTextInputConfigMeta", {
   _name: m.literal("text-input"),
   required: m.boolean,
   default_value: m.string
@@ -24423,7 +24423,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
   setDefaultValue(t) {
     e.default_value = t;
   }
-})), jc = () => Nc.create({
+})), jc = () => Bc.create({
   _name: "text-input",
   required: !1,
   default_value: ""
@@ -24537,7 +24537,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
 ] }), Hc = ({
   onClick: e,
   ...t
-}) => /* @__PURE__ */ r(F5, { onClick: e, ...t }), B5 = $n((e, {
+}) => /* @__PURE__ */ r(F5, { onClick: e, ...t }), N5 = $n((e, {
   radius: t = 4,
   width: n,
   name: a
@@ -24798,7 +24798,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
       }
     }
   }
-})), N5 = ({
+})), B5 = ({
   disabled: e,
   // styling props
   radius: t,
@@ -24817,7 +24817,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
   } = x(), {
     classes: p,
     cx: g
-  } = B5({
+  } = N5({
     radius: t,
     width: n.width,
     name: "FilterTreeSelectWidget"
@@ -24883,7 +24883,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
     const y = g.map((b) => b.value);
     a(y, !1);
   }, c = z(() => t.initialSelection(n), [n, t.initialSelection, o]), d = t.min_width ? t.min_width : "200px", p = !!t.options_query_id ? o : !1;
-  return /* @__PURE__ */ r(N5, { disabled: p, style: {
+  return /* @__PURE__ */ r(B5, { disabled: p, style: {
     minWidth: "160px",
     width: d,
     maxWidth: p ? d : "unset",
@@ -25346,7 +25346,7 @@ const Wc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
     a.length > 0 ? e.filter.setValue(a) : e.filter.setValue(e.defaultSelection);
   },
   afterCreate() {
-    Ue(e, Be(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
+    Ue(e, Ne(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -25412,7 +25412,7 @@ const Wc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
     e.optionValuesSet.has(t) ? e.filter.setValue(t) : e.filter.setValue(e.defaultSelection);
   },
   afterCreate() {
-    Ue(e, Be(() => Rt(e.defaultSelection), this.applyDefaultSelection, {
+    Ue(e, Ne(() => Rt(e.defaultSelection), this.applyDefaultSelection, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -25432,10 +25432,10 @@ const Wc = m.compose("FilterConfigModel_BaseTreeSelect", m.model({
   auto_submit: m.optional(m.boolean, !1),
   default_value_func: m.optional(m.string, ""),
   type: m.enumeration("DashboardFilterType", [H.Select, H.MultiSelect, H.TreeSelect, H.TreeSingleSelect, H.TextInput, H.Checkbox, H.DateRange]),
-  config: m.union(Bc, Fc, Uc, Kc, Nc, Pc, qc)
+  config: m.union(Nc, Fc, Uc, Kc, Bc, Pc, qc)
 }).views((e) => ({
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   },
   get filters() {
     return this.contentModel.filters;
@@ -25578,7 +25578,7 @@ const Xc = m.model("ViewDivisionConfig", {
     const {
       enabled: t,
       func_content: n
-    } = e, a = we(e, 2), i = Ve(e);
+    } = e, a = we(e, 2), i = Le(e);
     if (!t)
       return a.name;
     try {
@@ -26026,25 +26026,25 @@ async function od(e, t) {
   });
   Mr(a, `${e}.csv`);
 }
-function zo(e) {
-  const t = new Gl(), n = e.map(async ({
-    id: a,
-    data: i
+function zo(e, t) {
+  const n = new Gl(), a = t.map(async ({
+    id: i,
+    data: o
   }) => {
-    const o = await id(i);
-    t.file(`${a}.csv`, o);
+    const l = await id(o);
+    n.file(`${i}.csv`, l);
   });
-  Promise.all(n).then(() => {
-    t.generateAsync({
+  Promise.all(a).then(() => {
+    n.generateAsync({
       type: "blob"
-    }).then((a) => {
-      Mr(a, "dashboard_data.zip");
+    }).then((i) => {
+      Mr(i, `${e}.zip`);
     });
-  }).catch((a) => {
-    console.error(a), Fl.show({
+  }).catch((i) => {
+    console.error(i), Fl.show({
       color: "red",
       title: "Failed to download data",
-      message: a.message
+      message: i.message
     });
   });
 }
@@ -26056,7 +26056,7 @@ function qn(e, t) {
 }
 const ld = x5.views((e) => ({
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   }
 })).views((e) => ({
   get queries() {
@@ -26123,7 +26123,7 @@ const ld = x5.views((e) => ({
     e.queries.forEach((t) => t.fetchData(!0));
   },
   downloadData() {
-    e.contentModel.queries.downloadDataByQueryIDs(e.queryIDs);
+    e.contentModel.queries.downloadDataByQueryIDs(e.name, e.queryIDs);
   },
   getSchema() {
     const t = e.json;
@@ -26253,7 +26253,7 @@ const pd = m.model("FiltersRenderModel", {
     }), t;
   },
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   },
   get context() {
     return this.contentModel.payloadForSQL.context;
@@ -26359,7 +26359,7 @@ function md(e, t, n, a) {
 }
 const d3 = k5.views((e) => ({
   get rootModel() {
-    return Ve(e);
+    return Le(e);
   },
   get contentModel() {
     return this.rootModel.content;
@@ -26645,7 +26645,7 @@ const d3 = k5.views((e) => ({
 })).volatile(() => ({
   controller: new AbortController()
 })).actions((e) => ({
-  runSQL: Nt(function* () {
+  runSQL: Bt(function* () {
     var t;
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -26674,7 +26674,7 @@ const d3 = k5.views((e) => ({
       }
     }
   }),
-  runHTTP: Nt(function* () {
+  runHTTP: Bt(function* () {
     var t;
     if (!(!e.valid || !e.datasource) && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -26705,7 +26705,7 @@ const d3 = k5.views((e) => ({
       }
     }
   }),
-  runMericoMetricQuery: Nt(function* () {
+  runMericoMetricQuery: Bt(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";
@@ -26766,7 +26766,7 @@ const d3 = k5.views((e) => ({
   }
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => {
+    Ue(e, Ne(() => {
       var n, a;
       if (e.isTransform) {
         const i = e.config;
@@ -26797,6 +26797,12 @@ const d3 = k5.views((e) => ({
   get json() {
     return e.current.filter((t) => t.id && t.key).map((t) => t.json);
   },
+  get root() {
+    return Le(e);
+  },
+  get dashboardName() {
+    return this.root.name;
+  },
   get contentModel() {
     return we(e, 1);
   },
@@ -26836,29 +26842,30 @@ const d3 = k5.views((e) => ({
       id: n,
       data: a
     }));
-    zo(t);
+    zo(e.dashboardName, t);
   },
-  downloadDataByQueryIDs(t) {
-    const n = new Set(t), a = e.current.filter((i) => n.has(i.id)).map(({
-      name: i,
-      data: o
+  downloadDataByQueryIDs(t, n) {
+    if (n.length === 1)
+      return this.downloadDataByQueryID(t, n[0]);
+    const a = new Set(n), i = e.current.filter((o) => a.has(o.id)).map(({
+      name: o,
+      data: l
     }) => ({
-      id: i,
-      data: o
+      id: o,
+      data: l
     }));
-    zo(a);
+    zo(t, i);
   },
-  downloadDataByQueryID(t) {
-    const n = e.findByID(t);
-    if (!n) {
+  downloadDataByQueryID(t, n) {
+    const a = e.findByID(n);
+    if (!a) {
       console.log("[downloadDataByQueryID] query not found");
       return;
     }
     const {
-      name: a,
       data: i
-    } = n;
-    od(a, i);
+    } = a, o = t ?? a.name;
+    od(o, i);
   },
   refetchDataByQueryID(t) {
     const n = e.findByID(t);
@@ -26904,7 +26911,7 @@ const bd = m.model("LayoutsRenderModel", {
     return e.list.map((n) => n.jsonByPanelIDSet(t));
   },
   get root() {
-    return Ve(e);
+    return Le(e);
   },
   get contentModel() {
     return this.root.content;
@@ -26987,7 +26994,7 @@ const bd = m.model("LayoutsRenderModel", {
     console.log("🔴 onBreakpointChange:", t), e.currentBreakpoint = t;
   },
   afterCreate() {
-    Ue(e, Be(() => e.currentBreakpoint, () => {
+    Ue(e, Ne(() => e.currentBreakpoint, () => {
       setTimeout(() => {
         window.dispatchEvent(new Event("resize"));
       }, 32);
@@ -27683,7 +27690,7 @@ const L3 = D(({
 };
 function $3(e) {
   const t = ce();
-  B(() => {
+  N(() => {
     var n, a;
     (a = (n = t.filters).updatePreviewValues) == null || a.call(n, e);
   }, [e]);
@@ -27763,7 +27770,7 @@ const q3 = ({
   }), c = ap({
     control: o
   });
-  B(() => {
+  N(() => {
     s(i.filters.values);
   }, [i.filters.values, s]), $3(c);
   const d = i.filters.visibleInView(t.id), h = z(() => d.every((b) => b.should_auto_submit), [d]), p = z(() => d.filter((b) => C.get(b, "config.required", !1)), [d]), g = z(() => p.length === 0 ? !1 : p.some((b) => !b.requiredAndPass(c[b.key])), [c, p]);
@@ -27790,14 +27797,14 @@ const q3 = ({
 }), F3 = {
   viewPanelInFullScreen: C.noop,
   inFullScreen: !1
-}, Kr = $.createContext(F3), B3 = D(({
+}, Kr = $.createContext(F3), N3 = D(({
   view: e
 }) => {
   const {
     t
   } = x(), n = de(), {
     panel: a
-  } = Le(), i = a.realQueryOptions, o = (s) => {
+  } = Ae(), i = a.realQueryOptions, o = (s) => {
     n.editor.open(["_QUERIES_", s]);
   }, l = () => {
     n.editor.open(["_VIEWS_", e.id, "_PANELS_", a.id, "_TABS_", "Data"]);
@@ -27807,7 +27814,7 @@ const q3 = ({
     /* @__PURE__ */ r(U.Item, { onClick: l, leftSection: /* @__PURE__ */ r(Xt, { size: 14 }), children: t("data.label") }),
     i.map((s) => /* @__PURE__ */ r(U.Item, { onClick: () => o(s.value), leftSection: /* @__PURE__ */ r(Xt, { size: 14 }), children: s.label }, s.value))
   ] });
-}), N3 = D(({
+}), B3 = D(({
   view: e,
   title: t
 }) => {
@@ -27816,7 +27823,7 @@ const q3 = ({
   } = x(), a = de(), i = ce(), o = wt(), {
     panel: l,
     downloadPanelScreenshot: s
-  } = Le(), {
+  } = Ae(), {
     id: c
   } = l, {
     viewPanelInFullScreen: d,
@@ -27862,7 +27869,7 @@ const q3 = ({
       /* @__PURE__ */ r(U.Item, { onClick: l.downloadSchema, leftSection: /* @__PURE__ */ r(pn, { size: 14 }), children: n("common.actions.download_schema") }),
       /* @__PURE__ */ r(U.Item, { onClick: s, leftSection: /* @__PURE__ */ r(Tr, { size: 14 }), children: n("common.actions.download_screenshot") }),
       R && /* @__PURE__ */ r(U.Item, { onClick: M, leftSection: /* @__PURE__ */ r(fl, { size: 14 }), disabled: !0, children: n("common.actions.enter_fullscreen") }),
-      /* @__PURE__ */ r(B3, { view: e }),
+      /* @__PURE__ */ r(N3, { view: e }),
       /* @__PURE__ */ r(P, { label: n("common.actions.edit"), labelPosition: "center" }),
       /* @__PURE__ */ r(U.Item, { onClick: g, leftSection: /* @__PURE__ */ r(Aa, { size: 14 }), children: n("panel.label") }),
       /* @__PURE__ */ r(U.Item, { onClick: y, leftSection: /* @__PURE__ */ r(An, { size: 14 }), children: n("panel.variable.labels") }),
@@ -28123,7 +28130,7 @@ function Md(e, t) {
   const n = qr().getRequired(ye.instanceScope.vizInstance);
   return Ln(async () => {
     Fe(await n.instanceData.getItem(null), t.viz.conf) || await n.instanceData.setItem(null, t.viz.conf);
-  }, [n, t.viz.conf]), B(() => n.instanceData.watchItem(null, (a) => {
+  }, [n, t.viz.conf]), N(() => n.instanceData.watchItem(null, (a) => {
     e(a);
   }), [e, t.viz.type]), n;
 }
@@ -28279,7 +28286,7 @@ const sz = D(function({
   view: n
 }) {
   const a = lz(t);
-  return /* @__PURE__ */ r(Ri, { panel: t, panelStyle: a, dropdownContent: /* @__PURE__ */ r(N3, { view: n, title: t.name }) });
+  return /* @__PURE__ */ r(Ri, { panel: t, panelStyle: a, dropdownContent: /* @__PURE__ */ r(B3, { view: n, title: t.name }) });
 });
 function cz(e) {
   return !["richText", "button"].includes(e);
@@ -28569,7 +28576,7 @@ const vz = D(({
   view: t
 }) => {
   const a = ce().layouts, [i, o] = gh();
-  return B(() => {
+  return N(() => {
     a.setCurrentLayoutWrapperWidth(o.width);
   }, [o.width]), /* @__PURE__ */ r(A, { sx: {
     height: "100%"
@@ -29028,7 +29035,7 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
   get empty() {
     return e.data.length === 0;
   }
-})), Bz = m.model({
+})), Nz = m.model({
   data: m.optional(m.frozen(), []),
   state: m.optional(m.enumeration(["idle", "loading", "error"]), "idle"),
   error: m.frozen()
@@ -29039,7 +29046,7 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
   get empty() {
     return e.data.length === 0;
   }
-})), Nz = m.model({
+})), Bz = m.model({
   page: m.optional(m.number, 1),
   limit: m.optional(m.number, 20),
   data: m.optional(m.frozen(), []),
@@ -29092,10 +29099,10 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => e.keywordString, e.resetPage, {
+    Ue(e, Ne(() => e.keywordString, e.resetPage, {
       fireImmediately: !1,
       delay: 0
-    })), Ue(e, Be(() => e.limit, e.resetPage, {
+    })), Ue(e, Ne(() => e.limit, e.resetPage, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -29114,8 +29121,8 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
 })), Qz = m.model({
   tables: m.optional(jz, {}),
   columns: m.optional(Fz, {}),
-  tableData: m.optional(Nz, {}),
-  indexes: m.optional(Bz, {}),
+  tableData: m.optional(Bz, {}),
+  indexes: m.optional(Nz, {}),
   table_schema: m.optional(m.string, ""),
   table_name: m.optional(m.string, "")
 }).views((e) => ({
@@ -29157,7 +29164,7 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
     e.setKeywords(t, n);
   }
 })).actions((e) => {
-  const t = Nt(function* () {
+  const t = Bt(function* () {
     var n;
     (n = e.controllers.tables) == null || n.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
@@ -29186,7 +29193,7 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
     loadTablesIfEmpty() {
       e.tables.empty && t();
     },
-    loadColumns: Nt(function* () {
+    loadColumns: Bt(function* () {
       var n;
       (n = e.controllers.columns) == null || n.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
@@ -29211,7 +29218,7 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
         }
       }
     }),
-    loadIndexes: Nt(function* () {
+    loadIndexes: Bt(function* () {
       var n;
       (n = e.controllers.indexes) == null || n.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
@@ -29236,7 +29243,7 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
         }
       }
     }),
-    loadTableData: Nt(function* () {
+    loadTableData: Bt(function* () {
       var a;
       (a = e.controllers.tableData) == null || a.abort(), e.controllers.tableData = new AbortController();
       const n = e.tableData;
@@ -29282,17 +29289,17 @@ const Rz = m.compose("FiltersModel", pd, m.model("FiltersModel", {
   };
 }).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => e.reloadConditionString, e.loadColumns, {
+    Ue(e, Ne(() => e.reloadConditionString, e.loadColumns, {
       fireImmediately: !1,
       delay: 500
     }));
   }
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => e.reloadConditionString, e.loadIndexes, {
+    Ue(e, Ne(() => e.reloadConditionString, e.loadIndexes, {
       fireImmediately: !1,
       delay: 500
-    })), Ue(e, Be(() => `${e.reloadConditionString};limit:${e.tableData.limit};offset:${e.tableData.offset}`, e.loadTableData, {
+    })), Ue(e, Ne(() => `${e.reloadConditionString};limit:${e.tableData.limit};offset:${e.tableData.offset}`, e.loadTableData, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -29446,7 +29453,7 @@ const Kz = m.model({
     return this.flatGroupByColOptions.filter((a) => n.has(a.value));
   }
 })).actions((e) => ({
-  load: Nt(function* () {
+  load: Bt(function* () {
     var t;
     if (e.mmInfo.type === ie.MericoMetricSystem && !(!e.metricID || !e.metricType)) {
       (t = e.controller) == null || t.abort(), e.controller = new AbortController(), e.state = "loading";
@@ -29480,7 +29487,7 @@ const Kz = m.model({
   })
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => e.metricID + e.metricType, e.load, {
+    Ue(e, Ne(() => e.metricID + e.metricType, e.load, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -29507,7 +29514,7 @@ const Kz = m.model({
     e.keyword = t;
   }
 })).actions((e) => ({
-  load: Nt(function* () {
+  load: Bt(function* () {
     var t;
     if (e.mmInfo.type === ie.MericoMetricSystem) {
       (t = e.controller) == null || t.abort(), e.controller = new AbortController(), e.state = "loading";
@@ -29538,7 +29545,7 @@ const Kz = m.model({
   })
 })).actions((e) => ({
   afterCreate() {
-    Ue(e, Be(() => `${e.mmInfo.type}:${e.keyword}`, e.load, {
+    Ue(e, Ne(() => `${e.mmInfo.type}:${e.keyword}`, e.load, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -29550,7 +29557,7 @@ const Kz = m.model({
   metricID: m.optional(m.string, "")
 }).views((e) => ({
   get rootModel() {
-    return Ve(e);
+    return Le(e);
   },
   get contentModel() {
     return this.rootModel.content;
@@ -29671,7 +29678,7 @@ const dT = m.model("EditorModel", {
   get navOptions() {
     const {
       content: t
-    } = Ve(e), {
+    } = Le(e), {
       filters: n,
       views: a,
       sqlSnippets: i,
@@ -29753,7 +29760,7 @@ const dT = m.model("EditorModel", {
   get spotlightActionGroups() {
     const {
       content: t
-    } = Ve(e), {
+    } = Le(e), {
       filters: n,
       views: a,
       sqlSnippets: i,
@@ -30002,7 +30009,7 @@ const dT = m.model("EditorModel", {
   dataFieldOptions(t, n, a) {
     let i = [...this.realDataFieldOptions];
     if (a && (i = i.filter((o) => o.group_id === a)), t && !i.find((o) => o.value === t)) {
-      const o = N(t), l = e.queryByID(o.queryID);
+      const o = B(t), l = e.queryByID(o.queryID);
       i.unshift({
         label: o.columnKey,
         value: t,
@@ -30035,7 +30042,7 @@ const dT = m.model("EditorModel", {
     const {
       queryID: n,
       columnKey: a
-    } = N(t), i = e.queries.find((o) => o.id === n);
+    } = B(t), i = e.queries.find((o) => o.id === n);
     return i ? {
       queryID: n,
       queryName: i.name,
@@ -30052,13 +30059,13 @@ const dT = m.model("EditorModel", {
   }
 })).actions((e) => ({
   moveToView(t, n) {
-    Ve(e).content.views.findByID(t).removePanelID(e.id), Ve(e).content.views.findByID(n).appendPanelID(e.id), Ve(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
+    Le(e).content.views.findByID(t).removePanelID(e.id), Le(e).content.views.findByID(n).appendPanelID(e.id), Le(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
   }
 })), pT = m.compose("PanelsModel", sd, m.model({
   list: m.optional(m.array(hT), [])
 })).views((e) => ({
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   },
   editorOptions(t, n) {
     const a = e.panelsByIDs(n);
@@ -30167,7 +30174,7 @@ const dT = m.model("EditorModel", {
     }));
   },
   get editorOptions() {
-    const t = Ve(e).content.panels;
+    const t = Le(e).content.panels;
     return e.current.map((n) => ({
       label: n.name,
       value: n.id,
@@ -30176,7 +30183,7 @@ const dT = m.model("EditorModel", {
     }));
   },
   get contentModel() {
-    return Ve(e).content;
+    return Le(e).content;
   }
 })).actions((e) => ({
   setIDOfVIE(t) {
@@ -30718,7 +30725,7 @@ function rr(e) {
   console.groupCollapsed("Running operation ", e.type), console.log(e), console.groupEnd();
 }
 function Od(e, t) {
-  B(() => {
+  N(() => {
     const n = (a) => {
       rr(a);
       const {
@@ -30733,7 +30740,7 @@ function Od(e, t) {
     return window.addEventListener("open-view", n), () => {
       window.removeEventListener("open-view", n);
     };
-  }, [e, t]), B(() => {
+  }, [e, t]), N(() => {
     const n = (a) => {
       rr(a);
       const {
@@ -30753,7 +30760,7 @@ function Od(e, t) {
     return window.addEventListener("set-filter-values", n), () => {
       window.removeEventListener("set-filter-values", n);
     };
-  }, [e]), B(() => {
+  }, [e]), N(() => {
     function n(i) {
       return Array.isArray(i) ? [] : typeof i == "object" ? {} : typeof i == "boolean" ? !1 : typeof i == "string" ? "" : typeof i == "number" ? 0 : i;
     }
@@ -30770,7 +30777,7 @@ function Od(e, t) {
     return window.addEventListener("clear-filter-values", a), () => {
       window.removeEventListener("clear-filter-values", a);
     };
-  }, [e]), B(() => {
+  }, [e]), N(() => {
     const n = (a) => {
       rr(a);
       const {
@@ -31239,7 +31246,7 @@ const $T = D(({
       });
     }
   }, [g, y] = G(null);
-  B(() => {
+  N(() => {
     if (!g)
       return;
     const q = new FileReader();
@@ -31261,7 +31268,7 @@ const $T = D(({
     };
   }, [g]);
   const [b] = c(["content"]), w = !b, I = (M = l == null ? void 0 : l.content) == null ? void 0 : M.message;
-  return B(() => {
+  return N(() => {
     !b || I ? n() : t();
   }, [b, I]), /* @__PURE__ */ r(A, { mx: "auto", sx: {
     position: "relative"
@@ -31430,7 +31437,7 @@ const $T = D(({
 }, children: e }), qo = function() {
   var t;
   return (((t = navigator.userAgentData) == null ? void 0 : t.platform) ?? navigator.platform).toLowerCase().includes("mac");
-}(), BT = () => {
+}(), NT = () => {
   const {
     t: e
   } = x();
@@ -31460,7 +31467,7 @@ const $T = D(({
       lineHeight: 1
     }, children: e("spotlight.trigger_text") })
   ] }) }) });
-}, NT = {
+}, BT = {
   position: "fixed",
   top: 60,
   // height of mantine-header
@@ -31470,7 +31477,7 @@ const $T = D(({
   zIndex: 299,
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
-}, jT = D(() => /* @__PURE__ */ r(A, { sx: NT, pl: {
+}, jT = D(() => /* @__PURE__ */ r(A, { sx: BT, pl: {
   base: 200,
   xs: 200,
   sm: 200,
@@ -31483,7 +31490,7 @@ const $T = D(({
   /* @__PURE__ */ u(_, { justify: "flex-start", gap: 0, children: [
     /* @__PURE__ */ r(wT, {}),
     /* @__PURE__ */ r(PT, {}),
-    /* @__PURE__ */ r(BT, {})
+    /* @__PURE__ */ r(NT, {})
   ] }),
   /* @__PURE__ */ r(CT, {}),
   /* @__PURE__ */ r(_, { justify: "flex-end", gap: 0, children: /* @__PURE__ */ r(kT, {}) })
@@ -31566,7 +31573,7 @@ function Fd(e, t, n) {
 function WT(e, t, n) {
   return e * t + (e - 1) * n;
 }
-const xr = 25, qi = 40, Bd = 25, Fi = 350, UT = 150, KT = 150, Nd = 150, Fo = 300, cr = 40, jd = 25, YT = 300;
+const xr = 25, qi = 40, Nd = 25, Fi = 350, UT = 150, KT = 150, Bd = 150, Fo = 300, cr = 40, jd = 25, YT = 300;
 function XT(e, t) {
   const n = C.keyBy(t, (i) => i.id), a = [];
   return e.current.forEach((i, o) => {
@@ -31622,7 +31629,7 @@ const ZT = {
 }, JT = $z;
 function e6(e) {
   return e.current.map((n, a) => {
-    const i = WT(n.panelIDs.length, cr, jd) + qi + Bd;
+    const i = WT(n.panelIDs.length, cr, jd) + qi + Nd;
     let o = [];
     return n.type === W.Tabs && (o = n.config.tabsInOrder.map((s) => s.view_id)), {
       id: n.id,
@@ -31669,7 +31676,7 @@ function r6({
   edges: n
 }) {
   t.forEach((a) => {
-    a._node_type !== "view-root" || a._view_type !== W.Tabs || (a.sourcePosition = _t.Bottom, a.style.width = Fi + xr * 2, a.style.height = Bd + a._tab_view_ids.reduce((i, o) => {
+    a._node_type !== "view-root" || a._view_type !== W.Tabs || (a.sourcePosition = _t.Bottom, a.style.width = Fi + xr * 2, a.style.height = Nd + a._tab_view_ids.reduce((i, o) => {
       const l = e[o];
       l.position.y = i, l.position.x = xr;
       const s = l.style.height;
@@ -31704,7 +31711,7 @@ function i6({
       const s = e[o.parentNode], c = s.position.x, d = Number(C.get(l, "style.height", 0)), h = Number(s.style.width);
       l.position.x = c + h + YT, s._view_level === 0 && l._sub_view_ids.length === 0 && (o.sourcePosition = _t.Left, l.targetPosition = _t.Right, l.position.x *= -1);
       const g = l.position.x, y = C.get(a, g, 0);
-      l.position.y = y, a[g] = y + d + Nd;
+      l.position.y = y, a[g] = y + d + Bd;
     }
   });
 }
@@ -31717,7 +31724,7 @@ function o6({
   n.forEach((l) => {
     a.add(l.source), i.add(l.target);
   }), t.filter((l) => l._node_type !== "view-root" || l.id === "Main" || l.parentNode ? !1 : !a.has(l.id) && !i.has(l.id)).forEach((l, s) => {
-    l.position.x = Fd(s, Fi, KT), l.position.y = 0 - UT - Nd;
+    l.position.x = Fd(s, Fi, KT), l.position.y = 0 - UT - Bd;
   });
 }
 function l6({
@@ -31747,8 +31754,8 @@ function s6(e) {
   return l6(s);
 }
 const na = {
-  "builtin:op:open-link": /* @__PURE__ */ r(ar, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r(Bh, { size: 14 }) }),
-  "builtin:op:set_filter_values": /* @__PURE__ */ r(ar, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(Nh, { size: 14 }) }),
+  "builtin:op:open-link": /* @__PURE__ */ r(ar, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r(Nh, { size: 14 }) }),
+  "builtin:op:set_filter_values": /* @__PURE__ */ r(ar, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(Bh, { size: 14 }) }),
   "builtin:op:clear_filter_values": /* @__PURE__ */ r(ar, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r(gl, { size: 14 }) })
 };
 function c6(e) {
@@ -31827,8 +31834,8 @@ const u6 = {
     edges: t,
     nodes: n
   } = s6(e);
-  return /* @__PURE__ */ u(Bp, { nodes: n, edges: t, onNodesChange: C.noop, onEdgesChange: C.noop, onConnect: C.noop, className: "interactions-viewer", fitView: !0, nodeTypes: u6, children: [
-    /* @__PURE__ */ r(Np, {}),
+  return /* @__PURE__ */ u(Np, { nodes: n, edges: t, onNodesChange: C.noop, onEdgesChange: C.noop, onConnect: C.noop, className: "interactions-viewer", fitView: !0, nodeTypes: u6, children: [
+    /* @__PURE__ */ r(Bp, {}),
     /* @__PURE__ */ r(jp, {}),
     /* @__PURE__ */ r(Qp, {})
   ] });
@@ -32142,7 +32149,7 @@ const f6 = D(() => {
     /* @__PURE__ */ r(Ur, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
     /* @__PURE__ */ r(Qd, {})
   ] });
-}), Bo = {
+}), No = {
   date_unit: {
     zh: [{
       label: "天",
@@ -32183,7 +32190,7 @@ const f6 = D(() => {
       value: "year"
     }]
   }
-}, No = D(({
+}, Bo = D(({
   config: e
 }) => {
   const {
@@ -32198,9 +32205,9 @@ const f6 = D(() => {
     label: t("filter.widget.select.preset_options.date_unit"),
     value: "date_unit"
   }], [n.language]), o = (l) => {
-    if (!l || !(l in Bo))
+    if (!l || !(l in No))
       return;
-    const s = Bo[l][n.language];
+    const s = No[l][n.language];
     e.replaceStaticOptions(s), s.length > 0 && e.setDefaultValue(s[0].value);
   };
   return /* @__PURE__ */ u(_, { justify: "space-between", children: [
@@ -32217,7 +32224,7 @@ const f6 = D(() => {
     label: t("filter.widget.select.no_default_selection"),
     value: ""
   }, ...a.filter((o) => o.value !== "")], [n.language, a]);
-  return a.length === 0 ? /* @__PURE__ */ r(No, { config: e }) : /* @__PURE__ */ u(F, { children: [
+  return a.length === 0 ? /* @__PURE__ */ r(Bo, { config: e }) : /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(O, { label: t("filter.widget.select.default_selection"), data: i, value: e.default_value, onChange: e.setDefaultValue }),
     a.map((o, l) => /* @__PURE__ */ u(tt, { gap: 10, sx: {
       position: "relative"
@@ -32238,7 +32245,7 @@ const f6 = D(() => {
         right: 5
       }, children: /* @__PURE__ */ r($e, { size: 16 }) })
     ] }, l)),
-    /* @__PURE__ */ r(No, { config: e })
+    /* @__PURE__ */ r(Bo, { config: e })
   ] });
 }), C6 = D(({
   filter: e
@@ -32318,7 +32325,7 @@ const f6 = D(() => {
   [H.TextInput]: k6,
   [H.Checkbox]: y6,
   [H.DateRange]: x6
-}, Bt = {
+}, Nt = {
   [H.Select]: "filter.widget.names.select",
   [H.MultiSelect]: "filter.widget.names.multi_select",
   [H.TreeSelect]: "filter.widget.names.tree_select",
@@ -32333,25 +32340,25 @@ const f6 = D(() => {
     t: n,
     i18n: a
   } = x(), i = ce(), o = $.useMemo(() => T6[t.type], [t.type]), l = z(() => [{
-    label: n(Bt[H.Select]),
+    label: n(Nt[H.Select]),
     value: "select"
   }, {
-    label: n(Bt[H.MultiSelect]),
+    label: n(Nt[H.MultiSelect]),
     value: "multi-select"
   }, {
-    label: n(Bt[H.TreeSelect]),
+    label: n(Nt[H.TreeSelect]),
     value: "tree-select"
   }, {
-    label: n(Bt[H.TreeSingleSelect]),
+    label: n(Nt[H.TreeSingleSelect]),
     value: "tree-single-select"
   }, {
-    label: n(Bt[H.TextInput]),
+    label: n(Nt[H.TextInput]),
     value: "text-input"
   }, {
-    label: n(Bt[H.Checkbox]),
+    label: n(Nt[H.Checkbox]),
     value: "checkbox"
   }, {
-    label: n(Bt[H.DateRange]),
+    label: n(Nt[H.DateRange]),
     value: "date-range"
   }], [a.language]);
   return /* @__PURE__ */ u(_, { grow: !0, gap: 20, align: "top", children: [
@@ -32493,7 +32500,7 @@ const f6 = D(() => {
         } }) }),
         /* @__PURE__ */ r(v.Td, { children: d.label }),
         /* @__PURE__ */ r(v.Td, { children: d.key }),
-        /* @__PURE__ */ r(v.Td, { children: e(Bt[d.type]) }),
+        /* @__PURE__ */ r(v.Td, { children: e(Nt[d.type]) }),
         /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", onClick: () => i(d.id), children: e("common.actions.open") }) })
       ] }, d.id)) })
     ] }) }) })
@@ -32552,7 +32559,7 @@ const f6 = D(() => {
     t: e
   } = x(), {
     panel: t
-  } = Le();
+  } = Ae();
   return /* @__PURE__ */ r(Zt, { label: e("panel.panel_description"), value: t.description, onChange: t.setDescription, styles: {
     root: {
       flexGrow: 1
@@ -32563,7 +32570,7 @@ const f6 = D(() => {
     t: e
   } = x(), {
     panel: t
-  } = Le(), n = Te().layouts.findItemByPanelID(t.id), {
+  } = Ae(), n = Te().layouts.findItemByPanelID(t.id), {
     style: a
   } = t;
   return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ u(T, { gap: 20, children: [
@@ -32596,12 +32603,12 @@ const f6 = D(() => {
     t: e
   } = x(), {
     panel: t
-  } = Le(), {
+  } = Ae(), {
     name: n
   } = t, [a, i] = ul(n), o = n !== a, l = $.useCallback(() => {
     o && t.setName(a);
   }, [o, a]);
-  B(() => {
+  N(() => {
     i(n);
   }, [n]);
   const s = !a.trim();
@@ -32620,7 +32627,7 @@ const f6 = D(() => {
     t: e
   } = x(), {
     panel: t
-  } = Le();
+  } = Ae();
   return /* @__PURE__ */ r(T, { gap: 6, mb: 10, children: /* @__PURE__ */ u(_, { pl: 6, justify: "flex-start", gap: 20, children: [
     /* @__PURE__ */ r(te, { size: "sm", checked: t.title.show, onChange: (n) => t.title.setShow(n.currentTarget.checked), label: e("panel.show_title"), sx: {
       userSelect: "none"
@@ -32693,7 +32700,7 @@ function Gd({
     data: e,
     columns: t,
     columnResizeMode: "onChange",
-    getCoreRowModel: Ba()
+    getCoreRowModel: Na()
   });
   return e.length === 0 ? /* @__PURE__ */ r(A, { sx: {
     height: "5em"
@@ -32729,7 +32736,7 @@ const q6 = [{
   input: {
     paddingLeft: "70px"
   }
-}, B6 = ({
+}, N6 = ({
   data: e,
   page: t,
   setPage: n,
@@ -32767,7 +32774,7 @@ const q6 = [{
       total: l
     }) }) })
   ] });
-}, N6 = Ps(({
+}, B6 = Ps(({
   data: e,
   loading: t
 }) => {
@@ -32776,7 +32783,7 @@ const q6 = [{
     return e.slice(s, c);
   }, [e, n, i]);
   return /* @__PURE__ */ u(ze, { children: [
-    /* @__PURE__ */ r(B6, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
+    /* @__PURE__ */ r(N6, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
     /* @__PURE__ */ u(A, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -32816,9 +32823,9 @@ const q6 = [{
   } = i.getDataStuffByID(e), s = l === "loading", c = ae(() => {
     i.queries.refetchDataByQueryID(e);
   }, [e, i]), d = () => {
-    i.queries.downloadDataByQueryID(e);
+    i.queries.downloadDataByQueryID(null, e);
   };
-  B(() => {
+  N(() => {
     n && c();
   }, [c, n]);
   const h = !Array.isArray(o) || o.length === 0;
@@ -32843,7 +32850,7 @@ const q6 = [{
       overflow: "auto"
     }, children: [
       /* @__PURE__ */ r(j6, { queryID: e }),
-      /* @__PURE__ */ r(N6, { data: o, loading: s })
+      /* @__PURE__ */ r(B6, { data: o, loading: s })
     ] })
   ] });
 }), Q6 = D(function() {
@@ -32851,7 +32858,7 @@ const q6 = [{
     t
   } = x(), n = de(), a = ce(), {
     panel: i
-  } = Le(), [o, l] = G(!1), s = (d) => {
+  } = Ae(), [o, l] = G(!1), s = (d) => {
     n.editor.setPath(["_QUERIES_", d]);
   }, c = i.queryIDs.length;
   return /* @__PURE__ */ u(F, { children: [
@@ -32913,7 +32920,7 @@ const U6 = D(({
   const {
     t: n
   } = x(), [a, i] = ul(e);
-  B(() => {
+  N(() => {
     i(e);
   }, [e]);
   const o = W6(), l = e !== a;
@@ -32942,7 +32949,7 @@ function Y6() {
       description: l,
       id: s
     }
-  } = Le(), {
+  } = Ae(), {
     vizManager: c
   } = Ht(Kt), d = {
     name: i,
@@ -32964,7 +32971,7 @@ const X6 = D(() => {
     panel: {
       viz: t
     }
-  } = Le(), {
+  } = Ae(), {
     vizManager: n
   } = Ht(Kt), a = $.useCallback((d) => {
     if (d === t.type)
@@ -33006,7 +33013,7 @@ const X6 = D(() => {
   const {
     t: n
   } = x(), a = ce(), [i, o] = G(t);
-  B(() => {
+  N(() => {
     o(t);
   }, [t]);
   const [l, {
@@ -33138,7 +33145,7 @@ class e4 {
 function t4() {
   const {
     panel: e
-  } = Le();
+  } = Ae();
   return $t(() => new e4(e), [e]);
 }
 const n4 = $.forwardRef(function({
@@ -33267,7 +33274,7 @@ const s4 = D(({
   const {
     t
   } = x(), n = wt(), a = de(), i = ce(), [o, l] = G(a.editor.panelTab), s = e.queries, d = l4(e.viz.type) && e.dataLoading, h = d || e.queryErrors.length > 0 || e.queryStateMessages !== "" || s.length === 0, p = a.editor.path[1];
-  B(() => {
+  N(() => {
     l((w) => h && w === "Visualization" ? "Data" : w);
   }, [e.id, h]);
   const g = ae((w) => {
@@ -33786,7 +33793,7 @@ const x4 = D(({
   const {
     t
   } = x(), n = e.dbInfo;
-  return B(() => {
+  return N(() => {
     n.loadTablesIfEmpty();
   }, [n]), n.tables.error ? /* @__PURE__ */ r(k, { c: "red", size: "md", ta: "center", ff: "monospace", children: n.tables.error }) : /* @__PURE__ */ u(tt, { sx: {
     height: "100%"
@@ -33948,7 +33955,7 @@ const x4 = D(({
   const {
     t
   } = x(), [n, a] = G(e.name);
-  B(() => {
+  N(() => {
     a(e.name);
   }, [e.name]);
   const i = z(() => e.conditionOptionsWithInvalidRunbys.optionGroups.map((l) => ({
@@ -34045,7 +34052,7 @@ WHERE
       /* @__PURE__ */ r(A4, {})
     ] }) })
   ] }) });
-}), Bi = D(() => {
+}), Ni = D(() => {
   const {
     t: e
   } = x(), [t, n] = G(!1);
@@ -34074,7 +34081,7 @@ WHERE
     /* @__PURE__ */ u(S.List, { children: [
       /* @__PURE__ */ r(S.Tab, { value: "pre_process", children: t("query.build_request") }),
       /* @__PURE__ */ r(S.Tab, { value: "post_process", children: t("query.process_result") }),
-      /* @__PURE__ */ r(Bi, {})
+      /* @__PURE__ */ r(Ni, {})
     ] }),
     /* @__PURE__ */ r(S.Panel, { value: "pre_process", sx: {
       position: "relative"
@@ -34160,7 +34167,7 @@ WHERE
   }, s = () => {
     i(R4);
   };
-  B(() => {
+  N(() => {
     i(n.sql);
   }, [n.sql]);
   const c = a !== n.sql;
@@ -34226,7 +34233,7 @@ WHERE
       /* @__PURE__ */ r(S.Tab, { value: "Preview", children: t("query.preview_sql") }),
       /* @__PURE__ */ r(S.Tab, { value: "pre_process", children: t("query.process_request") }),
       /* @__PURE__ */ r(S.Tab, { value: "post_process", children: t("query.process_result") }),
-      /* @__PURE__ */ r(Bi, {}),
+      /* @__PURE__ */ r(Ni, {}),
       e.datasource && /* @__PURE__ */ r(Wd, { dataSource: e.datasource })
     ] }),
     /* @__PURE__ */ r(S.Panel, { value: "Edit", sx: {
@@ -34238,11 +34245,11 @@ WHERE
     }, p: "sm", children: /* @__PURE__ */ r(gn, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Go.pre }) }),
     /* @__PURE__ */ r(S.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r(gn, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Go.post }) })
   ] });
-}), B4 = {
+}), N4 = {
   pre: ["function transform(queries, state, utils) {", "    // use queries & dashboar state to build new data", "    const data = []", "    return data", "}"].join(`
 `),
   post: ""
-}, N4 = D(({
+}, B4 = D(({
   queryModel: e
 }) => {
   const {
@@ -34259,7 +34266,7 @@ WHERE
     /* @__PURE__ */ r(k, { size: "sm", children: t("query.transform.guide.write_function") }),
     /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1
-    }, children: /* @__PURE__ */ r(gn, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: B4.pre }) })
+    }, children: /* @__PURE__ */ r(gn, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: N4.pre }) })
   ] });
 }), Fn = {
   height: "calc(100% - 44px)",
@@ -34271,7 +34278,7 @@ WHERE
   const {
     t
   } = x(), n = ce(), a = z(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [i, o] = G(a);
-  B(() => {
+  N(() => {
     o((c) => c !== "Configurations" && a === "Configurations" ? "Configurations" : c);
   }, [a]);
   const s = n.findQueryUsage(e.id).length === 0;
@@ -34295,7 +34302,7 @@ WHERE
     }, children: /* @__PURE__ */ r($4, { queryModel: e }) }) }),
     e.isTransform && /* @__PURE__ */ r(S.Panel, { value: "Transform", sx: Fn, children: /* @__PURE__ */ r(T, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r(N4, { queryModel: e }) }) }),
+    }, children: /* @__PURE__ */ r(B4, { queryModel: e }) }) }),
     /* @__PURE__ */ r(S.Panel, { value: "Data", sx: {
       ...Fn,
       overflow: "hidden"
@@ -34418,7 +34425,7 @@ function K4({
     data: e,
     columns: t,
     columnResizeMode: "onChange",
-    getCoreRowModel: Ba()
+    getCoreRowModel: Na()
   });
   return e.length === 0 ? /* @__PURE__ */ r(A, { sx: {
     height: "5em"
@@ -34549,7 +34556,7 @@ const Y4 = [{
   }, [e.fetchData]), o = () => {
     od(e.name, e.data);
   };
-  B(() => {
+  N(() => {
     i();
   }, [i]);
   const l = !Array.isArray(t) || t.length === 0;
@@ -34622,7 +34629,7 @@ const Y4 = [{
 ] }), lD = () => /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ r("g", { clipPath: "url(#clip0_567_6919)", children: /* @__PURE__ */ r("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.00001 1.02051C7.29533 1.02051 7.53473 1.25991 7.53473 1.55523V2.99492L11.3486 5.17429C11.5152 5.2695 11.6181 5.44667 11.6181 5.63856V9.97475L13.0725 10.702C13.3366 10.834 13.4437 11.1552 13.3116 11.4194C13.1795 11.6835 12.8583 11.7906 12.5942 11.6585L11.1002 10.9115L7.26531 13.1028C7.10091 13.1968 6.8991 13.1968 6.73471 13.1028L2.89985 10.9115L1.40581 11.6585C1.14167 11.7906 0.820476 11.6835 0.688405 11.4194C0.556335 11.1552 0.663399 10.834 0.92754 10.702L2.38195 9.97475V5.63856C2.38195 5.44667 2.48477 5.2695 2.65138 5.17429L6.46529 2.99492V1.55523C6.46529 1.25991 6.70469 1.02051 7.00001 1.02051ZM7.00001 3.9211L3.99444 5.63856L7.00001 7.35603L10.0056 5.63856L7.00001 3.9211ZM10.5486 6.55999L7.53473 8.28221V11.7171L10.5486 9.99492V6.55999ZM6.46529 11.7171V8.28221L3.4514 6.55999V9.99492L6.46529 11.7171Z", fill: "#3D3E45" }) }),
   /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_567_6919", children: /* @__PURE__ */ r("rect", { width: "14", height: "14", fill: "white" }) }) })
-] }), Ni = ({
+] }), Bi = ({
   type: e
 }) => {
   switch (e) {
@@ -34702,7 +34709,7 @@ const Y4 = [{
   const a = [];
   return t && a.push("sub-option"), n && a.push("disabled"), /* @__PURE__ */ r(Ft.Option, { value: e.value, className: a.join(" "), disabled: n, children: /* @__PURE__ */ u(T, { gap: 1, children: [
     /* @__PURE__ */ u(_, { gap: 4, children: [
-      /* @__PURE__ */ r(Ni, { type: e.dataType }),
+      /* @__PURE__ */ r(Bi, { type: e.dataType }),
       /* @__PURE__ */ r(k, { size: "xs", children: e.label })
     ] }),
     /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", pl: 18, children: e.description })
@@ -34728,7 +34735,7 @@ const Y4 = [{
     }) => /* @__PURE__ */ r(Ft.Group, { label: p, children: g.map((y) => {
       var b;
       return "group" in y ? /* @__PURE__ */ r(Ft.Group, { className: "dimension-group", label: /* @__PURE__ */ u(_, { gap: 4, children: [
-        /* @__PURE__ */ r(Ni, { type: "dimension" }),
+        /* @__PURE__ */ r(Bi, { type: "dimension" }),
         /* @__PURE__ */ r(k, { size: "sm", children: y.group }),
         /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", children: y.description })
       ] }), children: (b = y.items) == null ? void 0 : b.map((w) => Uo(w, !0, a.has(w.value))) }, y.group) : Uo(y, !1, a.has(y.value));
@@ -34792,7 +34799,7 @@ const Y4 = [{
       /* @__PURE__ */ r(k, { size: "xs", c: t.checked ? "rgba(255,255,255,.8)" : "dimmed", style: {
         flexShrink: 0,
         flexGrow: 0
-      }, children: n(Bt[a.widget]) })
+      }, children: n(Nt[a.widget]) })
     ] })
   ] });
 }, vr = D(({
@@ -34851,7 +34858,7 @@ const Y4 = [{
   queryModel: e
 }) => {
   const t = e.config, a = e.datasource.mericoMetricInfo;
-  return B(() => {
+  return N(() => {
     a.selectMetric(t.id);
   }, [t.id, a]), /* @__PURE__ */ u(T, { gap: 7, children: [
     /* @__PURE__ */ u(_, { justify: "flex-start", gap: 8, children: [
@@ -34908,7 +34915,7 @@ const Y4 = [{
   queryModel: e
 }) => {
   const t = e.config, i = e.datasource.mericoMetricInfo.metricDetail, o = i.trendingDateCol, l = t.timeQuery.enabled;
-  return B(() => {
+  return N(() => {
     if (!l && i.requireTrendingReason) {
       t.setTimeQueryEnabled(!0);
       return;
@@ -35009,7 +35016,7 @@ const Y4 = [{
     }
   }, children: [
     /* @__PURE__ */ u(_, { gap: 4, children: [
-      /* @__PURE__ */ r(Ni, { type: t.dataType }),
+      /* @__PURE__ */ r(Bi, { type: t.dataType }),
       /* @__PURE__ */ r(k, { size: "xs", children: t.label })
     ] }),
     /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", pl: 18, children: t.description })
@@ -35030,7 +35037,7 @@ const Y4 = [{
   queryModel: e
 }) => {
   const t = e.config, n = t.id;
-  return B(() => {
+  return N(() => {
     if (e.run_by.length === 0)
       return;
     const a = [], i = t.usedFilterVariableSet, o = t.usedTimeQueryVariableSet;
@@ -35110,9 +35117,9 @@ const Y4 = [{
   queryModel: e
 }) => {
   const t = e.config, a = e.datasource.mericoMetricInfo, i = a.metrics;
-  B(() => {
+  N(() => {
     i.load();
-  }, [i]), B(() => {
+  }, [i]), N(() => {
     !a.metricID && t.id && a.selectMetric(t.id);
   }, [t.id]);
   const o = z(() => i.data.map((d) => ({
@@ -35210,7 +35217,7 @@ const Y4 = [{
   }, d = l !== e.key, h = e.isADuplicatedKey(l), [p, g] = G(e.value), y = () => {
     e.setValue(p);
   };
-  B(() => {
+  N(() => {
     s(e.key), g(e.value);
   }, [e]);
   const b = p !== e.value, w = wt(), I = () => {
@@ -35254,7 +35261,7 @@ const Y4 = [{
       }, children: [
         /* @__PURE__ */ r(S.Tab, { value: "SQL", children: a("sql_snippet.edit_snippet") }),
         /* @__PURE__ */ r(S.Tab, { value: "Preview", children: a("sql_snippet.preview_snippet") }),
-        /* @__PURE__ */ r(Bi, {}),
+        /* @__PURE__ */ r(Ni, {}),
         /* @__PURE__ */ r(ee, { color: "blue", variant: "filled", onClick: y, disabled: !b, sx: {
           position: "absolute",
           top: 0,
@@ -35581,12 +35588,12 @@ const Y4 = [{
       overflow: "auto"
     }, children: /* @__PURE__ */ r(qD, { view: o }) })
   ] });
-}), BD = D(() => /* @__PURE__ */ r(T, { sx: {
+}), ND = D(() => /* @__PURE__ */ r(T, { sx: {
   height: "100%"
-}, p: "sm", children: /* @__PURE__ */ r(Yd, {}) })), ND = D(() => {
+}, p: "sm", children: /* @__PURE__ */ r(Yd, {}) })), BD = D(() => {
   const e = de().editor, t = e.path;
-  return eT(t) ? /* @__PURE__ */ r(BD, {}) : tT(t) ? /* @__PURE__ */ r(L6, {}) : nT(t) ? /* @__PURE__ */ r(M6, {}) : rT(t) ? /* @__PURE__ */ r(A, { p: "xs", pl: 20, children: /* @__PURE__ */ r(I6, { id: t[1] }) }) : aT(t) ? /* @__PURE__ */ r(AD, {}) : iT(t) ? /* @__PURE__ */ r(LD, { id: t[1] }) : lT(t) ? /* @__PURE__ */ r(d4, {}) : oT(t) ? /* @__PURE__ */ r(DD, { id: t[1] }) : sT(t) ? /* @__PURE__ */ r(A, { p: "xs", pl: 20, children: /* @__PURE__ */ r(FD, { id: t[1] }) }) : ya(t) ? /* @__PURE__ */ r(c4, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r(A, { children: e.path });
-}), jD = D(() => /* @__PURE__ */ r(ND, {})), QD = D(() => {
+  return eT(t) ? /* @__PURE__ */ r(ND, {}) : tT(t) ? /* @__PURE__ */ r(L6, {}) : nT(t) ? /* @__PURE__ */ r(M6, {}) : rT(t) ? /* @__PURE__ */ r(A, { p: "xs", pl: 20, children: /* @__PURE__ */ r(I6, { id: t[1] }) }) : aT(t) ? /* @__PURE__ */ r(AD, {}) : iT(t) ? /* @__PURE__ */ r(LD, { id: t[1] }) : lT(t) ? /* @__PURE__ */ r(d4, {}) : oT(t) ? /* @__PURE__ */ r(DD, { id: t[1] }) : sT(t) ? /* @__PURE__ */ r(A, { p: "xs", pl: 20, children: /* @__PURE__ */ r(FD, { id: t[1] }) }) : ya(t) ? /* @__PURE__ */ r(c4, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r(A, { children: e.path });
+}), jD = D(() => /* @__PURE__ */ r(BD, {})), QD = D(() => {
   const {
     t: e
   } = x(), t = de();
@@ -35730,7 +35737,7 @@ const Y4 = [{
   const {
     t
   } = x(), n = de().editor, a = n.isOptionActive, i = a(n.path, e), o = n.isOptionOpened, l = n.navigate, s = o(e), [c, d] = G(s);
-  return B(() => {
+  return N(() => {
     d(s);
   }, [s]), /* @__PURE__ */ r(oa, { active: i, defaultOpened: s, opened: c, onChange: d, label: t(e.label), onClick: () => l(e), leftSection: e.Icon ? /* @__PURE__ */ r(e.Icon, { size: 18 }) : null, children: (h = e.children) == null ? void 0 : h.map((p) => p._type === "ACTION" ? /* @__PURE__ */ r(ZD, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ r(Jd, { option: p }, p.value)) }, e.label);
 }), JD = D(() => {
@@ -35813,7 +35820,7 @@ const Y4 = [{
   ] }) });
 }), rI = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function aI(e) {
-  B(() => {
+  N(() => {
     if (Zr.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
@@ -35876,7 +35883,7 @@ const iI = {
     d == null || d(w.content.filters.values);
   }, [d, w.content.filters.values]), $.useEffect(() => {
     c && w.content.filters.patchValues(c);
-  }, [c, w.content.filters.patchValues]), $.useEffect(() => Be(() => Rt(w.json), (q) => {
+  }, [c, w.content.filters.patchValues]), $.useEffect(() => Ne(() => Rt(w.json), (q) => {
     l == null || l(q);
   }), [w]);
   const I = async () => {
@@ -35895,7 +35902,7 @@ const iI = {
     onFilterValuesChange: d,
     onExit: h,
     lang: p
-  }), /* @__PURE__ */ r(Bl, { children: /* @__PURE__ */ r(zc, { lang: p, children: /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(us, { children: /* @__PURE__ */ r(rs, { value: {
+  }), /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(zc, { lang: p, children: /* @__PURE__ */ r(Bl, { children: /* @__PURE__ */ r(us, { children: /* @__PURE__ */ r(rs, { value: {
     searchButtonProps: o.searchButtonProps
   }, children: /* @__PURE__ */ r(ts, { value: w, children: /* @__PURE__ */ r(is, { value: w.content, children: /* @__PURE__ */ u(Pr.Provider, { value: {
     inEditMode: !0
@@ -36152,7 +36159,7 @@ const dI = ({
     activeTab: d,
     onActiveTabChange: h,
     lang: p
-  }), /* @__PURE__ */ r(Bl, { children: /* @__PURE__ */ r(zc, { lang: p, children: /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(us, { children: /* @__PURE__ */ r(rs, { value: {
+  }), /* @__PURE__ */ r(Nl, { children: /* @__PURE__ */ r(zc, { lang: p, children: /* @__PURE__ */ r(Bl, { children: /* @__PURE__ */ r(us, { children: /* @__PURE__ */ r(rs, { value: {
     searchButtonProps: i.searchButtonProps
   }, children: /* @__PURE__ */ r(ts, { value: b, children: /* @__PURE__ */ r(is, { value: b.content, children: /* @__PURE__ */ r(ds.Provider, { value: {
     fullScreenPanelID: o,
@@ -36196,8 +36203,8 @@ export {
   qc as FilterDateRangeConfigMeta,
   Yc as FilterMeta,
   Fc as FilterMultiSelectConfigMeta,
-  Bc as FilterSelectConfigMeta,
-  Nc as FilterTextInputConfigMeta,
+  Nc as FilterSelectConfigMeta,
+  Bc as FilterTextInputConfigMeta,
   Uc as FilterTreeSelectConfigMeta,
   Kc as FilterTreeSingleSelectConfigMeta,
   Rz as FiltersModel,
@@ -36287,7 +36294,7 @@ export {
   Sm as useDashboardThemeContext,
   ce as useEditContentModelContext,
   de as useEditDashboardContext,
-  Le as useEditPanelContext,
+  Ae as useEditPanelContext,
   Dm as useFullScreenPanelContext,
   zm as useIsInEditPanelContext,
   km as useIsInRenderPanelContext,