@devtable/dashboard 13.10.2 → 13.11.1

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var uh = Object.defineProperty;
 var hh = (t, e, n) => e in t ? uh(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var N = (t, e, n) => (hh(t, typeof e != "symbol" ? e + "" : e, n), n);
 import L, { forwardRef as ne, useState as Q, useEffect as B, useCallback as Ne, useMemo as C, createElement as us, useContext as Kt, useRef as hs, createContext as sl, memo as mh } from "react";
-import { TextInput as D, Text as w, Box as M, Button as I, HoverCard as Ie, Group as b, Select as F, Stack as k, Overlay as Xn, Modal as we, Checkbox as ee, Divider as A, NumberInput as oe, Switch as qe, Table as Pe, ActionIcon as Z, MultiSelect as Wn, Paper as ph, Code as to, Tabs as _, LoadingOverlay as In, Alert as ms, ColorSwatch as li, createStyles as _r, Popover as Nn, Tooltip as xe, Center as an, Collapse as vr, useMantineTheme as il, CheckIcon as xh, MANTINE_SIZES as gh, SimpleGrid as vn, NativeSelect as al, SegmentedControl as fh, Anchor as Xr, Menu as Y, UnstyledButton as ol, Badge as rn, ColorInput as Gn, CloseButton as ps, Textarea as ll, Mark as bh, Slider as yh, Flex as Jt, Affix as _h, Header as vh, List as ct, FileInput as jh, ThemeIcon as Hs, Navbar as Bt, JsonInput as cl, Pagination as dl, Drawer as wh, Accordion as Pr, Radio as no, Skeleton as ro, NavLink as ci, AppShell as ul } from "@mantine/core";
+import { TextInput as D, Text as w, Box as M, Button as I, HoverCard as Te, Group as b, Select as F, Stack as k, Overlay as Xn, Modal as Se, Checkbox as ee, Divider as A, NumberInput as oe, Switch as qe, Table as Pe, ActionIcon as Z, MultiSelect as Wn, Paper as ph, Code as to, Tabs as _, LoadingOverlay as In, Alert as ms, ColorSwatch as li, createStyles as _r, Popover as Nn, Tooltip as xe, Center as an, Collapse as vr, useMantineTheme as il, CheckIcon as xh, MANTINE_SIZES as gh, SimpleGrid as vn, NativeSelect as al, SegmentedControl as fh, Anchor as Xr, Menu as Y, UnstyledButton as ol, Badge as rn, ColorInput as Gn, CloseButton as ps, Textarea as ll, Mark as bh, Slider as yh, Flex as Jt, Affix as _h, Header as vh, List as ct, FileInput as jh, ThemeIcon as Hs, Navbar as Bt, JsonInput as cl, Pagination as dl, Drawer as wh, Accordion as Pr, Radio as no, Skeleton as ro, NavLink as ci, AppShell as ul } from "@mantine/core";
 import { useModals as Rt, ModalsProvider as hl } from "@mantine/modals";
 import { useBoolean as st, useCreation as wt, useAsyncEffect as jr, useRequest as Sn, useLatest as so, usePrevious as Sh, useWhyDidYouUpdate as ml } from "ahooks";
 import { toJS as Xt, observable as pl, runInAction as dr, reaction as tt, makeAutoObservable as wr } from "mobx";
@@ -13,7 +13,7 @@ import zh from "crypto-js";
 import * as Ih from "d3-array";
 import { quantile as Wr } from "d3-array";
 import P from "dayjs";
-import S, { cloneDeepWith as xl, unset as Th, get as se, isObject as gl, set as Ci, omit as kn, isFunction as Dh, orderBy as Mh, last as fl, defaults as je, minBy as Lh, maxBy as Eh, cloneDeep as Be, values as bl, template as zi, throttle as Rh, range as Ah, isEqual as pe, defaultsDeep as Se, keyBy as $h, isEmpty as yl, isNumber as Ph, findLastIndex as Oh, isString as _l, pick as vl } from "lodash";
+import S, { cloneDeepWith as xl, unset as Th, get as se, isObject as gl, set as Ci, omit as kn, isFunction as Dh, orderBy as Mh, last as fl, defaults as we, minBy as Lh, maxBy as Eh, cloneDeep as Be, values as bl, template as zi, throttle as Rh, range as Ah, isEqual as pe, defaultsDeep as ke, keyBy as $h, isEmpty as yl, isNumber as Ph, findLastIndex as Oh, isString as _l, pick as vl } from "lodash";
 import * as Bn from "mathjs";
 import Zr from "numbro";
 import Gt from "axios";
@@ -29,7 +29,7 @@ import io from "eventemitter2";
 import xr, { random as xs } from "chroma-js";
 import Ze from "echarts-for-react/lib/core";
 import "echarts-gl";
-import { useForm as be, Controller as g, useFieldArray as gs, useWatch as cm } from "react-hook-form";
+import { useForm as ye, Controller as g, useFieldArray as gs, useWatch as cm } from "react-hook-form";
 import { DatesProvider as dm, DatePicker as um } from "@mantine/dates";
 import { useTranslation as y, Trans as Ii, initReactI18next as hm, I18nextProvider as mm } from "react-i18next";
 import { DeviceFloppy as Ut, Recycle as Dn, Trash as At, AlertCircle as pm, InfoCircle as Zt, Plus as wl, Refresh as Ti, Download as Di, ArrowsMaximize as Sl, Settings as kl, Copy as xm, ArrowLeft as gm, ArrowsMove as fm, ChevronDownRight as bm, ChevronsUpRight as ym, PlaylistAdd as fs, ArrowBarToRight as _m } from "tabler-icons-react";
@@ -62,7 +62,7 @@ import { useVirtual as bp } from "react-virtual";
 import yp, { Option as _p } from "rc-select";
 import vp, { SHOW_PARENT as jp } from "rc-tree-select";
 import { WidthProvider as Xl, Responsive as Zl } from "react-grid-layout";
-import { types as x, cast as Mt, getRoot as Ge, getParent as Le, addDisposer as gt, isAlive as uo, flow as Vn, toGenerator as gn, clone as wp, getSnapshot as Dt, applySnapshot as Qe, addMiddleware as Sp, getType as kp, detach as ui, castToSnapshot as ec } from "mobx-state-tree";
+import { types as x, cast as Mt, getRoot as Ge, getParent as Ee, addDisposer as gt, isAlive as uo, flow as Vn, toGenerator as gn, clone as wp, getSnapshot as Dt, applySnapshot as Qe, addMiddleware as Sp, getType as kp, detach as ui, castToSnapshot as ec } from "mobx-state-tree";
 import { arrayToTree as Cp } from "performant-array-to-tree";
 import { saveAs as _s } from "file-saver";
 import tc from "dom-to-image-more";
@@ -171,16 +171,16 @@ function px() {
         fe.unshift("Warning: " + R), Function.prototype.apply.call(console[j], console, fe);
       }
     }
-    var K = !1, ae = !1, J = !1, X = !1, ve = !1, ye;
-    ye = Symbol.for("react.module.reference");
+    var K = !1, ae = !1, J = !1, X = !1, je = !1, _e;
+    _e = Symbol.for("react.module.reference");
     function Vt(j) {
-      return !!(typeof j == "string" || typeof j == "function" || j === s || j === a || ve || j === i || j === d || j === u || X || j === p || K || ae || J || typeof j == "object" && j !== null && (j.$$typeof === m || j.$$typeof === h || j.$$typeof === o || j.$$typeof === l || j.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof j == "string" || typeof j == "function" || j === s || j === a || je || j === i || j === d || j === u || X || j === p || K || ae || J || typeof j == "object" && j !== null && (j.$$typeof === m || j.$$typeof === h || j.$$typeof === o || j.$$typeof === l || j.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      j.$$typeof === ye || j.getModuleId !== void 0));
+      j.$$typeof === _e || j.getModuleId !== void 0));
     }
-    function Ee(j, R, q) {
+    function Re(j, R, q) {
       var U = j.displayName;
       if (U)
         return U;
@@ -220,7 +220,7 @@ function px() {
             var q = j;
             return Mr(q._context) + ".Provider";
           case c:
-            return Ee(j, j.render, "ForwardRef");
+            return Re(j, j.render, "ForwardRef");
           case h:
             var U = j.displayName || null;
             return U !== null ? U : ot(j.type) || "Memo";
@@ -366,18 +366,18 @@ function px() {
         if (qt && U && typeof qt.stack == "string") {
           for (var re = qt.stack.split(`
 `), Je = U.stack.split(`
-`), ze = re.length - 1, Te = Je.length - 1; ze >= 1 && Te >= 0 && re[ze] !== Je[Te]; )
-            Te--;
-          for (; ze >= 1 && Te >= 0; ze--, Te--)
-            if (re[ze] !== Je[Te]) {
-              if (ze !== 1 || Te !== 1)
+`), Ie = re.length - 1, De = Je.length - 1; Ie >= 1 && De >= 0 && re[Ie] !== Je[De]; )
+            De--;
+          for (; Ie >= 1 && De >= 0; Ie--, De--)
+            if (re[Ie] !== Je[De]) {
+              if (Ie !== 1 || De !== 1)
                 do
-                  if (ze--, Te--, Te < 0 || re[ze] !== Je[Te]) {
+                  if (Ie--, De--, De < 0 || re[Ie] !== Je[De]) {
                     var pt = `
-` + re[ze].replace(" at new ", " at ");
+` + re[Ie].replace(" at new ", " at ");
                     return j.displayName && pt.includes("<anonymous>") && (pt = pt.replace("<anonymous>", j.displayName)), typeof j == "function" && Er.set(j, pt), pt;
                   }
-                while (ze >= 1 && Te >= 0);
+                while (Ie >= 1 && De >= 0);
               break;
             }
         }
@@ -443,8 +443,8 @@ function px() {
                 throw Je.name = "Invariant Violation", Je;
               }
               re = j[ce](R, ce, U, q, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ze) {
-              re = ze;
+            } catch (Ie) {
+              re = Ie;
             }
             re && !(re instanceof Error) && ($r(de), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", U || "React class", q, ce, typeof re), $r(null)), re instanceof Error && !(re.message in Na) && (Na[re.message] = !0, $r(de), $("Failed %s type: %s", q, re.message), $r(null));
           }
@@ -561,13 +561,13 @@ function px() {
         for (fe in R)
           Ar.call(R, fe) && !Yu.hasOwnProperty(fe) && (ce[fe] = R[fe]);
         if (j && j.defaultProps) {
-          var ze = j.defaultProps;
-          for (fe in ze)
-            ce[fe] === void 0 && (ce[fe] = ze[fe]);
+          var Ie = j.defaultProps;
+          for (fe in Ie)
+            ce[fe] === void 0 && (ce[fe] = Ie[fe]);
         }
         if (re || Je) {
-          var Te = typeof j == "function" ? j.displayName || j.name || "Unknown" : j;
-          re && Zu(ce, Te), Je && eh(ce, Te);
+          var De = typeof j == "function" ? j.displayName || j.name || "Unknown" : j;
+          re && Zu(ce, De), Je && eh(ce, De);
         }
         return th(j, re, Je, de, U, ir.current, ce);
       }
@@ -698,12 +698,12 @@ Check the top-level render call using <` + q + ">.");
           (j === void 0 || typeof j == "object" && j !== null && Object.keys(j).length === 0) && (re += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var Je = rh(de);
           Je ? re += Je : re += Ya();
-          var ze;
-          j === null ? ze = "null" : Ns(j) ? ze = "array" : j !== void 0 && j.$$typeof === e ? (ze = "<" + (ot(j.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : ze = typeof j, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ze, re);
+          var Ie;
+          j === null ? Ie = "null" : Ns(j) ? Ie = "array" : j !== void 0 && j.$$typeof === e ? (Ie = "<" + (ot(j.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof j, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, re);
         }
-        var Te = nh(j, R, q, de, fe);
-        if (Te == null)
-          return Te;
+        var De = nh(j, R, q, de, fe);
+        if (De == null)
+          return De;
         if (ce) {
           var pt = R.children;
           if (pt !== void 0)
@@ -717,7 +717,7 @@ Check the top-level render call using <` + q + ">.");
             else
               Xa(pt, j);
         }
-        return j === s ? ah(Te) : ih(Te), Te;
+        return j === s ? ah(De) : ih(De), De;
       }
     }
     function oh(j, R, q) {
@@ -912,7 +912,7 @@ class jx {
     };
   }
 }
-class z2 {
+class I2 {
   constructor(e) {
     this.implementation = e;
   }
@@ -1731,7 +1731,7 @@ class Oi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const uc = "13.10.2", og = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const uc = "13.11.1", og = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: uc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1821,7 +1821,7 @@ class dg {
     return a.reduce((l, c) => c.handler(l, s), n);
   }
 }
-class ke extends dg {
+class Ce extends dg {
   constructor() {
     super(), this.configVersions();
   }
@@ -1916,7 +1916,7 @@ function ug({
     xAxis3D: c,
     yAxis3D: d,
     zAxis3D: u
-  } = je({}, e, Fi), h = C(() => vs(n, a), [n, a]), {
+  } = we({}, e, Fi), h = C(() => vs(n, a), [n, a]), {
     x: m,
     y: p,
     z: f
@@ -2051,9 +2051,9 @@ const G = z(ne(({
   } = bt(), h = L.useMemo(() => u.dataFieldOptions(s, o, a), [s, o, a]);
   if (h.length === 0) {
     const m = u.explainDataKey(s);
-    return /* @__PURE__ */ r.jsxs(Ie, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(D, { label: t, required: e, defaultValue: m.columnKey, readOnly: !0, disabled: !0 }) }) }),
-      /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsxs(b, { position: "left", spacing: 0, children: [
+    return /* @__PURE__ */ r.jsxs(Te, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
+      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(D, { label: t, required: e, defaultValue: m.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsxs(b, { position: "left", spacing: 0, children: [
         /* @__PURE__ */ r.jsx(w, { size: "xs", color: m.queryName ? "black" : "red", sx: {
           fontFamily: "monospace"
         }, children: m.queryName ?? m.queryID }),
@@ -2074,11 +2074,11 @@ function bg({
   const {
     value: e,
     set: n
-  } = H(t.instanceData, "config"), s = je({}, e, Fi), {
+  } = H(t.instanceData, "config"), s = we({}, e, Fi), {
     control: i,
     handleSubmit: a,
     reset: o
-  } = be({
+  } = ye({
     defaultValues: s
   });
   return B(() => {
@@ -2172,7 +2172,7 @@ function jg(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class wg extends ke {
+class wg extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -2291,7 +2291,7 @@ const zt = ne(({
     /* @__PURE__ */ r.jsx(I, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: v }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: v, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: v, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(ee, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (T) => u(T.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(kg, { value: c.func_content, onChange: p, disabled: !c.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -2583,11 +2583,11 @@ function Mg(t, e) {
   const {
     value: n,
     set: s
-  } = H(t.operation.operationData, "config"), [i, a] = Q(je({}, n, e)), o = async () => {
+  } = H(t.operation.operationData, "config"), [i, a] = Q(we({}, n, e)), o = async () => {
     await s(i);
   };
   return B(() => {
-    a(je({}, n, e));
+    a(we({}, n, e));
   }, [n]), {
     config: i,
     setConfig: a,
@@ -2636,7 +2636,7 @@ async function Eg(t, e) {
     }
   }));
 }
-class Rg extends ke {
+class Rg extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 1);
@@ -3146,7 +3146,7 @@ const rf = z(({
     await d.configOperation(o, c);
   }, [o, d]), nf(d) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(rf, { model: d, onClick: s }),
-    /* @__PURE__ */ r.jsx(we, { size: 600, opened: n, onClose: i, title: e("interactions.operation.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 600, opened: n, onClose: i, title: e("interactions.operation.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(af, { model: d }),
       /* @__PURE__ */ r.jsxs(_, { defaultValue: "settings", children: [
         /* @__PURE__ */ r.jsxs(_.List, { children: [
@@ -3230,7 +3230,7 @@ const uf = z(({
     setFalse: i
   }] = st(!1), a = t.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(we, { opened: n, onClose: i, title: e("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { opened: n, onClose: i, title: e("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(hf, { model: a }),
       /* @__PURE__ */ r.jsx(mf, { model: a }),
       /* @__PURE__ */ r.jsx(zc, { title: e("interactions.trigger.payload"), variables: a.triggerSchema.payload })
@@ -3919,7 +3919,7 @@ function Hf({
   } = t, a = t.data, {
     width: o,
     height: l
-  } = t.viewport, c = je({}, s, qi), d = mt({
+  } = t.viewport, c = we({}, s, qi), d = mt({
     vizManager: t.vizManager,
     instance: e
   }), u = ht(d.triggerManager, Cc.id), h = En(a, c.x_axis.data_key), m = Ne((v) => {
@@ -4208,7 +4208,7 @@ const Xf = z(({
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "outline", onClick: h, children: e(d == null ? void 0 : d.displayName) }),
-    /* @__PURE__ */ r.jsx(we, { size: 508, title: e("style.color.interpolation.setup"), opened: u, onClose: m, zIndex: 320, children: u && /* @__PURE__ */ r.jsxs(k, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 508, title: e("style.color.interpolation.setup"), opened: u, onClose: m, zIndex: 320, children: u && /* @__PURE__ */ r.jsxs(k, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r.jsx(F, { label: e("style.color.interpolation.palette.label"), value: l.interpolation, data: p, onChange: f, withinPortal: !0, zIndex: 340, maxDropdownHeight: 500 }),
       /* @__PURE__ */ r.jsx(Zf, { steps: l.steps, interpolation: d, onChange: T }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -4297,7 +4297,7 @@ const Xf = z(({
   panel: {
     padding: "0px"
   }
-}, Ce = ({
+}, ze = ({
   control: t,
   watch: e,
   name: n,
@@ -4472,7 +4472,7 @@ function ob({
     const d = l.name.trim();
     return d || c + 1;
   };
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: o, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: o, children: ({
     field: l,
     index: c
   }) => /* @__PURE__ */ r.jsx(ab, { control: t, index: c, variableOptions: a }) });
@@ -4518,7 +4518,7 @@ const lb = ({
       /* @__PURE__ */ r.jsx(Zt, { size: 14, color: "#888" }),
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(lb, { control: t, index: o }) })
@@ -4724,13 +4724,13 @@ function gb({
     set: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => je({}, n, qi), [n]), {
+  } = t, a = C(() => we({}, n, qi), [n]), {
     control: o,
     handleSubmit: l,
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -4912,7 +4912,7 @@ function kb(t) {
     dataZoom: e ?? kc()
   };
 }
-class Cb extends ke {
+class Cb extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 9);
@@ -5065,7 +5065,7 @@ const Gi = {
     instance: e
   }), s = ht(n.triggerManager, Rc.id), i = Fe(), {
     value: a
-  } = H(t.instanceData, "config"), o = C(() => Se({}, a, Gi), [a]), {
+  } = H(t.instanceData, "config"), o = C(() => ke({}, a, Gi), [a]), {
     content: l,
     horizontal_align: c,
     vertical_align: d,
@@ -5144,7 +5144,7 @@ function Ab({
   const {
     value: e,
     set: n
-  } = H(t.instanceData, "config"), s = C(() => Se({}, e, Gi), [e]), i = s;
+  } = H(t.instanceData, "config"), s = C(() => ke({}, e, Gi), [e]), i = s;
   B(() => {
     !pe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
@@ -5154,7 +5154,7 @@ function Ab({
     watch: l,
     getValues: c,
     reset: d
-  } = be({
+  } = ye({
     defaultValues: i
   });
   B(() => {
@@ -5223,7 +5223,7 @@ const $b = {
   lang: "zh",
   resources: Pb
 }];
-class Fb extends ke {
+class Fb extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -5859,7 +5859,7 @@ function py(t, e, n) {
     legend: Qb(o),
     dataZoom: Cs(t.dataZoom)
   };
-  return Se({}, c, my);
+  return ke({}, c, my);
 }
 function bo(t) {
   const e = t.getModel(), n = e.getSeries().map((s) => {
@@ -5917,7 +5917,7 @@ function gy({
     value: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => je({}, s, Hi), [s]), o = t.data, {
+  } = t, a = C(() => we({}, s, Hi), [s]), o = t.data, {
     width: l,
     height: c
   } = t.viewport, {
@@ -6039,7 +6039,7 @@ function by({
     label: l.name,
     value: l.name
   })), [n]);
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "reference_areas", getItem: i, addButtonText: s("chart.reference_area.add"), deleteButtonText: s("chart.reference_area.delete"), renderTabName: a, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "reference_areas", getItem: i, addButtonText: s("chart.reference_area.add"), deleteButtonText: s("chart.reference_area.delete"), renderTabName: a, children: ({
     field: l,
     index: c
   }) => /* @__PURE__ */ r.jsx(fy, { control: t, index: c, variableOptions: o }) });
@@ -6182,7 +6182,7 @@ function _y({
     label: d,
     value: u.toString()
   })), [l]);
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: a, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: a, children: ({
     field: d,
     index: u
   }) => /* @__PURE__ */ r.jsx(yy, { control: t, index: u, watch: e, variableOptions: o, yAxisOptions: c }) });
@@ -6324,7 +6324,7 @@ function jy({
     const d = l.name.trim();
     return d || c + 1;
   };
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "regressions", getItem: a, addButtonText: n("chart.regression_line.add"), deleteButtonText: n("chart.regression_line.delete"), renderTabName: o, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "regressions", getItem: a, addButtonText: n("chart.regression_line.add"), deleteButtonText: n("chart.regression_line.delete"), renderTabName: o, children: ({
     field: l,
     index: c
   }) => /* @__PURE__ */ r.jsx(vy, { regressionItem: l, control: t, index: c, yAxisOptions: i }) });
@@ -6386,7 +6386,7 @@ const wy = ({
     }, children: /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), children: n("chart.symbol_size.setup.label") }) }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: n("chart.symbol_size.setup.title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("chart.symbol_size.setup.title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(A, { mt: 10, mb: -10, label: n("chart.symbol_size.setup.description"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(wy, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -8173,7 +8173,7 @@ yr.prototype = Object.create(Error.prototype);
 yr.prototype.constructor = yr;
 yr.prototype.name = "TransformError";
 const Zs = /* @__PURE__ */ Object.create(null);
-class _e {
+class ve {
   /**
   Initialize a selection with the head and anchor and ranges. If no
   ranges are given, constructs a single range across `$anchor` and
@@ -8337,7 +8337,7 @@ class _e {
     return $e.between(this.$anchor, this.$head).getBookmark();
   }
 }
-_e.prototype.visible = !0;
+ve.prototype.visible = !0;
 class Fy {
   /**
   Create a range.
@@ -8350,7 +8350,7 @@ let ko = !1;
 function Co(t) {
   !ko && !t.parent.inlineContent && (ko = !0, console.warn("TextSelection endpoint not pointing into a node with inline content (" + t.parent.type.name + ")"));
 }
-class $e extends _e {
+class $e extends ve {
   /**
   Construct a text selection between the given points.
   */
@@ -8367,7 +8367,7 @@ class $e extends _e {
   map(e, n) {
     let s = e.resolve(n.map(this.head));
     if (!s.parent.inlineContent)
-      return _e.near(s);
+      return ve.near(s);
     let i = e.resolve(n.map(this.anchor));
     return new $e(i.parent.inlineContent ? i : s, s);
   }
@@ -8412,16 +8412,16 @@ class $e extends _e {
   static between(e, n, s) {
     let i = e.pos - n.pos;
     if ((!s || i) && (s = i >= 0 ? 1 : -1), !n.parent.inlineContent) {
-      let a = _e.findFrom(n, s, !0) || _e.findFrom(n, -s, !0);
+      let a = ve.findFrom(n, s, !0) || ve.findFrom(n, -s, !0);
       if (a)
         n = a.$head;
       else
-        return _e.near(n, s);
+        return ve.near(n, s);
     }
-    return e.parent.inlineContent || (i == 0 ? e = n : (e = (_e.findFrom(e, -s, !0) || _e.findFrom(e, s, !0)).$anchor, e.pos < n.pos != i < 0 && (e = n))), new $e(e, n);
+    return e.parent.inlineContent || (i == 0 ? e = n : (e = (ve.findFrom(e, -s, !0) || ve.findFrom(e, s, !0)).$anchor, e.pos < n.pos != i < 0 && (e = n))), new $e(e, n);
   }
 }
-_e.jsonID("text", $e);
+ve.jsonID("text", $e);
 class Ds {
   constructor(e, n) {
     this.anchor = e, this.head = n;
@@ -8433,7 +8433,7 @@ class Ds {
     return $e.between(e.resolve(this.anchor), e.resolve(this.head));
   }
 }
-class dt extends _e {
+class dt extends ve {
   /**
   Create a node selection. Does not verify the validity of its
   argument.
@@ -8444,7 +8444,7 @@ class dt extends _e {
   }
   map(e, n) {
     let { deleted: s, pos: i } = n.mapResult(this.anchor), a = e.resolve(i);
-    return s ? _e.near(a) : new dt(a);
+    return s ? ve.near(a) : new dt(a);
   }
   content() {
     return new ge(ue.from(this.node), 0, 0);
@@ -8481,7 +8481,7 @@ class dt extends _e {
   }
 }
 dt.prototype.visible = !1;
-_e.jsonID("node", dt);
+ve.jsonID("node", dt);
 class Zi {
   constructor(e) {
     this.anchor = e;
@@ -8492,10 +8492,10 @@ class Zi {
   }
   resolve(e) {
     let n = e.resolve(this.anchor), s = n.nodeAfter;
-    return s && dt.isSelectable(s) ? new dt(n) : _e.near(n);
+    return s && dt.isSelectable(s) ? new dt(n) : ve.near(n);
   }
 }
-class Ht extends _e {
+class Ht extends ve {
   /**
   Create an all-selection over the given document.
   */
@@ -8505,7 +8505,7 @@ class Ht extends _e {
   replace(e, n = ge.empty) {
     if (n == ge.empty) {
       e.delete(0, e.doc.content.size);
-      let s = _e.atStart(e.doc);
+      let s = ve.atStart(e.doc);
       s.eq(e.selection) || e.setSelection(s);
     } else
       super.replace(e, n);
@@ -8529,7 +8529,7 @@ class Ht extends _e {
     return Vy;
   }
 }
-_e.jsonID("all", Ht);
+ve.jsonID("all", Ht);
 const Vy = {
   map() {
     return this;
@@ -8565,7 +8565,7 @@ function zo(t, e, n) {
   let a = t.mapping.maps[s], o;
   a.forEach((l, c, d, u) => {
     o == null && (o = u);
-  }), t.setSelection(_e.near(t.doc.resolve(o), n));
+  }), t.setSelection(ve.near(t.doc.resolve(o), n));
 }
 function Io(t, e) {
   return !e || !t ? t : t.bind(e);
@@ -8584,7 +8584,7 @@ new Vr("doc", {
   }
 }), new Vr("selection", {
   init(t, e) {
-    return t.selection || _e.atStart(e.doc);
+    return t.selection || ve.atStart(e.doc);
   },
   apply(t) {
     return t.selection;
@@ -8966,7 +8966,7 @@ function _n(t = 0, e = 0, n = 0) {
 function l_(t, e = null) {
   if (!e)
     return null;
-  const n = _e.atStart(t), s = _e.atEnd(t);
+  const n = ve.atStart(t), s = ve.atEnd(t);
   if (e === "start" || e === !0)
     return n;
   if (e === "end")
@@ -9033,7 +9033,7 @@ function h_(t, e, n) {
   let o = 0;
   a.forEach((l, c, d, u) => {
     o === 0 && (o = u);
-  }), t.setSelection(_e.near(t.doc.resolve(o), n));
+  }), t.setSelection(ve.near(t.doc.resolve(o), n));
 }
 const m_ = (t) => t.toString().startsWith("<"), p_ = (t, e, n) => ({ tr: s, dispatch: i, editor: a }) => {
   if (i) {
@@ -9345,10 +9345,10 @@ const Q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
       const ae = l.before(l.depth - (E - 1));
       e.replace(ae, l.after(-$), new ge(T, 4 - E, 0));
       let J = -1;
-      e.doc.nodesBetween(ae, e.doc.content.size, (X, ve) => {
+      e.doc.nodesBetween(ae, e.doc.content.size, (X, je) => {
         if (J > -1)
           return !1;
-        X.isTextblock && X.content.size === 0 && (J = ve + 1);
+        X.isTextblock && X.content.size === 0 && (J = je + 1);
       }), J > -1 && e.setSelection($e.near(e.doc.resolve(J))), e.scrollIntoView();
     }
     return !0;
@@ -9399,7 +9399,7 @@ const Q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
       return c().command(() => (a.setNodeMarkup(ae.pos, p), !0)).command(() => ni(a, p)).command(() => ri(a, p)).run();
   }
   return !n || !K || !l ? c().command(() => u().wrapInList(p, s) ? !0 : d.clearNodes()).wrapInList(p, s).command(() => ni(a, p)).command(() => ri(a, p)).run() : c().command(() => {
-    const J = u().wrapInList(p, s), X = K.filter((ve) => m.includes(ve.type.name));
+    const J = u().wrapInList(p, s), X = K.filter((je) => m.includes(je.type.name));
     return a.ensureMarks(X), J ? !0 : d.clearNodes();
   }).wrapInList(p, s).command(() => ni(a, p)).command(() => ri(a, p)).run();
 }, Y_ = (t, e = {}, n = {}) => ({ state: s, commands: i }) => {
@@ -9586,7 +9586,7 @@ Et.create({
       () => o.undoInputRule(),
       // maybe convert first text block node to default node
       () => o.command(({ tr: l }) => {
-        const { selection: c, doc: d } = l, { empty: u, $anchor: h } = c, { pos: m, parent: p } = h, f = _e.atStart(d).from === m;
+        const { selection: c, doc: d } = l, { empty: u, $anchor: h } = c, { pos: m, parent: p } = h, f = ve.atStart(d).from === m;
         return !u || !f || !p.type.isTextblock || p.textContent.length ? !1 : o.clearNodes();
       }),
       () => o.deleteSelection(),
@@ -9638,7 +9638,7 @@ Et.create({
         appendTransaction: (t, e, n) => {
           if (!(t.some((f) => f.docChanged) && !e.doc.eq(n.doc)))
             return;
-          const { empty: i, from: a, to: o } = e.selection, l = _e.atStart(e.doc).from, c = _e.atEnd(e.doc).to;
+          const { empty: i, from: a, to: o } = e.selection, l = ve.atStart(e.doc).from, c = ve.atEnd(e.doc).to;
           if (i || !(a === l && o === c) || !(n.doc.textBetween(0, n.doc.content.size, " ", " ").length === 0))
             return;
           const h = n.tr, m = Kc({
@@ -9760,7 +9760,7 @@ function rd() {
     close: s
   }] = on(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(we, { opened: e, onClose: s, title: t("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r.jsx(Ms, { value: fx(t), styles: {
+    /* @__PURE__ */ r.jsx(Se, { opened: e, onClose: s, title: t("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r.jsx(Ms, { value: fx(t), styles: {
       root: {
         border: "none"
       },
@@ -9849,7 +9849,7 @@ const cv = ({
     close: h
   }] = on(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs(we, { opened: d, onClose: h, title: t, withinPortal: !0, zIndex: 320, size: "900px", children: [
+    /* @__PURE__ */ r.jsxs(Se, { opened: d, onClose: h, title: t, withinPortal: !0, zIndex: 320, size: "900px", children: [
       i,
       /* @__PURE__ */ r.jsx(M, { h: 600, children: /* @__PURE__ */ r.jsx(Un, { value: e, onChange: n, defaultValue: l, label: s }) })
     ] }),
@@ -10277,7 +10277,7 @@ function xv({
     label: l,
     value: c.toString()
   })), [a]);
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "series", getItem: s, addButtonText: n("chart.series.add"), deleteButtonText: n("chart.series.delete"), renderTabName: i, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "series", getItem: s, addButtonText: n("chart.series.add"), deleteButtonText: n("chart.series.delete"), renderTabName: i, children: ({
     field: l,
     index: c
   }) => /* @__PURE__ */ r.jsx(pv, { control: t, index: c, seriesItem: l, yAxisOptions: o }) });
@@ -10343,7 +10343,7 @@ const fv = ({
       /* @__PURE__ */ r.jsx(Zt, { size: 14, color: "#888" }),
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(fv, { control: t, index: o }) })
@@ -10363,11 +10363,11 @@ const _v = () => {
     display: "inline-flex"
   }, spacing: 6, mr: 14, children: [
     /* @__PURE__ */ r.jsx(w, { children: t("chart.x_axis.x_axis_type") }),
-    /* @__PURE__ */ r.jsxs(Ie, { width: 340, shadow: "md", position: "top", children: [
-      /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(Z, { size: "xs", sx: {
+    /* @__PURE__ */ r.jsxs(Te, { width: 340, shadow: "md", position: "top", children: [
+      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(Z, { size: "xs", sx: {
         transform: "none !important"
       }, children: /* @__PURE__ */ r.jsx(Mn, {}) }) }),
-      /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(Ii, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(Ii, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
         "Click",
         /* @__PURE__ */ r.jsx(Xr, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 3, children: "here" }),
         "to learn more about these options"
@@ -10547,7 +10547,7 @@ function wv({
     index: l,
     fields: c
   }) => c.length <= 1;
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "y_axes", getItem: s, addButtonText: n("chart.y_axis.add"), deleteButtonText: n("chart.y_axis.delete"), renderTabName: i, deleteDisalbed: a, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "y_axes", getItem: s, addButtonText: n("chart.y_axis.add"), deleteButtonText: n("chart.y_axis.delete"), renderTabName: i, deleteDisalbed: a, children: ({
     field: o,
     index: l
   }) => /* @__PURE__ */ r.jsx(jv, { control: t, index: l }) });
@@ -10562,13 +10562,13 @@ function Sv({
     set: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => Se({}, n, Hi), [n]), {
+  } = t, a = C(() => ke({}, n, Hi), [n]), {
     control: o,
     handleSubmit: l,
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -10968,7 +10968,7 @@ const Bv = {
   lang: "zh",
   resources: Wv
 }];
-class Qv extends ke {
+class Qv extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 19);
@@ -11249,7 +11249,7 @@ function sj({
 }) {
   const {
     value: e
-  } = H(t.instanceData, "config"), n = C(() => je({}, e, sa), [e]), s = t.data, {
+  } = H(t.instanceData, "config"), n = C(() => we({}, e, sa), [e]), s = t.data, {
     width: i,
     height: a
   } = t.viewport;
@@ -11442,7 +11442,7 @@ function oj({
     watch: o,
     getValues: l,
     reset: c
-  } = be({
+  } = ye({
     defaultValues: s
   });
   B(() => {
@@ -11554,7 +11554,7 @@ function hj(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class mj extends ke {
+class mj extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 3);
@@ -11896,7 +11896,7 @@ const Sj = ({
     }, children: /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("chart.number_or_dynamic_value.dynamic.setup") }) }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(A, { mt: 10, mb: -10, label: n("chart.number_or_dynamic_value.dynamic.guide"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(Sj, { value: o.value, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -12257,11 +12257,11 @@ function Oj(t, e, n, s, i) {
     const K = S.get(V, h.columnKey), ae = S.get(V, m.columnKey), J = S.get(V, p.columnKey), X = {
       value: [K, ae, J]
     }, {
-      followVisualMap: ve,
-      color: ye
+      followVisualMap: je,
+      color: _e
     } = Mj(J, l, c, t.visualMap);
-    return ve || (X.visualMap = !1, X.itemStyle = {
-      color: ye
+    return je || (X.visualMap = !1, X.itemStyle = {
+      color: _e
     }), X;
   }), E = Pj(f.length, v.length, s, i);
   return {
@@ -12386,7 +12386,7 @@ function Nj({
     value: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => je({}, s, ia), [s]), o = t.data, {
+  } = t, a = C(() => we({}, s, ia), [s]), o = t.data, {
     width: l,
     height: c
   } = t.viewport;
@@ -12476,7 +12476,7 @@ const Wj = ({
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsx(A, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(Wj, { control: t, index: o }) })
@@ -12575,11 +12575,11 @@ function Yj({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => n ? je({}, n) : ia, [n]), a = C(() => S.cloneDeep(i), [i]);
+  } = H(t.instanceData, "config"), i = C(() => n ? we({}, n) : ia, [n]), a = C(() => S.cloneDeep(i), [i]);
   B(() => {
     !pe(i, a) && (console.log("config malformed, resetting to defaults", i, a), s(a));
   }, [i, a]);
-  const o = be({
+  const o = ye({
     defaultValues: a
   }), {
     control: l,
@@ -12745,7 +12745,7 @@ function nw(t) {
     }
   };
 }
-class rw extends ke {
+class rw extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 5);
@@ -13140,7 +13140,7 @@ function _w({
   } = H(t.instanceData, "config"), s = t.data, {
     width: i,
     height: a
-  } = t.viewport, o = je({}, n, aa), l = yw(o, s), c = mt({
+  } = t.viewport, o = we({}, n, aa), l = yw(o, s), c = mt({
     vizManager: t.vizManager,
     instance: e
   }), d = ht(c.triggerManager, ld.id), u = En(s, o.x_axis.data_key), h = Ne((p) => {
@@ -13334,13 +13334,13 @@ function Iw({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => je({}, n, aa), [n]), {
+  } = H(t.instanceData, "config"), i = C(() => we({}, n, aa), [n]), {
     control: a,
     handleSubmit: o,
     watch: l,
     getValues: c,
     reset: d
-  } = be({
+  } = ye({
     defaultValues: i
   });
   B(() => {
@@ -13496,7 +13496,7 @@ function $w(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Pw extends ke {
+class Pw extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 9);
@@ -13711,13 +13711,13 @@ function Gw({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, oa), [n]), a = C(() => S.clone(i), [i]), {
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, oa), [n]), a = C(() => S.clone(i), [i]), {
     control: o,
     handleSubmit: l,
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -13794,7 +13794,7 @@ function Kw(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Jw extends ke {
+class Jw extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 3);
@@ -14100,7 +14100,7 @@ function c0({
     });
   }, [o, l, i]), d = C(() => ({
     click: c
-  }), [c]), u = C(() => l0(Se({}, t, Ls), e), [t, e]);
+  }), [c]), u = C(() => l0(ke({}, t, Ls), e), [t, e]);
   return !n || !s ? null : /* @__PURE__ */ r.jsx(Ze, { echarts: Ke, option: u, style: {
     width: n,
     height: s
@@ -14163,7 +14163,7 @@ function h0({
       /* @__PURE__ */ r.jsx(bh, { children: "Series Name Key" }),
       ", you may add series from more queries to the chart."
     ] }) }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "additional_series", getItem: s, addButtonText: n("viz.radar_chart.additional_series.add"), deleteButtonText: n("viz.radar_chart.additional_series.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "additional_series", getItem: s, addButtonText: n("viz.radar_chart.additional_series.add"), deleteButtonText: n("viz.radar_chart.additional_series.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(u0, { control: t, index: o }) })
@@ -14233,7 +14233,7 @@ function p0({
     const l = a.name.trim();
     return l || o + 1;
   };
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "dimensions", getItem: s, addButtonText: n("viz.radar_chart.metric.add"), deleteButtonText: n("viz.radar_chart.metric.delete"), renderTabName: i, children: ({
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "dimensions", getItem: s, addButtonText: n("viz.radar_chart.metric.add"), deleteButtonText: n("viz.radar_chart.metric.delete"), renderTabName: i, children: ({
     field: a,
     index: o
   }) => /* @__PURE__ */ r.jsx(m0, { control: t, index: o }) }) });
@@ -14246,14 +14246,14 @@ function x0({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, Ls), [n]), {
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, Ls), [n]), {
     control: a,
     handleSubmit: o,
     watch: l,
     getValues: c,
     reset: d,
     formState: u
-  } = be({
+  } = ye({
     defaultValues: i,
     mode: "all"
   });
@@ -14436,7 +14436,7 @@ function S0(t) {
   };
   return delete e.additionalSeries, e;
 }
-class k0 extends ke {
+class k0 extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 7);
@@ -14708,7 +14708,7 @@ function A0(t, e) {
       data: n.map((a) => a.name)
     }
   };
-  return Se({}, i, R0);
+  return ke({}, i, R0);
 }
 const Eo = {
   output: "number",
@@ -14900,9 +14900,9 @@ function B0({
   const {
     t: n
   } = y();
-  return /* @__PURE__ */ r.jsxs(Ie, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
-    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(N0, { conf: t, queryData: e }) }) })
+  return /* @__PURE__ */ r.jsxs(Te, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(N0, { conf: t, queryData: e }) }) })
   ] });
 }
 function W0(t) {
@@ -14970,7 +14970,7 @@ function G0({
       ...f,
       [m.columnKey]: Number(f[m.columnKey])
     });
-  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), a = C(() => A0(Se({}, e, la), i), [e, i]), o = hs(null), l = (c) => {
+  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), a = C(() => A0(ke({}, e, la), i), [e, i]), o = hs(null), l = (c) => {
     o.current = c;
   };
   return !n || !s || !e ? null : /* @__PURE__ */ r.jsxs(it, { width: n, height: s, children: [
@@ -15106,13 +15106,13 @@ function Y0({
   const {
     value: e,
     set: n
-  } = H(t.instanceData, "config"), s = C(() => je({}, e, la), [e]), {
+  } = H(t.instanceData, "config"), s = C(() => we({}, e, la), [e]), {
     control: i,
     handleSubmit: a,
     watch: o,
     getValues: l,
     reset: c
-  } = be({
+  } = ye({
     defaultValues: s
   });
   B(() => {
@@ -15203,7 +15203,7 @@ const X0 = {
   lang: "zh",
   resources: Z0
 }];
-class tS extends ke {
+class tS extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 3);
@@ -15297,7 +15297,7 @@ const oS = z(({
     variables: s,
     data: i
   } = t, a = C(() => {
-    const o = je({}, n, Rs);
+    const o = we({}, n, Rs);
     return o.content ? aS(o.content, s, e.payloadForViz, i) : "";
   }, [n, s, e.payloadForViz]);
   return a ? /* @__PURE__ */ r.jsx(Ms, { value: a, styles: {
@@ -15414,12 +15414,12 @@ function cS({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => je({}, n, Rs), [n]), {
+  } = H(t.instanceData, "config"), i = C(() => we({}, n, Rs), [n]), {
     control: a,
     handleSubmit: o,
     watch: l,
     reset: c
-  } = be({
+  } = ye({
     defaultValues: i
   });
   l("content"), B(() => {
@@ -15477,13 +15477,13 @@ const dS = {
   lang: "zh",
   resources: uS
 }];
-class mS extends ke {
+class mS extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 1);
   }
   fixMalformedConfig(n) {
-    return je({}, n, Rs);
+    return we({}, n, Rs);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -15971,7 +15971,7 @@ function LS(t, e, n) {
     legend: yS(),
     dataZoom: Cs(t.dataZoom)
   };
-  return Se({}, l, MS);
+  return ke({}, l, MS);
 }
 function Po(t) {
   return t.trim().length > 0;
@@ -16011,7 +16011,7 @@ function RS({
     value: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => je({}, s, da), [s]), o = t.data, {
+  } = t, a = C(() => we({}, s, da), [s]), o = t.data, {
     width: l,
     height: c
   } = t.viewport, {
@@ -16133,7 +16133,7 @@ function PS({
     label: d,
     value: u.toString()
   })), [o]), c = (d, u) => u + 1;
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "reference_areas", getItem: i, addButtonText: s("chart.reference_area.add"), deleteButtonText: s("chart.reference_area.delete"), renderTabName: c, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "reference_areas", getItem: i, addButtonText: s("chart.reference_area.add"), deleteButtonText: s("chart.reference_area.delete"), renderTabName: c, children: ({
     field: d,
     index: u
   }) => /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${u}`, control: t, render: ({
@@ -16253,7 +16253,7 @@ function FS({
     const h = d.name.trim();
     return h || u + 1;
   };
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: c, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: c, children: ({
     field: d,
     index: u
   }) => /* @__PURE__ */ r.jsx(OS, { control: t, index: u, watch: e, variableOptions: a, yAxisOptions: l }) });
@@ -16305,7 +16305,7 @@ const VS = ({
     }, children: /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("viz.scatter_chart.color.dynamic.setup") }) }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(VS, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
@@ -16479,7 +16479,7 @@ const US = ({
       /* @__PURE__ */ r.jsx(Zt, { size: 14, color: "#888" }),
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(US, { control: t, index: o }) })
@@ -16620,7 +16620,7 @@ function ZS({
     index: l,
     fields: c
   }) => c.length <= 1;
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "y_axes", getItem: s, addButtonText: n("chart.y_axis.add"), deleteButtonText: n("chart.y_axis.delete"), renderTabName: i, deleteDisalbed: a, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "y_axes", getItem: s, addButtonText: n("chart.y_axis.add"), deleteButtonText: n("chart.y_axis.delete"), renderTabName: i, deleteDisalbed: a, children: ({
     field: o,
     index: l
   }) => /* @__PURE__ */ r.jsx(XS, { control: t, index: l }) });
@@ -16654,7 +16654,7 @@ function nk({
     set: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => Se({}, n, da), [n]), o = C(() => tk(a), [a]);
+  } = t, a = C(() => ke({}, n, da), [n]), o = C(() => tk(a), [a]);
   B(() => {
     !pe(a, o) && (console.log("config malformed, resetting to defaults", a, o), s(o));
   }, [a, o]);
@@ -16664,7 +16664,7 @@ function nk({
     watch: d,
     getValues: u,
     reset: h
-  } = be({
+  } = ye({
     defaultValues: o
   });
   B(() => {
@@ -16857,7 +16857,7 @@ function hk(t) {
   };
   return S.defaultsDeep(e, t);
 }
-class mk extends ke {
+class mk extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 10);
@@ -17015,7 +17015,7 @@ function bk(t) {
   const e = Be(t), n = se(e, "color.valueRange");
   return n !== void 0 && Ci(e, "color.valueRange", n.map((s) => Number(s))), e;
 }
-class yk extends ke {
+class yk extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -17132,13 +17132,13 @@ function kk({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = L.useMemo(() => Se({}, n, ua), [n]), {
+  } = H(t.instanceData, "config"), i = L.useMemo(() => ke({}, n, ua), [n]), {
     control: a,
     handleSubmit: o,
     watch: l,
     getValues: c,
     reset: d
-  } = be({
+  } = ye({
     defaultValues: i
   });
   L.useEffect(() => {
@@ -17347,7 +17347,7 @@ function Ok(t, e, n) {
     },
     tooltip: $k()
   };
-  return Se({}, i, Pk);
+  return ke({}, i, Pk);
 }
 function Fk({
   context: t
@@ -17356,7 +17356,7 @@ function Fk({
     variables: e
   } = t, {
     value: n
-  } = H(t.instanceData, "config"), s = C(() => je({}, n, ha), [n]), i = t.data, {
+  } = H(t.instanceData, "config"), s = C(() => we({}, n, ha), [n]), i = t.data, {
     width: a,
     height: o
   } = t.viewport, l = C(() => Ok(s, i, e), [s, i, e]);
@@ -17470,7 +17470,7 @@ const qk = ({
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("viz.sunburst_chart.level.hint") })
     ] }),
     /* @__PURE__ */ r.jsx(A, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "levels", getItem: s, addButtonText: n("viz.sunburst_chart.level.add"), deleteButtonText: n("viz.sunburst_chart.level.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "levels", getItem: s, addButtonText: n("viz.sunburst_chart.level.add"), deleteButtonText: n("viz.sunburst_chart.level.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(qk, { control: t, index: o }) })
@@ -17484,13 +17484,13 @@ function Bk({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, ha), [n]), a = C(() => S.clone(i), [i]), {
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, ha), [n]), a = C(() => S.clone(i), [i]), {
     control: o,
     handleSubmit: l,
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -17626,7 +17626,7 @@ function Kk(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Jk extends ke {
+class Jk extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 5);
@@ -17944,7 +17944,7 @@ function m1(t) {
     set: o
   } = H(t.trigger.triggerData, "config"), {
     column: l
-  } = je({}, a, h1), c = (d) => {
+  } = we({}, a, h1), c = (d) => {
     isNaN(+d) ? o({
       column: d
     }) : o({
@@ -18067,32 +18067,32 @@ function Fo({
       return d;
     if (!Array.isArray(t) || t.length === 0)
       return [];
-    let ye = Object.keys(t[0]);
-    const Vt = new Set(c == null ? void 0 : c.split(/\r?\n|\r|\n/g).filter((Ee) => !!Ee));
-    return Vt.size > 0 && (ye = ye.filter((Ee) => !Vt.has(Ee))), ye.map((Ee) => ({
-      id: Ee,
-      label: Ee,
-      value_field: Ee,
+    let _e = Object.keys(t[0]);
+    const Vt = new Set(c == null ? void 0 : c.split(/\r?\n|\r|\n/g).filter((Re) => !!Re));
+    return Vt.size > 0 && (_e = _e.filter((Re) => !Vt.has(Re))), _e.map((Re) => ({
+      id: Re,
+      label: Re,
+      value_field: Re,
       value_type: vt.string,
       align: "left",
       width: "",
       cellBackgroundColor: ""
     }));
   }, [l, c, d, t]), f = b1({
-    getColIndex: Ne((ye) => p.indexOf(ye.column.columnDef.meta), [p]),
+    getColIndex: Ne((_e) => p.indexOf(_e.column.columnDef.meta), [p]),
     vizManager: i.vizManager,
     instance: a
   }), v = C(() => {
-    const ye = Yl();
-    return p.map((Ee) => {
-      const Mr = Cx(Ee.value_field);
-      return ye.accessor(Mr.columnKey, {
-        cell: (ot) => /* @__PURE__ */ r.jsx(d1, { tableCellContext: f(ot.cell), value: ot.getValue(), type: Ee.value_type, row_data: ot.row.original, ...Ee }),
-        header: Ee.label,
+    const _e = Yl();
+    return p.map((Re) => {
+      const Mr = Cx(Re.value_field);
+      return _e.accessor(Mr.columnKey, {
+        cell: (ot) => /* @__PURE__ */ r.jsx(d1, { tableCellContext: f(ot.cell), value: ot.getValue(), type: Re.value_type, row_data: ot.row.original, ...Re }),
+        header: Re.label,
         enableSorting: !0,
-        meta: Ee,
-        size: typeof Ee.width == "number" ? Ee.width : void 0,
-        minSize: typeof Ee.width == "number" ? Ee.width : void 0
+        meta: Re,
+        size: typeof Re.width == "number" ? Re.width : void 0,
+        minSize: typeof Re.width == "number" ? Re.width : void 0
       });
     });
   }, [p, f]), [T, E] = Q([]), $ = Kl({
@@ -18106,7 +18106,7 @@ function Fo({
     getSortedRowModel: fp()
   }), {
     rows: V
-  } = $.getRowModel(), K = L.useRef(null), ae = V.length, J = ae > 0, X = J ? n - 22 : n, ve = J ? 22 : 0;
+  } = $.getRowModel(), K = L.useRef(null), ae = V.length, J = ae > 0, X = J ? n - 22 : n, je = J ? 22 : 0;
   return /* @__PURE__ */ r.jsxs("div", { ref: K, style: {
     height: n,
     width: e,
@@ -18124,10 +18124,10 @@ function Fo({
       maxHeight: X
     }, ...u, striped: s.striped, children: [
       /* @__PURE__ */ r.jsx("thead", { className: h.thead, style: {
-        top: ve
-      }, children: $.getHeaderGroups().map((ye) => /* @__PURE__ */ r.jsx("tr", { children: ye.headers.map((Vt) => /* @__PURE__ */ r.jsx("th", { style: {
+        top: je
+      }, children: $.getHeaderGroups().map((_e) => /* @__PURE__ */ r.jsx("tr", { children: _e.headers.map((Vt) => /* @__PURE__ */ r.jsx("th", { style: {
         width: Vt.getSize()
-      }, children: /* @__PURE__ */ r.jsx(Zk, { header: Vt, cx: m }) }, Vt.id)) }, ye.id)) }),
+      }, children: /* @__PURE__ */ r.jsx(Zk, { header: Vt, cx: m }) }, Vt.id)) }, _e.id)) }),
       /* @__PURE__ */ r.jsx(u1, { tableContainerRef: K, rows: V })
     ] })
   ] });
@@ -18266,7 +18266,7 @@ const k1 = ne((t, e) => {
     /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: s("viz.table.column.custom_cell_content") }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: s("viz.table.column.custom_cell_content"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: s("viz.table.column.custom_cell_content"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(rd, {}) }),
       /* @__PURE__ */ r.jsx(M, { sx: {
         position: "relative"
@@ -18452,7 +18452,7 @@ function L1({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, _d), [n]), a = C(() => M1(i), [i]);
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, _d), [n]), a = C(() => M1(i), [i]);
   B(() => {
     !pe(i, a) && (console.log("config malformed, resetting to defaults", i, a), s(a));
   }, [i, a]);
@@ -18462,7 +18462,7 @@ function L1({
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -18655,7 +18655,7 @@ function V1(t) {
     ignored_column_keys: e ?? ""
   };
 }
-class q1 extends ke {
+class q1 extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 7);
@@ -18818,7 +18818,7 @@ const zd = L.forwardRef(B1), W1 = ({
     /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: s("viz.text.content.edit") }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: s("viz.text.content.label"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: s("viz.text.content.label"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(W1, { value: l, onChange: c }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: s("common.actions.reset_to_default") }),
@@ -18838,7 +18838,7 @@ function Q1({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, pa), [n]), a = C(() => {
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, pa), [n]), a = C(() => {
     const {
       func_content: p,
       horizontal_align: f,
@@ -18861,7 +18861,7 @@ function Q1({
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   L.useEffect(() => {
@@ -18917,7 +18917,7 @@ const H1 = {
   lang: "zh",
   resources: U1
 }];
-class K1 extends ke {
+class K1 extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 1);
@@ -19032,7 +19032,7 @@ function nC({
 }) {
   const {
     value: e
-  } = H(t.instanceData, "config"), n = C(() => Se({}, e, xa), [e]), {
+  } = H(t.instanceData, "config"), n = C(() => ke({}, e, xa), [e]), {
     width: s,
     height: i
   } = t.viewport, a = t.data, {
@@ -19058,13 +19058,13 @@ function rC({
   const {
     value: e,
     set: n
-  } = H(t.instanceData, "config"), s = C(() => Se({}, e, xa), [e]), {
+  } = H(t.instanceData, "config"), s = C(() => ke({}, e, xa), [e]), {
     control: i,
     handleSubmit: a,
     watch: o,
     getValues: l,
     reset: c
-  } = be({
+  } = ye({
     defaultValues: s
   });
   B(() => {
@@ -19109,7 +19109,7 @@ const sC = {
   lang: "zh",
   resources: iC
 }];
-class oC extends ke {
+class oC extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 1);
@@ -19331,7 +19331,7 @@ function vC(t, e, n) {
     visualMap: fC(t, d, s),
     legend: hC(d, c)
   };
-  return Se({}, u, bC);
+  return ke({}, u, bC);
 }
 function jC(t) {
   return /* @__PURE__ */ r.jsx(r.Fragment, {});
@@ -19524,7 +19524,7 @@ const IC = ({
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsx(A, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(IC, { control: t, index: o }) })
@@ -19574,7 +19574,7 @@ function EC({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, ga), [n]), a = C(() => S.cloneDeep(i), [i]);
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, ga), [n]), a = C(() => S.cloneDeep(i), [i]);
   B(() => {
     !pe(i, a) && (console.log("config malformed, resetting to defaults", i, a), s(a));
   }, [i, a]);
@@ -19584,7 +19584,7 @@ function EC({
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -19705,7 +19705,7 @@ function OC(t) {
     }
   };
 }
-class FC extends ke {
+class FC extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 3);
@@ -20173,7 +20173,7 @@ function lz({
     value: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => je({}, s, fa), [s]), o = t.data, {
+  } = t, a = C(() => we({}, s, fa), [s]), o = t.data, {
     width: l,
     height: c
   } = t.viewport;
@@ -20277,7 +20277,7 @@ function dz({
     const h = d.name.trim();
     return h || u + 1;
   };
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: c, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: c, children: ({
     field: d,
     index: u
   }) => /* @__PURE__ */ r.jsx(cz, { control: t, index: u, watch: e, variableOptions: a, xAxisOptions: l }) });
@@ -20411,7 +20411,7 @@ function mz({
     label: l,
     value: c.toString()
   })), [a]);
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "series", getItem: s, addButtonText: n("chart.series.add"), deleteButtonText: n("chart.series.delete"), renderTabName: i, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "series", getItem: s, addButtonText: n("chart.series.add"), deleteButtonText: n("chart.series.delete"), renderTabName: i, children: ({
     field: l,
     index: c
   }) => /* @__PURE__ */ r.jsx(hz, { control: t, index: c, seriesItem: l, xAxisOptions: o }) });
@@ -20489,7 +20489,7 @@ function gz({
     const l = a.name.trim();
     return l || o + 1;
   };
-  return /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "x_axes", getItem: s, addButtonText: n("chart.x_axis.add"), deleteButtonText: n("chart.x_axis.delete"), renderTabName: i, children: ({
+  return /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "x_axes", getItem: s, addButtonText: n("chart.x_axis.add"), deleteButtonText: n("chart.x_axis.delete"), renderTabName: i, children: ({
     field: a,
     index: o
   }) => /* @__PURE__ */ r.jsx(xz, { control: t, index: o }) });
@@ -20539,7 +20539,7 @@ function bz({
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -20629,7 +20629,7 @@ function jz(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class wz extends ke {
+class wz extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -21252,7 +21252,7 @@ function qz(t, e, n) {
     }],
     legend: Oz(c)
   };
-  return Se({}, d, Fz);
+  return ke({}, d, Fz);
 }
 const Nz = {
   input: {
@@ -21294,9 +21294,9 @@ const Nz = {
   }
 };
 function Gz() {
-  return /* @__PURE__ */ r.jsxs(Ie, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(Pe, { fontSize: 14, sx: Wz, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+  return /* @__PURE__ */ r.jsxs(Te, { width: 400, shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(Pe, { fontSize: 14, sx: Wz, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
         /* @__PURE__ */ r.jsx("td", { children: "使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。" })
@@ -21332,7 +21332,7 @@ function Uz({
 }) {
   const {
     value: e
-  } = H(t.instanceData, "config"), n = C(() => je({}, e, ba), [e]), s = t.data, {
+  } = H(t.instanceData, "config"), n = C(() => we({}, e, ba), [e]), s = t.data, {
     width: i,
     height: a
   } = t.viewport, {
@@ -21422,7 +21422,7 @@ const Kz = ({
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: "设置可以展示在基线图的指标，例如代码当量" })
     ] }),
     /* @__PURE__ */ r.jsx(A, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(Kz, { control: t, index: o }) })
@@ -21470,7 +21470,7 @@ function Zz({
     watch: o,
     getValues: l,
     reset: c
-  } = be({
+  } = ye({
     defaultValues: s
   });
   B(() => {
@@ -21550,7 +21550,7 @@ function rI(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class sI extends ke {
+class sI extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -21775,7 +21775,7 @@ const uI = ({
   })), [n]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(A, { mt: 15, variant: "dashed", label: s("viz.merico_stats.metric.labels"), labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "metrics", getItem: i, addButtonText: s("chart.tooltip.additional_metrics.add"), deleteButtonText: s("chart.tooltip.additional_metrics.delete"), renderTabName: a, deleteDisalbed: o, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "metrics", getItem: i, addButtonText: s("chart.tooltip.additional_metrics.add"), deleteButtonText: s("chart.tooltip.additional_metrics.delete"), renderTabName: a, deleteDisalbed: o, children: ({
       field: c,
       index: d
     }) => /* @__PURE__ */ r.jsx(dI, { control: t, index: d, variableOptions: l, watch: e }) })
@@ -21812,13 +21812,13 @@ function mI({
     set: n
   } = H(t.instanceData, "config"), {
     variables: s
-  } = t, i = C(() => Se({}, e, ya), [e]), {
+  } = t, i = C(() => ke({}, e, ya), [e]), {
     control: a,
     handleSubmit: o,
     watch: l,
     getValues: c,
     reset: d
-  } = be({
+  } = ye({
     defaultValues: i
   });
   B(() => {
@@ -21898,7 +21898,7 @@ const xI = {
   lang: "zh",
   resources: gI
 }];
-class bI extends ke {
+class bI extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -22060,7 +22060,7 @@ const vI = ({
       /* @__PURE__ */ r.jsx(w, { size: 14, color: "#888", children: n("chart.tooltip.additional_metrics.description") })
     ] }),
     /* @__PURE__ */ r.jsx(A, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ce, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
+    /* @__PURE__ */ r.jsx(ze, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
     }) => /* @__PURE__ */ r.jsx(vI, { control: t, index: o }) })
@@ -22159,7 +22159,7 @@ function CI({
   } = y(), {
     value: n,
     set: s
-  } = H(t.instanceData, "config"), i = C(() => Se({}, n, _a), [n]), a = C(() => S.cloneDeep(i), [i]);
+  } = H(t.instanceData, "config"), i = C(() => ke({}, n, _a), [n]), a = C(() => S.cloneDeep(i), [i]);
   B(() => {
     !pe(i, a) && (console.log("config malformed, resetting to defaults", i, a), s(a));
   }, [i, a]);
@@ -22169,7 +22169,7 @@ function CI({
     watch: c,
     getValues: d,
     reset: u
-  } = be({
+  } = ye({
     defaultValues: a
   });
   B(() => {
@@ -22549,7 +22549,7 @@ function qI({
     value: s
   } = H(t.instanceData, "config"), {
     variables: i
-  } = t, a = C(() => je({}, s, _a), [s]), o = t.data, {
+  } = t, a = C(() => we({}, s, _a), [s]), o = t.data, {
     width: l,
     height: c
   } = t.viewport;
@@ -22580,7 +22580,7 @@ const NI = {
   lang: "zh",
   resources: BI
 }];
-class GI extends ke {
+class GI extends Ce {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 1);
@@ -22659,7 +22659,7 @@ const QI = {
     viz: Md,
     color: [...HI, ...UI]
   }
-}), cr = new cg(), De = {
+}), cr = new cg(), Me = {
   pluginManager: Nt("pluginManager"),
   vizManager: Nt("vizManager"),
   colorManager: Nt("colorManager"),
@@ -23264,9 +23264,9 @@ const eT = ({
   }, $ = v && (l == null ? void 0 : l.length) > 0, [V, K] = Q(""), ae = C(() => {
     if (!V)
       return d;
-    const J = V.toLowerCase(), X = (ve) => {
-      var ye;
-      return ((ye = ve.description) == null ? void 0 : ye.toLowerCase().includes(J)) || ve.label.toLowerCase().includes(J);
+    const J = V.toLowerCase(), X = (je) => {
+      var _e;
+      return ((_e = je.description) == null ? void 0 : _e.toLowerCase().includes(J)) || je.label.toLowerCase().includes(J);
     };
     return d.filter(X);
   }, [V, d]);
@@ -23792,7 +23792,7 @@ const yT = ({
     control: a,
     handleSubmit: o,
     reset: l
-  } = be({
+  } = ye({
     defaultValues: i.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
@@ -24040,11 +24040,11 @@ const vT = x.model("PanelStyleBorderMeta", {
     t.variables.remove(e);
   }
 }));
-var Me = /* @__PURE__ */ ((t) => (t.Postgresql = "postgresql", t.MySQL = "mysql", t.HTTP = "http", t.Transform = "transform", t))(Me || {});
+var Le = /* @__PURE__ */ ((t) => (t.Postgresql = "postgresql", t.MySQL = "mysql", t.HTTP = "http", t.Transform = "transform", t))(Le || {});
 const zT = x.model("QueryMeta", {
   id: x.string,
   name: x.string,
-  type: x.enumeration("DataSourceType", [Me.Postgresql, Me.MySQL, Me.HTTP, Me.Transform]),
+  type: x.enumeration("DataSourceType", [Le.Postgresql, Le.MySQL, Le.HTTP, Le.Transform]),
   key: x.string,
   sql: x.string,
   pre_process: x.optional(x.string, ""),
@@ -24054,7 +24054,7 @@ const zT = x.model("QueryMeta", {
   dep_query_ids: x.optional(x.array(x.string), [])
 }).views((t) => ({
   get valid() {
-    return t.id && t.type && t.key && t.name ? t.type === Me.HTTP ? !!t.pre_process : !!t.sql : !1;
+    return t.id && t.type && t.key && t.name ? t.type === Le.HTTP ? !!t.pre_process : !!t.sql : !1;
   },
   get json() {
     const {
@@ -24288,7 +24288,7 @@ const zT = x.model("QueryMeta", {
     t.value = e;
   }
 }));
-var Re = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TreeSelect = "tree-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Re || {});
+var be = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TreeSelect = "tree-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(be || {});
 const Fd = x.model("FilterCheckboxConfigMeta", {
   _name: x.literal("checkbox"),
   description: x.optional(x.string, ""),
@@ -24372,8 +24372,8 @@ const LT = x.model("FilterDateRangeConfigMeta", {
 })).actions((t) => ({
   setFilterValue(e) {
     try {
-      const n = Le(t);
-      Le(n, 2).setValueByKey(n.key, e);
+      const n = Ee(t);
+      Ee(n, 2).setValueByKey(n.key, e);
     } catch (n) {
       console.error(n);
     }
@@ -24452,7 +24452,7 @@ const LT = x.model("FilterDateRangeConfigMeta", {
     return Ge(t).content;
   },
   get filter() {
-    return Le(t);
+    return Ee(t);
   },
   get usingQuery() {
     return !!t.options_query_id;
@@ -24522,7 +24522,7 @@ const LT = x.model("FilterDateRangeConfigMeta", {
     t.min_width = e;
   },
   setDefaultSelection() {
-    const e = Ge(t).content.filters, n = Le(t).key, s = new Set(t.options.map((a) => a.value)), i = (e.values[n] ?? []).filter((a) => s.has(a));
+    const e = Ge(t).content.filters, n = Ee(t).key, s = new Set(t.options.map((a) => a.value)), i = (e.values[n] ?? []).filter((a) => s.has(a));
     i.length > 0 ? e.setValueByKey(n, i) : e.setValueByKey(n, t.default_selection);
   }
 })).actions((t) => ({
@@ -24587,13 +24587,13 @@ const LT = x.model("FilterDateRangeConfigMeta", {
   },
   setDefaultSelection() {
     var a;
-    const e = Ge(t).content.filters, n = Le(t).key, s = e.values[n], i = (a = t.options.find((o) => o.value === s)) == null ? void 0 : a.value;
+    const e = Ge(t).content.filters, n = Ee(t).key, s = e.values[n], i = (a = t.options.find((o) => o.value === s)) == null ? void 0 : a.value;
     i ? e.setValueByKey(n, i) : e.setValueByKey(n, t.default_selection);
   }
 })).actions((t) => ({
   afterCreate() {
     gt(t, tt(() => Xt(t.default_selection), t.setDefaultSelection, {
-      fireImmediately: !0,
+      fireImmediately: !1,
       delay: 0
     }));
   }
@@ -24747,7 +24747,7 @@ const Qd = x.compose("FilterTreeSelectConfigMeta", x.model({
     t.treeCheckStrictly = e;
   },
   applyDefaultSelection() {
-    const e = Le(t, 1).key, n = t.contentModel.filters, s = n.values[e], i = new Set(t.plainData.map((o) => o.value)), a = (s ?? []).filter((o) => i.has(o));
+    const e = Ee(t, 1).key, n = t.contentModel.filters, s = n.values[e], i = new Set(t.plainData.map((o) => o.value)), a = (s ?? []).filter((o) => i.has(o));
     a.length > 0 ? n.setValueByKey(e, a) : n.setValueByKey(e, t.defaultSelection);
   },
   afterCreate() {
@@ -24770,7 +24770,7 @@ const Qd = x.compose("FilterTreeSelectConfigMeta", x.model({
   visibleInViewsIDs: x.array(x.string),
   auto_submit: x.optional(x.boolean, !1),
   default_value_func: x.optional(x.string, ""),
-  type: x.enumeration("DashboardFilterType", [Re.Select, Re.MultiSelect, Re.TreeSelect, Re.TextInput, Re.Checkbox, Re.DateRange]),
+  type: x.enumeration("DashboardFilterType", [be.Select, be.MultiSelect, be.TreeSelect, be.TextInput, be.Checkbox, be.DateRange]),
   config: x.union(Bd, Nd, Qd, Wd, Fd, qd)
 }).views((t) => ({
   get contentModel() {
@@ -24784,7 +24784,7 @@ const Qd = x.compose("FilterTreeSelectConfigMeta", x.model({
     return Array.isArray(e) ? [...e] : e;
   },
   get usingDefaultValue() {
-    return t.type !== Re.TreeSelect;
+    return t.type !== be.TreeSelect;
   },
   get usingDefaultValueFunc() {
     return !!t.default_value_func;
@@ -24793,7 +24793,7 @@ const Qd = x.compose("FilterTreeSelectConfigMeta", x.model({
     return this.filters.formattedDefaultValues[t.key];
   },
   get auto_submit_supported() {
-    return [Re.Select, Re.Checkbox, Re.DateRange].includes(t.type);
+    return [be.Select, be.Checkbox, be.DateRange].includes(t.type);
   }
 })).views((t) => ({
   get json() {
@@ -24842,22 +24842,22 @@ const Qd = x.compose("FilterTreeSelectConfigMeta", x.model({
   },
   setType(e) {
     switch (e) {
-      case Re.Select:
+      case be.Select:
         t.config = $T();
         break;
-      case Re.MultiSelect:
+      case be.MultiSelect:
         t.config = AT();
         break;
-      case Re.TreeSelect:
+      case be.TreeSelect:
         t.config = FT();
         break;
-      case Re.TextInput:
+      case be.TextInput:
         t.config = Gd();
         break;
-      case Re.Checkbox:
+      case be.Checkbox:
         t.config = MT();
         break;
-      case Re.DateRange:
+      case be.DateRange:
         t.config = ET();
         break;
     }
@@ -24905,7 +24905,7 @@ const Ud = x.model("ViewDivisionConfig", {
     const {
       enabled: e,
       func_content: n
-    } = t, s = Le(t, 2), i = Ge(t);
+    } = t, s = Ee(t, 2), i = Ge(t);
     if (!e)
       return s.name;
     try {
@@ -25107,7 +25107,7 @@ const Ud = x.model("ViewDivisionConfig", {
     const n = t.panelIDs.filter((s) => s !== e);
     t.panelIDs.length = 0, t.panelIDs.push(...n);
   }
-})), hn = "11.10.0", I2 = {
+})), hn = "11.10.0", T2 = {
   definition: {
     sqlSnippets: [],
     queries: [],
@@ -25131,7 +25131,7 @@ const Ud = x.model("ViewDivisionConfig", {
   }]
 }, Jd = x.model("DataSourceMetaModel", {
   id: x.string,
-  type: x.enumeration("DataSourceType", [Me.HTTP, Me.MySQL, Me.Postgresql]),
+  type: x.enumeration("DataSourceType", [Le.HTTP, Le.MySQL, Le.Postgresql]),
   key: x.string,
   config: x.frozen()
 }), QT = x.model("DataSourcesMetaModel", {
@@ -25215,7 +25215,7 @@ const eu = x.compose("ViewRenderModel", GT, x.model({
     return t.type !== W.Tabs ? "" : ((n = t.config.tabs.find((s) => s.id === t.tab)) == null ? void 0 : n.view_id) ?? "";
   },
   get contentModel() {
-    return Le(t, 3);
+    return Ee(t, 3);
   },
   get panels() {
     if (t.type !== W.Tabs)
@@ -25678,13 +25678,13 @@ const ZT = zT.views((t) => ({
     return console.groupCollapsed(`Request config for: ${s}`), console.log(a), console.groupEnd(), JSON.stringify(a);
   },
   get typedAsSQL() {
-    return [Me.Postgresql, Me.MySQL].includes(t.type);
+    return [Le.Postgresql, Le.MySQL].includes(t.type);
   },
   get typedAsHTTP() {
-    return [Me.HTTP].includes(t.type);
+    return [Le.HTTP].includes(t.type);
   },
   get isTransform() {
-    return t.type === Me.Transform;
+    return t.type === Le.Transform;
   },
   get reQueryKey() {
     const {
@@ -25715,7 +25715,7 @@ const ZT = zT.views((t) => ({
     };
   },
   get queries() {
-    return Le(t, 2);
+    return Ee(t, 2);
   },
   get inUse() {
     return this.queries.isQueryInUse(t.id);
@@ -25895,7 +25895,7 @@ const ZT = zT.views((t) => ({
     return t.current.filter((e) => e.id && e.key).map((e) => e.json);
   },
   get contentModel() {
-    return Le(t, 1);
+    return Ee(t, 1);
   },
   get visibleQueryIDSet() {
     const {
@@ -26094,7 +26094,7 @@ const hu = x.model("LayoutsRenderModel", {
   }
 })), tD = DT.views((t) => ({
   isADuplicatedKey(e) {
-    return !e || e === t.key ? !1 : !!Le(t, 2).findByKey(e);
+    return !e || e === t.key ? !1 : !!Ee(t, 2).findByKey(e);
   }
 })), mu = x.model("SQLSnippetsRenderModel", {
   current: x.optional(x.array(tD), [])
@@ -26235,7 +26235,7 @@ const pu = z(() => {
     panel: s
   } = cn();
   return aD(s.description) ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(we, { opened: e, onClose: () => n(!1), title: s.title.show ? s.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(Ms, { value: s.description, styles: {
+    /* @__PURE__ */ r.jsx(Se, { opened: e, onClose: () => n(!1), title: s.title.show ? s.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(Ms, { value: s.description, styles: {
       root: {
         border: "none"
       },
@@ -26299,7 +26299,7 @@ class cD {
     N(this, "runningMigration");
     N(this, "panelModel");
     N(this, "status", "notStarted");
-    this.panelModel = e.getRequired(De.instanceScope.panelModel), this.vizInstance = e.getRequired(De.instanceScope.vizInstance), this.operationManager = e.getRequired(De.instanceScope.operationManager), this.triggerManager = e.getRequired(De.instanceScope.triggerManager), this.vizManager = e.getRequired(De.vizManager);
+    this.panelModel = e.getRequired(Me.instanceScope.panelModel), this.vizInstance = e.getRequired(Me.instanceScope.vizInstance), this.operationManager = e.getRequired(Me.instanceScope.operationManager), this.triggerManager = e.getRequired(Me.instanceScope.triggerManager), this.vizManager = e.getRequired(Me.vizManager);
   }
   async createMigrationTask() {
     const e = [];
@@ -26344,15 +26344,15 @@ function gu(t) {
     panel: e
   } = cn();
   return Ne((n) => {
-    const s = n.getRequired(De.vizManager), i = s.resolveComponent(t.viz.type);
-    return n.createScoped().provideFactory(De.instanceScope.vizInstance, () => s.getOrCreateInstance(t)).provideFactory(De.instanceScope.interactionManager, (a) => {
-      const o = a.getRequired(De.instanceScope.vizInstance);
+    const s = n.getRequired(Me.vizManager), i = s.resolveComponent(t.viz.type);
+    return n.createScoped().provideFactory(Me.instanceScope.vizInstance, () => s.getOrCreateInstance(t)).provideFactory(Me.instanceScope.interactionManager, (a) => {
+      const o = a.getRequired(Me.instanceScope.vizInstance);
       return new Bi(o, i, ks);
-    }).provideFactory(De.instanceScope.operationManager, (a) => a.getRequired(De.instanceScope.interactionManager).operationManager).provideFactory(De.instanceScope.triggerManager, (a) => a.getRequired(De.instanceScope.interactionManager).triggerManager).provideValue(De.instanceScope.panelModel, e).provideFactory(De.instanceScope.migrator, (a) => new cD(a));
+    }).provideFactory(Me.instanceScope.operationManager, (a) => a.getRequired(Me.instanceScope.interactionManager).operationManager).provideFactory(Me.instanceScope.triggerManager, (a) => a.getRequired(Me.instanceScope.interactionManager).triggerManager).provideValue(Me.instanceScope.panelModel, e).provideFactory(Me.instanceScope.migrator, (a) => new cD(a));
   }, [t.viz.type, t.viz.conf]);
 }
 function fu(t) {
-  const [e, n] = Q(!1), s = Ed().getRequired(De.instanceScope.migrator);
+  const [e, n] = Q(!1), s = Ed().getRequired(Me.instanceScope.migrator);
   return jr(async () => {
     const i = s.status === Kr.notStarted;
     n(s.status === Kr.done), s.status === Kr.notStarted && s.runMigration().then((a) => {
@@ -26363,7 +26363,7 @@ function fu(t) {
   }, [s]), e;
 }
 function bu(t, e) {
-  const n = Ed().getRequired(De.instanceScope.vizInstance);
+  const n = Ed().getRequired(Me.instanceScope.vizInstance);
   return B(() => (n.instanceData.setItem(null, e.viz.conf), n.instanceData.watchItem(null, (s) => {
     t(s);
   })), [t, e.viz.type]), n;
@@ -26564,7 +26564,7 @@ const vu = z(({
   panel: n,
   exitFullScreen: s
 }) {
-  return /* @__PURE__ */ r.jsx(we, { opened: !0, fullScreen: !0, onClose: s, title: /* @__PURE__ */ r.jsx(I, { color: "blue", size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(gm, { size: 20 }), children: "Exit fullscreen" }), styles: jD, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
+  return /* @__PURE__ */ r.jsx(Se, { opened: !0, fullScreen: !0, onClose: s, title: /* @__PURE__ */ r.jsx(I, { color: "blue", size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(gm, { size: 20 }), children: "Exit fullscreen" }), styles: jD, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ r.jsx(vu, { view: e, panel: n }) }) });
@@ -26705,7 +26705,7 @@ const MD = z(({
     ref: o,
     downloadScreenshot: l
   } = Ca(e);
-  return /* @__PURE__ */ r.jsx(we, { size: s.width, centered: !0, opened: i, onClose: a, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(b, { position: "apart", px: "1rem", h: "48px", children: [
+  return /* @__PURE__ */ r.jsx(Se, { size: s.width, centered: !0, opened: i, onClose: a, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(b, { position: "apart", px: "1rem", h: "48px", children: [
     /* @__PURE__ */ r.jsx(M, { children: s.custom_modal_title.value }),
     /* @__PURE__ */ r.jsx(wu, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (c) => {
@@ -26830,7 +26830,7 @@ const PD = z(({
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
-  }, children: /* @__PURE__ */ r.jsx(we, { size: n.width, opened: !0, onClose: S.noop, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(b, { position: "apart", px: "1rem", h: "48px", children: [
+  }, children: /* @__PURE__ */ r.jsx(Se, { size: n.width, opened: !0, onClose: S.noop, withCloseButton: !1, title: /* @__PURE__ */ r.jsxs(b, { position: "apart", px: "1rem", h: "48px", children: [
     /* @__PURE__ */ r.jsx(M, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r.jsx(wu, { downloadScreenshot: o })
   ] }), trapFocus: !0, onDragStart: (l) => {
@@ -27024,7 +27024,7 @@ const PD = z(({
   ] }) });
 });
 var BD = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(BD || {});
-const T2 = {
+const D2 = {
   [W.Division]: "Division",
   [W.Tabs]: "Tabs",
   [W.Modal]: "Modal"
@@ -27032,7 +27032,7 @@ const T2 = {
   [W.Division]: "rgba(255, 0, 0, 0.2)",
   [W.Modal]: "rgba(0, 0, 0, 0.2)",
   [W.Tabs]: "rgba(255, 200, 100, 0.4)"
-}, D2 = {
+}, M2 = {
   [W.Division]: "#ff4000",
   [W.Modal]: "#000",
   [W.Tabs]: "#ffad18"
@@ -27062,7 +27062,7 @@ const QD = x.compose("FiltersModel", lu, x.model("FiltersModel", {
     }));
   },
   get selects() {
-    return t.current.filter((e) => e.type === Re.Select).map((e) => ({
+    return t.current.filter((e) => e.type === be.Select).map((e) => ({
       label: e.label ?? e.id,
       value: e.id
     }));
@@ -27135,7 +27135,7 @@ const QD = x.compose("FiltersModel", lu, x.model("FiltersModel", {
     return S.sortBy(e, (n) => n.label.toLowerCase());
   },
   get optionsWithoutTransform() {
-    const e = t.current.filter((n) => n.type !== Me.Transform).map((n) => ({
+    const e = t.current.filter((n) => n.type !== Le.Transform).map((n) => ({
       value: n.id,
       label: n.name,
       _type: "query"
@@ -27250,13 +27250,13 @@ const QD = x.compose("FiltersModel", lu, x.model("FiltersModel", {
   error: x.frozen()
 }).views((t) => ({
   get keywords() {
-    return Le(t, 1);
+    return Ee(t, 1);
   },
   get keywordString() {
     const {
       table_name: e,
       table_schema: n
-    } = Le(t, 1);
+    } = Ee(t, 1);
     return `${n}||${e}`;
   }
 })).views((t) => ({
@@ -27777,7 +27777,7 @@ const rM = x.model("EditorModel", {
   }
 })).actions((t) => ({
   removeSelf() {
-    Le(t, 2).removeByID(t.id);
+    Ee(t, 2).removeByID(t.id);
   }
 })).actions((t) => ({
   moveToView(e, n) {
@@ -28041,14 +28041,14 @@ const cM = x.model({
     return !pe(se(t, e), se(t.origin, e));
   },
   get context() {
-    const e = Le(t).context.current;
+    const e = Ee(t).context.current;
     return {
       ...t.mock_context.current,
       ...e
     };
   },
   get payloadForSQL() {
-    const e = Le(t).globalSQLSnippets, n = {
+    const e = Ee(t).globalSQLSnippets, n = {
       context: this.context,
       filters: t.filters.values
     };
@@ -28059,7 +28059,7 @@ const cM = x.model({
     };
   },
   get payloadForViz() {
-    const e = Le(t).context.current;
+    const e = Ee(t).context.current;
     return {
       context: {
         ...t.mock_context.current,
@@ -28309,14 +28309,14 @@ const cM = x.model({
   postProcessor(t) {
     delete t.origin;
     const e = ec(t.queries.current.map((n) => vl(n, ["id", "key", "type", "sql"])));
-    return je({}, {
+    return we({}, {
       queries: {
         current: e
       }
     }, t);
   }
 });
-function M2(t, e) {
+function L2(t, e) {
   e.filters && Qe(t.filters.current, e.filters);
 }
 function dM({
@@ -28498,7 +28498,7 @@ const mM = {
           x_max_days: "{{max_days}} days max",
           default_value: "Default value",
           default_by_shortcut: "Default by shortcut",
-          defualt_by_shortcut_placeholder: "Priors default value",
+          default_by_shortcut_placeholder: "Priors default value",
           start_date: "Start date",
           end_date: "End date",
           shortcut: {
@@ -29399,7 +29399,7 @@ const mM = {
           x_max_days: "最多可选{{max_days}}天",
           default_value: "默认日期范围（具体）",
           default_by_shortcut: "默认日期范围（快捷方式）",
-          defualt_by_shortcut_placeholder: "优先于左侧",
+          default_by_shortcut_placeholder: "优先于左侧",
           start_date: "开始日期",
           end_date: "结束日期",
           shortcut: {
@@ -30334,7 +30334,7 @@ function zu(t, e) {
   }, [t]);
 }
 function Iu(t) {
-  return L.useCallback((e) => e.provideValue(De.pluginManager, t.pluginManager).provideValue(De.vizManager, t.vizManager).provideValue(De.colorManager, t.colorManager), []);
+  return L.useCallback((e) => e.provideValue(Me.pluginManager, t.pluginManager).provideValue(Me.vizManager, t.vizManager).provideValue(Me.colorManager, t.colorManager), []);
 }
 const xM = z(({
   saveDashboardChanges: t
@@ -30443,7 +30443,7 @@ const xM = z(({
     getValues: c,
     reset: d,
     formState: u
-  } = be({
+  } = ye({
     defaultValues: i
   }), {
     fields: h,
@@ -30460,9 +30460,9 @@ const xM = z(({
           return "Screen sizes should be unique by min width";
       }
     }
-  }), f = l("list"), v = h.map((X, ve) => ({
+  }), f = l("list"), v = h.map((X, je) => ({
     ...X,
-    ...f[ve]
+    ...f[je]
   })), T = () => {
     m({
       id: Qt(),
@@ -30472,11 +30472,11 @@ const xM = z(({
   }, E = ({
     list: X
   }) => {
-    const ve = X.filter((ye) => Number.isFinite(ye.breakpoint));
-    s.updateLayoutSetsInfo(ve), t();
+    const je = X.filter((_e) => Number.isFinite(_e.breakpoint));
+    s.updateLayoutSetsInfo(je), t();
   }, $ = c(), V = C(() => {
     const X = {
-      list: $.list.filter((ve) => !!ve.name && Number.isFinite(ve.breakpoint))
+      list: $.list.filter((je) => !!je.name && Number.isFinite(je.breakpoint))
     };
     return !pe(X, i);
   }, [$, i]), K = (J = (ae = u.errors.list) == null ? void 0 : ae.root) == null ? void 0 : J.message;
@@ -30494,17 +30494,17 @@ const xM = z(({
         /* @__PURE__ */ r.jsx("th", {})
       ] }) }),
       /* @__PURE__ */ r.jsxs("tbody", { children: [
-        v.map((X, ve) => /* @__PURE__ */ r.jsxs("tr", { children: [
-          /* @__PURE__ */ r.jsx("th", { children: X.id === "basis" ? X.name : /* @__PURE__ */ r.jsx(g, { name: `list.${ve}.name`, control: a, render: ({
-            field: ye
+        v.map((X, je) => /* @__PURE__ */ r.jsxs("tr", { children: [
+          /* @__PURE__ */ r.jsx("th", { children: X.id === "basis" ? X.name : /* @__PURE__ */ r.jsx(g, { name: `list.${je}.name`, control: a, render: ({
+            field: _e
           }) => /* @__PURE__ */ r.jsx(D, { size: "xs", label: "", required: !0, sx: {
             flex: 1
-          }, ...ye }) }) }),
+          }, ..._e }) }) }),
           /* @__PURE__ */ r.jsx("td", { children: X.id === "basis" ? /* @__PURE__ */ r.jsxs(w, { ff: "monospace", children: [
             X.breakpoint,
             "px"
-          ] }) : /* @__PURE__ */ r.jsx(g, { name: `list.${ve}.breakpoint`, control: a, render: ({
-            field: ye
+          ] }) : /* @__PURE__ */ r.jsx(g, { name: `list.${je}.breakpoint`, control: a, render: ({
+            field: _e
           }) => /* @__PURE__ */ r.jsx(oe, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r.jsx(w, { color: "dimmed", children: "px" }), rightSectionProps: {
             style: {
               width: "30px"
@@ -30516,8 +30516,8 @@ const xM = z(({
             input: {
               paddingRight: "30px"
             }
-          }, ...ye }) }) }),
-          /* @__PURE__ */ r.jsx("td", { children: X.id !== "basis" && /* @__PURE__ */ r.jsx(Z, { mx: "auto", size: "xs", variant: "subtle", color: "red", onClick: () => p(ve), children: /* @__PURE__ */ r.jsx(Yt, {}) }) })
+          }, ..._e }) }) }),
+          /* @__PURE__ */ r.jsx("td", { children: X.id !== "basis" && /* @__PURE__ */ r.jsx(Z, { mx: "auto", size: "xs", variant: "subtle", color: "red", onClick: () => p(je), children: /* @__PURE__ */ r.jsx(Yt, {}) }) })
         ] }, X.id)),
         /* @__PURE__ */ r.jsx("tr", { style: {
           backgroundColor: "transparent"
@@ -30570,7 +30570,7 @@ const xM = z(({
         mantissa: 0
       }) })
     ] }),
-    /* @__PURE__ */ r.jsx(we, { opened: e, onClose: c, title: t("breakpoint.label", {
+    /* @__PURE__ */ r.jsx(Se, { opened: e, onClose: c, title: t("breakpoint.label", {
       count: 2
     }), withinPortal: !0, zIndex: 320, size: 600, closeOnClickOutside: !1, children: /* @__PURE__ */ r.jsx(bM, { done: c }) })
   ] });
@@ -30754,7 +30754,7 @@ const TM = z(({
     watch: c,
     setError: d,
     clearErrors: u
-  } = be({
+  } = ye({
     defaultValues: {
       content: null
     }
@@ -30848,7 +30848,7 @@ const TM = z(({
       ...Xo
       // background: 'rgb(231, 245, 255)',
     }, children: t("import.label") }),
-    /* @__PURE__ */ r.jsx(we, { opened: e, onClose: s, title: t("import.title"), trapFocus: !0, onDragStart: (u) => {
+    /* @__PURE__ */ r.jsx(Se, { opened: e, onClose: s, title: t("import.title"), trapFocus: !0, onDragStart: (u) => {
       u.stopPropagation();
     }, withinPortal: !0, zIndex: 320, size: i ? "90vw" : 500, children: /* @__PURE__ */ r.jsx(TM, { onSuccess: s, stretchModal: a, shrinkModal: o }) })
   ] });
@@ -31204,9 +31204,9 @@ const ZM = mh(({
       top: 0,
       right: 0
     }, children: /* @__PURE__ */ r.jsx(ym, { size: 12 }) }),
-    /* @__PURE__ */ r.jsxs(Ie, { shadow: "xl", withinPortal: !0, children: [
-      /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
-      /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ct.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+    /* @__PURE__ */ r.jsxs(Te, { shadow: "xl", withinPortal: !0, children: [
+      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ct.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(ho, { type: "source", position: n, isConnectable: e })
   ] });
@@ -31231,7 +31231,7 @@ const eL = {
     t: n
   } = y();
   return /* @__PURE__ */ r.jsx(
-    we,
+    Se,
     {
       size: "96vw",
       opened: t,
@@ -31387,14 +31387,21 @@ const iL = z(() => {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ r.jsx(I, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(kr, { size: 20 }), onClick: () => e.editor.open([]), children: t("common.titles.settings") }) }) })
   ] });
-}), oL = ["function getDefaultValue(filter, utils, context) {", '    return "";', "}"].join(`
+}), oL = {
+  [be.Checkbox]: "true",
+  [be.DateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
+  [be.MultiSelect]: "[]",
+  [be.Select]: '""',
+  [be.TreeSelect]: "[]",
+  [be.TextInput]: '""'
+}, lL = (t) => ["function getDefaultValue(filter, utils, context) {", `    return ${oL[t]};`, "}"].join(`
 `), rr = z(({
   filter: t
 }) => {
   const {
     t: e
   } = y();
-  return /* @__PURE__ */ r.jsx(sd, { label: "", title: e("filter.field.custom_default_value.title"), triggerLabel: e("filter.field.custom_default_value.trigger"), value: t.default_value_func, onChange: t.setDefaultValueFunc, defaultValue: oL, triggerButtonProps: {
+  return /* @__PURE__ */ r.jsx(sd, { label: "", title: e("filter.field.custom_default_value.title"), triggerLabel: e("filter.field.custom_default_value.trigger"), value: t.default_value_func, onChange: t.setDefaultValueFunc, defaultValue: lL(t.type), triggerButtonProps: {
     size: "xs",
     color: "grape",
     sx: {
@@ -31406,7 +31413,7 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsx(ct.Item, { children: e("filter.field.custom_default_value.tip_1") }),
     /* @__PURE__ */ r.jsx(ct.Item, { children: e("filter.field.custom_default_value.tip_2") })
   ] }) }) });
-}), lL = z(function({
+}), cL = z(function({
   filter: e
 }) {
   const {
@@ -31424,7 +31431,7 @@ const iL = z(() => {
       }
     } })
   ] });
-}), cL = [{
+}), dL = [{
   label: "2022",
   value: "YYYY"
 }, {
@@ -31439,7 +31446,7 @@ const iL = z(() => {
 }, {
   label: "2022-01-01",
   value: "YYYY-MM-DD"
-}], dL = z(function({
+}], uL = z(function({
   filter: e
 }) {
   const {
@@ -31459,7 +31466,7 @@ const iL = z(() => {
       /* @__PURE__ */ r.jsx(ee, { checked: s.allowSingleDateInRange, onChange: (a) => s.setAllowSingleDateInRange(a.currentTarget.checked), label: n("filter.widget.date_range.allow_single_date") })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(F, { data: cL, label: n("filter.widget.date_range.display_format"), value: s.inputFormat, onChange: s.setInputFormat }),
+      /* @__PURE__ */ r.jsx(F, { data: dL, label: n("filter.widget.date_range.display_format"), value: s.inputFormat, onChange: s.setInputFormat }),
       /* @__PURE__ */ r.jsx(oe, { label: n("filter.widget.date_range.max_days"), min: 0, value: s.max_days, onChange: s.setMaxDays, hideControls: !0 })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { children: [
@@ -31498,7 +31505,7 @@ const iL = z(() => {
       display: "block"
     }
   } });
-}), uL = `
+}), hL = `
 // row
 {
   label: string;
@@ -31511,9 +31518,9 @@ const iL = z(() => {
   } = y(), [e, n] = Q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r.jsx(vr, { in: e, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: uL }) })
+    /* @__PURE__ */ r.jsx(vr, { in: e, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: hL }) })
   ] });
-}, hL = z(function({
+}, mL = z(function({
   filter: e
 }) {
   const {
@@ -31580,7 +31587,7 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsx(Da, { value: s.options_query_id, onChange: s.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(Eu, {})
   ] });
-}), mL = z(function({
+}), pL = z(function({
   filter: e
 }) {
   const {
@@ -31652,7 +31659,7 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsx(Da, { value: i.options_query_id, onChange: i.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(Eu, {})
   ] });
-}), pL = z(function({
+}), xL = z(function({
   filter: e
 }) {
   const {
@@ -31669,7 +31676,7 @@ const iL = z(() => {
     ] }),
     /* @__PURE__ */ r.jsx(ee, { checked: s.required, onChange: (i) => s.setRequired(i.currentTarget.checked), label: n("filter.widget.text_input.required") })
   ] });
-}), xL = `
+}), gL = `
 // row
 {
   label: string;
@@ -31677,15 +31684,15 @@ const iL = z(() => {
   parent_value: string;
   description?: string;
 }
-`, gL = () => {
+`, fL = () => {
   const {
     t
   } = y(), [e, n] = Q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r.jsx(vr, { in: e, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: xL }) })
+    /* @__PURE__ */ r.jsx(vr, { in: e, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: gL }) })
   ] });
-}, fL = z(function({
+}, bL = z(function({
   filter: e
 }) {
   const {
@@ -31701,9 +31708,9 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsx(ee, { checked: s.treeCheckStrictly, onChange: (i) => s.setTreeCheckStrictly(i.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r.jsx(oe, { value: s.default_selection_count, onChange: s.setDefaultSelectionCount, label: n("filter.widget.common.default_selection_count") }),
     /* @__PURE__ */ r.jsx(Da, { value: s.options_query_id, onChange: s.setOptionsQueryID }),
-    /* @__PURE__ */ r.jsx(gL, {})
+    /* @__PURE__ */ r.jsx(fL, {})
   ] });
-}), bL = z(function({
+}), yL = z(function({
   filter: e
 }) {
   const {
@@ -31715,13 +31722,13 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsx(w, { pt: "0", pb: "md", color: "gray", children: n("common.titles.config") }),
     /* @__PURE__ */ r.jsx(sn, { mt: 22, language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(e, null, 4) })
   ] });
-}), yL = {
-  select: mL,
-  "multi-select": hL,
-  "tree-select": fL,
-  "text-input": pL,
-  checkbox: lL,
-  "date-range": dL
+}), _L = {
+  select: pL,
+  "multi-select": mL,
+  "tree-select": bL,
+  "text-input": xL,
+  checkbox: cL,
+  "date-range": uL
 }, xn = {
   select: "filter.widget.names.select",
   "multi-select": "filter.widget.names.multi_select",
@@ -31729,13 +31736,13 @@ const iL = z(() => {
   "text-input": "filter.widget.names.text_input",
   checkbox: "filter.widget.names.checkbox",
   "date-range": "filter.widget.names.date_range"
-}, _L = z(function({
+}, vL = z(function({
   filter: e
 }) {
   const {
     t: n,
     i18n: s
-  } = y(), i = le(), a = L.useMemo(() => yL[e.type], [e.type]), o = C(() => [{
+  } = y(), i = le(), a = L.useMemo(() => _L[e.type], [e.type]), o = C(() => [{
     label: n(xn.select),
     value: "select"
   }, {
@@ -31788,9 +31795,9 @@ const iL = z(() => {
         /* @__PURE__ */ r.jsx(a, { filter: e })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx(bL, { filter: e })
+    /* @__PURE__ */ r.jsx(yL, { filter: e })
   ] });
-}), vL = z(({
+}), jL = z(({
   id: t
 }) => {
   const {
@@ -31833,9 +31840,9 @@ const iL = z(() => {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(_L, { filter: a }) })
+    }, children: /* @__PURE__ */ r.jsx(vL, { filter: a }) })
   ] });
-}), jL = z(() => {
+}), wL = z(() => {
   const {
     t
   } = y(), [e, n] = Q([]), s = me(), i = (d) => {
@@ -31908,7 +31915,7 @@ const iL = z(() => {
       ] }, d.id)) })
     ] }) }) })
   ] });
-}), wL = z(() => {
+}), SL = z(() => {
   const {
     t
   } = y(), e = le(), [n, s] = Q(() => JSON.stringify(e.mock_context.current, null, 4)), i = () => {
@@ -31961,7 +31968,7 @@ const iL = z(() => {
       }, disabled: !a, onClick: i, children: /* @__PURE__ */ r.jsx(Ut, { size: 20 }) })
     ] })
   ] });
-}), SL = z(() => {
+}), kL = z(() => {
   const {
     t
   } = y(), {
@@ -31972,7 +31979,7 @@ const iL = z(() => {
       flexGrow: 1
     }
   } });
-}), kL = z(() => {
+}), CL = z(() => {
   const {
     t
   } = y(), {
@@ -32005,10 +32012,10 @@ const iL = z(() => {
       /* @__PURE__ */ r.jsx(ee, { ml: 6, label: t("panel.style.border"), checked: s.border.enabled, onChange: (i) => s.border.setEnabled(i.currentTarget.checked) })
     ] })
   ] });
-}), CL = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
+}), zL = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
   " ",
   "*"
-] }), zL = z(() => {
+] }), IL = z(() => {
   const {
     t
   } = y(), {
@@ -32026,13 +32033,13 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsxs(b, { align: "center", children: [
       /* @__PURE__ */ r.jsxs(w, { size: 14, fw: 500, children: [
         t("panel.panel_name"),
-        /* @__PURE__ */ r.jsx(CL, {})
+        /* @__PURE__ */ r.jsx(zL, {})
       ] }),
       /* @__PURE__ */ r.jsx(Z, { variant: "subtle", color: "blue", disabled: !a || l, onClick: o, children: /* @__PURE__ */ r.jsx(Oe, { size: 18 }) })
     ] }),
     /* @__PURE__ */ r.jsx(D, { value: s, onChange: i, required: !0 })
   ] });
-}), IL = z(() => {
+}), TL = z(() => {
   const {
     t
   } = y(), {
@@ -32045,21 +32052,21 @@ const iL = z(() => {
     /* @__PURE__ */ r.jsx(ee, { size: "sm", checked: !0, disabled: !0, label: t("panel.use_name_as_title") })
   ] }) });
 });
-function TL() {
+function DL() {
   const {
     t
   } = y();
   return /* @__PURE__ */ r.jsxs(k, { sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r.jsx(kL, {}),
+    /* @__PURE__ */ r.jsx(CL, {}),
     /* @__PURE__ */ r.jsx(A, { label: t("common.info"), labelPosition: "center", variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(zL, {}),
     /* @__PURE__ */ r.jsx(IL, {}),
-    /* @__PURE__ */ r.jsx(SL, {})
+    /* @__PURE__ */ r.jsx(TL, {}),
+    /* @__PURE__ */ r.jsx(kL, {})
   ] });
 }
-const DL = {
+const ML = {
   width: "fit-content",
   minWidth: "100%",
   tableLayout: "fixed",
@@ -32113,7 +32120,7 @@ function Ru({
   });
   return t.length === 0 ? /* @__PURE__ */ r.jsx(M, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsxs(Pe, { sx: DL, children: [
+  } }) : /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsxs(Pe, { sx: ML, children: [
     /* @__PURE__ */ r.jsx("thead", { children: n.getHeaderGroups().map((s) => /* @__PURE__ */ r.jsx("tr", { children: s.headers.map((i) => /* @__PURE__ */ r.jsxs("th", { style: {
       width: i.getSize()
     }, children: [
@@ -32123,7 +32130,7 @@ function Ru({
     /* @__PURE__ */ r.jsx("tbody", { children: n.getRowModel().rows.map((s) => /* @__PURE__ */ r.jsx("tr", { children: s.getVisibleCells().map((i) => /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(He, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r.jsx("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : es(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, s.id)) })
   ] }) });
 }
-const ML = [{
+const LL = [{
   label: "10",
   value: "10"
 }, {
@@ -32135,7 +32142,7 @@ const ML = [{
 }, {
   label: "100",
   value: "100"
-}], LL = {
+}], EL = {
   icon: {
     width: "80px",
     textAlign: "center"
@@ -32145,7 +32152,7 @@ const ML = [{
       paddingLeft: "80px"
     }
   }
-}, EL = ({
+}, RL = ({
   data: t,
   page: e,
   setPage: n,
@@ -32172,8 +32179,8 @@ const ML = [{
         {
           icon: /* @__PURE__ */ r.jsx(w, { ta: "center", color: "dimmed", size: 14, children: a("common.pagination.page_size") }),
           size: "xs",
-          styles: LL,
-          data: ML,
+          styles: EL,
+          data: LL,
           value: String(s),
           onChange: c
         }
@@ -32183,7 +32190,7 @@ const ML = [{
       total: o
     }) }) })
   ] });
-}, RL = qx(({
+}, AL = qx(({
   data: t,
   loading: e
 }) => {
@@ -32192,7 +32199,7 @@ const ML = [{
     return t.slice(l, c);
   }, [t, n, i]);
   return /* @__PURE__ */ r.jsxs(He, { children: [
-    /* @__PURE__ */ r.jsx(EL, { data: t, page: n, setPage: s, limit: i, setLimit: a }),
+    /* @__PURE__ */ r.jsx(RL, { data: t, page: n, setPage: s, limit: i, setLimit: a }),
     /* @__PURE__ */ r.jsxs(M, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -32203,7 +32210,7 @@ const ML = [{
       /* @__PURE__ */ r.jsx(Ru, { data: o })
     ] })
   ] });
-}), AL = ({
+}), $L = ({
   queryID: t
 }) => {
   const e = Fe(), {
@@ -32252,11 +32259,11 @@ const ML = [{
       flexGrow: 1,
       overflow: "auto"
     }, children: [
-      /* @__PURE__ */ r.jsx(AL, { queryID: t }),
-      /* @__PURE__ */ r.jsx(RL, { data: a, loading: l })
+      /* @__PURE__ */ r.jsx($L, { queryID: t }),
+      /* @__PURE__ */ r.jsx(AL, { data: a, loading: l })
     ] })
   ] });
-}), $L = z(function() {
+}), PL = z(function() {
   const {
     t: e
   } = y(), n = me(), s = le(), {
@@ -32275,7 +32282,7 @@ const ML = [{
       ] })
     ] })
   ] });
-}), PL = z(() => {
+}), OL = z(() => {
   const {
     panel: t
   } = cn();
@@ -32330,7 +32337,7 @@ const ML = [{
     average: !1
   }
 };
-class OL {
+class FL {
   constructor(e) {
     N(this, "panel");
     N(this, "selected");
@@ -32380,13 +32387,13 @@ class OL {
     }
   }
 }
-function FL() {
+function VL() {
   const {
     panel: t
   } = bt();
-  return wt(() => new OL(t), [t]);
+  return wt(() => new FL(t), [t]);
 }
-function VL({
+function qL({
   label: t,
   value: e,
   onChange: n
@@ -32413,8 +32420,8 @@ function VL({
     ] })
   ] });
 }
-const qL = L.forwardRef(VL);
-function NL({
+const NL = L.forwardRef(qL);
+function BL({
   label: t,
   value: e,
   onChange: n,
@@ -32443,7 +32450,7 @@ function NL({
     ] })
   ] });
 }
-const BL = L.forwardRef(NL), WL = L.forwardRef(function({
+const WL = L.forwardRef(BL), GL = L.forwardRef(function({
   value: e,
   onChange: n
 }, s) {
@@ -32493,12 +32500,12 @@ const BL = L.forwardRef(NL), WL = L.forwardRef(function({
       }], value: e.color.type, onChange: l }),
       a === "static" && /* @__PURE__ */ r.jsx(Xe, { value: e.color.staticColor, onChange: (c) => o("color.staticColor", c) }),
       a === "continuous" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(BL, { label: "Value Range", value: e.color.valueRange, type: "number", onChange: (c) => o("color.valueRange", c) }),
-        /* @__PURE__ */ r.jsx(qL, { label: "Color Range", value: e.color.colorRange, onChange: (c) => o("color.colorRange", c) })
+        /* @__PURE__ */ r.jsx(WL, { label: "Value Range", value: e.color.valueRange, type: "number", onChange: (c) => o("color.valueRange", c) }),
+        /* @__PURE__ */ r.jsx(NL, { label: "Color Range", value: e.color.colorRange, onChange: (c) => o("color.colorRange", c) })
       ] })
     ] })
   ] });
-}), GL = L.forwardRef(function({
+}), QL = L.forwardRef(function({
   value: e,
   onChange: n,
   withStyle: s = !0,
@@ -32526,11 +32533,11 @@ const BL = L.forwardRef(NL), WL = L.forwardRef(function({
     ] }),
     s && /* @__PURE__ */ r.jsx(Pr, { variant: "contained", children: /* @__PURE__ */ r.jsxs(Pr.Item, { value: "Styles", children: [
       /* @__PURE__ */ r.jsx(Pr.Control, { icon: /* @__PURE__ */ r.jsx(w, { size: "xl", children: "🖼️" }), children: o("style.label") }),
-      /* @__PURE__ */ r.jsx(Pr.Panel, { children: /* @__PURE__ */ r.jsx(WL, { value: e, onChange: n }) })
+      /* @__PURE__ */ r.jsx(Pr.Panel, { children: /* @__PURE__ */ r.jsx(GL, { value: e, onChange: n }) })
     ] }) }),
     /* @__PURE__ */ r.jsx(I, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 16 }), color: "red", variant: "light", onClick: i, children: o("panel.variable.delete") })
   ] });
-}), QL = z((t) => {
+}), HL = z((t) => {
   const {
     t: e
   } = y(), n = wt(() => sD(t.variable), [t.variable]), s = () => t.uiModel.remove(t.variable);
@@ -32539,7 +32546,7 @@ const BL = L.forwardRef(NL), WL = L.forwardRef(function({
       /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(Sr, { size: 18 }), children: e("common.actions.revert_changes") }),
       /* @__PURE__ */ r.jsx(I, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), children: e("common.actions.save_changes") })
     ] }),
-    /* @__PURE__ */ r.jsx(GL, { value: Dt(n.copy), onChange: n.update, remove: s })
+    /* @__PURE__ */ r.jsx(QL, { value: Dt(n.copy), onChange: n.update, remove: s })
   ] });
 });
 z((t) => {
@@ -32548,7 +32555,7 @@ z((t) => {
   } = t;
   return /* @__PURE__ */ r.jsx(k, { className: "var-list", children: e.variables.map((n) => /* @__PURE__ */ r.jsx(I, { variant: e.selected === n ? "filled" : "subtle", color: "gray", onClick: () => e.select(n), children: n.name }, n.name)) });
 });
-const HL = z(({
+const UL = z(({
   model: t
 }) => {
   const {
@@ -32562,12 +32569,12 @@ const HL = z(({
     alignSelf: "flex-end",
     height: "38px"
   }, children: e("panel.variable.add") }) });
-}), UL = z(() => {
+}), YL = z(() => {
   var n;
   const {
     t
-  } = y(), e = FL();
-  return e.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(HL, { model: e }) : /* @__PURE__ */ r.jsxs(k, { pb: 20, children: [
+  } = y(), e = VL();
+  return e.variableOptions.length === 0 ? /* @__PURE__ */ r.jsx(UL, { model: e }) : /* @__PURE__ */ r.jsxs(k, { pb: 20, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
       /* @__PURE__ */ r.jsx(F, { label: t("panel.variable.labels"), data: e.variableOptions, value: (n = e.selected) == null ? void 0 : n.name, onChange: e.selectByName, maxDropdownHeight: 600, sx: {
         flexGrow: 1
@@ -32580,9 +32587,9 @@ const HL = z(({
       }, children: t("panel.variable.add") })
     ] }),
     /* @__PURE__ */ r.jsx(A, { variant: "dashed" }),
-    e.selected ? /* @__PURE__ */ r.jsx(QL, { uiModel: e, variable: e.selected }) : /* @__PURE__ */ r.jsx("span", { children: "Select or create a new variable on right side" })
+    e.selected ? /* @__PURE__ */ r.jsx(HL, { uiModel: e, variable: e.selected }) : /* @__PURE__ */ r.jsx("span", { children: "Select or create a new variable on right side" })
   ] });
-}), YL = z(() => {
+}), KL = z(() => {
   const {
     t
   } = y(), {
@@ -32593,7 +32600,7 @@ const HL = z(({
     /* @__PURE__ */ r.jsx(sn, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(e.variableStrings, null, 4) })
   ] });
 });
-function KL() {
+function JL() {
   const {
     t
   } = y(), {
@@ -32608,7 +32615,7 @@ function KL() {
     return S.orderBy(n, [(s) => s.group, (s) => s.label], ["asc", "asc"]);
   }, [e]);
 }
-const JL = z(({
+const XL = z(({
   value: t,
   submit: e
 }) => {
@@ -32618,17 +32625,17 @@ const JL = z(({
   B(() => {
     i(t);
   }, [t]);
-  const a = KL(), o = t !== s;
+  const a = JL(), o = t !== s;
   return /* @__PURE__ */ r.jsx(F, { label: n("visualization.component"), value: s, searchable: !0, onChange: i, data: a, rightSection: /* @__PURE__ */ r.jsx(Z, { variant: "filled", color: "green", disabled: !o, onClick: () => e(s), children: /* @__PURE__ */ r.jsx(Ut, { size: 20 }) }), maxDropdownHeight: 600 });
 }), el = [];
-function XL(t, e) {
+function ZL(t, e) {
   try {
     return t.resolveComponent(e).createConfig();
   } catch {
     return null;
   }
 }
-function ZL() {
+function eE() {
   const {
     data: t,
     panel: {
@@ -32656,7 +32663,7 @@ function ZL() {
     return console.info(se(h, "message")), null;
   }
 }
-const eE = z(() => {
+const tE = z(() => {
   const {
     data: t,
     panel: {
@@ -32667,7 +32674,7 @@ const eE = z(() => {
   } = Kt(Ft), s = L.useCallback((d) => {
     if (d === e.type)
       return;
-    const u = XL(n, d);
+    const u = ZL(n, d);
     e.setType(d), e.setConf(u || {});
   }, [e.type]), i = (d) => {
     try {
@@ -32678,7 +32685,7 @@ const eE = z(() => {
   }, a = L.useMemo(() => {
     var d;
     return (d = el.find((u) => u.value === e.type)) == null ? void 0 : d.Panel;
-  }, [e.type, el]), o = ZL(), l = a ? us(a, {
+  }, [e.type, el]), o = eE(), l = a ? us(a, {
     data: t,
     conf: e.conf,
     setConf: e.setConf
@@ -32687,7 +32694,7 @@ const eE = z(() => {
     height: "100%",
     overflow: "hidden"
   }, children: [
-    /* @__PURE__ */ r.jsx(JL, { submit: s, value: e.type }),
+    /* @__PURE__ */ r.jsx(XL, { submit: s, value: e.type }),
     /* @__PURE__ */ r.jsxs(He, { children: [
       /* @__PURE__ */ r.jsx(k, { pb: 10, sx: {
         flexGrow: 1,
@@ -32697,7 +32704,7 @@ const eE = z(() => {
       !c && /* @__PURE__ */ r.jsx(cl, { minRows: 20, label: "Config", value: JSON.stringify(e.conf, null, 2), onChange: i })
     ] })
   ] });
-}), tE = z(({
+}), nE = z(({
   panel: t,
   sourceViewID: e
 }) => {
@@ -32715,7 +32722,7 @@ const eE = z(() => {
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ r.jsx(Tl, { size: 14 }), children: n("panel.settings.change_view") }),
-    /* @__PURE__ */ r.jsx(we, { opened: o, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { sx: {
+    /* @__PURE__ */ r.jsx(Se, { opened: o, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -32733,7 +32740,7 @@ const eE = z(() => {
       ] })
     ] }) })
   ] });
-}), nE = {
+}), rE = {
   root: {
     flexGrow: 1,
     width: "100%",
@@ -32765,21 +32772,21 @@ const eE = z(() => {
     flexGrow: 0,
     flexShrink: 0
   }, children: [
-    /* @__PURE__ */ r.jsx(PL, {}),
+    /* @__PURE__ */ r.jsx(OL, {}),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1
-    }, children: /* @__PURE__ */ r.jsx(YL, {}) })
+    }, children: /* @__PURE__ */ r.jsx(KL, {}) })
   ] })
 ] });
-function rE(t) {
+function sE(t) {
   return !["richText", "button"].includes(t);
 }
-const sE = z(({
+const iE = z(({
   panel: t
 }) => {
   const {
     t: e
-  } = y(), n = Rt(), s = me(), i = le(), [a, o] = Q("Data"), l = t.queries, d = rE(t.viz.type) && t.dataLoading, u = d || t.queryErrors.length > 0 || t.queryStateMessages !== "" || l.length === 0, h = s.editor.path[1];
+  } = y(), n = Rt(), s = me(), i = le(), [a, o] = Q("Data"), l = t.queries, d = sE(t.viz.type) && t.dataLoading, u = d || t.queryErrors.length > 0 || t.queryStateMessages !== "" || l.length === 0, h = s.editor.path[1];
   B(() => {
     o((f) => u && f === "Visualization" ? "Data" : f);
   }, [t.id, u]);
@@ -32813,11 +32820,11 @@ const sE = z(({
     }, children: [
       /* @__PURE__ */ r.jsx(w, { pt: 9, pb: 8, children: t.name }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", noWrap: !0, children: [
-        /* @__PURE__ */ r.jsx(tE, { panel: t, sourceViewID: h }),
+        /* @__PURE__ */ r.jsx(nE, { panel: t, sourceViewID: h }),
         /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "red", onClick: p, leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 14 }), children: e("panel.delete") })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(_, { value: a, onTabChange: o, keepMounted: !1, styles: nE, children: [
+    /* @__PURE__ */ r.jsxs(_, { value: a, onTabChange: o, keepMounted: !1, styles: rE, children: [
       /* @__PURE__ */ r.jsxs(_.List, { children: [
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Data", disabled: d, children: e("data.label") }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Panel", children: e("panel.label") }),
@@ -32827,15 +32834,15 @@ const sE = z(({
       ] }),
       /* @__PURE__ */ r.jsxs(_.Panel, { value: "Data", children: [
         /* @__PURE__ */ r.jsx(In, { visible: d, exitTransitionDuration: 0 }),
-        /* @__PURE__ */ r.jsx($L, {})
+        /* @__PURE__ */ r.jsx(PL, {})
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(oi, { children: /* @__PURE__ */ r.jsx(TL, {}) }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Variables", children: /* @__PURE__ */ r.jsx(oi, { children: /* @__PURE__ */ r.jsx(UL, {}) }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Visualization", children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(oi, { children: /* @__PURE__ */ r.jsx(eE, {}) }) }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(oi, { children: /* @__PURE__ */ r.jsx(DL, {}) }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Variables", children: /* @__PURE__ */ r.jsx(oi, { children: /* @__PURE__ */ r.jsx(YL, {}) }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Visualization", children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(oi, { children: /* @__PURE__ */ r.jsx(tE, {}) }) }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Interactions", children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(yf, {}) }) })
     ] })
   ] });
-}), iE = z(({
+}), aE = z(({
   viewID: t,
   panelID: e
 }) => {
@@ -32847,12 +32854,12 @@ const sE = z(({
       "] is not found"
     ] });
   const i = n.panels.findByID(e);
-  return i ? /* @__PURE__ */ r.jsx(sE, { panel: i }) : /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
+  return i ? /* @__PURE__ */ r.jsx(iE, { panel: i }) : /* @__PURE__ */ r.jsxs(w, { size: 14, children: [
     "Panel by ID[",
     e,
     "] is not found"
   ] });
-}), aE = z(() => {
+}), oE = z(() => {
   const {
     t
   } = y(), [e, n] = Q([]), s = Rt(), i = me(), a = (m) => {
@@ -32959,7 +32966,7 @@ const sE = z(({
       }) })
     ] }) }) })
   ] });
-}), oE = (t) => {
+}), lE = (t) => {
   const {
     t: e
   } = y(), {
@@ -32990,7 +32997,7 @@ const sE = z(({
   }, children: /* @__PURE__ */ r.jsx(I, { disabled: !0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 16 }), children: e("query.delete") }) }) }) : /* @__PURE__ */ r.jsx(I, { color: "red", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 16 }), sx: {
     alignSelf: "flex-end"
   }, children: e("query.delete") });
-}, lE = z(oE), Au = ({
+}, cE = z(lE), Au = ({
   width: t = "calc(100% - 32px)",
   lastWidth: e = "50%",
   height: n,
@@ -33002,7 +33009,7 @@ const sE = z(({
   /* @__PURE__ */ r.jsx(ro, { width: e, height: n, radius: "xs" })
 ] }), mr = ({
   value: t
-}) => t === null || t === "" ? null : /* @__PURE__ */ r.jsx(xe, { label: t, disabled: !t, multiline: !0, children: /* @__PURE__ */ r.jsx(Z, { children: /* @__PURE__ */ r.jsx(Mn, { size: 14 }) }) }), cE = ({
+}) => t === null || t === "" ? null : /* @__PURE__ */ r.jsx(xe, { label: t, disabled: !t, multiline: !0, children: /* @__PURE__ */ r.jsx(Z, { children: /* @__PURE__ */ r.jsx(Mn, { size: 14 }) }) }), dE = ({
   column: t
 }) => {
   const {
@@ -33010,7 +33017,7 @@ const sE = z(({
     column_key_text: n
   } = t;
   return e ? /* @__PURE__ */ r.jsx(xe, { label: n, disabled: !n, children: /* @__PURE__ */ r.jsx(rn, { children: e }) }) : null;
-}, dE = z(({
+}, uE = z(({
   dataSource: t
 }) => {
   const {
@@ -33064,13 +33071,13 @@ const sE = z(({
       /* @__PURE__ */ r.jsx("td", { children: n.ordinal_position }),
       /* @__PURE__ */ r.jsx("td", { children: n.column_name }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(mr, { value: n.column_comment }) }),
-      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(cE, { column: n }) }),
+      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(dE, { column: n }) }),
       /* @__PURE__ */ r.jsx("td", { children: n.column_type }),
       /* @__PURE__ */ r.jsx("td", { children: n.is_nullable }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(mr, { value: n.column_default }) })
     ] }, n.column_name)) })
   ] });
-}), uE = z(({
+}), hE = z(({
   dataSource: t
 }) => {
   const {
@@ -33118,7 +33125,7 @@ const sE = z(({
       /* @__PURE__ */ r.jsx("td", { children: s.column_name })
     ] }, s.index_name)) })
   ] });
-}), hE = z(({
+}), mE = z(({
   dataSource: t
 }) => {
   const {
@@ -33171,29 +33178,29 @@ const sE = z(({
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(mr, { value: s.comment }) })
     ] }, s.index_name)) })
   ] });
-}), mE = z(({
+}), pE = z(({
   dataSource: t
 }) => {
   const {
     indexes: e
   } = t;
-  return e.loading || e.empty ? null : t.type === Me.MySQL ? /* @__PURE__ */ r.jsx(uE, { dataSource: t }) : t.type === Me.Postgresql ? /* @__PURE__ */ r.jsx(hE, { dataSource: t }) : null;
-}), pE = z(({
+  return e.loading || e.empty ? null : t.type === Le.MySQL ? /* @__PURE__ */ r.jsx(hE, { dataSource: t }) : t.type === Le.Postgresql ? /* @__PURE__ */ r.jsx(mE, { dataSource: t }) : null;
+}), xE = z(({
   dataSource: t
 }) => /* @__PURE__ */ r.jsxs(k, { spacing: 40, pt: 10, sx: {
   flexGrow: 1,
   overflow: "auto",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(dE, { dataSource: t }) }),
-  /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(mE, { dataSource: t }) })
+  /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(uE, { dataSource: t }) }),
+  /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(pE, { dataSource: t }) })
 ] }));
-function xE({
+function gE({
   table_type: t
 }) {
   return t === "VIEW" ? /* @__PURE__ */ r.jsx(Ll, { size: 14 }) : t === "BASE TABLE" ? /* @__PURE__ */ r.jsx(Gm, { size: 14 }) : null;
 }
-const gE = z(({
+const fE = z(({
   dataSource: t
 }) => {
   const {
@@ -33204,17 +33211,17 @@ const gE = z(({
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
     }
-  }, children: Object.entries(e.data).map(([n, s]) => /* @__PURE__ */ r.jsx(ci, { label: n, icon: /* @__PURE__ */ r.jsx(ys, { size: 14 }), defaultOpened: t.table_schema === n, pl: 0, childrenOffset: 14, children: s.map((i) => /* @__PURE__ */ r.jsx(ci, { label: i.table_name, icon: /* @__PURE__ */ r.jsx(xE, { table_type: i.table_type }), onClick: () => {
+  }, children: Object.entries(e.data).map(([n, s]) => /* @__PURE__ */ r.jsx(ci, { label: n, icon: /* @__PURE__ */ r.jsx(ys, { size: 14 }), defaultOpened: t.table_schema === n, pl: 0, childrenOffset: 14, children: s.map((i) => /* @__PURE__ */ r.jsx(ci, { label: i.table_name, icon: /* @__PURE__ */ r.jsx(gE, { table_type: i.table_type }), onClick: () => {
     t.setKeywords(n, i.table_name);
   }, active: t.table_name === i.table_name }, i.table_name)) }, n)) });
-}), fE = ({
+}), bE = ({
   visible: t
 }) => /* @__PURE__ */ r.jsx(M, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ r.jsx(In, { visible: t }) }), bE = [{
+}, children: /* @__PURE__ */ r.jsx(In, { visible: t }) }), yE = [{
   label: "10",
   value: "10"
 }, {
@@ -33226,7 +33233,7 @@ const gE = z(({
 }, {
   label: "100",
   value: "100"
-}], yE = {
+}], _E = {
   icon: {
     width: "50px",
     textAlign: "center"
@@ -33236,7 +33243,7 @@ const gE = z(({
       paddingLeft: "50px"
     }
   }
-}, _E = z(({
+}, vE = z(({
   dataSource: t
 }) => {
   const {
@@ -33256,8 +33263,8 @@ const gE = z(({
         {
           icon: /* @__PURE__ */ r.jsx(w, { ta: "center", color: "dimmed", size: 14, children: e("common.pagination.page_size") }),
           size: "xs",
-          styles: yE,
-          data: bE,
+          styles: _E,
+          data: yE,
           value: String(n.limit),
           onChange: (s) => n.setLimit(Number(s))
         }
@@ -33267,7 +33274,7 @@ const gE = z(({
       total: n.total
     }) }) })
   ] });
-}), vE = z(({
+}), jE = z(({
   dataSource: t
 }) => {
   const e = t.tableData;
@@ -33275,8 +33282,8 @@ const gE = z(({
     fontFamily: "monospace"
   }, children: "This table is empty" }) : e.error ? /* @__PURE__ */ r.jsx(w, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
-  }, children: e.error }) : e.page === 1 && e.loading ? /* @__PURE__ */ r.jsx(fE, { visible: !0 }) : /* @__PURE__ */ r.jsxs(He, { children: [
-    /* @__PURE__ */ r.jsx(_E, { dataSource: t }),
+  }, children: e.error }) : e.page === 1 && e.loading ? /* @__PURE__ */ r.jsx(bE, { visible: !0 }) : /* @__PURE__ */ r.jsxs(He, { children: [
+    /* @__PURE__ */ r.jsx(vE, { dataSource: t }),
     /* @__PURE__ */ r.jsxs(M, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -33287,7 +33294,7 @@ const gE = z(({
       /* @__PURE__ */ r.jsx(Ru, { data: e.data })
     ] })
   ] });
-}), jE = {
+}), wE = {
   root: {
     flexGrow: 1,
     overflow: "auto",
@@ -33299,7 +33306,7 @@ const gE = z(({
   tab: {
     minWidth: 120
   }
-}, wE = z(({
+}, SE = z(({
   dataSource: t
 }) => {
   const {
@@ -33316,21 +33323,21 @@ const gE = z(({
       flexGrow: 0,
       flexShrink: 0,
       position: "relative"
-    }, children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(gE, { dataSource: t }) }) }),
-    /* @__PURE__ */ r.jsxs(_, { defaultValue: "structure", styles: jE, children: [
+    }, children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(fE, { dataSource: t }) }) }),
+    /* @__PURE__ */ r.jsxs(_, { defaultValue: "structure", styles: wE, children: [
       /* @__PURE__ */ r.jsxs(_.List, { children: [
         /* @__PURE__ */ r.jsx(_.Tab, { value: "structure", icon: /* @__PURE__ */ r.jsx(Qm, { size: 14 }), children: e("data_source.table_structure_short") }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "data", icon: /* @__PURE__ */ r.jsx(ys, { size: 14 }), children: e("data.label") })
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "structure", children: /* @__PURE__ */ r.jsx(pE, { dataSource: t }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "structure", children: /* @__PURE__ */ r.jsx(xE, { dataSource: t }) }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "data", sx: {
         width: "100%",
         height: "calc(100% - 36px)",
         overflow: "hidden"
-      }, children: /* @__PURE__ */ r.jsx(vE, { dataSource: t }) })
+      }, children: /* @__PURE__ */ r.jsx(jE, { dataSource: t }) })
     ] })
   ] });
-}), SE = {
+}), kE = {
   modal: {
     paddingLeft: "0px !important",
     paddingRight: "0px !important"
@@ -33355,7 +33362,7 @@ const gE = z(({
     t: n
   } = y(), [s, i] = Q(!1);
   return t.type === "http" ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(we, { opened: s, onClose: () => i(!1), title: /* @__PURE__ */ r.jsxs(b, { position: "apart", sx: {
+    /* @__PURE__ */ r.jsx(Se, { opened: s, onClose: () => i(!1), title: /* @__PURE__ */ r.jsxs(b, { position: "apart", sx: {
       flexGrow: 1
     }, children: [
       /* @__PURE__ */ r.jsx(w, { fw: 500, children: n("data_source.explorer") }),
@@ -33369,20 +33376,20 @@ const gE = z(({
           to: "red"
         }, children: t.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: SE, children: /* @__PURE__ */ r.jsx(M, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: kE, children: /* @__PURE__ */ r.jsx(M, { sx: {
       height: "calc(100vh - 220px)"
-    }, children: /* @__PURE__ */ r.jsx(wE, { dataSource: t }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(SE, { dataSource: t }) }) }),
     /* @__PURE__ */ r.jsx(I, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
     }, ...e, children: n("data_source.see_table_structure") })
   ] });
-}), kE = ne(({
+}), CE = ne(({
   label: t,
   type: e,
   ...n
-}, s) => e === Me.Transform ? /* @__PURE__ */ r.jsxs(b, { className: "transform-query-option", position: "left", ref: s, ...n, sx: {
+}, s) => e === Le.Transform ? /* @__PURE__ */ r.jsxs(b, { className: "transform-query-option", position: "left", ref: s, ...n, sx: {
   '&[data-selected="true"]': {
     ".mantine-Text-root": {
       color: "white"
@@ -33397,7 +33404,7 @@ const gE = z(({
 ] }) : /* @__PURE__ */ r.jsxs(b, { position: "apart", ref: s, ...n, children: [
   /* @__PURE__ */ r.jsx(w, { children: t }),
   /* @__PURE__ */ r.jsx(w, { children: e })
-] })), CE = z(({
+] })), zE = z(({
   value: t,
   onChange: e
 }) => {
@@ -33416,8 +33423,8 @@ const gE = z(({
     }));
     return u.push({
       label: n("query.transform.data_source"),
-      value: Me.Transform,
-      type: Me.Transform
+      value: Le.Transform,
+      type: Le.Transform
     }), u;
   }, [i]), l = C(() => o.reduce((u, h) => (u[h.value] = h.type, u), {}), [o]), c = (u) => {
     u !== null && e({
@@ -33432,7 +33439,7 @@ const gE = z(({
       size: "xs",
       px: 10
     } })
-  ] }), itemComponent: kE, rightSection: d ? /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: d.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 500, styles: {
+  ] }), itemComponent: CE, rightSection: d ? /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: d.type }) : void 0, rightSectionWidth: 85, maxDropdownHeight: 500, styles: {
     root: {
       flex: 1
     },
@@ -33458,7 +33465,7 @@ const gE = z(({
     /* @__PURE__ */ r.jsx(w, { children: n }),
     /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: s })
   ] }) });
-}), zE = z(({
+}), IE = z(({
   queryModel: t
 }) => {
   const {
@@ -33479,7 +33486,7 @@ const gE = z(({
     }, rightSection: /* @__PURE__ */ r.jsx(Z, { variant: "filled", color: "blue", size: "sm", onClick: () => t.setName(n), disabled: n === t.name, children: /* @__PURE__ */ r.jsx(Oe, { size: 16 }) }), onBlur: () => {
       t.setName(n);
     } }),
-    /* @__PURE__ */ r.jsx(CE, { value: {
+    /* @__PURE__ */ r.jsx(zE, { value: {
       type: t.type,
       key: t.key
     }, onChange: ({
@@ -33492,18 +33499,18 @@ const gE = z(({
     /* @__PURE__ */ r.jsx(Wn, { label: e("query.run_by_condition.label"), placeholder: e("query.run_by_condition.unset"), data: t.conditionOptions, value: [...t.run_by], onChange: t.setRunBy, itemComponent: tl, maxDropdownHeight: 500 }),
     t.typedAsHTTP && /* @__PURE__ */ r.jsx(Wn, { label: e("query.re_run_condition.label"), placeholder: e("query.re_run_condition.label"), data: t.conditionOptions, value: [...t.react_to], onChange: t.setReactTo, itemComponent: tl, maxDropdownHeight: 500 }),
     /* @__PURE__ */ r.jsx(A, { mt: 20, mb: 10, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(lE, { queryModel: t })
+    /* @__PURE__ */ r.jsx(cE, { queryModel: t })
   ] }) });
 });
-function IE({
+function TE({
   content: t
 }) {
-  return /* @__PURE__ */ r.jsxs(Ie, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(Z, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(Ll, {}) }) }),
-    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(sn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
+  return /* @__PURE__ */ r.jsxs(Te, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(Z, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(Ll, {}) }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(sn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
   ] });
 }
-const TE = z(() => {
+const DE = z(() => {
   const e = [...me().globalSQLSnippets.list];
   return e.length === 0 ? null : /* @__PURE__ */ r.jsxs(Pe, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -33517,11 +33524,11 @@ const TE = z(() => {
       } = n;
       return /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("td", { children: s }),
-        /* @__PURE__ */ r.jsx("td", { width: 200, children: /* @__PURE__ */ r.jsx(IE, { content: i }) })
+        /* @__PURE__ */ r.jsx("td", { width: 200, children: /* @__PURE__ */ r.jsx(TE, { content: i }) })
       ] }, s);
     }) })
   ] });
-}), DE = `
+}), ME = `
 -- You may reference query variables in SQL or VizConfig.
 SELECT *
 FROM commit
@@ -33561,13 +33568,13 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r.jsx(sn, { language: "sql", sx: {
       width: "100%"
-    }, noCopy: !0, colorScheme: "dark", children: DE }) }),
+    }, noCopy: !0, colorScheme: "dark", children: ME }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r.jsx(sn, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: l }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(k, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(ms, { icon: /* @__PURE__ */ r.jsx(lo, { size: 16 }), title: s("global_sql_snippet.labels"), children: s("global_sql_snippet.description") }),
-      /* @__PURE__ */ r.jsx(TE, {})
+      /* @__PURE__ */ r.jsx(DE, {})
     ] }) })
   ] }) });
 }), Ma = z(() => {
@@ -33575,7 +33582,7 @@ WHERE
     t
   } = y(), [e, n] = Q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(we, { opened: e, onClose: () => n(!1), title: t("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r.jsx(Pu, {}) }),
+    /* @__PURE__ */ r.jsx(Se, { opened: e, onClose: () => n(!1), title: t("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r.jsx(Pu, {}) }),
     /* @__PURE__ */ r.jsx(I, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
@@ -33585,9 +33592,9 @@ WHERE
 }), nl = {
   pre: ["function build_request({ context, filters }, utils) {", "    // build the quest", "    return { method: 'POST', url: '/', params: {}, headers: {}, data: {} }", "}"].join(`
 `),
-  post: ["function process_result(res, utils, state) {", "    // your code goes here", "    return data", "}"].join(`
+  post: ["function process_result(resp, utils, state) {", "    return resp.data", "}"].join(`
 `)
-}, ME = z(({
+}, LE = z(({
   queryModel: t
 }) => {
   const {
@@ -33606,7 +33613,7 @@ WHERE
     }, p: "sm", children: /* @__PURE__ */ r.jsx(Un, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: nl.pre }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(Un, { label: "", value: t.post_process, onChange: t.setPostProcess, defaultValue: nl.post }) })
   ] }) : null;
-}), LE = z(({
+}), EE = z(({
   queryID: t,
   usage: e
 }) => {
@@ -33668,15 +33675,15 @@ WHERE
     readOnly: o || !e,
     "semanticHighlighting.enabled": !0
   } });
-}, EE = z(({
+}, RE = z(({
   queryModel: t
 }) => {
   const {
     t: e
   } = y(), n = C(() => S.groupBy(t.dependencies, "type"), [t.dependencies]), s = C(() => t.dependencies.some((a) => !a.valid), [t.dependencies]), i = t.dependencies.length > 0;
-  return i ? /* @__PURE__ */ r.jsxs(Ie, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
-    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(Dl, { size: 16 }) : /* @__PURE__ */ r.jsx(Km, { size: 16 }), children: e("query.dependency.label") }) }),
-    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ct.Item, { children: [
+  return i ? /* @__PURE__ */ r.jsxs(Te, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(Dl, { size: 16 }) : /* @__PURE__ */ r.jsx(Km, { size: 16 }), children: e("query.dependency.label") }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ct.Item, { children: [
       /* @__PURE__ */ r.jsx(w, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
       /* @__PURE__ */ r.jsx(ct, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
@@ -33694,7 +33701,7 @@ WHERE
   } }), sx: {
     transform: "none !important"
   }, children: e("query.dependency.label") }) });
-}), RE = "SELECT 1", AE = z(({
+}), AE = "SELECT 1", $E = z(({
   queryModel: t
 }) => {
   const {
@@ -33704,7 +33711,7 @@ WHERE
   }, a = () => {
     s(t.sql);
   }, o = () => {
-    s(RE);
+    s(AE);
   };
   B(() => {
     s(t.sql);
@@ -33717,7 +33724,7 @@ WHERE
       flexShrink: 0,
       flexGrow: 0
     }, children: [
-      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(EE, { queryModel: t }) }),
+      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(RE, { queryModel: t }) }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(Cl, { size: 16 }), children: e("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsx(I, { onClick: a, color: "red", size: "xs", disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(Sr, { size: 16 }), children: e("common.actions.revert_changes") }),
@@ -33726,7 +33733,7 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(La, { height: "100%", value: n, onChange: s, theme: "sql-dark", defaultLanguage: "sql" })
   ] });
-}), $E = ({
+}), PE = ({
   value: t,
   height: e = "200px",
   defaultLanguage: n = "sql"
@@ -33739,17 +33746,17 @@ WHERE
     enabled: !1
   },
   readOnly: !0
-} }), PE = z(({
+} }), OE = z(({
   value: t
 }) => {
   const n = Fe().payloadForSQL, s = L.useMemo(() => Ri(t, n), [t, n]);
-  return /* @__PURE__ */ r.jsx($E, { height: "100%", value: s });
+  return /* @__PURE__ */ r.jsx(PE, { height: "100%", value: s });
 }), rl = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
 `),
   post: ["function process_result(data, utils, state) {", "    // process data and return the result", "    return data", "}"].join(`
 `)
-}, OE = z(({
+}, FE = z(({
   queryModel: t
 }) => {
   const {
@@ -33774,18 +33781,18 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Edit", sx: {
       position: "relative"
-    }, p: "sm", children: /* @__PURE__ */ r.jsx(AE, { queryModel: t }) }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ r.jsx(PE, { value: t.sql }) }),
+    }, p: "sm", children: /* @__PURE__ */ r.jsx($E, { queryModel: t }) }),
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ r.jsx(OE, { value: t.sql }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "pre_process", sx: {
       position: "relative"
     }, p: "sm", children: /* @__PURE__ */ r.jsx(Un, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: rl.pre }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(Un, { label: "", value: t.post_process, onChange: t.setPostProcess, defaultValue: rl.post }) })
   ] }) : null;
-}), FE = {
+}), VE = {
   pre: ["function transform(queries, state, utils) {", "    // use queries & dashboar state to build new data", "    const data = []", "    return data", "}"].join(`
 `),
   post: ""
-}, VE = z(({
+}, qE = z(({
   queryModel: t
 }) => {
   const {
@@ -33799,13 +33806,13 @@ WHERE
     /* @__PURE__ */ r.jsx(w, { size: "sm", children: e("query.transform.guide.write_function") }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1
-    }, children: /* @__PURE__ */ r.jsx(Un, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: FE.pre }) })
+    }, children: /* @__PURE__ */ r.jsx(Un, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: VE.pre }) })
   ] }) : null;
 }), lr = {
   height: "calc(100% - 44px)",
   // Tabs.List
   padding: 0
-}, qE = z(({
+}, NE = z(({
   queryModel: t
 }) => {
   const {
@@ -33826,16 +33833,16 @@ WHERE
       /* @__PURE__ */ r.jsx(_.Tab, { value: "Data", disabled: !t.canPreviewData, children: /* @__PURE__ */ r.jsx(xe, { label: t.guideToPreviewData, disabled: t.canPreviewData, withinPortal: !0, children: /* @__PURE__ */ r.jsx(w, { children: e("data.preview_data") }) }) }),
       /* @__PURE__ */ r.jsx(_.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ r.jsx(xe, { label: e("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ r.jsx(w, { children: e("query.usage.label") }) }) })
     ] }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx(zE, { queryModel: t }) }),
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ r.jsx(IE, { queryModel: t }) }),
     t.typedAsSQL && /* @__PURE__ */ r.jsx(_.Panel, { value: "SQL", sx: lr, children: /* @__PURE__ */ r.jsx(k, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r.jsx(OE, { queryModel: t }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(FE, { queryModel: t }) }) }),
     t.typedAsHTTP && /* @__PURE__ */ r.jsx(_.Panel, { value: "HTTP", sx: lr, children: /* @__PURE__ */ r.jsx(k, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r.jsx(ME, { queryModel: t }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(LE, { queryModel: t }) }) }),
     t.isTransform && /* @__PURE__ */ r.jsx(_.Panel, { value: "Transform", sx: lr, children: /* @__PURE__ */ r.jsx(k, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ r.jsx(VE, { queryModel: t }) }) }),
+    }, children: /* @__PURE__ */ r.jsx(qE, { queryModel: t }) }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Data", sx: {
       ...lr,
       overflow: "hidden"
@@ -33843,19 +33850,19 @@ WHERE
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Usage", sx: {
       ...lr,
       overflow: "hidden"
-    }, children: /* @__PURE__ */ r.jsx(LE, { queryID: t.id, usage: o }) })
+    }, children: /* @__PURE__ */ r.jsx(EE, { queryID: t.id, usage: o }) })
   ] });
-}), NE = z(({
+}), BE = z(({
   id: t
 }) => {
   const n = le().queries.findByID(t);
-  return t === "" ? null : n ? /* @__PURE__ */ r.jsx(qE, { queryModel: n }) : /* @__PURE__ */ r.jsx(w, { size: 14, color: "red", children: "Invalid Query ID" });
-}), BE = z(({
+  return t === "" ? null : n ? /* @__PURE__ */ r.jsx(NE, { queryModel: n }) : /* @__PURE__ */ r.jsx(w, { size: 14, color: "red", children: "Invalid Query ID" });
+}), WE = z(({
   value: t
 }) => {
   const n = Fe().payloadForSQL, s = C(() => Ri(t, n), [t, n]);
   return /* @__PURE__ */ r.jsx(La, { height: "100%", value: s });
-}), WE = z(({
+}), GE = z(({
   item: t,
   remove: e,
   onKeyChanged: n
@@ -33929,10 +33936,10 @@ WHERE
         }, children: /* @__PURE__ */ r.jsx(Ut, { size: 18 }) })
       ] }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ r.jsx(La, { height: "100%", value: h, onChange: m, defaultLanguage: "sql", theme: "sql-dark" }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ r.jsx(BE, { value: h }) })
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ r.jsx(WE, { value: h }) })
     ] })
   ] });
-}), GE = z(({
+}), QE = z(({
   id: t
 }) => {
   const e = me(), n = le(), s = C(() => n.sqlSnippets.findByKey(t), [t]);
@@ -33951,8 +33958,8 @@ WHERE
   }, o = (l) => {
     e.editor.setPath(["_SQL_SNIPPETS_", l]);
   };
-  return /* @__PURE__ */ r.jsx(WE, { item: s, remove: a, onKeyChanged: o });
-}), QE = z(() => {
+  return /* @__PURE__ */ r.jsx(GE, { item: s, remove: a, onKeyChanged: o });
+}), HE = z(() => {
   const {
     t
   } = y(), [e, n] = Q([]), s = Rt(), i = me(), a = (m) => {
@@ -34048,9 +34055,9 @@ WHERE
       }) })
     ] }) }) })
   ] });
-}), HE = z(({
+}), UE = z(({
   view: t
-}) => !t || t.type !== W.Division ? null : /* @__PURE__ */ r.jsx(k, {})), UE = z(({
+}) => !t || t.type !== W.Division ? null : /* @__PURE__ */ r.jsx(k, {})), YE = z(({
   view: t
 }) => {
   const {
@@ -34081,7 +34088,7 @@ WHERE
     /* @__PURE__ */ r.jsx(F, { label: e("common.tabs.orientation.label"), value: a.orientation, onChange: a.setOrientation, data: i }),
     /* @__PURE__ */ r.jsx(qe, { label: e("common.tabs.grow_tabs"), checked: a.grow, onChange: (o) => a.setGrow(o.currentTarget.checked) })
   ] });
-}), YE = ({
+}), KE = ({
   disabled: t,
   value: e,
   onChange: n
@@ -34100,7 +34107,7 @@ WHERE
       readOnly: t
     } })
   ] });
-}, KE = ({
+}, JE = ({
   value: t,
   onChange: e
 }) => {
@@ -34138,9 +34145,9 @@ WHERE
     /* @__PURE__ */ r.jsx(Z, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: i, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ r.jsx(kl, { size: 14 }) }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: n("view.component.modal.custom_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("view.component.modal.custom_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(ee, { mt: 10, label: n("common.enabled"), checked: o.enabled, onChange: (p) => c(p.currentTarget.checked) }),
-      /* @__PURE__ */ r.jsx(YE, { value: o.func_content, onChange: h, disabled: !o.enabled }),
+      /* @__PURE__ */ r.jsx(KE, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: m, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.revert") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
@@ -34150,7 +34157,7 @@ WHERE
       ] })
     ] }) })
   ] });
-}, JE = z(({
+}, XE = z(({
   view: t
 }) => {
   const {
@@ -34165,20 +34172,20 @@ WHERE
       /* @__PURE__ */ r.jsx(D, { label: e("view.component.modal.title"), value: s, onChange: S.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r.jsx(KE, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
+      /* @__PURE__ */ r.jsx(JE, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(D, { label: e("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
       /* @__PURE__ */ r.jsx(D, { label: e("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
-}), XE = z(({
+}), ZE = z(({
   view: t
 }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  /* @__PURE__ */ r.jsx(HE, { view: t }),
-  /* @__PURE__ */ r.jsx(JE, { view: t }),
-  /* @__PURE__ */ r.jsx(UE, { view: t })
-] })), ZE = z(({
+  /* @__PURE__ */ r.jsx(UE, { view: t }),
+  /* @__PURE__ */ r.jsx(XE, { view: t }),
+  /* @__PURE__ */ r.jsx(YE, { view: t })
+] })), eR = z(({
   view: t
 }) => {
   const {
@@ -34201,9 +34208,9 @@ WHERE
       t.setName(i.currentTarget.value);
     } }),
     /* @__PURE__ */ r.jsx(F, { label: e("common.type"), withinPortal: !0, zIndex: 320, value: t.type, onChange: t.setType, data: s }),
-    /* @__PURE__ */ r.jsx(XE, { view: t })
+    /* @__PURE__ */ r.jsx(ZE, { view: t })
   ] }) : null;
-}), eR = z(({
+}), tR = z(({
   id: t
 }) => {
   const {
@@ -34243,45 +34250,45 @@ WHERE
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(ZE, { view: a }) })
+    }, children: /* @__PURE__ */ r.jsx(eR, { view: a }) })
   ] });
 });
-function tR(t) {
+function nR(t) {
   return t.length === 1 && t[0] === "_QUERY_VARS_";
 }
-function nR(t) {
+function rR(t) {
   return t.length === 1 && t[0] === "_MOCK_CONTEXT_";
 }
-function rR(t) {
+function sR(t) {
   return t.length === 1 && t[0] === "_FILTERS_";
 }
-function sR(t) {
+function iR(t) {
   return t.length === 2 && t[0] === "_FILTERS_";
 }
-function iR(t) {
+function aR(t) {
   return t.length === 1 && t[0] === "_SQL_SNIPPETS_";
 }
-function aR(t) {
+function oR(t) {
   return t.length === 2 && t[0] === "_SQL_SNIPPETS_";
 }
-function oR(t) {
+function lR(t) {
   return t.length === 2 && t[0] === "_QUERIES_";
 }
-function lR(t) {
+function cR(t) {
   return t.length === 1 && t[0] === "_QUERIES_";
 }
-function cR(t) {
+function dR(t) {
   return t.length === 2 && t[0] === "_VIEWS_";
 }
-function dR(t) {
+function uR(t) {
   return t.length === 4 && t[0] === "_VIEWS_" && t[2] === "_PANELS_";
 }
-const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
+const hR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
   height: "100%"
-}, p: "sm", children: /* @__PURE__ */ r.jsx(Pu, {}) })), hR = z(() => {
+}, p: "sm", children: /* @__PURE__ */ r.jsx(Pu, {}) })), mR = z(() => {
   const t = me().editor, e = t.path;
-  return tR(e) ? /* @__PURE__ */ r.jsx(uR, {}) : nR(e) ? /* @__PURE__ */ r.jsx(wL, {}) : rR(e) ? /* @__PURE__ */ r.jsx(jL, {}) : sR(e) ? /* @__PURE__ */ r.jsx(M, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(vL, { id: e[1] }) }) : iR(e) ? /* @__PURE__ */ r.jsx(QE, {}) : aR(e) ? /* @__PURE__ */ r.jsx(GE, { id: e[1] }) : lR(e) ? /* @__PURE__ */ r.jsx(aE, {}) : oR(e) ? /* @__PURE__ */ r.jsx(NE, { id: e[1] }) : cR(e) ? /* @__PURE__ */ r.jsx(M, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(eR, { id: e[1] }) }) : dR(e) ? /* @__PURE__ */ r.jsx(iE, { viewID: e[1], panelID: e[3] }) : /* @__PURE__ */ r.jsx(M, { children: t.path });
-}), mR = z(() => /* @__PURE__ */ r.jsx(hR, {})), pR = z(() => {
+  return nR(e) ? /* @__PURE__ */ r.jsx(hR, {}) : rR(e) ? /* @__PURE__ */ r.jsx(SL, {}) : sR(e) ? /* @__PURE__ */ r.jsx(wL, {}) : iR(e) ? /* @__PURE__ */ r.jsx(M, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(jL, { id: e[1] }) }) : aR(e) ? /* @__PURE__ */ r.jsx(HE, {}) : oR(e) ? /* @__PURE__ */ r.jsx(QE, { id: e[1] }) : cR(e) ? /* @__PURE__ */ r.jsx(oE, {}) : lR(e) ? /* @__PURE__ */ r.jsx(BE, { id: e[1] }) : dR(e) ? /* @__PURE__ */ r.jsx(M, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(tR, { id: e[1] }) }) : uR(e) ? /* @__PURE__ */ r.jsx(aE, { viewID: e[1], panelID: e[3] }) : /* @__PURE__ */ r.jsx(M, { children: t.path });
+}), pR = z(() => /* @__PURE__ */ r.jsx(mR, {})), xR = z(() => {
   const {
     t
   } = y(), e = me(), n = () => {
@@ -34290,7 +34297,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       key: s,
       label: s,
       order: e.content.filters.current.length + 1,
-      type: Re.TextInput,
+      type: be.TextInput,
       config: Gd(),
       visibleInViewsIDs: ["Main"],
       auto_submit: !1
@@ -34305,7 +34312,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("filter.add") });
-}), xR = z(({
+}), gR = z(({
   parentID: t
 }) => {
   const {
@@ -34322,14 +34329,14 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: e("panel.add") });
-}), gR = z(() => {
+}), fR = z(() => {
   const {
     t
   } = y(), e = me(), n = () => {
     const s = (/* @__PURE__ */ new Date()).getTime().toString(), i = {
       id: s,
       name: s,
-      type: Me.Postgresql,
+      type: Le.Postgresql,
       key: "",
       sql: ""
     };
@@ -34343,7 +34350,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("query.add") });
-}), fR = z(() => {
+}), bR = z(() => {
   const {
     t
   } = y(), e = me(), n = () => {
@@ -34361,7 +34368,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("sql_snippet.add") });
-}), bR = z(() => {
+}), yR = z(() => {
   const {
     t
   } = y(), e = le();
@@ -34373,7 +34380,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("view.add") });
-}), yR = z(() => {
+}), _R = z(() => {
   const {
     t
   } = y(), e = me();
@@ -34386,7 +34393,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "space-between"
     }
   }, children: t("query.manage") });
-}), _R = z(() => {
+}), vR = z(() => {
   const {
     t
   } = y(), e = me();
@@ -34399,7 +34406,7 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "space-between"
     }
   }, children: t("sql_snippet.manage") });
-}), vR = z(() => {
+}), jR = z(() => {
   const {
     t
   } = y(), e = me();
@@ -34412,10 +34419,10 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "space-between"
     }
   }, children: t("filter.manage") });
-}), jR = z(({
+}), wR = z(({
   action_type: t,
   parentID: e
-}) => t === "_Add_A_Filter_" ? /* @__PURE__ */ r.jsx(pR, {}) : t === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ r.jsx(fR, {}) : t === "_Add_A_QUERY_" ? /* @__PURE__ */ r.jsx(gR, {}) : t === "_Add_A_VIEW_" ? /* @__PURE__ */ r.jsx(bR, {}) : t === "_Add_A_PANEL_" ? /* @__PURE__ */ r.jsx(xR, { parentID: e }) : t === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ r.jsx(yR, {}) : t === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ r.jsx(_R, {}) : t === "_FILTERS_SETTINGS_" ? /* @__PURE__ */ r.jsx(vR, {}) : null), Ou = z(({
+}) => t === "_Add_A_Filter_" ? /* @__PURE__ */ r.jsx(xR, {}) : t === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ r.jsx(bR, {}) : t === "_Add_A_QUERY_" ? /* @__PURE__ */ r.jsx(fR, {}) : t === "_Add_A_VIEW_" ? /* @__PURE__ */ r.jsx(yR, {}) : t === "_Add_A_PANEL_" ? /* @__PURE__ */ r.jsx(gR, { parentID: e }) : t === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ r.jsx(_R, {}) : t === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ r.jsx(vR, {}) : t === "_FILTERS_SETTINGS_" ? /* @__PURE__ */ r.jsx(jR, {}) : null), Ou = z(({
   option: t
 }) => {
   var u;
@@ -34424,13 +34431,13 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
   } = y(), n = me().editor, s = n.isOptionActive, i = s(n.path, t), a = n.isOptionOpened, o = n.navigate, l = a(t), [c, d] = Q(l);
   return B(() => {
     d(l);
-  }, [l]), /* @__PURE__ */ r.jsx(ci, { active: i, defaultOpened: l, opened: c, onChange: d, label: e(t.label), onClick: () => o(t), icon: t.Icon ? /* @__PURE__ */ r.jsx(t.Icon, { size: 18 }) : null, children: (u = t.children) == null ? void 0 : u.map((h) => h._type === "ACTION" ? /* @__PURE__ */ r.jsx(jR, { action_type: h._action_type, parentID: h.parentID }, `_ADD_${h.value}_`) : /* @__PURE__ */ r.jsx(Ou, { option: h }, h.value)) }, t.label);
-}), wR = z(() => {
+  }, [l]), /* @__PURE__ */ r.jsx(ci, { active: i, defaultOpened: l, opened: c, onChange: d, label: e(t.label), onClick: () => o(t), icon: t.Icon ? /* @__PURE__ */ r.jsx(t.Icon, { size: 18 }) : null, children: (u = t.children) == null ? void 0 : u.map((h) => h._type === "ACTION" ? /* @__PURE__ */ r.jsx(wR, { action_type: h._action_type, parentID: h.parentID }, `_ADD_${h.value}_`) : /* @__PURE__ */ r.jsx(Ou, { option: h }, h.value)) }, t.label);
+}), SR = z(() => {
   const t = me();
   return /* @__PURE__ */ r.jsx(M, { sx: {
     position: "relative"
   }, children: t.editor.navOptions.map((e) => /* @__PURE__ */ r.jsx(Ou, { option: e }, e.value)) });
-}), SR = z(() => {
+}), kR = z(() => {
   const {
     t
   } = y(), e = me();
@@ -34455,12 +34462,12 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     }, children: t("common.titles.settings") }) }),
     /* @__PURE__ */ r.jsx(Bt.Section, { grow: !0, sx: {
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(wR, {}) }),
+    }, children: /* @__PURE__ */ r.jsx(SR, {}) }),
     /* @__PURE__ */ r.jsx(Bt.Section, { children: /* @__PURE__ */ r.jsx(b, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Ml, { size: 18 }), onClick: () => e.editor.close(), children: t("common.actions.close") }) }) })
   ] });
-}), kR = {
+}), CR = {
   root: {
     height: "100vh",
     display: "flex",
@@ -34482,9 +34489,9 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     paddingTop: 0,
     height: "100vh"
   }
-}, CR = z(() => {
+}, zR = z(() => {
   const t = me().editor;
-  return /* @__PURE__ */ r.jsx(we, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionProps: {
+  return /* @__PURE__ */ r.jsx(Se, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionProps: {
     duration: 0
   }, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
     body: {
@@ -34494,14 +34501,14 @@ const uR = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       // @ts-expect-error important
       overflowY: "hidden !important"
     }
-  }, children: /* @__PURE__ */ r.jsx(ul, { padding: 0, navbar: /* @__PURE__ */ r.jsx(SR, {}), styles: kR, children: /* @__PURE__ */ r.jsx(mR, {}) }) });
-}), zR = (t) => t.replace(/([^:])(\/\/+)/g, "$1/");
-function IR(t) {
+  }, children: /* @__PURE__ */ r.jsx(ul, { padding: 0, navbar: /* @__PURE__ */ r.jsx(kR, {}), styles: CR, children: /* @__PURE__ */ r.jsx(pR, {}) }) });
+}), IR = (t) => t.replace(/([^:])(\/\/+)/g, "$1/");
+function TR(t) {
   B(() => {
     if (Us.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
-    const n = zR(t);
+    const n = IR(t);
     Us.config({
       paths: {
         vs: n
@@ -34511,7 +34518,7 @@ function IR(t) {
 }
 ic();
 ac();
-const TR = {
+const DR = {
   root: {
     height: "100vh",
     display: "flex",
@@ -34529,7 +34536,7 @@ const TR = {
     // main header & sub header
     height: "100vh"
   }
-}, DR = ({
+}, MR = ({
   context: t,
   dashboard: e,
   content: n,
@@ -34543,7 +34550,7 @@ const TR = {
   onExit: u,
   lang: h
 }, m) => {
-  IR(a.monacoPath), rc(a);
+  TR(a.monacoPath), rc(a);
   const {
     data: p = []
   } = Sn(Pi), {
@@ -34583,12 +34590,12 @@ const TR = {
   }, children: /* @__PURE__ */ r.jsx(mc, { value: v, children: /* @__PURE__ */ r.jsx(bc, { value: v.content, children: /* @__PURE__ */ r.jsx(Vi.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ r.jsx(Ft.Provider, { value: E, children: /* @__PURE__ */ r.jsxs($s, { configure: $, children: [
-    /* @__PURE__ */ r.jsx(ul, { padding: 0, header: /* @__PURE__ */ r.jsx(EM, { onExit: u, saveDashboardChanges: T, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(aL, {}), styles: TR, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
+    /* @__PURE__ */ r.jsx(ul, { padding: 0, header: /* @__PURE__ */ r.jsx(EM, { onExit: u, saveDashboardChanges: T, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(aL, {}), styles: DR, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
       position: "relative"
     }, children: v.content.views.visibleViews.map((V) => /* @__PURE__ */ r.jsx(ND, { view: V }, V.id)) }) }),
-    /* @__PURE__ */ r.jsx(CR, {})
+    /* @__PURE__ */ r.jsx(zR, {})
   ] }) }) }) }) }) }) }) }) });
-}, L2 = z(ne(DR));
+}, E2 = z(ne(MR));
 const Fu = x.model({
   id: x.string,
   name: x.string,
@@ -34630,7 +34637,7 @@ const Fu = x.model({
     return this.json.content;
   },
   get payloadForSQL() {
-    const e = Le(t).context.current, n = Le(t).globalSQLSnippets, s = {
+    const e = Ee(t).context.current, n = Ee(t).globalSQLSnippets, s = {
       context: {
         ...t.mock_context.current,
         ...e
@@ -34644,7 +34651,7 @@ const Fu = x.model({
     };
   },
   get payloadForViz() {
-    const e = Le(t).context.current;
+    const e = Ee(t).context.current;
     return {
       context: {
         ...t.mock_context.current,
@@ -34692,7 +34699,7 @@ const Fu = x.model({
   //   setupAutoSave();
   // },
 }));
-function MR({
+function LR({
   id: t,
   name: e,
   dashboard_id: n,
@@ -34735,7 +34742,7 @@ function MR({
     }
   });
 }
-const LR = x.model({
+const ER = x.model({
   id: x.identifier,
   name: x.string,
   group: x.string,
@@ -34745,18 +34752,18 @@ const LR = x.model({
   globalSQLSnippets: Xd,
   context: ka
 });
-function ER({
+function RR({
   id: t,
   name: e,
   group: n,
   content_id: s
 }, i, a, o, l, c) {
-  return LR.create({
+  return ER.create({
     id: t,
     name: e,
     group: n,
     content_id: s,
-    content: MR(i, l, c),
+    content: LR(i, l, c),
     datasources: {
       list: a
     },
@@ -34768,7 +34775,7 @@ function ER({
 }
 ic();
 ac();
-const RR = ({
+const AR = ({
   context: t,
   dashboard: e,
   content: n,
@@ -34785,7 +34792,7 @@ const RR = ({
     data: u = []
   } = Sn(Pi), {
     data: h = []
-  } = Sn(oc), m = L.useMemo(() => ER(e, n, u, h, t, l ?? {}), [e, n]);
+  } = Sn(oc), m = L.useMemo(() => RR(e, n, u, h, t, l ?? {}), [e, n]);
   zu(m.content, !1), L.useEffect(() => {
     m.context.replace(t);
   }, [t]), L.useEffect(() => {
@@ -34817,7 +34824,7 @@ const RR = ({
   }, children: /* @__PURE__ */ r.jsx(Vi.Provider, { value: {
     inEditMode: !1
   }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Ft.Provider, { value: p, children: /* @__PURE__ */ r.jsx($s, { configure: f, children: m.content.views.visibleViews.map((v) => /* @__PURE__ */ r.jsx(za, { view: v }, v.id)) }) }) }) }) }) }) }) }) }) }) });
-}, E2 = z(RR);
+}, R2 = z(AR);
 P.extend(Ip);
 P.extend(Tp);
 P.extend(Dp);
@@ -34855,7 +34862,7 @@ P.tz.setDefault("UTC");
 P.updateLocale("en", {
   weekStart: 1
 });
-const R2 = () => Promise.resolve().then(() => og).then(({
+const A2 = () => Promise.resolve().then(() => og).then(({
   version: t
 }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
@@ -34868,24 +34875,24 @@ export {
   Si as DEFAULT_CUSTOM_MODAL_TITLE,
   wx as DashboardApiClient,
   Sx as DashboardApiFacadeClient,
-  L2 as DashboardEditor,
-  Re as DashboardFilterType,
+  E2 as DashboardEditor,
+  be as DashboardFilterType,
   BD as DashboardMode,
   uM as DashboardModel,
   mc as DashboardModelContextProvider,
-  LR as DashboardRenderModel,
+  ER as DashboardRenderModel,
   gc as DashboardThemeContextProvider,
   ND as DashboardViewEditor,
   za as DashboardViewRender,
   Jd as DataSourceMetaModel,
-  Me as DataSourceType,
+  Le as DataSourceType,
   QT as DataSourcesMetaModel,
   Sc as DatesProvider,
   jx as DefaultApiClient,
   pu as DescriptionPopover,
   rD as DraftModel,
   W as EViewComponentType,
-  z2 as FacadeApiClient,
+  I2 as FacadeApiClient,
   Fd as FilterCheckboxConfigMeta,
   qd as FilterDateRangeConfigMeta,
   Hd as FilterMeta,
@@ -34923,15 +34930,15 @@ export {
   zT as QueryMeta,
   HD as QueryModel,
   du as QueryRenderModel,
-  E2 as ReadOnlyDashboard,
+  R2 as ReadOnlyDashboard,
   DT as SQLSnippetMeta,
   tD as SQLSnippetRenderModel,
   YD as SQLSnippetsModel,
   mu as SQLSnippetsRenderModel,
   ST as VariableMeta,
   WD as ViewComponentTypeBackground,
-  D2 as ViewComponentTypeColor,
-  T2 as ViewComponentTypeName,
+  M2 as ViewComponentTypeColor,
+  D2 as ViewComponentTypeName,
   Ud as ViewDivisionConfig,
   GT as ViewMeta,
   Yd as ViewModalConfig,
@@ -34940,13 +34947,13 @@ export {
   lM as ViewsModel,
   tu as ViewsRenderModel,
   mD as Viz,
-  M2 as applyPartialDashboard,
+  L2 as applyPartialDashboard,
   rc as configureAPIClient,
   dM as createContentModel,
-  MR as createContentRenderModel,
+  LR as createContentRenderModel,
   Zd as createContextMeta,
   hM as createDashboardModel,
-  ER as createDashboardRenderModel,
+  RR as createDashboardRenderModel,
   sD as createDraft,
   MT as createFilterCheckboxConfig,
   ET as createFilterDateRangeConfig,
@@ -34966,8 +34973,8 @@ export {
   nD as getInitialSQLSnippetsRenderModel,
   UT as getInitialViewsRenderModel,
   JT as getNewPanel,
-  R2 as getVersion,
-  I2 as initialDashboardContent,
+  A2 as getVersion,
+  T2 as initialDashboardContent,
   pc as useDashboardContext,
   mg as useDashboardThemeContext,
   le as useEditContentModelContext,