@devtable/dashboard 9.8.0 → 9.9.0

package/dist/dashboard.es.js

@@ -2,13 +2,13 @@ var Dc = Object.defineProperty;
 var Lc = (e, t, r) => t in e ? Dc(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var j = (e, t, r) => (Lc(e, typeof t != "symbol" ? t + "" : t, r), r);
 import $, { useEffect as q, createContext as To, useMemo as L, useState as U, forwardRef as ke, useCallback as He, useContext as bt, useRef as Do, createElement as sr, memo as Ic } from "react";
-import { Box as O, Text as C, Button as I, Checkbox as ve, Group as v, Tooltip as Ee, createStyles as un, Stack as S, Badge as In, CloseButton as Lo, Select as E, TextInput as z, Modal as Te, ActionIcon as H, Menu as Ve, Divider as A, Switch as Ye, NumberInput as re, useMantineTheme as Io, ColorInput as Ai, ColorSwatch as jr, Slider as $c, Overlay as Vt, Tabs as b, Center as Ut, CheckIcon as zc, MANTINE_SIZES as Mc, SimpleGrid as Yt, SegmentedControl as Ac, Textarea as Rc, Collapse as Ri, HoverCard as Tt, Table as Ft, Popover as Or, LoadingOverlay as Xt, NativeSelect as Ec, Flex as En, MultiSelect as lr, Paper as Ei, Code as Ya, Alert as Oc, Header as Vc, ThemeIcon as Vr, List as Ha, UnstyledButton as Fc, Navbar as kt, JsonInput as $o, Radio as Qa, Skeleton as Ua, NavLink as Gr, Pagination as Pc, Anchor as Xa, AppShell as zo } from "@mantine/core";
+import { Box as V, Text as C, Button as I, Checkbox as ve, Group as v, Tooltip as Ee, createStyles as un, Stack as S, Badge as In, CloseButton as Lo, Select as E, TextInput as z, Modal as Te, ActionIcon as H, Menu as Oe, Divider as A, Switch as Ye, NumberInput as re, useMantineTheme as Io, ColorInput as Ai, ColorSwatch as jr, Slider as $c, Overlay as Ot, Tabs as b, Center as Ut, CheckIcon as zc, MANTINE_SIZES as Mc, SimpleGrid as Yt, SegmentedControl as Ac, Textarea as Rc, Collapse as Ri, HoverCard as Tt, Table as Ft, Popover as Vr, LoadingOverlay as Xt, NativeSelect as Ec, Flex as En, MultiSelect as lr, Paper as Ei, Code as Ya, Alert as Vc, Header as Oc, ThemeIcon as Or, List as Ha, UnstyledButton as Fc, Navbar as kt, JsonInput as $o, Radio as Qa, Skeleton as Ua, NavLink as Gr, Pagination as Pc, Anchor as Xa, AppShell as zo } from "@mantine/core";
 import { useModals as Dt, ModalsProvider as Mo } from "@mantine/modals";
-import { useCreation as dt, usePrevious as Bc, useBoolean as Xe, useLatest as Za, useRequest as On, useAsyncEffect as Vn } from "ahooks";
+import { useCreation as dt, usePrevious as Nc, useBoolean as Xe, useLatest as Za, useRequest as Vn, useAsyncEffect as On } from "ahooks";
 import { observer as D } from "mobx-react-lite";
-import k, { template as Oi, cloneDeepWith as Ao, get as se, isFunction as Nc, omit as Ht, values as Ro, unset as qc, isObject as Eo, set as Vi, orderBy as Wc, last as Oo, defaults as $e, minBy as jc, maxBy as Gc, cloneDeep as Pe, isEqual as we, defaultsDeep as _e, keyBy as Vo, isEmpty as Fi, isNumber as Yc, findLastIndex as Hc, isString as Fo, range as Qc, throttle as Uc, pick as Po } from "lodash";
-import { useForm as ze, useWatch as Xc, Controller as x, useFieldArray as Oe } from "react-hook-form";
-import { IconInfoCircle as Fn, IconPlus as Pt, IconDeviceFloppy as Pn, IconBorderAll as Zc, IconTrash as ln, IconArrowDown as Kc, IconArrowUp as Jc, IconArrowsLeftRight as ed, IconVariable as td, IconCodeDots as nd, IconFilter as Bo, IconCopy as rd, IconDatabase as cr, IconBoxMultiple as No, IconMenu2 as id, IconDownload as ad, IconCode as od, IconCaretDown as sd, IconRecycle as qo, IconAlertTriangle as Wo, IconArrowLeft as ld, IconPlaylistAdd as cd, IconCircleDashed as dd, IconCircleDot as ud, IconCircleOff as hd, IconAdjustments as pd, IconLink as md, IconSettings as gd, IconArrowCurveRight as fd, IconX as jo, IconEye as bd, IconTable as xd, IconColumns as yd, IconPlayerSkipBack as vd } from "@tabler/icons";
+import k, { template as Vi, cloneDeepWith as Ao, get as se, isFunction as Bc, omit as Ht, values as Ro, unset as qc, isObject as Eo, set as Oi, orderBy as Wc, last as Vo, defaults as $e, minBy as jc, maxBy as Gc, cloneDeep as Pe, isEqual as we, defaultsDeep as _e, keyBy as Oo, isEmpty as Fi, isNumber as Yc, findLastIndex as Hc, isString as Fo, range as Qc, throttle as Uc, pick as Po } from "lodash";
+import { useForm as ze, useWatch as Xc, Controller as x, useFieldArray as Ve } from "react-hook-form";
+import { IconInfoCircle as Fn, IconPlus as Pt, IconDeviceFloppy as Pn, IconBorderAll as Zc, IconTrash as ln, IconArrowDown as Kc, IconArrowUp as Jc, IconArrowsLeftRight as ed, IconVariable as td, IconCodeDots as nd, IconFilter as No, IconCopy as rd, IconDatabase as cr, IconBoxMultiple as Bo, IconMenu2 as id, IconDownload as ad, IconCode as od, IconCaretDown as sd, IconRecycle as qo, IconAlertTriangle as Wo, IconArrowLeft as ld, IconPlaylistAdd as cd, IconCircleDashed as dd, IconCircleDot as ud, IconCircleOff as hd, IconAdjustments as pd, IconLink as md, IconSettings as gd, IconArrowCurveRight as fd, IconX as jo, IconEye as bd, IconTable as xd, IconColumns as yd, IconPlayerSkipBack as vd } from "@tabler/icons";
 import { Link as Go, RichTextEditor as ie, useRichTextEditorContext as wd } from "@mantine/tiptap";
 import { Color as Yo } from "@tiptap/extension-color";
 import Ho from "@tiptap/extension-highlight";
@@ -26,27 +26,27 @@ import { useEditor as is } from "@tiptap/react";
 import as from "@tiptap/starter-kit";
 import { DateRangePicker as _d } from "@mantine/dates";
 import K from "dayjs";
-import { Calendar as Cd, InfoCircle as hn, Refresh as os, Download as ss, ArrowsMaximize as Sd, Settings as ls, Copy as kd, Trash as xe, DeviceFloppy as be, ArrowRight as Fr, PlaylistAdd as dr, Recycle as xt, Plus as Be, AlertCircle as Td, ArrowsMove as Dd, ChevronDownRight as Ld, ArrowLeft as Id, ChevronsUpRight as $d, ArrowBarToRight as zd } from "tabler-icons-react";
+import { Calendar as Cd, InfoCircle as hn, Refresh as os, Download as ss, ArrowsMaximize as Sd, Settings as ls, Copy as kd, Trash as xe, DeviceFloppy as be, ArrowRight as Fr, PlaylistAdd as dr, Recycle as xt, Plus as Ne, AlertCircle as Td, ArrowsMove as Dd, ChevronDownRight as Ld, ArrowLeft as Id, ChevronsUpRight as $d, ArrowBarToRight as zd } from "tabler-icons-react";
 import Md, { Option as Ad } from "rc-select";
 import Rd, { SHOW_PARENT as Ed } from "rc-tree-select";
 import cs, { WidthProvider as ds } from "react-grid-layout";
-import { observable as us, runInAction as Dn, toJS as Bt, reaction as gt, makeAutoObservable as Bn } from "mobx";
+import { observable as us, runInAction as Dn, toJS as Nt, reaction as gt, makeAutoObservable as Nn } from "mobx";
 import Ka from "eventemitter2";
 import $n, { random as ur } from "chroma-js";
 import "echarts-gl";
 import * as fe from "echarts/core";
-import { GridComponent as at, VisualMapComponent as hr, LegendComponent as ot, TooltipComponent as st, DataZoomComponent as Lt, MarkLineComponent as pr, MarkAreaComponent as Pi, CalendarComponent as Od } from "echarts/components";
+import { GridComponent as at, VisualMapComponent as hr, LegendComponent as ot, TooltipComponent as st, DataZoomComponent as Lt, MarkLineComponent as pr, MarkAreaComponent as Pi, CalendarComponent as Vd } from "echarts/components";
 import { CanvasRenderer as Je } from "echarts/renderers";
 import et from "echarts-for-react/lib/core";
 import he from "numbro";
-import { BoxplotChart as Vd, BarChart as Zt, LineChart as Kt, ScatterChart as mr, FunnelChart as Fd, HeatmapChart as Bi, PieChart as Pd, RadarChart as Bd, SunburstChart as Nd } from "echarts/charts";
+import { BoxplotChart as Od, BarChart as Zt, LineChart as Kt, ScatterChart as mr, FunnelChart as Fd, HeatmapChart as Ni, PieChart as Pd, RadarChart as Nd, SunburstChart as Bd } from "echarts/charts";
 import { useElementSize as zn, randomId as Qt, useClipboard as qd, useInputState as hs, useDisclosure as ps } from "@mantine/hooks";
 import { showNotification as gr } from "@mantine/notifications";
 import * as Wd from "d3-array";
 import { quantile as Zn } from "d3-array";
 import * as Kn from "mathjs";
 import { interpolate as pn } from "popmotion";
-import tt, { loader as Pr } from "@monaco-editor/react";
+import nt, { loader as Pr } from "@monaco-editor/react";
 import * as At from "d3-regression";
 import { Prism as cn } from "@mantine/prism";
 import { flexRender as tr, createColumnHelper as ms, useReactTable as gs, getCoreRowModel as fs, getSortedRowModel as jd } from "@tanstack/react-table";
@@ -55,7 +55,7 @@ import Rt from "axios";
 import { types as f, getParent as it, getRoot as Fe, cast as mn, addDisposer as Et, addMiddleware as Yd, getType as Hd, isAlive as Ja, flow as on, toGenerator as Gt, detach as Qd, clone as Ud, getSnapshot as mt, applySnapshot as Ke, getParentOfType as eo, castToSnapshot as bs } from "mobx-state-tree";
 import { arrayToTree as Xd } from "performant-array-to-tree";
 import Zd from "jszip";
-import { saveAs as Ni } from "file-saver";
+import { saveAs as Bi } from "file-saver";
 import xs from "crypto-js";
 import { faker as Kd } from "@faker-js/faker";
 import { useNavigate as Jd } from "react-router-dom";
@@ -118,36 +118,36 @@ function ou() {
     var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function F(_) {
       {
-        for (var M = arguments.length, B = new Array(M > 1 ? M - 1 : 0), J = 1; J < M; J++)
-          B[J - 1] = arguments[J];
-        W("error", _, B);
+        for (var M = arguments.length, N = new Array(M > 1 ? M - 1 : 0), J = 1; J < M; J++)
+          N[J - 1] = arguments[J];
+        W("error", _, N);
       }
     }
-    function W(_, M, B) {
+    function W(_, M, N) {
       {
         var J = R.ReactDebugCurrentFrame, me = J.getStackAddendum();
-        me !== "" && (M += "%s", B = B.concat([me]));
-        var ye = B.map(function(le) {
+        me !== "" && (M += "%s", N = N.concat([me]));
+        var ye = N.map(function(le) {
           return String(le);
         });
         ye.unshift("Warning: " + M), Function.prototype.apply.call(console[_], console, ye);
       }
     }
-    var Q = !1, N = !1, P = !1, V = !1, Y = !1, ne;
+    var Q = !1, B = !1, P = !1, O = !1, Y = !1, ne;
     ne = Symbol.for("react.module.reference");
     function ee(_) {
-      return !!(typeof _ == "string" || typeof _ == "function" || _ === i || _ === o || Y || _ === a || _ === d || _ === p || V || _ === g || Q || N || P || typeof _ == "object" && _ !== null && (_.$$typeof === h || _.$$typeof === m || _.$$typeof === l || _.$$typeof === s || _.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof _ == "string" || typeof _ == "function" || _ === i || _ === o || Y || _ === a || _ === d || _ === p || O || _ === g || Q || B || P || typeof _ == "object" && _ !== null && (_.$$typeof === h || _.$$typeof === m || _.$$typeof === l || _.$$typeof === s || _.$$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.
       _.$$typeof === ne || _.getModuleId !== void 0));
     }
-    function de(_, M, B) {
+    function de(_, M, N) {
       var J = _.displayName;
       if (J)
         return J;
       var me = M.displayName || M.name || "";
-      return me !== "" ? B + "(" + me + ")" : B;
+      return me !== "" ? N + "(" + me + ")" : N;
     }
     function pe(_) {
       return _.displayName || "Context";
@@ -179,8 +179,8 @@ function ou() {
             var M = _;
             return pe(M) + ".Consumer";
           case l:
-            var B = _;
-            return pe(B._context) + ".Provider";
+            var N = _;
+            return pe(N._context) + ".Provider";
           case c:
             return de(_, _.render, "ForwardRef");
           case m:
@@ -260,7 +260,7 @@ function ou() {
       }
     }
     var yn = R.ReactCurrentDispatcher, en;
-    function $t(_, M, B) {
+    function $t(_, M, N) {
       {
         if (en === void 0)
           try {
@@ -282,9 +282,9 @@ function ou() {
       if (!_ || jt)
         return "";
       {
-        var B = zt.get(_);
-        if (B !== void 0)
-          return B;
+        var N = zt.get(_);
+        if (N !== void 0)
+          return N;
       }
       var J;
       jt = !0;
@@ -335,9 +335,9 @@ function ou() {
               if (Ie !== 1 || Ae !== 1)
                 do
                   if (Ie--, Ae--, Ae < 0 || ae[Ie] !== Ge[Ae]) {
-                    var nt = `
+                    var rt = `
 ` + ae[Ie].replace(" at new ", " at ");
-                    return _.displayName && nt.includes("<anonymous>") && (nt = nt.replace("<anonymous>", _.displayName)), typeof _ == "function" && zt.set(_, nt), nt;
+                    return _.displayName && rt.includes("<anonymous>") && (rt = rt.replace("<anonymous>", _.displayName)), typeof _ == "function" && zt.set(_, rt), rt;
                   }
                 while (Ie >= 1 && Ae >= 0);
               break;
@@ -349,14 +349,14 @@ function ou() {
       var an = _ ? _.displayName || _.name : "", Ga = an ? $t(an) : "";
       return typeof _ == "function" && zt.set(_, Ga), Ga;
     }
-    function vn(_, M, B) {
+    function vn(_, M, N) {
       return nn(_, !1);
     }
     function wn(_) {
       var M = _.prototype;
       return !!(M && M.isReactComponent);
     }
-    function Mt(_, M, B) {
+    function Mt(_, M, N) {
       if (_ == null)
         return "";
       if (typeof _ == "function")
@@ -374,11 +374,11 @@ function ou() {
           case c:
             return vn(_.render);
           case m:
-            return Mt(_.type, M, B);
+            return Mt(_.type, M, N);
           case h: {
             var J = _, me = J._payload, ye = J._init;
             try {
-              return Mt(ye(me), M, B);
+              return Mt(ye(me), M, N);
             } catch {
             }
           }
@@ -388,12 +388,12 @@ function ou() {
     var _n = Object.prototype.hasOwnProperty, Aa = {}, Ra = R.ReactDebugCurrentFrame;
     function Yn(_) {
       if (_) {
-        var M = _._owner, B = Mt(_.type, _._source, M ? M.type : null);
-        Ra.setExtraStackFrame(B);
+        var M = _._owner, N = Mt(_.type, _._source, M ? M.type : null);
+        Ra.setExtraStackFrame(N);
       } else
         Ra.setExtraStackFrame(null);
     }
-    function sc(_, M, B, J, me) {
+    function sc(_, M, N, J, me) {
       {
         var ye = Function.call.bind(_n);
         for (var le in _)
@@ -401,14 +401,14 @@ function ou() {
             var ae = void 0;
             try {
               if (typeof _[le] != "function") {
-                var Ge = Error((J || "React class") + ": " + B + " type `" + le + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof _[le] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var Ge = Error((J || "React class") + ": " + N + " type `" + le + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof _[le] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Ge.name = "Invariant Violation", Ge;
               }
-              ae = _[le](M, le, J, B, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              ae = _[le](M, le, J, N, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Ie) {
               ae = Ie;
             }
-            ae && !(ae instanceof Error) && (Yn(me), F("%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).", J || "React class", B, le, typeof ae), Yn(null)), ae instanceof Error && !(ae.message in Aa) && (Aa[ae.message] = !0, Yn(me), F("Failed %s type: %s", B, ae.message), Yn(null));
+            ae && !(ae instanceof Error) && (Yn(me), F("%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).", J || "React class", N, le, typeof ae), Yn(null)), ae instanceof Error && !(ae.message in Aa) && (Aa[ae.message] = !0, Yn(me), F("Failed %s type: %s", N, ae.message), Yn(null));
           }
       }
     }
@@ -418,8 +418,8 @@ function ou() {
     }
     function cc(_) {
       {
-        var M = typeof Symbol == "function" && Symbol.toStringTag, B = M && _[Symbol.toStringTag] || _.constructor.name || "Object";
-        return B;
+        var M = typeof Symbol == "function" && Symbol.toStringTag, N = M && _[Symbol.toStringTag] || _.constructor.name || "Object";
+        return N;
       }
     }
     function dc(_) {
@@ -432,7 +432,7 @@ function ou() {
     function Ea(_) {
       return "" + _;
     }
-    function Oa(_) {
+    function Va(_) {
       if (dc(_))
         return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", cc(_)), Ea(_);
     }
@@ -441,7 +441,7 @@ function ou() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, Va, Fa, Mr;
+    }, Oa, Fa, Mr;
     Mr = {};
     function hc(_) {
       if (_n.call(_, "ref")) {
@@ -461,40 +461,40 @@ function ou() {
     }
     function mc(_, M) {
       if (typeof _.ref == "string" && Cn.current && M && Cn.current.stateNode !== M) {
-        var B = ge(Cn.current.type);
-        Mr[B] || (F('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ge(Cn.current.type), _.ref), Mr[B] = !0);
+        var N = ge(Cn.current.type);
+        Mr[N] || (F('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ge(Cn.current.type), _.ref), Mr[N] = !0);
       }
     }
     function gc(_, M) {
       {
-        var B = function() {
-          Va || (Va = !0, F("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
+        var N = function() {
+          Oa || (Oa = !0, F("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
         };
-        B.isReactWarning = !0, Object.defineProperty(_, "key", {
-          get: B,
+        N.isReactWarning = !0, Object.defineProperty(_, "key", {
+          get: N,
           configurable: !0
         });
       }
     }
     function fc(_, M) {
       {
-        var B = function() {
+        var N = function() {
           Fa || (Fa = !0, F("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
         };
-        B.isReactWarning = !0, Object.defineProperty(_, "ref", {
-          get: B,
+        N.isReactWarning = !0, Object.defineProperty(_, "ref", {
+          get: N,
           configurable: !0
         });
       }
     }
-    var bc = function(_, M, B, J, me, ye, le) {
+    var bc = function(_, M, N, J, me, ye, le) {
       var ae = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: _,
         key: M,
-        ref: B,
+        ref: N,
         props: le,
         // Record the component responsible for creating this element.
         _owner: ye
@@ -516,10 +516,10 @@ function ou() {
         value: me
       }), Object.freeze && (Object.freeze(ae.props), Object.freeze(ae)), ae;
     };
-    function xc(_, M, B, J, me) {
+    function xc(_, M, N, J, me) {
       {
         var ye, le = {}, ae = null, Ge = null;
-        B !== void 0 && (Oa(B), ae = "" + B), pc(M) && (Oa(M.key), ae = "" + M.key), hc(M) && (Ge = M.ref, mc(M, me));
+        N !== void 0 && (Va(N), ae = "" + N), pc(M) && (Va(M.key), ae = "" + M.key), hc(M) && (Ge = M.ref, mc(M, me));
         for (ye in M)
           _n.call(M, ye) && !uc.hasOwnProperty(ye) && (le[ye] = M[ye]);
         if (_ && _.defaultProps) {
@@ -537,8 +537,8 @@ function ou() {
     var Ar = R.ReactCurrentOwner, Pa = R.ReactDebugCurrentFrame;
     function rn(_) {
       if (_) {
-        var M = _._owner, B = Mt(_.type, _._source, M ? M.type : null);
-        Pa.setExtraStackFrame(B);
+        var M = _._owner, N = Mt(_.type, _._source, M ? M.type : null);
+        Pa.setExtraStackFrame(N);
       } else
         Pa.setExtraStackFrame(null);
     }
@@ -547,7 +547,7 @@ function ou() {
     function Er(_) {
       return typeof _ == "object" && _ !== null && _.$$typeof === t;
     }
-    function Ba() {
+    function Na() {
       {
         if (Ar.current) {
           var _ = ge(Ar.current.type);
@@ -562,23 +562,23 @@ Check the render method of \`` + _ + "`.";
     function yc(_) {
       {
         if (_ !== void 0) {
-          var M = _.fileName.replace(/^.*[\\\/]/, ""), B = _.lineNumber;
+          var M = _.fileName.replace(/^.*[\\\/]/, ""), N = _.lineNumber;
           return `
 
-Check your code at ` + M + ":" + B + ".";
+Check your code at ` + M + ":" + N + ".";
         }
         return "";
       }
     }
-    var Na = {};
+    var Ba = {};
     function vc(_) {
       {
-        var M = Ba();
+        var M = Na();
         if (!M) {
-          var B = typeof _ == "string" ? _ : _.displayName || _.name;
-          B && (M = `
+          var N = typeof _ == "string" ? _ : _.displayName || _.name;
+          N && (M = `
 
-Check the top-level render call using <` + B + ">.");
+Check the top-level render call using <` + N + ">.");
         }
         return M;
       }
@@ -588,12 +588,12 @@ Check the top-level render call using <` + B + ">.");
         if (!_._store || _._store.validated || _.key != null)
           return;
         _._store.validated = !0;
-        var B = vc(M);
-        if (Na[B])
+        var N = vc(M);
+        if (Ba[N])
           return;
-        Na[B] = !0;
+        Ba[N] = !0;
         var J = "";
-        _ && _._owner && _._owner !== Ar.current && (J = " It was passed a child from " + ge(_._owner.type) + "."), rn(_), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, J), rn(null);
+        _ && _._owner && _._owner !== Ar.current && (J = " It was passed a child from " + ge(_._owner.type) + "."), rn(_), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, J), rn(null);
       }
     }
     function Wa(_, M) {
@@ -601,8 +601,8 @@ Check the top-level render call using <` + B + ">.");
         if (typeof _ != "object")
           return;
         if (zr(_))
-          for (var B = 0; B < _.length; B++) {
-            var J = _[B];
+          for (var N = 0; N < _.length; N++) {
+            var J = _[N];
             Er(J) && qa(J, M);
           }
         else if (Er(_))
@@ -620,18 +620,18 @@ Check the top-level render call using <` + B + ">.");
         var M = _.type;
         if (M == null || typeof M == "string")
           return;
-        var B;
+        var N;
         if (typeof M == "function")
-          B = M.propTypes;
+          N = M.propTypes;
         else if (typeof M == "object" && (M.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         M.$$typeof === m))
-          B = M.propTypes;
+          N = M.propTypes;
         else
           return;
-        if (B) {
+        if (N) {
           var J = ge(M);
-          sc(B, _.props, "prop", J, _);
+          sc(N, _.props, "prop", J, _);
         } else if (M.PropTypes !== void 0 && !Rr) {
           Rr = !0;
           var me = ge(M);
@@ -642,8 +642,8 @@ Check the top-level render call using <` + B + ">.");
     }
     function _c(_) {
       {
-        for (var M = Object.keys(_.props), B = 0; B < M.length; B++) {
-          var J = M[B];
+        for (var M = Object.keys(_.props), N = 0; N < M.length; N++) {
+          var J = M[N];
           if (J !== "children" && J !== "key") {
             rn(_), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", J), rn(null);
             break;
@@ -652,41 +652,41 @@ Check the top-level render call using <` + B + ">.");
         _.ref !== null && (rn(_), F("Invalid attribute `ref` supplied to `React.Fragment`."), rn(null));
       }
     }
-    function ja(_, M, B, J, me, ye) {
+    function ja(_, M, N, J, me, ye) {
       {
         var le = ee(_);
         if (!le) {
           var ae = "";
           (_ === void 0 || typeof _ == "object" && _ !== null && Object.keys(_).length === 0) && (ae += " 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 Ge = yc(me);
-          Ge ? ae += Ge : ae += Ba();
+          Ge ? ae += Ge : ae += Na();
           var Ie;
           _ === null ? Ie = "null" : zr(_) ? Ie = "array" : _ !== void 0 && _.$$typeof === t ? (Ie = "<" + (ge(_.type) || "Unknown") + " />", ae = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof _, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, ae);
         }
-        var Ae = xc(_, M, B, me, ye);
+        var Ae = xc(_, M, N, me, ye);
         if (Ae == null)
           return Ae;
         if (le) {
-          var nt = M.children;
-          if (nt !== void 0)
+          var rt = M.children;
+          if (rt !== void 0)
             if (J)
-              if (zr(nt)) {
-                for (var an = 0; an < nt.length; an++)
-                  Wa(nt[an], _);
-                Object.freeze && Object.freeze(nt);
+              if (zr(rt)) {
+                for (var an = 0; an < rt.length; an++)
+                  Wa(rt[an], _);
+                Object.freeze && Object.freeze(rt);
               } else
                 F("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Wa(nt, _);
+              Wa(rt, _);
         }
         return _ === i ? _c(Ae) : wc(Ae), Ae;
       }
     }
-    function Cc(_, M, B) {
-      return ja(_, M, B, !0);
+    function Cc(_, M, N) {
+      return ja(_, M, N, !0);
     }
-    function Sc(_, M, B) {
-      return ja(_, M, B, !1);
+    function Sc(_, M, N) {
+      return ja(_, M, N, !1);
     }
     var kc = Sc, Tc = Cc;
     kn.Fragment = i, kn.jsx = kc, kn.jsxs = Tc;
@@ -766,7 +766,7 @@ function ys(e, t) {
             return encodeURIComponent(g);
         });
       }
-      const p = Oi(a || "")(c({
+      const p = Vi(a || "")(c({
         ...s,
         filters: e.payloadForSQL.filterValues,
         context: e.payloadForSQL.context
@@ -820,13 +820,13 @@ class qi {
   dispose() {
     this.instanceRegistry.forEach((t) => {
       const r = se(t, "dispose");
-      Nc(r) && r.bind(t)();
+      Bc(r) && r.bind(t)();
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
 const Yr = To(null);
 function fr(e) {
-  const t = $.useContext(Yr), r = dt(() => e.configure(t || new qi()), [e.configure]), i = Bc(r);
+  const t = $.useContext(Yr), r = dt(() => e.configure(t || new qi()), [e.configure]), i = Nc(r);
   return i && i !== r && i.dispose(), /* @__PURE__ */ n(Yr.Provider, { value: r, children: e.children });
 }
 function vs() {
@@ -893,7 +893,7 @@ class Qe extends $.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ u(O, { children: [
+      return /* @__PURE__ */ u(V, { children: [
         /* @__PURE__ */ n(C, { size: "xs", children: (t = this.state.error) == null ? void 0 : t.message }),
         /* @__PURE__ */ n(I, { variant: "subtle", size: "xs", mx: "auto", compact: !0, sx: {
           display: "block"
@@ -1015,7 +1015,7 @@ const ji = {
     border: "0.0625rem solid rgb(233, 236, 239)",
     boxShadow: "rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"
   }
-}, withArrow: !0, children: /* @__PURE__ */ n(O, { sx: {
+}, withArrow: !0, children: /* @__PURE__ */ n(V, { sx: {
   height: "16px",
   alignSelf: "center"
 }, children: /* @__PURE__ */ n(Fn, { size: 16, color: "gray" }) }) }), pu = D(({
@@ -1028,10 +1028,10 @@ const ji = {
   },
   value: o,
   onChange: l
-}) => /* @__PURE__ */ u(O, { children: [
+}) => /* @__PURE__ */ u(V, { children: [
   /* @__PURE__ */ n(C, { children: " " }),
   /* @__PURE__ */ n(ve, { label: /* @__PURE__ */ u(v, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       flexGrow: 1
     }, children: e }),
     /* @__PURE__ */ n(hu, { description: r, isDescriptionEmpty: i })
@@ -1263,7 +1263,7 @@ const ji = {
   }, y = h && (s == null ? void 0 : s.length) > 0, [T, R] = U(""), F = L(() => {
     if (!T)
       return d;
-    const W = T.toLowerCase(), Q = (N) => N.description.toLowerCase().includes(W) || N.label.toLowerCase().includes(W);
+    const W = T.toLowerCase(), Q = (B) => B.description.toLowerCase().includes(W) || B.label.toLowerCase().includes(W);
     return d.filter(Q);
   }, [T, d]);
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
@@ -1812,26 +1812,26 @@ const zs = D(() => {
   }), w = $.useCallback(() => {
     d(o);
   }, [o, d]), y = !p && e.type !== oe.Modal;
-  return /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(O, { sx: {
+  return /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(V, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
-  }, children: /* @__PURE__ */ u(Ve, { withinPortal: !0, children: [
-    /* @__PURE__ */ n(Ve.Target, { children: /* @__PURE__ */ n(O, { className: "panel-dropdown-target", sx: {
+  }, children: /* @__PURE__ */ u(Oe, { withinPortal: !0, children: [
+    /* @__PURE__ */ n(Oe.Target, { children: /* @__PURE__ */ n(V, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
-    /* @__PURE__ */ u(Ve.Dropdown, { children: [
-      /* @__PURE__ */ n(Ve.Item, { onClick: c, icon: /* @__PURE__ */ n(os, { size: 14 }), children: "Refresh" }),
-      /* @__PURE__ */ n(Ve.Item, { onClick: () => r.queries.downloadDataByQueryID((l == null ? void 0 : l.id) ?? ""), icon: /* @__PURE__ */ n(ss, { size: 14 }), children: "Download Data" }),
-      y && /* @__PURE__ */ n(Ve.Item, { onClick: w, icon: /* @__PURE__ */ n(Sd, { size: 14 }), disabled: s, children: "Full Screen" }),
+    /* @__PURE__ */ u(Oe.Dropdown, { children: [
+      /* @__PURE__ */ n(Oe.Item, { onClick: c, icon: /* @__PURE__ */ n(os, { size: 14 }), children: "Refresh" }),
+      /* @__PURE__ */ n(Oe.Item, { onClick: () => r.queries.downloadDataByQueryID((l == null ? void 0 : l.id) ?? ""), icon: /* @__PURE__ */ n(ss, { size: 14 }), children: "Download Data" }),
+      y && /* @__PURE__ */ n(Oe.Item, { onClick: w, icon: /* @__PURE__ */ n(Sd, { size: 14 }), disabled: s, children: "Full Screen" }),
       s && /* @__PURE__ */ u(G, { children: [
         /* @__PURE__ */ n(A, { label: "Edit", labelPosition: "center" }),
-        /* @__PURE__ */ n(Ve.Item, { onClick: h, icon: /* @__PURE__ */ n(ls, { size: 14 }), children: "Settings" }),
-        /* @__PURE__ */ n(Ve.Item, { onClick: m, icon: /* @__PURE__ */ n(kd, { size: 14 }), children: "Duplicate" }),
-        /* @__PURE__ */ n(Ve.Item, { color: "red", onClick: g, icon: /* @__PURE__ */ n(xe, { size: 14 }), children: "Delete" })
+        /* @__PURE__ */ n(Oe.Item, { onClick: h, icon: /* @__PURE__ */ n(ls, { size: 14 }), children: "Settings" }),
+        /* @__PURE__ */ n(Oe.Item, { onClick: m, icon: /* @__PURE__ */ n(kd, { size: 14 }), children: "Duplicate" }),
+        /* @__PURE__ */ n(Oe.Item, { color: "red", onClick: g, icon: /* @__PURE__ */ n(xe, { size: 14 }), children: "Delete" })
       ] })
     ] })
   ] }) }) });
@@ -1920,7 +1920,7 @@ class Ms {
     return Promise.resolve(r);
   }
   getValueFromRoot(t) {
-    return t === null ? Bt(this.rootRef.current) : se(this.rootRef.current, [t]);
+    return t === null ? Nt(this.rootRef.current) : se(this.rootRef.current, [t]);
   }
   setItem(t, r) {
     if (t === null)
@@ -1932,7 +1932,7 @@ class Ms {
         throw new Error("Cannot set root value to non-object");
     else
       Dn(() => {
-        Vi(this.rootRef.current, [t], r);
+        Oi(this.rootRef.current, [t], r);
       });
     return Promise.resolve(this.getItem(t));
   }
@@ -2051,13 +2051,13 @@ const Au = (e) => {
   getColor: Rs(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
   name: "red-green",
   category: "diverging"
-}, Ou = {
+}, Vu = {
   type: "interpolation",
   displayName: "Yellow / Blue",
   getColor: Rs(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
   name: "yellow-blue",
   category: "diverging"
-}, Vu = {
+}, Ou = {
   type: "interpolation",
   displayName: "Red",
   getColor: xr(["#fff7f1", "darkred"]),
@@ -2075,18 +2075,18 @@ const Au = (e) => {
   getColor: xr(["#f9fcff", "#48b3e9", "darkblue"]),
   name: "blue",
   category: "sequential"
-}, Bu = {
+}, Nu = {
   type: "interpolation",
   displayName: "Orange",
   getColor: xr(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Es = "@devtable/dashboard", Yi = "9.8.0", Os = "Apache-2.0", Vs = {
+}, Es = "@devtable/dashboard", Yi = "9.9.0", Vs = "Apache-2.0", Os = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Fs = [
   "dist"
-], Ps = "./dist/dashboard.umd.js", Bs = "./dist/dashboard.es.js", Ns = "./dist/index.d.ts", qs = {
+], Ps = "./dist/dashboard.umd.js", Ns = "./dist/dashboard.es.js", Bs = "./dist/index.d.ts", qs = {
   ".": {
     import: "./dist/dashboard.es.js",
     require: "./dist/dashboard.umd.js"
@@ -2240,15 +2240,15 @@ const Au = (e) => {
   "react-router-dom": "^6.3.0",
   "react-virtual": "^2.10.4",
   "tabler-icons-react": "^1.48.0"
-}, Nu = {
+}, Bu = {
   name: Es,
   version: Yi,
-  license: Os,
-  publishConfig: Vs,
+  license: Vs,
+  publishConfig: Os,
   files: Fs,
   main: Ps,
-  module: Bs,
-  types: Ns,
+  module: Ns,
+  types: Bs,
   exports: qs,
   scripts: Ws,
   dependencies: js,
@@ -2256,19 +2256,19 @@ const Au = (e) => {
   peerDependencies: Ys
 }, qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Nu,
+  default: Bu,
   dependencies: js,
   devDependencies: Gs,
   exports: qs,
   files: Fs,
-  license: Os,
+  license: Vs,
   main: Ps,
-  module: Bs,
+  module: Ns,
   name: Es,
   peerDependencies: Ys,
-  publishConfig: Vs,
+  publishConfig: Os,
   scripts: Ws,
-  types: Ns,
+  types: Bs,
   version: Yi
 }, Symbol.toStringTag, { value: "Module" }));
 class Wu {
@@ -2352,7 +2352,7 @@ class Gu {
     if (t.from > t.to)
       throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);
     const a = this.migrations.filter((s) => s.version > t.from && s.version <= t.to), o = Wc(a, "version", "asc");
-    if (((l = Oo(o)) == null ? void 0 : l.version) !== t.to)
+    if (((l = Vo(o)) == null ? void 0 : l.version) !== t.to)
       throw new Error(`Migration to version ${t.to} not found`);
     return o.reduce((s, c) => c.handler(s, i), r);
   }
@@ -2773,7 +2773,7 @@ const eh = [{
       )
     ] })
   ] });
-}), Nt = ke(({
+}), Bt = ke(({
   value: e,
   onChange: t
 }, r) => {
@@ -2804,7 +2804,7 @@ const eh = [{
     ellipsis: "..."
   }
 };
-function Ot({
+function Vt({
   overflow: e,
   width: t
 }) {
@@ -2954,7 +2954,7 @@ function ih(e) {
 function ah(e, t) {
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${Ot(e.x_axis.axisLabel.overflow.in_tooltip)}">${t[0]}</div>
+      <div style="${Vt(e.x_axis.axisLabel.overflow.in_tooltip)}">${t[0]}</div>
     </div>
     <table>
       <tbody>
@@ -3000,7 +3000,7 @@ const sh = (e) => (t) => {
     </tr>`), o = oh(i);
   return a.unshift(o.greater), a.push(o.less), `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${Ot(e.x_axis.axisLabel.overflow.in_tooltip)}">${i.name}</div>
+      <div style="${Vt(e.x_axis.axisLabel.overflow.in_tooltip)}">${i.name}</div>
     </div>
     <table style="width: auto">
       <tbody>
@@ -3270,7 +3270,7 @@ $.forwardRef(function({
     const d = k.cloneDeep(t);
     k.set(d, s, c), r(d);
   };
-  return /* @__PURE__ */ u(O, { px: "sm", py: "md", ref: o, children: [
+  return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: o, children: [
     /* @__PURE__ */ n(C, { weight: "bold", pb: 0, children: t.name }),
     /* @__PURE__ */ n(A, { my: "xs", label: "Data", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
@@ -3283,7 +3283,7 @@ $.forwardRef(function({
     a && /* @__PURE__ */ n(Us, { value: t, onChange: r })
   ] });
 });
-const Nn = {
+const Bn = {
   type: "none",
   config: {}
 };
@@ -3402,7 +3402,7 @@ function Sh(e) {
     return o !== r.length - 1 && l.push(/* @__PURE__ */ n("br", {})), l;
   }).flat().filter((a) => a !== void 0);
 }
-function Br(e) {
+function Nr(e) {
   return Sh(e);
 }
 function Rn(e, t, r) {
@@ -3410,14 +3410,14 @@ function Rn(e, t, r) {
   return e.split("$").map((o) => {
     const l = a.exec(o);
     if (!l)
-      return Br(o);
+      return Nr(o);
     const s = i[l[1]];
     if (!s)
-      return Br(o);
+      return Nr(o);
     const c = l[2] ?? "";
     return /* @__PURE__ */ u($.Fragment, { children: [
       s,
-      Br(c)
+      Nr(c)
     ] }, o);
   });
 }
@@ -3531,7 +3531,7 @@ function Dh({
     series: [...c, ...Th(o, r, t)]
   };
 }
-fe.use([Lt, Vd, pr, at, ot, st, Je]);
+fe.use([Lt, Od, pr, at, ot, st, Je]);
 function Lh({
   context: e,
   instance: t
@@ -3611,7 +3611,7 @@ function $h({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((p, m) => ({
@@ -3634,11 +3634,11 @@ const zh = ({
   disabled: e,
   value: t,
   onChange: r
-}) => /* @__PURE__ */ u(O, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  e && /* @__PURE__ */ n(Ot, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -3734,7 +3734,7 @@ const zh = ({
   ] }),
   /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.overflow", control: e, render: ({
     field: i
-  }) => /* @__PURE__ */ n(Nt, { ...i }) })
+  }) => /* @__PURE__ */ n(Bt, { ...i }) })
 ] })), Ah = ({
   control: e,
   data: t,
@@ -3819,7 +3819,7 @@ function Rh({
 function Eh(e) {
   return Ht(e, "variables");
 }
-function Oh(e) {
+function Vh(e) {
   const {
     label_formatter: t = je,
     ...r
@@ -3832,7 +3832,7 @@ function Oh(e) {
     }
   };
 }
-function Vh(e) {
+function Oh(e) {
   const t = {
     rotate: 0,
     formatter: {
@@ -3888,7 +3888,7 @@ function Ph(e) {
   };
   return k.defaultsDeep(i, e);
 }
-class Bh extends Me {
+class Nh extends Me {
   constructor() {
     super(...arguments);
     j(this, "VERSION", 6);
@@ -3917,7 +3917,7 @@ class Bh extends Me {
       return {
         ...r,
         version: 3,
-        config: Oh(i)
+        config: Vh(i)
       };
     }), this.version(4, (r) => {
       const {
@@ -3926,7 +3926,7 @@ class Bh extends Me {
       return {
         ...r,
         version: 4,
-        config: Vh(i)
+        config: Oh(i)
       };
     }), this.version(5, (r) => {
       const {
@@ -3949,10 +3949,10 @@ class Bh extends Me {
     });
   }
 }
-const Nh = {
+const Bh = {
   displayName: "Boxplot Chart",
   displayGroup: "ECharts-based charts",
-  migrator: new Bh(),
+  migrator: new Nh(),
   name: "boxplot",
   viewRender: Lh,
   configRender: Rh,
@@ -4022,7 +4022,7 @@ const Ui = {
     height: h,
     justifyContent: jh[c],
     alignItems: Gh[d]
-  }, children: /* @__PURE__ */ n(I, { ...p, onClick: w, children: Oi(s)(g) }) });
+  }, children: /* @__PURE__ */ n(I, { ...p, onClick: w, children: Vi(s)(g) }) });
 }), Hh = ({
   value: e,
   onChange: t,
@@ -4459,7 +4459,7 @@ function hp({
   }
   const {
     func_content: o
-  } = t, l = Vo(r, i);
+  } = t, l = Oo(r, i);
   return (s, c) => {
     let d;
     c.name ? d = l[c.name] : d = r[c.dataIndex];
@@ -4580,9 +4580,9 @@ function bp({
     x_axis_data_key: e,
     y_axis_data_key: t
   });
-  return Object.entries(W).map(([Q, N]) => {
+  return Object.entries(W).map(([Q, B]) => {
     const P = Pe(F);
-    return P.name = Q, P.color = void 0, P.data = N, P;
+    return P.name = Q, P.color = void 0, P.data = B, P;
   });
 }
 function xp(e, t, r, i, a, o, l) {
@@ -4626,7 +4626,7 @@ function vp(e, t, r) {
         })}</td>
         </tr>
         `;
-      }), s = Ot(e.x_axis.axisLabel.overflow.in_tooltip), c = yp(o, e);
+      }), s = Vt(e.x_axis.axisLabel.overflow.in_tooltip), c = yp(o, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${s}">${c}</div>
@@ -4835,7 +4835,7 @@ function Lp({
       bottom: Rn(y.bottom, a, l)
     };
   }, [o, l]), w = Math.max(0, c - p - h);
-  return /* @__PURE__ */ u(O, { children: [
+  return /* @__PURE__ */ u(V, { children: [
     /* @__PURE__ */ n(C, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: ao(o.stats.templates.top) ? "block" : "none"
     }, children: Object.values(g.top).map((y, T) => /* @__PURE__ */ n($.Fragment, { children: y }, T)) }),
@@ -4858,19 +4858,19 @@ const ea = ke(({
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ n(A, { variant: "dashed", label: "Scroll to Zoom", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ n(O, { sx: {
+      /* @__PURE__ */ n(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Enable on X Axis", checked: e.x_axis_scroll, onChange: (a) => i("x_axis_scroll")(a.currentTarget.checked) }) }),
-      /* @__PURE__ */ n(O, { sx: {
+      /* @__PURE__ */ n(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Enable on Y Axis", checked: e.y_axis_scroll, onChange: (a) => i("y_axis_scroll")(a.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ n(A, { variant: "dashed", label: "Slider for Zooming", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ n(O, { sx: {
+      /* @__PURE__ */ n(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Slider for X Axis", checked: e.x_axis_slider, onChange: (a) => i("x_axis_slider")(a.currentTarget.checked) }) }),
-      /* @__PURE__ */ n(Ee, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ n(O, { sx: {
+      /* @__PURE__ */ n(Ee, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ n(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Slider for Y Axis", disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (a) => i("y_axis_slider")(a.currentTarget.checked) }) }) })
     ] })
@@ -4943,7 +4943,7 @@ function Mp({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "reference_areas"
   }), l = t("reference_areas"), s = i.map((p, m) => ({
@@ -4972,7 +4972,7 @@ function Mp({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((p, m) => /* @__PURE__ */ n(b.Tab, { value: m.toString(), children: m + 1 }, m)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((p, m) => /* @__PURE__ */ n(b.Panel, { value: m.toString(), children: /* @__PURE__ */ n(zp, { control: e, index: m, remove: o, variableOptions: d }) }, m))
   ] });
@@ -5076,7 +5076,7 @@ function Ep({
     }, children: "Delete this Reference Line" })
   ] }, t);
 }
-function Op({
+function Vp({
   control: e,
   watch: t,
   variables: r
@@ -5085,7 +5085,7 @@ function Op({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((h, g) => ({
@@ -5125,12 +5125,12 @@ function Op({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: g.toString(), children: g + 1 }, g)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: g.toString(), children: /* @__PURE__ */ n(Ep, { control: e, index: g, remove: o, watch: t, variableOptions: d, yAxisOptions: m }) }, g))
   ] });
 }
-const Vp = [{
+const Op = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -5201,7 +5201,7 @@ function Pp({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(x, { name: `regressions.${r}.transform.config.method`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ n(E, { label: "Method", data: Vp, sx: {
+      }) => /* @__PURE__ */ n(E, { label: "Method", data: Op, sx: {
         flex: 1
       }, ...s }) }),
       l === "polynomial" && /* @__PURE__ */ n(x, { name: `regressions.${r}.transform.config.order`, control: e, render: ({
@@ -5235,7 +5235,7 @@ function Pp({
     }, children: "Delete this Regression Line" })
   ] }, r);
 }
-function Bp({
+function Np({
   control: e,
   watch: t,
   data: r
@@ -5244,7 +5244,7 @@ function Bp({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "regressions"
   }), l = t("regressions"), s = i.map((m, h) => ({
@@ -5288,7 +5288,7 @@ function Bp({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((m, h) => /* @__PURE__ */ n(b.Tab, { value: h.toString(), children: h + 1 }, h)),
-      /* @__PURE__ */ n(b.Tab, { onClick: p, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: p, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((m, h) => /* @__PURE__ */ n(b.Panel, { value: h.toString(), children: /* @__PURE__ */ n(Pp, { regressionItem: m, control: e, index: h, remove: o, yAxisOptions: d, data: r }, h) }, h))
   ] });
@@ -5303,7 +5303,7 @@ const ta = {
     func_content: ["function getSize({ rowData, params, variables }, { lodash, interpolate }) {", "    // your code goes here", "    // return 10", "}"].join(`
 `)
   }
-}, Np = [{
+}, Bp = [{
   label: "No gap between bars",
   value: "0%"
 }, {
@@ -5325,7 +5325,7 @@ function qp({
       }, ...a }) }),
       /* @__PURE__ */ n(x, { name: `series.${t}.barGap`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ n(E, { label: "Bar Gap", data: Np, sx: {
+      }) => /* @__PURE__ */ n(E, { label: "Bar Gap", data: Bp, sx: {
         flexGrow: 1
       }, ...a }) })
     ] }),
@@ -5351,7 +5351,7 @@ function qp({
 const Wp = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -5386,7 +5386,7 @@ const Wp = ({
     p(ta.dynamic.func_content);
   };
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ n(I, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
@@ -5500,12 +5500,12 @@ function Xp({
       /* @__PURE__ */ u(S, { children: [
         /* @__PURE__ */ n(x, { name: `series.${t}.smooth`, control: e, render: ({
           field: o
-        }) => /* @__PURE__ */ n(O, { sx: {
+        }) => /* @__PURE__ */ n(V, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ n(Ye, { label: "Smooth Line", checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }) }),
         /* @__PURE__ */ n(x, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: o
-        }) => /* @__PURE__ */ n(O, { sx: {
+        }) => /* @__PURE__ */ n(V, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ n(Ye, { label: "Display Name on Line", checked: o.value ?? !1, onChange: (l) => o.onChange(l.currentTarget.checked) }) }) })
       ] })
@@ -5513,7 +5513,7 @@ function Xp({
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(x, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ n(O, { mt: 10, mb: -10, sx: {
+      }) => /* @__PURE__ */ n(V, { mt: 10, mb: -10, sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Show Symbol on Line", checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }) }),
       a && /* @__PURE__ */ n(x, { name: `series.${t}.symbolSize`, control: e, render: ({
@@ -5628,7 +5628,7 @@ function Jp({
       }, ...s }) }),
       /* @__PURE__ */ n(x, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ n(yr, { label: "Aggregation on Value", value: s.value ?? Nn, onChange: s.onChange, pt: 0 }) })
+      }) => /* @__PURE__ */ n(yr, { label: "Aggregation on Value", value: s.value ?? Bn, onChange: s.onChange, pt: 0 }) })
     ] }),
     /* @__PURE__ */ n(v, { grow: !0, children: /* @__PURE__ */ n(x, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: s
@@ -5668,7 +5668,7 @@ function em({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "series"
   }), l = t("series"), s = i.map((m, h) => ({
@@ -5718,7 +5718,7 @@ function em({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((m, h) => /* @__PURE__ */ n(b.Tab, { value: h.toString(), children: h + 1 }, m.id)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((m, h) => /* @__PURE__ */ n(b.Panel, { value: h.toString(), children: /* @__PURE__ */ n(Jp, { control: e, index: h, remove: o, seriesItem: m, yAxisOptions: p, data: r }, m.id) }, m.id))
   ] });
@@ -5777,7 +5777,7 @@ function nm({
     ] }),
     /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nt, { ...i }) })
+    }) => /* @__PURE__ */ n(Bt, { ...i }) })
   ] });
 }
 const rm = [{
@@ -5855,7 +5855,7 @@ function om({
     fields: r,
     append: i,
     remove: a
-  } = Oe({
+  } = Ve({
     control: e,
     name: "y_axes"
   }), o = t("y_axes"), l = r.map((c, d) => ({
@@ -5876,7 +5876,7 @@ function om({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       l.map((c, d) => /* @__PURE__ */ n(b.Tab, { value: d.toString(), children: d + 1 }, d)),
-      /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((c, d) => /* @__PURE__ */ n(b.Panel, { value: d.toString(), children: /* @__PURE__ */ n(am, { control: e, index: d, remove: a }) }, d))
   ] });
@@ -5933,9 +5933,9 @@ function sm({
       /* @__PURE__ */ n(b.Panel, { value: "X Axis", children: /* @__PURE__ */ n(nm, { control: l, watch: c, data: a }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Y Axes", children: /* @__PURE__ */ n(om, { control: l, watch: c }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Series", children: /* @__PURE__ */ n(em, { control: l, watch: c, data: a }) }),
-      /* @__PURE__ */ n(b.Panel, { value: "Regression Lines", children: /* @__PURE__ */ n(Bp, { control: l, watch: c, data: a }) }),
+      /* @__PURE__ */ n(b.Panel, { value: "Regression Lines", children: /* @__PURE__ */ n(Np, { control: l, watch: c, data: a }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Stats", children: /* @__PURE__ */ n(tm, { control: l, watch: c, data: a }) }),
-      /* @__PURE__ */ n(b.Panel, { value: "Reference Lines", children: /* @__PURE__ */ n(Op, { variables: i, control: l, watch: c }) }),
+      /* @__PURE__ */ n(b.Panel, { value: "Reference Lines", children: /* @__PURE__ */ n(Vp, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Reference Areas", children: /* @__PURE__ */ n(Mp, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Zooming", children: /* @__PURE__ */ n(x, { name: "dataZoom", control: l, render: ({
         field: g
@@ -6033,7 +6033,7 @@ function pm(e) {
 function mm(e) {
   const t = e.series.map((r) => {
     const {
-      aggregation_on_group: i = Nn
+      aggregation_on_group: i = Bn
     } = r;
     return {
       ...r,
@@ -6048,7 +6048,7 @@ function mm(e) {
 function gm(e) {
   const t = e.series.map((r) => {
     const {
-      aggregation_on_value: i = Nn
+      aggregation_on_value: i = Bn
     } = r;
     return {
       ...r,
@@ -6443,7 +6443,7 @@ function Rm({
     width: a,
     height: o
   } = e.viewport;
-  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(Am, { width: a, height: o, data: i, conf: r }) });
+  return /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(Am, { width: a, height: o, data: i, conf: r }) });
 }
 const Em = [{
   label: "Top",
@@ -6492,7 +6492,7 @@ const Em = [{
   value: t,
   onChange: r,
   options: i = Em
-}, a) => /* @__PURE__ */ n(E, { ref: a, label: e, data: i, value: t, onChange: r })), Om = [{
+}, a) => /* @__PURE__ */ n(E, { ref: a, label: e, data: i, value: t, onChange: r })), Vm = [{
   label: "Ascending",
   value: "ascending"
 }, {
@@ -6501,7 +6501,7 @@ const Em = [{
 }, {
   label: "Use original data order",
   value: "0"
-}], Vm = [{
+}], Om = [{
   label: "Left",
   value: "left"
 }, {
@@ -6543,7 +6543,7 @@ const Em = [{
     label: "Right",
     value: "right"
   }]
-}, Bm = ({
+}, Nm = ({
   item: e,
   control: t,
   data: r,
@@ -6575,7 +6575,7 @@ const Em = [{
         width: "100%"
       }, children: [
         /* @__PURE__ */ n(C, { children: "Min Value" }),
-        /* @__PURE__ */ n(Ee, { label: "Check to enable specific min value", children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(x, { name: `series.${i}.min.enable_value`, control: t, render: ({
+        /* @__PURE__ */ n(Ee, { label: "Check to enable specific min value", children: /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(x, { name: `series.${i}.min.enable_value`, control: t, render: ({
           field: d
         }) => /* @__PURE__ */ n(ve, { size: "xs", checked: d.value, onChange: (p) => d.onChange(p.currentTarget.checked) }) }) }) })
       ] }), ...c }) }),
@@ -6592,7 +6592,7 @@ const Em = [{
         width: "100%"
       }, children: [
         /* @__PURE__ */ n(C, { children: "Max Value" }),
-        /* @__PURE__ */ n(Ee, { label: "Check to enable specific max value", children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(x, { name: `series.${i}.max.enable_value`, control: t, render: ({
+        /* @__PURE__ */ n(Ee, { label: "Check to enable specific max value", children: /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(x, { name: `series.${i}.max.enable_value`, control: t, render: ({
           field: d
         }) => /* @__PURE__ */ n(ve, { size: "xs", checked: d.value, onChange: (p) => d.onChange(p.currentTarget.checked) }) }) }) })
       ] }), ...c }) }),
@@ -6606,12 +6606,12 @@ const Em = [{
       }) => /* @__PURE__ */ n(E, { label: "Orientation", data: Fm, ...c }) }),
       /* @__PURE__ */ n(x, { name: `series.${i}.sort`, control: t, render: ({
         field: c
-      }) => /* @__PURE__ */ n(E, { label: "Sort", data: Om, ...c }) })
+      }) => /* @__PURE__ */ n(E, { label: "Sort", data: Vm, ...c }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(x, { name: `series.${i}.funnelAlign`, control: t, render: ({
         field: c
-      }) => /* @__PURE__ */ n(E, { label: "Align", disabled: s === "horizontal", data: Vm, ...c }) }),
+      }) => /* @__PURE__ */ n(E, { label: "Align", disabled: s === "horizontal", data: Om, ...c }) }),
       /* @__PURE__ */ n(x, { name: `series.${i}.gap`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ n(re, { placeholder: "0, 5, 10...", label: "Gap", ...c }) })
@@ -6621,13 +6621,13 @@ const Em = [{
       /* @__PURE__ */ n(x, { name: `series.${i}.axisLabel.position`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ n(ra, { label: "Position", options: Pm[s], ...c }) }),
-      /* @__PURE__ */ n(O, {})
+      /* @__PURE__ */ n(V, {})
     ] }),
     /* @__PURE__ */ n(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ n(x, { name: `series.${i}.axisLabel.overflow`, control: t, render: ({
       field: c
-    }) => /* @__PURE__ */ n(Nt, { ...c }) }) })
+    }) => /* @__PURE__ */ n(Bt, { ...c }) }) })
   ] });
-}, Nm = ({
+}, Bm = ({
   control: e,
   watch: t,
   data: r
@@ -6636,7 +6636,7 @@ const Em = [{
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "series"
   }), l = t("series"), s = i.map((m, h) => ({
@@ -6655,7 +6655,7 @@ const Em = [{
       s.map((m, h) => /* @__PURE__ */ n(b.Tab, { value: m.id, children: m.name }, m.id)),
       /* @__PURE__ */ n(b.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n(Ee, { label: "TODO", children: /* @__PURE__ */ n(Ut, { children: /* @__PURE__ */ n(Pt, { size: 18, color: "#228be6" }) }) }) })
     ] }),
-    s.map((m, h) => /* @__PURE__ */ n(b.Panel, { value: m.id, children: /* @__PURE__ */ n(Bm, { item: m, control: e, index: h, remove: o, data: r }) }, m.id))
+    s.map((m, h) => /* @__PURE__ */ n(b.Panel, { value: m.id, children: /* @__PURE__ */ n(Nm, { item: m, control: e, index: h, remove: o, data: r }) }, m.id))
   ] });
 };
 function qm({
@@ -6685,7 +6685,7 @@ function qm({
       /* @__PURE__ */ n(C, { children: "Funnel Config" }),
       /* @__PURE__ */ n(H, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !m, children: /* @__PURE__ */ n(be, { size: 20 }) })
     ] }),
-    /* @__PURE__ */ n(Nm, { control: o, watch: s, data: i })
+    /* @__PURE__ */ n(Bm, { control: o, watch: s, data: i })
   ] }) });
 }
 function Wm(e) {
@@ -6834,14 +6834,14 @@ function Zm({
     value: t.x_axis(s, l),
     style: {
       label: "",
-      value: Ot(e.x_axis.axisLabel.overflow.in_tooltip)
+      value: Vt(e.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, m = {
     label: e.y_axis.name ? e.y_axis.name : "Y Axis",
     value: t.y_axis(c, l),
     style: {
       label: "",
-      value: Ot(e.y_axis.axisLabel.overflow.in_tooltip)
+      value: Vt(e.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: e.heat_block.name,
@@ -7073,7 +7073,7 @@ const Js = {
     metrics: []
   }
 };
-fe.use([Lt, Zt, Kt, Bi, at, ot, st, hr, Je]);
+fe.use([Lt, Zt, Kt, Ni, at, ot, st, hr, Je]);
 function og({
   conf: e,
   data: t,
@@ -7118,7 +7118,7 @@ function sg({
     width: s,
     height: c
   } = e.viewport;
-  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(og, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
+  return /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(og, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
 }
 function lg({
   data: e,
@@ -7184,7 +7184,7 @@ const cg = ({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "tooltip.metrics"
   }), l = t("tooltip.metrics"), s = i.map((h, g) => ({
@@ -7218,7 +7218,7 @@ const cg = ({
     }, children: [
       /* @__PURE__ */ u(b.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: h.id, children: /* @__PURE__ */ n(cg, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -7235,11 +7235,11 @@ const hg = ({
   disabled: e,
   value: t,
   onChange: r
-}) => /* @__PURE__ */ u(O, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  e && /* @__PURE__ */ n(Ot, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -7325,7 +7325,7 @@ function mg({
     /* @__PURE__ */ n(A, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nt, { ...i }) }),
+    }) => /* @__PURE__ */ n(Bt, { ...i }) }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.rotate", control: t, render: ({
         field: i
@@ -7382,7 +7382,7 @@ function fg({
     /* @__PURE__ */ n(A, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ n(x, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nt, { ...i }) }),
+    }) => /* @__PURE__ */ n(Bt, { ...i }) }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(x, { name: "y_axis.axisLabel.rotate", control: e, render: ({
         field: i
@@ -7673,7 +7673,7 @@ const Dg = (e, t) => (r) => {
       <td style="text-align: left; padding: 0 1em;">${h(m)}</td>
     </tr>
   `;
-  }), o = Ot(e.x_axis.axisLabel.overflow.in_tooltip), l = i[0].name;
+  }), o = Vt(e.x_axis.axisLabel.overflow.in_tooltip), l = i[0].name;
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${o}">${l}</div>
@@ -7858,7 +7858,7 @@ const Eg = [{
   label: "right",
   value: "right"
 }];
-function Og({
+function Vg({
   data: e,
   control: t,
   watch: r
@@ -7884,7 +7884,7 @@ function Og({
     ] })
   ] });
 }
-const Vg = `
+const Og = `
 {
   // 80-20 line stuff
   percentage: {
@@ -7911,7 +7911,7 @@ const Vg = `
   const [e, t] = U(!1);
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ n(I, { variant: "subtle", compact: !0, onClick: () => t((r) => !r), children: e ? "Close" : "Click to see params for Label Template" }),
-    /* @__PURE__ */ n(Ri, { in: e, children: /* @__PURE__ */ n(cn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: Vg }) })
+    /* @__PURE__ */ n(Ri, { in: e, children: /* @__PURE__ */ n(cn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: Og }) })
   ] });
 };
 function Pg({
@@ -7936,7 +7936,7 @@ function Pg({
     ] })
   ] });
 }
-function Bg({
+function Ng({
   data: e,
   control: t,
   watch: r
@@ -7973,10 +7973,10 @@ function Bg({
     ] }),
     /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nt, { ...i }) })
+    }) => /* @__PURE__ */ n(Bt, { ...i }) })
   ] });
 }
-function Ng({
+function Bg({
   data: e,
   control: t,
   watch: r
@@ -8032,10 +8032,10 @@ function qg({
         /* @__PURE__ */ n(b.Tab, { value: "80-20 Line", children: "80-20 Line" }),
         /* @__PURE__ */ n(b.Tab, { value: "Zooming", children: "Zooming" })
       ] }),
-      /* @__PURE__ */ n(b.Panel, { value: "X Axis", children: /* @__PURE__ */ n(Bg, { control: o, watch: s, data: i }) }),
-      /* @__PURE__ */ n(b.Panel, { value: "Y Axis", children: /* @__PURE__ */ n(Ng, { control: o, watch: s, data: i }) }),
+      /* @__PURE__ */ n(b.Panel, { value: "X Axis", children: /* @__PURE__ */ n(Ng, { control: o, watch: s, data: i }) }),
+      /* @__PURE__ */ n(b.Panel, { value: "Y Axis", children: /* @__PURE__ */ n(Bg, { control: o, watch: s, data: i }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Bar", children: /* @__PURE__ */ n(Rg, { control: o, watch: s, data: i }) }),
-      /* @__PURE__ */ n(b.Panel, { value: "Line", children: /* @__PURE__ */ n(Og, { control: o, watch: s, data: i }) }),
+      /* @__PURE__ */ n(b.Panel, { value: "Line", children: /* @__PURE__ */ n(Vg, { control: o, watch: s, data: i }) }),
       /* @__PURE__ */ n(b.Panel, { value: "80-20 Line", children: /* @__PURE__ */ n(Pg, { control: o, watch: s, data: i }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Zooming", children: /* @__PURE__ */ n(x, { name: "dataZoom", control: o, render: ({
         field: h
@@ -8317,7 +8317,7 @@ function ef(e, t, r) {
     },
     labelLayout: function(c) {
       const d = c.labelRect.x < r / 2, p = c.labelLinePoints;
-      return Vi(p, [2, 0], d ? c.labelRect.x : c.labelRect.x + c.labelRect.width), {
+      return Oi(p, [2, 0], d ? c.labelRect.x : c.labelRect.x + c.labelRect.width), {
         labelLinePoints: p
       };
     },
@@ -8607,7 +8607,7 @@ function pf(e, t) {
   };
   return k.merge({}, hf, o);
 }
-fe.use([Bd, at, ot, st, Je]);
+fe.use([Nd, at, ot, st, Je]);
 function mf({
   conf: e,
   data: t,
@@ -8649,7 +8649,7 @@ function gf({
     width: s,
     height: c
   } = e.viewport;
-  return !s || !c || !o || Fi(o == null ? void 0 : o.dimensions) ? null : /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(mf, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
+  return !s || !c || !o || Fi(o == null ? void 0 : o.dimensions) ? null : /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(mf, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
 }
 function ff({
   control: e,
@@ -8700,7 +8700,7 @@ function bf({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "dimensions"
   }), l = t("dimensions"), s = i.map((g, w) => ({
@@ -9190,7 +9190,7 @@ function Ef(e, t, r, i) {
     adjustedRSquared: Sr(c, t.length, 1)
   };
 }
-function Of(e, t, r, i) {
+function Vf(e, t, r, i) {
   const {
     x_axis: a,
     y_axis: o,
@@ -9210,14 +9210,14 @@ function so(e, t, r) {
     regression: i,
     x_axis: a
   } = r, o = t.map((l) => [l[a.data_key], l[i.y_axis_data_key]]);
-  return i.transform.config.method === "linear" ? Af(e, t, o, r) : i.transform.config.method === "exponential" ? Rf(e, t, o, r) : i.transform.config.method === "logarithmic" ? Ef(e, t, o, r) : i.transform.config.method === "polynomial" ? Of(e, t, o, r) : {
+  return i.transform.config.method === "linear" ? Af(e, t, o, r) : i.transform.config.method === "exponential" ? Rf(e, t, o, r) : i.transform.config.method === "logarithmic" ? Ef(e, t, o, r) : i.transform.config.method === "polynomial" ? Vf(e, t, o, r) : {
     name: e,
     expression: "",
     rSquared: 0,
     adjustedRSquared: 0
   };
 }
-function Vf(e, t) {
+function Of(e, t) {
   if (!t)
     return [{
       name: "",
@@ -9274,13 +9274,13 @@ function Pf({
   data: t
 }) {
   var i;
-  const r = L(() => Vf(t, e), [e, t]);
+  const r = L(() => Of(t, e), [e, t]);
   return e.regression.group_by_key ? (console.log(r), /* @__PURE__ */ u(b, { defaultValue: (i = r[0]) == null ? void 0 : i.name, color: "gray", children: [
     /* @__PURE__ */ n(b.List, { grow: !0, children: r.map((a) => /* @__PURE__ */ n(b.Tab, { value: a.name, children: a.name }, a.name)) }),
     r.map((a) => /* @__PURE__ */ n(b.Panel, { value: a.name, children: /* @__PURE__ */ n(lo, { desc: a }) }, a.name))
   ] })) : /* @__PURE__ */ n(lo, { desc: r[0] });
 }
-function Bf({
+function Nf({
   conf: e,
   data: t
 }) {
@@ -9289,14 +9289,14 @@ function Bf({
     /* @__PURE__ */ n(Tt.Dropdown, { children: /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(Pf, { conf: e, data: t }) }) })
   ] });
 }
-function Nf(e) {
+function Bf(e) {
   return /* @__PURE__ */ n(v, { position: "apart", sx: {
     position: "absolute",
     top: 0,
     left: 0,
     height: "22px",
     zIndex: 1
-  }, children: /* @__PURE__ */ n(Bf, { ...e }) });
+  }, children: /* @__PURE__ */ n(Nf, { ...e }) });
 }
 const kr = {
   enabled: !1,
@@ -9360,10 +9360,10 @@ function qf({
   }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), o = L(() => Mf(_e({}, t, sa), a), [t, a]), l = Do(null), s = (c) => {
     l.current = c;
   };
-  return !r || !i || !t ? null : /* @__PURE__ */ u(O, { sx: {
+  return !r || !i || !t ? null : /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ n(Nf, { conf: t, data: a }),
+    /* @__PURE__ */ n(Bf, { conf: t, data: a }),
     /* @__PURE__ */ n(et, { echarts: fe, onChartReady: s, option: o, style: {
       width: r,
       height: i
@@ -9425,11 +9425,11 @@ const Gf = ({
   disabled: e,
   value: t,
   onChange: r
-}) => /* @__PURE__ */ u(O, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  e && /* @__PURE__ */ n(Ot, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -9532,7 +9532,7 @@ function Yf({
     ] }),
     /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nt, { ...i }) })
+    }) => /* @__PURE__ */ n(Bt, { ...i }) })
   ] });
 }
 function Hf({
@@ -9980,7 +9980,7 @@ function sb({
   }
   const {
     func_content: o
-  } = t, l = Vo(r, i);
+  } = t, l = Oo(r, i);
   return (s, c) => {
     let d;
     c.name ? d = l[c.name] : d = r[c.dataIndex];
@@ -10151,7 +10151,7 @@ function mb(e, t) {
       const o = t[0] ?? t.default, l = Array.isArray(a) ? a : [a];
       if (l.length === 0)
         return "";
-      const s = hb(l, e), c = Ot(e.scatter.label_overflow.tooltip), d = l.map(
+      const s = hb(l, e), c = Vt(e.scatter.label_overflow.tooltip), d = l.map(
         // @ts-expect-error type of value
         ({
           value: g
@@ -10365,7 +10365,7 @@ function wb({
       bottom: Rn(y.bottom, a, l)
     };
   }, [o, l]), w = Math.max(0, c - p - h);
-  return /* @__PURE__ */ u(O, { children: [
+  return /* @__PURE__ */ u(V, { children: [
     /* @__PURE__ */ n(C, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: uo(o.stats.templates.top) ? "block" : "none"
     }, children: Object.values(g.top).map((y) => y) }),
@@ -10457,7 +10457,7 @@ function Sb({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "reference_areas"
   }), l = t("reference_areas"), s = i.map((h, g) => ({
@@ -10486,7 +10486,7 @@ function Sb({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: g.toString(), children: g + 1 }, g)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: g.toString(), children: /* @__PURE__ */ n(x, { name: `reference_areas.${g}`, control: e, render: ({
       field: w
@@ -10601,7 +10601,7 @@ function Lb({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((h, g) => ({
@@ -10642,7 +10642,7 @@ function Lb({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: g.toString(), children: g + 1 }, g)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: g.toString(), children: /* @__PURE__ */ n(Db, { control: e, index: g, remove: o, watch: t, variableOptions: d, yAxisOptions: m }) }, g))
   ] });
@@ -10650,7 +10650,7 @@ function Lb({
 const Ib = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10685,7 +10685,7 @@ const Ib = ({
     p(Wn.dynamic.func_content);
   };
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ n(I, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
@@ -10762,10 +10762,10 @@ const Ib = ({
     /* @__PURE__ */ n(nr, { sectionTitle: "Overflow on Chart", value: e.label, onChange: i }),
     /* @__PURE__ */ n(nr, { sectionTitle: "Overflow in Tooltip", value: e.tooltip, onChange: a })
   ] });
-}), Ob = ({
+}), Vb = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10781,7 +10781,7 @@ const Ib = ({
     func_content: ["function getSize({ rowData, params, variables }, { lodash, interpolate }) {", "    // your code goes here", "    // return 10", "}"].join(`
 `)
   }
-}, Vb = ({
+}, Ob = ({
   value: e,
   onChange: t,
   data: r
@@ -10810,14 +10810,14 @@ const Ib = ({
     p(pl.dynamic.func_content);
   };
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ n(I, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
     /* @__PURE__ */ n(Te, { size: 800, title: "Setup dynamic size", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(A, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ n(Ob, { value: l.func_content, onChange: p }),
+      /* @__PURE__ */ n(Vb, { value: l.func_content, onChange: p }),
       /* @__PURE__ */ u(v, { position: "apart", children: [
         /* @__PURE__ */ n(I, { onClick: m, color: "red", leftIcon: /* @__PURE__ */ n(xt, { size: 20 }), children: "Rest" }),
         /* @__PURE__ */ u(v, { position: "right", children: [
@@ -10831,7 +10831,7 @@ const Ib = ({
   value: e,
   onChange: t,
   data: r
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ n(Vb, { value: e, onChange: t, data: r }), Pb = ({
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ n(Ob, { value: e, onChange: t, data: r }), Pb = ({
   value: e,
   onChange: t
 }) => {
@@ -10844,13 +10844,13 @@ const Ib = ({
     });
   };
   return /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(re, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: r }) });
-}, Bb = [{
+}, Nb = [{
   label: "Static",
   value: "static"
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], Nb = ke(({
+}], Bb = ke(({
   label: e = "Size",
   value: t,
   onChange: r,
@@ -10862,7 +10862,7 @@ const Ib = ({
     });
   };
   return /* @__PURE__ */ u(Yt, { cols: 2, children: [
-    /* @__PURE__ */ n(E, { ref: a, label: e, data: Bb, value: t.type, onChange: o, sx: {
+    /* @__PURE__ */ n(E, { ref: a, label: e, data: Nb, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
     /* @__PURE__ */ n(Pb, { value: t, onChange: r }),
@@ -10932,7 +10932,7 @@ function Wb({
     /* @__PURE__ */ n(A, { mb: -15, label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ n(x, { name: "scatter.symbolSize", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nb, { label: "Size", data: e, ...i }) }),
+    }) => /* @__PURE__ */ n(Bb, { label: "Size", data: e, ...i }) }),
     /* @__PURE__ */ n(x, { name: "scatter.color", control: t, render: ({
       field: i
     }) => /* @__PURE__ */ n(Rb, { data: e, ...i }) }),
@@ -10994,7 +10994,7 @@ const Gb = ({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "tooltip.metrics"
   }), l = t("tooltip.metrics"), s = i.map((h, g) => ({
@@ -11027,7 +11027,7 @@ const Gb = ({
     }, children: [
       /* @__PURE__ */ u(b.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: h.id, children: /* @__PURE__ */ n(Gb, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -11058,11 +11058,11 @@ const Ub = ({
   disabled: e,
   value: t,
   onChange: r
-}) => /* @__PURE__ */ u(O, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  e && /* @__PURE__ */ n(Ot, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -11231,7 +11231,7 @@ function tx({
     fields: r,
     append: i,
     remove: a
-  } = Oe({
+  } = Ve({
     control: e,
     name: "y_axes"
   }), o = t("y_axes"), l = r.map((c, d) => ({
@@ -11252,7 +11252,7 @@ function tx({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       l.map((c, d) => /* @__PURE__ */ n(b.Tab, { value: d.toString(), children: d + 1 }, d)),
-      /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((c, d) => /* @__PURE__ */ n(b.Panel, { value: d.toString(), children: /* @__PURE__ */ n(ex, { control: e, index: d, remove: a }) }, d))
   ] });
@@ -11543,7 +11543,7 @@ function mx(e) {
 }
 function gx(e) {
   const t = Pe(e), r = se(t, "color.valueRange");
-  return r !== void 0 && Vi(t, "color.valueRange", r.map((i) => Number(i))), t;
+  return r !== void 0 && Oi(t, "color.valueRange", r.map((i) => Number(i))), t;
 }
 class fx extends Me {
   constructor() {
@@ -11617,7 +11617,7 @@ const bx = {
     height: c,
     justifyContent: bx[o],
     alignItems: xx[l]
-  }, children: /* @__PURE__ */ n(O, { children: Object.values(p).map((m, h) => /* @__PURE__ */ n($.Fragment, { children: m }, h)) }) });
+  }, children: /* @__PURE__ */ n(V, { children: Object.values(p).map((m, h) => /* @__PURE__ */ n($.Fragment, { children: m }, h)) }) });
 }), vx = [{
   label: "Left",
   value: "left"
@@ -11842,7 +11842,7 @@ function Mx(e, t, r) {
   };
   return _e({}, a, zx);
 }
-fe.use([Nd, Je]);
+fe.use([Bd, Je]);
 function Ax({
   context: e
 }) {
@@ -11885,7 +11885,7 @@ const Ex = [{
 }, {
   label: "None",
   value: "0"
-}], Ox = [{
+}], Vx = [{
   label: "Left",
   value: "left"
 }, {
@@ -11894,7 +11894,7 @@ const Ex = [{
 }, {
   label: "Right",
   value: "right"
-}], Vx = ({
+}], Ox = ({
   control: e,
   data: t,
   index: r,
@@ -11918,7 +11918,7 @@ const Ex = [{
     }) => /* @__PURE__ */ n(E, { label: "Rotate", data: Ex, ...a }) }),
     /* @__PURE__ */ n(x, { name: `levels.${r}.label.align`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ n(E, { label: "Align", data: Ox, ...a }) })
+    }) => /* @__PURE__ */ n(E, { label: "Align", data: Vx, ...a }) })
   ] }),
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ n(x, { name: `levels.${r}.label.position`, control: e, render: ({
@@ -11942,7 +11942,7 @@ const Ex = [{
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "levels"
   }), l = t("levels"), s = i.map((h, g) => ({
@@ -11983,9 +11983,9 @@ const Ex = [{
     }, children: [
       /* @__PURE__ */ u(b.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: h.id, children: g }, h.id)),
-        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
       ] }),
-      s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: h.id, children: /* @__PURE__ */ n(Vx, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
+      s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: h.id, children: /* @__PURE__ */ n(Ox, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
   ] });
 };
@@ -12037,7 +12037,7 @@ function Px({
     ] })
   ] }) });
 }
-function Bx(e) {
+function Nx(e) {
   const {
     label_field: t,
     value_field: r,
@@ -12049,7 +12049,7 @@ function Bx(e) {
     value_key: r
   };
 }
-function Nx(e) {
+function Bx(e) {
   const {
     group_key: t = "",
     ...r
@@ -12081,11 +12081,11 @@ class Wx extends Me {
     })), this.version(2, (r) => ({
       ...r,
       version: 2,
-      config: Bx(r.config)
+      config: Nx(r.config)
     })), this.version(3, (r) => ({
       ...r,
       version: 3,
-      config: Nx(r.config)
+      config: Bx(r.config)
     })), this.version(4, (r) => ({
       ...r,
       version: 4,
@@ -12474,15 +12474,15 @@ function hy({
     overscan: 20
   }), {
     virtualItems: Q,
-    totalSize: N
-  } = W, P = Q.length > 0 && ((pe = Q == null ? void 0 : Q[0]) == null ? void 0 : pe.start) || 0, V = Q.length > 0 ? N - (((ge = Q == null ? void 0 : Q[Q.length - 1]) == null ? void 0 : ge.end) || 0) : 0, Y = R.length, ne = Y > 0, ee = ne ? i - 22 : i, de = ne ? 22 : 0;
+    totalSize: B
+  } = W, P = Q.length > 0 && ((pe = Q == null ? void 0 : Q[0]) == null ? void 0 : pe.start) || 0, O = Q.length > 0 ? B - (((ge = Q == null ? void 0 : Q[Q.length - 1]) == null ? void 0 : ge.end) || 0) : 0, Y = R.length, ne = Y > 0, ee = ne ? i - 22 : i, de = ne ? 22 : 0;
   return !Array.isArray(r) || r.length === 0 ? /* @__PURE__ */ n(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: F, style: {
     height: i,
     width: a
   }, "data-enable-scrollbar": !0, className: p(d.root, {
     "table-highlight-on-hover": o.highlightOnHover
   }), children: [
-    Y > 0 && /* @__PURE__ */ n(O, { className: d.info_bar, sx: {
+    Y > 0 && /* @__PURE__ */ n(V, { className: d.info_bar, sx: {
       height: 22
     }, children: /* @__PURE__ */ u(C, { align: "right", pr: 6, size: 14, color: "dimmed", fw: "normal", children: [
       "Total: ",
@@ -12505,8 +12505,8 @@ function hy({
           const Ce = R[ue.index];
           return /* @__PURE__ */ n("tr", { children: Ce.getVisibleCells().map((Le) => /* @__PURE__ */ n("td", { children: tr(Le.column.columnDef.cell, Le.getContext()) }, Le.id)) }, Ce.id);
         }),
-        V > 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { style: {
-          height: `${V}px`
+        O > 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { style: {
+          height: `${O}px`
         } }) })
       ] })
     ] })
@@ -12550,11 +12550,11 @@ class my {
     j(this, "steps", /* @__PURE__ */ new Map());
     j(this, "interpolation");
     j(this, "onChange");
-    Bn(this, {
+    Nn(this, {
       steps: us
     }, {
       deep: !1
-    }), gt(() => Bt(this.steps), () => {
+    }), gt(() => Nt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -12601,12 +12601,12 @@ function gy(e) {
     /* @__PURE__ */ n(C, { title: w, style: {
       opacity: h ? 1 : 0
     }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: R }),
-    /* @__PURE__ */ u(Or, { width: 200, trapFocus: !0, opened: c, onClose: p, children: [
-      /* @__PURE__ */ n(Or.Target, { children: /* @__PURE__ */ n("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: d, style: {
+    /* @__PURE__ */ u(Vr, { width: 200, trapFocus: !0, opened: c, onClose: p, children: [
+      /* @__PURE__ */ n(Vr.Target, { children: /* @__PURE__ */ n("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: d, style: {
         "--shadow-color": $n(r).alpha(0.5).hex(),
         backgroundColor: r
       } }) }),
-      /* @__PURE__ */ n(Or.Dropdown, { children: /* @__PURE__ */ u(S, { children: [
+      /* @__PURE__ */ n(Vr.Dropdown, { children: /* @__PURE__ */ u(S, { children: [
         /* @__PURE__ */ n(re, { size: "xs", label: "Map a value to this color", value: l, onChange: s }),
         /* @__PURE__ */ u(v, { position: "right", children: [
           /* @__PURE__ */ n(I, { variant: "subtle", size: "xs", onClick: y, children: "Cancel" }),
@@ -12651,7 +12651,7 @@ const fy = D(({
     }));
   }
   const g = () => {
-    p(), r == null || r(Bt(o));
+    p(), r == null || r(Nt(o));
   };
   function w(T) {
     l((R) => ({
@@ -12745,9 +12745,9 @@ const Cy = ke((e, t) => {
       flexGrow: 0
     }, children: "Custom Cell Content" }),
     /* @__PURE__ */ n(Te, { size: 800, title: "Custom cell content", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ n(O, { sx: {
+      /* @__PURE__ */ n(V, { sx: {
         position: "relative"
-      }, children: /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: l, onChange: (m) => s(m ?? ""), theme: "vs-dark", options: {
+      }, children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: l, onChange: (m) => s(m ?? ""), theme: "vs-dark", options: {
         minimap: {
           enabled: !1
         }
@@ -12770,7 +12770,7 @@ const Cy = ke((e, t) => {
 }, {
   label: "Right",
   value: "right"
-}], Nr = () => /* @__PURE__ */ n(C, { color: "dimmed", size: 12, children: "px" }), Iy = ({
+}], Br = () => /* @__PURE__ */ n(C, { color: "dimmed", size: 12, children: "px" }), Iy = ({
   control: e,
   index: t,
   watch: r,
@@ -12804,11 +12804,11 @@ const Cy = ke((e, t) => {
     ] }),
     /* @__PURE__ */ n(A, { mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
-      /* @__PURE__ */ n(re, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ n(Nr, {}), disabled: !0 }),
+      /* @__PURE__ */ n(re, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ n(Br, {}), disabled: !0 }),
       /* @__PURE__ */ n(x, { name: `columns.${t}.width`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ n(re, { hideControls: !0, label: "Width", rightSection: /* @__PURE__ */ n(Nr, {}), ...s }) }),
-      /* @__PURE__ */ n(re, { hideControls: !0, label: "Max Width", rightSection: /* @__PURE__ */ n(Nr, {}), disabled: !0 })
+      }) => /* @__PURE__ */ n(re, { hideControls: !0, label: "Width", rightSection: /* @__PURE__ */ n(Br, {}), ...s }) }),
+      /* @__PURE__ */ n(re, { hideControls: !0, label: "Max Width", rightSection: /* @__PURE__ */ n(Br, {}), disabled: !0 })
     ] }),
     /* @__PURE__ */ n(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ n(x, { name: `columns.${t}.align`, control: e, render: ({
       field: s
@@ -12829,7 +12829,7 @@ const Cy = ke((e, t) => {
     append: a,
     remove: o,
     update: l
-  } = Oe({
+  } = Ve({
     control: e,
     name: "columns"
   }), s = () => {
@@ -12862,7 +12862,7 @@ const Cy = ke((e, t) => {
       }, children: [
         /* @__PURE__ */ u(b.List, { children: [
           i.map((d, p) => /* @__PURE__ */ n(b.Tab, { value: p.toString(), children: p + 1 }, d.id)),
-          /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+          /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
         ] }),
         i.map((d, p) => /* @__PURE__ */ n(b.Panel, { value: p.toString(), children: /* @__PURE__ */ n(Iy, { control: e, watch: t, index: p, column: d, data: r, remove: o }, p) }, d.id))
       ] })
@@ -13047,7 +13047,7 @@ const Ur = {
   horizontal_align: "left",
   font_size: "14px",
   font_weight: "normal"
-}, Oy = D(({
+}, Vy = D(({
   context: e
 }) => {
   const t = te(), {
@@ -13071,12 +13071,12 @@ const Ur = {
   return /* @__PURE__ */ n(C, { align: l, weight: c, sx: {
     fontSize: s
   }, children: p });
-}), Vy = ({
+}), Oy = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(O, { sx: {
+}) => /* @__PURE__ */ n(V, { sx: {
   position: "relative"
-}, children: /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}, children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -13103,7 +13103,7 @@ const Ur = {
       flexGrow: 0
     }, children: "Edit Content" }),
     /* @__PURE__ */ n(Te, { size: 800, title: "Text content", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ n(Vy, { value: l, onChange: s }),
+      /* @__PURE__ */ n(Oy, { value: l, onChange: s }),
       /* @__PURE__ */ u(v, { position: "apart", children: [
         /* @__PURE__ */ n(I, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ n(xt, { size: 20 }), children: "Rest" }),
         /* @__PURE__ */ u(v, { position: "right", children: [
@@ -13123,7 +13123,7 @@ const Ur = {
   label: "Right",
   value: "right"
 }];
-function By({
+function Ny({
   context: e
 }) {
   const {
@@ -13191,7 +13191,7 @@ function By({
     ] })
   ] }) });
 }
-class Ny extends Me {
+class By extends Me {
   constructor() {
     super(...arguments);
     j(this, "VERSION", 1);
@@ -13206,10 +13206,10 @@ class Ny extends Me {
 const qy = {
   displayName: "Text",
   displayGroup: "Others",
-  migrator: new Ny(),
+  migrator: new By(),
   name: "text",
-  viewRender: Oy,
-  configRender: By,
+  viewRender: Vy,
+  configRender: Ny,
   createConfig() {
     return {
       version: 1,
@@ -13274,7 +13274,7 @@ const Gy = ({
   ...ji
 }, mo = ({
   message: e
-}) => /* @__PURE__ */ n(O, { sx: Xr, children: /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ n(V, { sx: Xr, children: /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: {
   __html: e
 }, style: {
   fontSize: "14px",
@@ -13309,16 +13309,16 @@ function Hy({
     data: l,
     error: s,
     loading: c
-  } = On(Gy({
+  } = Vn(Gy({
     conf: r,
     data: o
   }), {
     refreshDeps: [o, r]
   });
-  return !i || !a || !r ? null : c ? /* @__PURE__ */ n(O, { sx: {
+  return !i || !a || !r ? null : c ? /* @__PURE__ */ n(V, { sx: {
     position: "relative",
     height: a
-  }, children: /* @__PURE__ */ n(Xt, { visible: !0 }) }) : s ? /* @__PURE__ */ n(O, { sx: Xr, "data-enable-scrollbar": !0, children: /* @__PURE__ */ n(Yy, { error: s, width: i, height: a }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ n(O, { sx: Xr, "data-enable-scrollbar": !0, children: l.replies.map((d, p) => /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ n(Xt, { visible: !0 }) }) : s ? /* @__PURE__ */ n(V, { sx: Xr, "data-enable-scrollbar": !0, children: /* @__PURE__ */ n(Yy, { error: s, width: i, height: a }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ n(V, { sx: Xr, "data-enable-scrollbar": !0, children: l.replies.map((d, p) => /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, p)) });
 }
@@ -13642,7 +13642,7 @@ const vl = {
     metrics: []
   }
 };
-fe.use([Lt, Zt, Kt, Bi, Od, at, ot, st, hr, Je]);
+fe.use([Lt, Zt, Kt, Ni, Vd, at, ot, st, hr, Je]);
 function hv({
   name: e
 }, t) {
@@ -13698,7 +13698,7 @@ function mv({
     width: s,
     height: c
   } = e.viewport;
-  return !o.calendar.data_key || !o.heat_block.data_key ? null : /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(pv, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
+  return !o.calendar.data_key || !o.heat_block.data_key ? null : /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(pv, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
 }
 function gv({
   data: e,
@@ -13764,7 +13764,7 @@ const fv = ({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "tooltip.metrics"
   }), l = t("tooltip.metrics"), s = i.map((h, g) => ({
@@ -13798,7 +13798,7 @@ const fv = ({
     }, children: [
       /* @__PURE__ */ u(b.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: h.id, children: /* @__PURE__ */ n(fv, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -14078,9 +14078,9 @@ function Mv({
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(W).map(([Q, N]) => {
+  return Object.entries(W).map(([Q, B]) => {
     const P = Pe(F);
-    return P.name = Q, P.color = void 0, P.data = N, P;
+    return P.name = Q, P.color = void 0, P.data = B, P;
   });
 }
 function Av(e, t, r, i, a, o, l) {
@@ -14130,7 +14130,7 @@ function Ev(e, t, r) {
         })}</td>
         </tr>
         `;
-      }), s = Ot(e.y_axis.axisLabel.overflow.in_tooltip), c = Rv(o, e);
+      }), s = Vt(e.y_axis.axisLabel.overflow.in_tooltip), c = Rv(o, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${s}">${c}</div>
@@ -14144,7 +14144,7 @@ function Ev(e, t, r) {
     }
   };
 }
-function Ov(e) {
+function Vv(e) {
   return e.x_axes.reduce((r, {
     label_formatter: i
   }, a) => (r[a] = function(l) {
@@ -14162,7 +14162,7 @@ function Ov(e) {
     }) => r
   });
 }
-function Vv(e, t) {
+function Ov(e, t) {
   const r = {};
   return t.map((i) => {
     const a = fn(i, e);
@@ -14232,8 +14232,8 @@ function Pv(e, t) {
     z: 5
   }];
 }
-function Bv(e, t, r) {
-  const i = Vv(t, r), a = Ov(e), o = k.uniq(t.map((d) => d[e.y_axis.data_key])), l = o.every((d) => !Number.isNaN(Number(d))), s = Av(e, o, l, t, a, r, i);
+function Nv(e, t, r) {
+  const i = Ov(t, r), a = Vv(e), o = k.uniq(t.map((d) => d[e.y_axis.data_key])), l = o.every((d) => !Number.isNaN(Number(d))), s = Av(e, o, l, t, a, r, i);
   return {
     xAxis: Fv(e, a),
     yAxis: Pv(e, o),
@@ -14271,7 +14271,7 @@ const xa = {
   },
   reference_lines: []
 };
-function Nv() {
+function Bv() {
   const e = (/* @__PURE__ */ new Date()).getTime().toString();
   return {
     id: e,
@@ -14301,7 +14301,7 @@ function qv() {
     hide_in_legend: !1,
     invisible: !1,
     label_position: "right",
-    aggregation_on_value: Nn,
+    aggregation_on_value: Bn,
     xAxisIndex: "0"
   };
 }
@@ -14343,7 +14343,7 @@ function jv({
     });
   }, [l, s, a]), d = L(() => ({
     click: c
-  }), [c]), p = $.useMemo(() => Bv(e, t, o), [e, t]);
+  }), [c]), p = $.useMemo(() => Nv(e, t, o), [e, t]);
   return !r || !i ? null : /* @__PURE__ */ n(et, { echarts: fe, option: p, style: {
     width: r,
     height: i
@@ -14364,7 +14364,7 @@ function Gv({
     width: s,
     height: c
   } = e.viewport;
-  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(jv, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
+  return /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(jv, { variables: a, width: s, height: c, data: l, conf: o, interactionManager: r }) });
 }
 const Yv = [{
   label: "solid",
@@ -14464,7 +14464,7 @@ function Uv({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((g, w) => ({
@@ -14493,7 +14493,7 @@ function Uv({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((g, w) => /* @__PURE__ */ n(b.Tab, { value: g.id, children: g.name }, w)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((g, w) => /* @__PURE__ */ n(b.Panel, { value: g.id, children: /* @__PURE__ */ n(Qv, { control: e, index: w, remove: o, watch: t, variableOptions: d, xAxisOptions: m }) }, w))
   ] });
@@ -14626,7 +14626,7 @@ function e0({
       }, ...l }) }),
       /* @__PURE__ */ n(x, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ n(yr, { label: "Aggregation on Value", value: l.value ?? Nn, onChange: l.onChange, pt: 0 }) })
+      }) => /* @__PURE__ */ n(yr, { label: "Aggregation on Value", value: l.value ?? Bn, onChange: l.onChange, pt: 0 }) })
     ] }),
     /* @__PURE__ */ n(v, { grow: !0, children: /* @__PURE__ */ n(x, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: l
@@ -14668,7 +14668,7 @@ function t0({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "series"
   }), l = t("series"), s = i.map((w, y) => ({
@@ -14698,7 +14698,7 @@ function t0({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((w) => /* @__PURE__ */ n(b.Tab, { value: w.id, children: w.name }, w.id)),
-      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((w, y) => /* @__PURE__ */ n(b.Panel, { value: w.id, children: /* @__PURE__ */ n(e0, { control: e, index: y, remove: o, seriesItem: w, xAxisOptions: p, data: r }, w.id) }, w.id))
   ] });
@@ -14762,14 +14762,14 @@ function i0({
     fields: r,
     append: i,
     remove: a
-  } = Oe({
+  } = Ve({
     control: e,
     name: "x_axes"
   }), o = t("x_axes"), l = r.map((d, p) => ({
     ...d,
     ...o[p]
   })), s = () => {
-    const d = Nv();
+    const d = Bv();
     i(d);
   }, c = l.length > 0 ? l[0].id : "0";
   return /* @__PURE__ */ u(b, { defaultValue: c, styles: {
@@ -14783,7 +14783,7 @@ function i0({
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       l.map((d) => /* @__PURE__ */ n(b.Tab, { value: d.id, children: d.name }, d.id)),
-      /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(b.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((d, p) => /* @__PURE__ */ n(b.Panel, { value: d.id, children: /* @__PURE__ */ n(r0, { control: e, index: p, remove: a }) }, d.id))
   ] });
@@ -14812,7 +14812,7 @@ function a0({
     }) => /* @__PURE__ */ n(wr, { data: e, ...i }) }) }),
     /* @__PURE__ */ n(x, { name: "y_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(Nt, { ...i }) })
+    }) => /* @__PURE__ */ n(Bt, { ...i }) })
   ] });
 }
 function o0({
@@ -15540,7 +15540,7 @@ function $0(e) {
     /* @__PURE__ */ n(D0, { ...e })
   ] });
 }
-fe.use([Zt, Kt, Bi, at, ot, st, Je, hr]);
+fe.use([Zt, Kt, Ni, at, ot, st, Je, hr]);
 function z0({
   conf: e,
   data: t,
@@ -15574,7 +15574,7 @@ function M0({
   }, [d]), !l.data_key || !c || !d)
     return null;
   const h = Math.max(a, 300), g = Math.max(o, 370);
-  return /* @__PURE__ */ u(O, { sx: {
+  return /* @__PURE__ */ u(V, { sx: {
     overflow: "hidden",
     height: g,
     width: h
@@ -15668,7 +15668,7 @@ const E0 = ({
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
-] }), O0 = ({
+] }), V0 = ({
   control: e,
   watch: t,
   data: r
@@ -15677,7 +15677,7 @@ const E0 = ({
     fields: i,
     append: a,
     remove: o
-  } = Oe({
+  } = Ve({
     control: e,
     name: "metrics"
   }), l = t("metrics"), s = i.map((h, g) => ({
@@ -15711,13 +15711,13 @@ const E0 = ({
     }, children: [
       /* @__PURE__ */ u(b.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(b.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(b.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(b.Panel, { value: h.id, children: /* @__PURE__ */ n(E0, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
   ] });
 };
-function V0({
+function O0({
   context: e
 }) {
   const {
@@ -15761,7 +15761,7 @@ function V0({
       ] }),
       /* @__PURE__ */ n(b.Panel, { value: "X Axis", children: /* @__PURE__ */ n(A0, { control: o, watch: s, data: i }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Deviation", children: /* @__PURE__ */ n(R0, { control: o, watch: s, data: i }) }),
-      /* @__PURE__ */ n(b.Panel, { value: "Additional Metrics", children: /* @__PURE__ */ n(O0, { control: o, watch: s, data: i }) })
+      /* @__PURE__ */ n(b.Panel, { value: "Additional Metrics", children: /* @__PURE__ */ n(V0, { control: o, watch: s, data: i }) })
     ] })
   ] }) });
 }
@@ -15783,12 +15783,12 @@ const P0 = {
   migrator: new F0(),
   name: "mericoEstimationChart",
   viewRender: M0,
-  configRender: V0,
+  configRender: O0,
   createConfig: () => ({
     version: 1,
     config: ya
   })
-}, B0 = [{
+}, N0 = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -15835,12 +15835,12 @@ const P0 = {
   value: e.value,
   type: "single",
   category: "basic"
-})), N0 = [Eu, Ou, Pu, Fu, Vu, Bu], _l = () => ({
+})), B0 = [Eu, Vu, Pu, Fu, Ou, Nu], _l = () => ({
   id: "dashboard",
   version: Yi,
   manifest: {
-    viz: [Ur, Cx, qy, nb, jx, sf, l0, Xu, Nh, Gm, yg, Cv, Zg, Cm, ux, Cf, Zf, Xy, P0, tp],
-    color: [...B0, ...N0]
+    viz: [Ur, Cx, qy, nb, jx, sf, l0, Xu, Bh, Gm, yg, Cv, Zg, Cm, ux, Cf, Zf, Xy, P0, tp],
+    color: [...N0, ...B0]
   }
 }), Tn = new ju(), Re = {
   pluginManager: St("pluginManager"),
@@ -15962,7 +15962,7 @@ function Q0(e) {
   return /* @__PURE__ */ n(z, { defaultValue: t, onBlur: (i) => r(i.currentTarget.value), label: "console.log" });
 }
 async function U0(e, t) {
-  const r = await t.operationData.getItem("config"), i = Oi(r.template || "");
+  const r = await t.operationData.getItem("config"), i = Vi(r.template || "");
   console.log("run with payload", e), console.log(i(e));
 }
 const X0 = {
@@ -16191,7 +16191,7 @@ class cw {
       const i = Ro(r).map((a) => ({
         id: se(a, "id"),
         schemaRef: se(a, "schemaRef"),
-        config: Bt(se(a, "data.config"))
+        config: Nt(se(a, "data.config"))
       }));
       t(i);
     }, {
@@ -16337,7 +16337,7 @@ class dw {
     j(this, "operation");
     j(this, "operationSchema");
     j(this, "variables", []);
-    this.operationManager = t, this.instance = r, Bn(this);
+    this.operationManager = t, this.instance = r, Nn(this);
   }
   get schemaList() {
     return this.operationManager.getOperationSchemaList();
@@ -16394,7 +16394,7 @@ const gw = D((e) => {
     instance: l,
     variables: s
   } = e, c = dt(() => new dw(a, l), [a, l]);
-  return Vn(async () => {
+  return On(async () => {
     await c.configOperation(o, s);
   }, [o, c]), uw(c) ? /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ n(hw, { model: c, onClick: r }),
@@ -16411,7 +16411,7 @@ class fw {
     j(this, "trigger");
     j(this, "triggerSchema");
     j(this, "sampleData");
-    this.triggerManager = t, this.instance = r, Bn(this);
+    this.triggerManager = t, this.instance = r, Nn(this);
   }
   get schemaList() {
     return this.triggerManager.getTriggerSchemaList();
@@ -16481,7 +16481,7 @@ const yw = D(({
 });
 function Cw(e, t) {
   const [r, i] = U([]);
-  return Vn(async () => {
+  return On(async () => {
     const a = await e.getInteractionList();
     i(a);
   }, [t, e]), r;
@@ -16498,7 +16498,7 @@ const Sw = D(({
     triggerRef: l,
     operationRef: s
   } = e, c = xw(t.triggerManager, r);
-  if (Vn(async () => {
+  if (On(async () => {
     await c.configTrigger(l, i);
   }, [c, l, i]), c.isReady()) {
     const d = [...c.triggerSchema.payload, ...a];
@@ -16525,7 +16525,7 @@ const Sw = D(({
   const {
     data: p = 0,
     loading: m
-  } = On(async () => {
+  } = Vn(async () => {
     try {
       return (await i.triggerManager.getTriggerSchemaList()).length;
     } catch {
@@ -16534,7 +16534,7 @@ const Sw = D(({
   });
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ n(Xt, { visible: m }),
-    p === 0 && /* @__PURE__ */ n(Oc, { icon: /* @__PURE__ */ n(Td, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
+    p === 0 && /* @__PURE__ */ n(Vc, { icon: /* @__PURE__ */ n(Td, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
     s.map((h) => /* @__PURE__ */ n(Sw, { onRemove: d, instance: a, sampleData: o, variables: l, item: h, manager: e.interactionManager }, h.id)),
     /* @__PURE__ */ n(I, { style: {
       width: "fit-content"
@@ -16631,7 +16631,7 @@ function kl(e) {
 }
 function Tl(e) {
   const [t, r] = U(!1), i = vs().getRequired(Re.instanceScope.migrator);
-  return Vn(async () => {
+  return On(async () => {
     const a = i.status === Jn.notStarted;
     r(i.status === Jn.done), i.status === Jn.notStarted && i.runMigration().then((o) => {
       o === Sl.migrated && a && (e == null || e());
@@ -16658,7 +16658,7 @@ function Iw({
       message: "Your plugin configuration has been migrated to the latest version"
     });
   });
-  return Vn(async () => {
+  return On(async () => {
     await i.instanceData.setItem(null, r.viz.conf);
   }, [i, r.viz.type]), a ? /* @__PURE__ */ n(Ru, { ...t }) : /* @__PURE__ */ n(C, { children: "Checking update..." });
 }
@@ -16772,10 +16772,10 @@ const _a = D(function({
     panel: t,
     data: o,
     loading: p
-  }, children: /* @__PURE__ */ u(O, { className: "panel-root", p: 5, pt: 0, sx: {
+  }, children: /* @__PURE__ */ u(V, { className: "panel-root", p: 5, pt: 0, sx: {
     ...h
   }, children: [
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       position: "absolute",
       left: 0,
       top: 0,
@@ -16787,7 +16787,7 @@ const _a = D(function({
     /* @__PURE__ */ n(Ll, { viz: t.viz, data: o, loading: p, error: s, height: m, query: c })
   ] }) });
 });
-const Ow = $.forwardRef(({
+const Vw = $.forwardRef(({
   h: e
 }, t) => /* @__PURE__ */ n(H, { ref: t, className: "react-grid-customDragHandle", sx: {
   userSelect: "none",
@@ -16799,7 +16799,7 @@ const Ow = $.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", children: /* @__PURE__ */ n(Dd, { size: 16 }) })), Vw = $.forwardRef(({
+}, variant: "transparent", children: /* @__PURE__ */ n(Dd, { size: 16 }) })), Ow = $.forwardRef(({
   handleAxis: e,
   ...t
 }, r) => /* @__PURE__ */ n(H, { ref: r, className: "react-grid-customResizeHandle", sx: {
@@ -16830,13 +16830,13 @@ const Ow = $.forwardRef(({
   }, [r]), l = (s, c, d, p) => {
     d.h < 30 && (d.h = 30, p.h = 30), d.w < 4 && (d.w = 4, p.w = 4);
   };
-  return /* @__PURE__ */ n(Fw, { onLayoutChange: o, className: `dashboard-layout ${t}`, rowHeight: 1, cols: 36, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, layout: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ n(Vw, {}), onResize: l, children: i.map((s, c) => /* @__PURE__ */ u("div", { "data-grid": {
+  return /* @__PURE__ */ n(Fw, { onLayoutChange: o, className: `dashboard-layout ${t}`, rowHeight: 1, cols: 36, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, layout: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ n(Ow, {}), onResize: l, children: i.map((s, c) => /* @__PURE__ */ u("div", { "data-grid": {
     ...s.layout
   }, className: "panel-grid-item", children: [
-    /* @__PURE__ */ n(Ow, { h: s.layout.h }),
+    /* @__PURE__ */ n(Vw, { h: s.layout.h }),
     /* @__PURE__ */ n(_a, { view: e, panel: s })
   ] }, s.id)) });
-}), Bw = ds(cs), Nw = D(function({
+}), Nw = ds(cs), Bw = D(function({
   view: t,
   className: r = "layout"
 }) {
@@ -16844,7 +16844,7 @@ const Ow = $.forwardRef(({
     panels: i,
     layouts: a
   } = te().panels.panelsByIDs(t.panelIDs);
-  return /* @__PURE__ */ n(Bw, { className: `dashboard-layout ${r}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: a, children: i.map((o) => /* @__PURE__ */ n("div", { "data-grid": {
+  return /* @__PURE__ */ n(Nw, { className: `dashboard-layout ${r}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: a, children: i.map((o) => /* @__PURE__ */ n("div", { "data-grid": {
     ...o.layout
   }, className: "panel-grid-item", children: /* @__PURE__ */ n(_a, { view: t, panel: o }) }, o.id)) });
 });
@@ -16881,7 +16881,7 @@ const vD = {
 var Il = /* @__PURE__ */ ((e) => (e.Select = "select", e.TreeSelect = "tree-select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Il || {});
 const jw = D(({
   children: e
-}) => /* @__PURE__ */ n(O, { pt: 10, pb: 100, children: e })), Gw = D(({
+}) => /* @__PURE__ */ n(V, { pt: 10, pb: 100, children: e })), Gw = D(({
   children: e,
   view: t
 }) => {
@@ -16944,18 +16944,18 @@ const jw = D(({
     },
     zIndex: 320
   }), s = o.tabs.length === 0;
-  return /* @__PURE__ */ u(O, { className: "preview-view-tabs", children: [
+  return /* @__PURE__ */ u(V, { className: "preview-view-tabs", children: [
     /* @__PURE__ */ u(b, { variant: o.variant, orientation: o.orientation, defaultValue: o.tabs.length > 0 ? o.tabs[0].id : "0", styles: Yw(o), children: [
       /* @__PURE__ */ u(b.List, { grow: o.grow, children: [
         o.tabs.map((c) => /* @__PURE__ */ n(b.Tab, { value: c.id, sx: Hw(c), children: c.name ?? c.id }, c.id)),
-        /* @__PURE__ */ n(b.Tab, { onClick: o.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ n(Be, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(b.Tab, { onClick: o.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ n(Ne, { size: 18, color: "#228be6" }) })
       ] }),
       o.tabs.map((c, d) => {
         const p = i.views.findByID(c.view_id);
         return /* @__PURE__ */ u(b.Panel, { value: c.id, sx: {
           position: "relative"
         }, children: [
-          /* @__PURE__ */ u(O, { sx: {
+          /* @__PURE__ */ u(V, { sx: {
             position: "absolute",
             top: 0,
             left: 0,
@@ -16963,7 +16963,7 @@ const jw = D(({
             bottom: 0,
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ n(Vt, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
+            /* @__PURE__ */ n(Ot, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
             /* @__PURE__ */ u(S, { mx: "auto", mt: 100, sx: {
               width: "300px",
               position: "relative",
@@ -17007,10 +17007,10 @@ const jw = D(({
   return /* @__PURE__ */ n(Wi.Provider, { value: {
     viewPanelInFullScreen: k.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ n(O, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ n(Uw, { view: t, children: /* @__PURE__ */ u(O, { sx: {
+  }, children: /* @__PURE__ */ n(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ n(Uw, { view: t, children: /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ n(O, { className: "dashboard-sticky-area", sx: {
+    /* @__PURE__ */ n(V, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ n($s, { view: t }) }),
@@ -17053,7 +17053,7 @@ function Jw(e, t, r) {
 }
 const e_ = D(({
   children: e
-}) => /* @__PURE__ */ n(O, { children: e })), t_ = D(({
+}) => /* @__PURE__ */ n(V, { children: e })), t_ = D(({
   children: e,
   view: t
 }) => {
@@ -17078,7 +17078,7 @@ const e_ = D(({
   view: t
 }) => {
   const r = te(), i = t.config;
-  return /* @__PURE__ */ u(O, { className: "render-view-tabs", children: [
+  return /* @__PURE__ */ u(V, { className: "render-view-tabs", children: [
     /* @__PURE__ */ u(b, { variant: i.variant, orientation: i.orientation, defaultValue: i.tabs.length > 0 ? i.tabs[0].id : "0", styles: {
       panel: {
         padding: i.orientation === "horizontal" ? "16px 0px" : "0"
@@ -17120,16 +17120,16 @@ const e_ = D(({
   return /* @__PURE__ */ n(Wi.Provider, { value: {
     viewPanelInFullScreen: a,
     inFullScreen: l
-  }, children: /* @__PURE__ */ u(O, { className: "dashboard-view", "data-enable-scrollbar": !0, children: [
+  }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: [
     l && /* @__PURE__ */ n(Kw, { view: t, panel: s, exitFullScreen: o }),
-    /* @__PURE__ */ n(i_, { view: t, children: /* @__PURE__ */ u(O, { sx: {
+    /* @__PURE__ */ n(i_, { view: t, children: /* @__PURE__ */ u(V, { sx: {
       position: "relative"
     }, children: [
-      !l && /* @__PURE__ */ n(O, { className: "dashboard-sticky-area", sx: {
+      !l && /* @__PURE__ */ n(V, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ n($s, { view: t }) }),
-      !l && /* @__PURE__ */ n(Nw, { view: t })
+      !l && /* @__PURE__ */ n(Bw, { view: t })
     ] }) })
   ] }) });
 });
@@ -17154,7 +17154,7 @@ function o_(e, t) {
   let r = a_(e);
   return r += "&key=" + t, xs.MD5(r).toString().toUpperCase();
 }
-const rt = {
+const tt = {
   baseURL: "http://localhost:31200",
   app_id: "",
   app_secret: "",
@@ -17189,10 +17189,19 @@ const rt = {
       };
       return ["POST", "PUT"].includes(e) && (s.data = a.string ? JSON.stringify(i) : i, s.data.authentication = this.getAuthentication(s.data)), Rt(s).then((c) => c.data).catch((c) => Promise.reject(c));
     };
+  },
+  makeQueryENV: null,
+  query(e) {
+    return async (t, r = {}) => {
+      var i;
+      return t.env || (t.env = ((i = this.makeQueryENV) == null ? void 0 : i.call(this)) ?? {
+        error: "failed to run makeQueryENV"
+      }), this.getRequest("POST", e)("/query", t, r);
+    };
   }
 };
 function $l(e) {
-  rt.baseURL !== e.apiBaseURL && (rt.baseURL = e.apiBaseURL), e.app_id && (rt.app_id = e.app_id), e.app_secret && (rt.app_secret = e.app_secret);
+  tt.baseURL !== e.apiBaseURL && (tt.baseURL = e.apiBaseURL), e.app_id && (tt.app_id = e.app_id), e.app_secret && (tt.app_secret = e.app_secret), e.makeQueryENV && (tt.makeQueryENV = e.makeQueryENV);
 }
 const zl = f.model("FilterConfigModel_Checkbox", {
   _name: f.literal("checkbox"),
@@ -17229,7 +17238,7 @@ const zl = f.model("FilterConfigModel_Checkbox", {
   description: "",
   default_value: !1
 });
-var Se = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e))(Se || {}), Ne = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Ne || {});
+var Se = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e))(Se || {}), Be = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Be || {});
 f.model({
   type: f.enumeration("DataSourceType", [Se.Postgresql, Se.MySQL, Se.HTTP]),
   key: f.string,
@@ -17389,7 +17398,7 @@ const l_ = f.model("FilterConfigModel_DateRange", {
   }
 })), Lr = (e) => Ao(e, (t, r) => {
   if (r !== void 0 && t)
-    return Bt(t);
+    return Nt(t);
 }), Rl = f.compose("FilterConfigModel_MultiSelect", f.model({
   _name: f.literal("multi-select"),
   min_width: f.optional(f.string, ""),
@@ -17429,7 +17438,7 @@ const l_ = f.model("FilterConfigModel_DateRange", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Et(e, gt(() => Bt(e.default_selection), e.setDefaultSelection, {
+    Et(e, gt(() => Nt(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -17526,7 +17535,7 @@ const El = f.compose("FilterConfigModel_TreeSelect", f.model({
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Ol = f.compose("FilterConfigModel_Select", f.model({
+}), Vl = f.compose("FilterConfigModel_Select", f.model({
   _name: f.literal("select"),
   default_value: f.string,
   required: f.boolean,
@@ -17565,14 +17574,14 @@ const El = f.compose("FilterConfigModel_TreeSelect", f.model({
   setWidth(t) {
     e.width = t;
   }
-})), g_ = () => Ol.create({
+})), g_ = () => Vl.create({
   _name: "select",
   required: !1,
   default_value: "",
   static_options: [],
   options_query_id: "",
   default_selection_count: 0
-}), Vl = f.model("FilterConfigModel_TextInput", {
+}), Ol = f.model("FilterConfigModel_TextInput", {
   _name: f.literal("text-input"),
   required: f.boolean,
   default_value: f.string
@@ -17599,7 +17608,7 @@ const El = f.compose("FilterConfigModel_TreeSelect", f.model({
   setDefaultValue(t) {
     e.default_value = t;
   }
-})), Fl = () => Vl.create({
+})), Fl = () => Ol.create({
   _name: "text-input",
   required: !1,
   default_value: ""
@@ -17610,18 +17619,18 @@ const El = f.compose("FilterConfigModel_TreeSelect", f.model({
   order: f.number,
   visibleInViewsIDs: f.array(f.string),
   auto_submit: f.optional(f.boolean, !1),
-  type: f.enumeration("DashboardFilterType", [Ne.Select, Ne.MultiSelect, Ne.TreeSelect, Ne.TextInput, Ne.Checkbox, Ne.DateRange]),
-  config: f.union(Ol, Rl, El, Vl, zl, Al)
+  type: f.enumeration("DashboardFilterType", [Be.Select, Be.MultiSelect, Be.TreeSelect, Be.TextInput, Be.Checkbox, Be.DateRange]),
+  config: f.union(Vl, Rl, El, Ol, zl, Al)
 }).views((e) => ({
   get plainDefaultValue() {
     const t = e.config.default_value;
     return Array.isArray(t) ? [...t] : t;
   },
   get usingDefaultValue() {
-    return e.type !== Ne.TreeSelect;
+    return e.type !== Be.TreeSelect;
   },
   get auto_submit_supported() {
-    return [Ne.Select, Ne.Checkbox, Ne.DateRange].includes(e.type);
+    return [Be.Select, Be.Checkbox, Be.DateRange].includes(e.type);
   }
 })).views((e) => ({
   get json() {
@@ -17643,7 +17652,7 @@ const El = f.compose("FilterConfigModel_TreeSelect", f.model({
       order: a,
       config: c.json,
       auto_submit: l,
-      visibleInViewsIDs: Bt(o)
+      visibleInViewsIDs: Nt(o)
     };
   },
   // FIXME: this is a temp workaround. auto_submit should be moved into config
@@ -17665,22 +17674,22 @@ const El = f.compose("FilterConfigModel_TreeSelect", f.model({
   },
   setType(t) {
     switch (t) {
-      case Ne.Select:
+      case Be.Select:
         e.config = g_();
         break;
-      case Ne.MultiSelect:
+      case Be.MultiSelect:
         e.config = u_();
         break;
-      case Ne.TreeSelect:
+      case Be.TreeSelect:
         e.config = m_();
         break;
-      case Ne.TextInput:
+      case Be.TextInput:
         e.config = Fl();
         break;
-      case Ne.Checkbox:
+      case Be.Checkbox:
         e.config = s_();
         break;
-      case Ne.DateRange:
+      case Be.DateRange:
         e.config = c_();
         break;
     }
@@ -17808,18 +17817,18 @@ function y_(e) {
     values: f_(e)
   };
 }
-const Bl = "\uFEFF";
+const Nl = "\uFEFF";
 function v_(e, t) {
-  const r = new Blob([Bl + t], {
+  const r = new Blob([Nl + t], {
     type: "text/csv"
   });
-  Ni(r, `${e}.csv`);
+  Bi(r, `${e}.csv`);
 }
 function w_(e, t) {
   const r = new Blob([t], {
     type: "application/json"
   });
-  Ni(r, `${e}.json`);
+  Bi(r, `${e}.json`);
 }
 function __(e) {
   const t = new Zd();
@@ -17827,24 +17836,24 @@ function __(e) {
     id: r,
     data: i
   }) => {
-    t.file(`${r}.csv`, Nl(i));
+    t.file(`${r}.csv`, Bl(i));
   }), t.generateAsync({
     type: "blob"
   }).then((r) => {
-    Ni(r, "dashboard_data.zip");
+    Bi(r, "dashboard_data.zip");
   });
 }
 function vo(e) {
   return typeof e == "string" && e.includes(",") ? `"${e}"` : e;
 }
-function Nl(e) {
+function Bl(e) {
   if (!Array.isArray(e) || e.length === 0)
     return "";
   const t = [], r = Object.keys(e[0]).map(vo);
   return t.push(r.join(",")), e.forEach((i) => {
     const a = Object.values(i).map(vo).join(",");
     t.push(a);
-  }), Bl + t.join(`
+  }), Nl + t.join(`
 `);
 }
 const xn = {
@@ -18028,14 +18037,14 @@ async function E_({
     sql: h,
     pre_process: d
   });
-  let w = await rt.getRequest("POST", o)("/query", {
+  let w = await tt.query(o)({
     type: l,
     key: s,
     query: g
   }, {});
   return w = R_(p, w), w;
 }
-async function O_({
+async function V_({
   context: e,
   mock_context: t,
   query: r,
@@ -18051,7 +18060,7 @@ async function O_({
   } = r;
   let m = L_(d, e, t, i);
   console.groupCollapsed(`Request config for: ${c}`), console.log(m), console.groupEnd(), m = I_(a, m);
-  const h = JSON.stringify(m), g = await rt.getRequest("POST", o)("/query", {
+  const h = JSON.stringify(m), g = await tt.query(o)({
     type: l,
     key: s,
     query: h
@@ -18061,7 +18070,7 @@ async function O_({
 }
 async function Da() {
   try {
-    return (await rt.getRequest("POST")("/datasource/list", {
+    return (await tt.getRequest("POST")("/datasource/list", {
       filter: {},
       sort: [{
         field: "create_time",
@@ -18076,7 +18085,7 @@ async function Da() {
     return console.error(e), [];
   }
 }
-const V_ = f.model("QueryModel", {
+const O_ = f.model("QueryModel", {
   id: f.string,
   name: f.string,
   type: f.enumeration("DataSourceType", [Se.Postgresql, Se.MySQL, Se.HTTP]),
@@ -18194,7 +18203,7 @@ const V_ = f.model("QueryModel", {
   setPostProcess(t) {
     e.post_process = t;
   }
-})), F_ = f.compose("QueryModel", V_, f.model({
+})), F_ = f.compose("QueryModel", O_, f.model({
   state: f.optional(f.enumeration(["idle", "loading", "error"]), "idle"),
   data: f.optional(f.array(f.frozen()), []),
   error: f.frozen()
@@ -18281,7 +18290,7 @@ const V_ = f.model("QueryModel", {
           mock_context: i,
           filterValues: a
         } = Fe(e).content.payloadForSQL;
-        e.data = yield* Gt(O_({
+        e.data = yield* Gt(V_({
           context: r,
           mock_context: i,
           query: e.json,
@@ -18367,7 +18376,7 @@ const V_ = f.model("QueryModel", {
     const {
       name: i,
       data: a
-    } = r, o = Nl(a);
+    } = r, o = Bl(a);
     v_(i, o);
   },
   refetchDataByQueryID(t) {
@@ -18382,7 +18391,7 @@ const V_ = f.model("QueryModel", {
     const r = e.current.find((i) => i.id === t);
     r && (Qd(r), e.current.remove(r));
   }
-})), B_ = f.model("SQLSnippetModel", {
+})), N_ = f.model("SQLSnippetModel", {
   key: f.string,
   value: f.string
 }).views((e) => ({
@@ -18406,8 +18415,8 @@ const V_ = f.model("QueryModel", {
   setValue(t) {
     e.value = t;
   }
-})), N_ = f.model("SQLSnippetsModel", {
-  current: f.optional(f.array(B_), [])
+})), B_ = f.model("SQLSnippetsModel", {
+  current: f.optional(f.array(N_), [])
 }).views((e) => ({
   get json() {
     return e.current.map((t) => t.json);
@@ -18684,7 +18693,7 @@ const V_ = f.model("QueryModel", {
     var r;
     (r = e.controllers.tables) == null || r.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
-      const i = yield* Gt(rt.getRequest("POST", e.controllers.tables.signal)("/query", {
+      const i = yield* Gt(tt.query(e.controllers.tables.signal)({
         type: e.type,
         key: e.key,
         query: e.tables.sql
@@ -18707,7 +18716,7 @@ const V_ = f.model("QueryModel", {
       var r;
       (r = e.controllers.columns) == null || r.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
-        e.columns.data = yield* Gt(rt.getRequest("POST", e.controllers.columns.signal)("/query", {
+        e.columns.data = yield* Gt(tt.query(e.controllers.columns.signal)({
           type: e.type,
           key: e.key,
           query: e.columns.sql
@@ -18726,7 +18735,7 @@ const V_ = f.model("QueryModel", {
       var r;
       (r = e.controllers.indexes) == null || r.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
-        e.indexes.data = yield* Gt(rt.getRequest("POST", e.controllers.indexes.signal)("/query", {
+        e.indexes.data = yield* Gt(tt.query(e.controllers.indexes.signal)({
           type: e.type,
           key: e.key,
           query: e.indexes.sql
@@ -18747,14 +18756,14 @@ const V_ = f.model("QueryModel", {
       const r = e.tableData;
       r.state = "loading";
       try {
-        r.data = yield* Gt(rt.getRequest("POST", e.controllers.tableData.signal)("/query", {
+        r.data = yield* Gt(tt.query(e.controllers.tableData.signal)({
           type: e.type,
           key: e.key,
           query: r.sql
         }, {}));
         const [{
           total: a
-        }] = yield* Gt(rt.getRequest("POST", e.controllers.tableData.signal)("/query", {
+        }] = yield* Gt(tt.query(e.controllers.tableData.signal)({
           type: e.type,
           key: e.key,
           query: r.countSql
@@ -18865,7 +18874,7 @@ const X_ = f.model("EditorModel", {
     }, {
       label: "Filters",
       value: "_FILTERS_",
-      Icon: Bo,
+      Icon: No,
       children: [...r.options, Un("_Add_A_Filter_")],
       _type: "GROUP"
     }, {
@@ -18883,7 +18892,7 @@ const X_ = f.model("EditorModel", {
     }, {
       label: "Views",
       value: "_VIEWS_",
-      Icon: No,
+      Icon: Bo,
       children: [...i.editorOptions, Un("_Add_A_VIEW_")],
       _type: "GROUP"
     }];
@@ -18991,7 +19000,7 @@ class J_ {
   constructor(t) {
     j(this, "origin");
     j(this, "copy");
-    this.origin = t, this.copy = Ud(t), Bn(this, {}, {
+    this.origin = t, this.copy = Ud(t), Nn(this, {}, {
       autoBind: !0,
       deep: !1
     });
@@ -19610,7 +19619,7 @@ const g1 = f.model({
   // schema version
   filters: x_,
   queries: P_,
-  sqlSnippets: N_,
+  sqlSnippets: B_,
   views: m1,
   panels: s1,
   mock_context: Z_,
@@ -19905,11 +19914,11 @@ const x1 = D(({
     const a = JSON.stringify(r.json, null, 2), o = `${t.name}__${r.name}`;
     w_(o, a);
   };
-  return /* @__PURE__ */ u(Ve, { shadow: "md", width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 310, children: [
-    /* @__PURE__ */ n(Ve.Target, { children: /* @__PURE__ */ n(H, { variant: "light", color: "blue", children: /* @__PURE__ */ n(id, { size: 14 }) }) }),
-    /* @__PURE__ */ u(Ve.Dropdown, { children: [
-      /* @__PURE__ */ n(Ve.Item, { icon: /* @__PURE__ */ n(ad, { size: 14 }), onClick: r.queries.downloadAllData, children: "Download Data" }),
-      /* @__PURE__ */ n(Ve.Item, { icon: /* @__PURE__ */ n(od, { size: 14 }), onClick: i, children: "Download Schema" }),
+  return /* @__PURE__ */ u(Oe, { shadow: "md", width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 310, children: [
+    /* @__PURE__ */ n(Oe.Target, { children: /* @__PURE__ */ n(H, { variant: "light", color: "blue", children: /* @__PURE__ */ n(id, { size: 14 }) }) }),
+    /* @__PURE__ */ u(Oe.Dropdown, { children: [
+      /* @__PURE__ */ n(Oe.Item, { icon: /* @__PURE__ */ n(ad, { size: 14 }), onClick: r.queries.downloadAllData, children: "Download Data" }),
+      /* @__PURE__ */ n(Oe.Item, { icon: /* @__PURE__ */ n(od, { size: 14 }), onClick: i, children: "Download Schema" }),
       e
     ] })
   ] });
@@ -19940,8 +19949,8 @@ const x1 = D(({
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
     }, children: "Save Changes" }),
-    /* @__PURE__ */ u(Ve, { width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 320, disabled: !a, children: [
-      /* @__PURE__ */ n(Ve.Target, { children: /* @__PURE__ */ n(H, { variant: "default", disabled: !a, sx: {
+    /* @__PURE__ */ u(Oe, { width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 320, disabled: !a, children: [
+      /* @__PURE__ */ n(Oe.Target, { children: /* @__PURE__ */ n(H, { variant: "default", disabled: !a, sx: {
         height: "30px",
         borderTopLeftRadius: 0,
         borderBottomLeftRadius: 0,
@@ -19950,7 +19959,7 @@ const x1 = D(({
           stroke: "none"
         }
       }, children: /* @__PURE__ */ n(sd, { size: 18 }) }) }),
-      /* @__PURE__ */ n(Ve.Dropdown, { children: /* @__PURE__ */ n(Ve.Item, { icon: /* @__PURE__ */ n(qo, { size: 14, color: "red" }), disabled: !a, onClick: i, children: "Revert Changes" }) })
+      /* @__PURE__ */ n(Oe.Dropdown, { children: /* @__PURE__ */ n(Oe.Item, { icon: /* @__PURE__ */ n(qo, { size: 14, color: "red" }), disabled: !a, onClick: i, children: "Revert Changes" }) })
     ] })
   ] });
 }), v1 = D(({
@@ -19979,7 +19988,7 @@ const x1 = D(({
       withCloseButton: !1
     });
   }, c = a.content.changed;
-  return /* @__PURE__ */ n(Vc, { height: 60, px: "md", py: 0, sx: {
+  return /* @__PURE__ */ n(Oc, { height: 60, px: "md", py: 0, sx: {
     zIndex: 299
   }, children: /* @__PURE__ */ u(v, { position: "apart", sx: {
     height: 60,
@@ -20012,7 +20021,7 @@ const x1 = D(({
   background: "rgba(233,236,239, 0.15)"
 }, _1 = D(() => {
   const e = te();
-  return /* @__PURE__ */ n(O, { sx: w1, pl: {
+  return /* @__PURE__ */ n(V, { sx: w1, pl: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -20030,8 +20039,8 @@ const x1 = D(({
       borderBottom: "1px solid #e9ecef",
       background: "rgb(231, 245, 255)"
     }, children: "Add a Panel" }),
-    /* @__PURE__ */ n(O, {}),
-    /* @__PURE__ */ n(O, {})
+    /* @__PURE__ */ n(V, {}),
+    /* @__PURE__ */ n(V, {})
   ] }) });
 }), C1 = D((e) => /* @__PURE__ */ u(G, { children: [
   /* @__PURE__ */ n(v1, { ...e }),
@@ -20209,7 +20218,7 @@ function E1(e) {
   const r = $1(e.views, e.panels.list);
   return [...t, ...r];
 }
-function O1({
+function V1({
   nodeMap: e,
   nodes: t,
   edges: r
@@ -20223,7 +20232,7 @@ function O1({
     }, La));
   });
 }
-function V1({
+function O1({
   nodeMap: e,
   nodes: t,
   edges: r
@@ -20266,7 +20275,7 @@ function P1({
     l.position.x = Ul(s, Ia, L1), l.position.y = 0 - D1 - Zl;
   });
 }
-function B1({
+function N1({
   nodeMap: e,
   nodes: t,
   edges: r
@@ -20276,12 +20285,12 @@ function B1({
     nodes: t,
     edges: r
   };
-  return P1(i), V1(i), O1(i), F1(i), {
+  return P1(i), O1(i), V1(i), F1(i), {
     nodes: t,
     edges: r
   };
 }
-function N1(e) {
+function B1(e) {
   const t = E1(e), r = k.keyBy(t, (c) => c.id), {
     edges: i,
     edgeNodes: a
@@ -20290,12 +20299,12 @@ function N1(e) {
     nodes: o,
     nodeMap: l
   };
-  return B1(s);
+  return N1(s);
 }
 const qr = {
-  "builtin:op:open-link": /* @__PURE__ */ n(Vr, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ n(dd, { size: 14 }) }),
-  "builtin:op:set_filter_values": /* @__PURE__ */ n(Vr, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ n(ud, { size: 14 }) }),
-  "builtin:op:clear_filter_values": /* @__PURE__ */ n(Vr, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ n(hd, { size: 14 }) })
+  "builtin:op:open-link": /* @__PURE__ */ n(Or, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ n(dd, { size: 14 }) }),
+  "builtin:op:set_filter_values": /* @__PURE__ */ n(Or, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ n(ud, { size: 14 }) }),
+  "builtin:op:clear_filter_values": /* @__PURE__ */ n(Or, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ n(hd, { size: 14 }) })
 };
 function q1(e) {
   const t = [];
@@ -20354,7 +20363,7 @@ const W1 = Ic(({
   const o = L(() => q1(e.interactions), [e.interactions]);
   return /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ n(to, { type: "target", position: i, isConnectable: t }),
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       position: "absolute",
       top: 0,
       right: 0
@@ -20372,7 +20381,7 @@ const j1 = {
   const e = te(), {
     edges: t,
     nodes: r
-  } = N1(e);
+  } = B1(e);
   return /* @__PURE__ */ u(eu, { nodes: r, edges: t, onNodesChange: k.noop, onEdgesChange: k.noop, onConnect: k.noop, className: "interactions-viewer", fitView: !0, nodeTypes: j1, children: [
     /* @__PURE__ */ n(tu, {}),
     /* @__PURE__ */ n(nu, {}),
@@ -20439,7 +20448,7 @@ function Q1({
   active: r,
   openSettings: i
 }) {
-  return /* @__PURE__ */ u(O, { sx: {
+  return /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ n(Fc, { sx: (a) => ({
@@ -20471,7 +20480,7 @@ const U1 = D(() => {
   const e = De(), t = te(), r = He((a) => () => t.views.setIDOfVIE(a), [t]), i = (a) => {
     e.editor.open(["_VIEWS_", a]);
   };
-  return /* @__PURE__ */ u(O, { sx: {
+  return /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
     t.views.options.map((a) => /* @__PURE__ */ n(Q1, { active: t.views.idOfVIE === a.value, name: a.label, onClick: r(a.value), openSettings: () => i(a.value) }, a.value)),
@@ -20518,7 +20527,7 @@ const U1 = D(() => {
       }, children: [
         /* @__PURE__ */ n(Ee, { label: "Filters", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
-        }, onClick: i, children: /* @__PURE__ */ n(Bo, { size: 20 }) }) }),
+        }, onClick: i, children: /* @__PURE__ */ n(No, { size: 20 }) }) }),
         /* @__PURE__ */ n(Ee, { label: "Queries", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: r, children: /* @__PURE__ */ n(cr, { size: 20 }) }) }),
@@ -20634,7 +20643,7 @@ const U1 = D(() => {
       minHeight: "50px"
     }, children: [
       t.usingQuery && /* @__PURE__ */ u(G, { children: [
-        /* @__PURE__ */ n(Vt, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ n(Ot, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
@@ -20699,7 +20708,7 @@ const U1 = D(() => {
       minHeight: "50px"
     }, children: [
       t.usingQuery && /* @__PURE__ */ u(G, { children: [
-        /* @__PURE__ */ n(Vt, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ n(Ot, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
@@ -20782,7 +20791,7 @@ const U1 = D(() => {
   const [r, i] = $.useState(t.plainDefaultValue);
   return $.useEffect(() => {
     i(t.plainDefaultValue);
-  }, [t]), /* @__PURE__ */ u(O, { sx: {
+  }, [t]), /* @__PURE__ */ u(V, { sx: {
     maxWidth: "480px"
   }, children: [
     /* @__PURE__ */ n(C, { pb: "md", color: "gray", children: "Preview" }),
@@ -20820,7 +20829,7 @@ const U1 = D(() => {
 }) {
   const r = te(), i = $.useMemo(() => lC[t.type], [t.type]);
   return /* @__PURE__ */ u(v, { grow: !0, spacing: 20, align: "top", children: [
-    /* @__PURE__ */ u(O, { sx: {
+    /* @__PURE__ */ u(V, { sx: {
       maxWidth: "600px"
     }, children: [
       /* @__PURE__ */ n(C, { pb: "md", color: "gray", children: "Edit" }),
@@ -20891,7 +20900,7 @@ const U1 = D(() => {
         zIndex: 320
       });
     }, children: "Delete this filter" }) }),
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -21055,7 +21064,7 @@ function ec({
     columnResizeMode: "onChange",
     getCoreRowModel: fs()
   });
-  return e.length === 0 ? /* @__PURE__ */ n(O, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ n(V, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ u(Ft, { sx: xC, children: [
     /* @__PURE__ */ n("thead", { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ n("tr", { children: i.headers.map((a) => /* @__PURE__ */ u("th", { style: {
@@ -21097,7 +21106,7 @@ const tc = D(function({
         /* @__PURE__ */ n(H, { variant: "subtle", color: "blue", disabled: o || d, onClick: s, children: /* @__PURE__ */ n(ss, { size: 15 }) })
       ] })
     ] }),
-    /* @__PURE__ */ u(O, { sx: {
+    /* @__PURE__ */ u(V, { sx: {
       position: "relative",
       overflow: "auto"
     }, children: [
@@ -21161,7 +21170,7 @@ const tc = D(function({
       }
     }
   } = We();
-  return /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(O, { sx: {
+  return /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(V, { sx: {
     height: "100%",
     flexGrow: 0,
     flexShrink: 0,
@@ -21212,7 +21221,7 @@ class _C {
   constructor(t) {
     j(this, "panel");
     j(this, "selected");
-    this.panel = t, Bn(this, {}, {
+    this.panel = t, Nn(this, {}, {
       deep: !1,
       autoBind: !0
     });
@@ -21225,7 +21234,7 @@ class _C {
     this.panel.addVariable(Pe({
       ...Wr,
       name: `${Wr.name}${t || ""}`
-    })), this.selected = Oo(this.panel.variables);
+    })), this.selected = Vo(this.panel.variables);
   }
   select(t) {
     this.selected = t;
@@ -21255,7 +21264,7 @@ const SC = $.forwardRef(function({
     const d = k.cloneDeep(t);
     k.set(d, s, c), r(d);
   };
-  return /* @__PURE__ */ u(O, { px: "sm", py: "md", ref: o, children: [
+  return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: o, children: [
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(z, { label: "Name", required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
       /* @__PURE__ */ n(X, { label: "Data Field", required: !0, data: i, value: t.data_field, onChange: (s) => l("data_field", s) })
@@ -21330,7 +21339,7 @@ const SC = $.forwardRef(function({
   } = nc();
   return /* @__PURE__ */ u(v, { className: t.root, noWrap: !0, align: "start", children: [
     /* @__PURE__ */ n(Ei, { withBorder: !0, p: "md", className: "var-list-container", children: /* @__PURE__ */ u(S, { justify: "space-between", children: [
-      /* @__PURE__ */ n(O, { className: "var-list-actions", children: /* @__PURE__ */ n(I, { variant: "light", size: "sm", onClick: e.addNew, fullWidth: !0, children: "Add Variable" }) }),
+      /* @__PURE__ */ n(V, { className: "var-list-actions", children: /* @__PURE__ */ n(I, { variant: "light", size: "sm", onClick: e.addNew, fullWidth: !0, children: "Add Variable" }) }),
       /* @__PURE__ */ n(TC, { uiModel: e })
     ] }) }),
     e.selected ? /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n($C, { uiModel: e, variable: e.selected }) }) : /* @__PURE__ */ n("span", { children: "Select or create a new variable on right side" })
@@ -21367,7 +21376,7 @@ function EC(e, t) {
     return null;
   }
 }
-function OC() {
+function VC() {
   const {
     data: e,
     panel: {
@@ -21400,7 +21409,7 @@ function OC() {
     return console.info(se(w, "message")), null;
   }
 }
-const VC = D(() => {
+const OC = D(() => {
   const {
     data: e,
     panel: {
@@ -21422,7 +21431,7 @@ const VC = D(() => {
   }, o = $.useMemo(() => {
     var d;
     return (d = _o.find((p) => p.value === t.type)) == null ? void 0 : d.Panel;
-  }, [t.type, _o]), l = OC(), s = o ? sr(o, {
+  }, [t.type, _o]), l = VC(), s = o ? sr(o, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
@@ -21456,7 +21465,7 @@ const VC = D(() => {
     e.moveToView(t, i), s();
   };
   return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ n(I, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ n(No, { size: 14 }), children: "Move into Another View" }),
+    /* @__PURE__ */ n(I, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ n(Bo, { size: 14 }), children: "Move into Another View" }),
     /* @__PURE__ */ n(Te, { opened: o, onClose: s, title: "Move panel into another view", zIndex: 320, overflow: "inside", children: /* @__PURE__ */ u(S, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
@@ -21493,24 +21502,24 @@ const VC = D(() => {
   width: "100%",
   height: "100%"
 }, children: [
-  /* @__PURE__ */ n(O, { sx: {
+  /* @__PURE__ */ n(V, { sx: {
     maxWidth: "calc(100% - 610px - 10px)",
     height: "100%",
     overflow: "auto"
   }, children: e }),
   /* @__PURE__ */ n(wC, {})
 ] });
-function BC(e) {
+function NC(e) {
   return !["richText", "button"].includes(e);
 }
-const NC = D(({
+const BC = D(({
   panel: e
 }) => {
   const t = Dt(), r = De(), i = te(), [a, o] = U("Data"), {
     data: l,
     state: s,
     error: c
-  } = i.getDataStuffByID(e.queryID), d = i.queries.findByID(e.queryID), m = BC(e.viz.type) && s === "loading", h = m || c || !d || !!d.stateMessage, g = r.editor.path[1];
+  } = i.getDataStuffByID(e.queryID), d = i.queries.findByID(e.queryID), m = NC(e.viz.type) && s === "loading", h = m || c || !d || !!d.stateMessage, g = r.editor.path[1];
   q(() => {
     o((T) => h && T === "Visualization" ? "Data" : T);
   }, [e.id, h]);
@@ -21563,7 +21572,7 @@ const NC = D(({
       ] }),
       /* @__PURE__ */ n(b.Panel, { value: "Panel", children: /* @__PURE__ */ n(Co, { children: /* @__PURE__ */ n(fC, {}) }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Variables", children: /* @__PURE__ */ n(MC, {}) }),
-      /* @__PURE__ */ n(b.Panel, { value: "Visualization", children: /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(Co, { children: /* @__PURE__ */ n(VC, {}) }) }) }),
+      /* @__PURE__ */ n(b.Panel, { value: "Visualization", children: /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(Co, { children: /* @__PURE__ */ n(OC, {}) }) }) }),
       /* @__PURE__ */ n(b.Panel, { value: "Interactions", children: /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(Dw, {}) }) })
     ] })
   ] });
@@ -21579,7 +21588,7 @@ const NC = D(({
       "] is not found"
     ] });
   const a = r.panels.findByID(t);
-  return a ? /* @__PURE__ */ n(NC, { panel: a }) : /* @__PURE__ */ u(C, { size: 14, children: [
+  return a ? /* @__PURE__ */ n(BC, { panel: a }) : /* @__PURE__ */ u(C, { size: 14, children: [
     "Panel by ID[",
     t,
     "] is not found"
@@ -21793,7 +21802,7 @@ const XC = D(({
   const {
     tables: t
   } = e;
-  return t.loading ? /* @__PURE__ */ n(rc, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ n(O, { h: "100%", sx: {
+  return t.loading ? /* @__PURE__ */ n(rc, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ n(V, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -21803,7 +21812,7 @@ const XC = D(({
   }, active: e.table_name === a.table_name }, a.table_name)) }, r)) });
 }), ZC = ({
   visible: e
-}) => /* @__PURE__ */ n(O, { py: 10, sx: {
+}) => /* @__PURE__ */ n(V, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
@@ -21871,7 +21880,7 @@ const XC = D(({
     fontFamily: "monospace"
   }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ n(ZC, { visible: !0 }) : /* @__PURE__ */ u(Qe, { children: [
     /* @__PURE__ */ n(eS, { dataSource: e }),
-    /* @__PURE__ */ u(O, { py: 10, sx: {
+    /* @__PURE__ */ u(V, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -21902,7 +21911,7 @@ const XC = D(({
 }, children: e.tables.error }) : /* @__PURE__ */ u(En, { sx: {
   height: "100%"
 }, children: [
-  /* @__PURE__ */ n(O, { w: 300, sx: {
+  /* @__PURE__ */ n(V, { w: 300, sx: {
     flexGrow: 0,
     flexShrink: 0,
     position: "relative"
@@ -21955,7 +21964,7 @@ const XC = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", overflow: "inside", styles: iS, children: /* @__PURE__ */ n(O, { sx: {
+    ] }), zIndex: 320, size: "96vw", overflow: "inside", styles: iS, children: /* @__PURE__ */ n(V, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ n(rS, { dataSource: e }) }) }),
     /* @__PURE__ */ n(I, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
@@ -21978,7 +21987,7 @@ const XC = D(({
   const r = De(), {
     data: i = [],
     loading: a
-  } = On(Da, {
+  } = Vn(Da, {
     refreshDeps: []
   }, []), o = L(() => i.map((d) => ({
     label: d.key,
@@ -21991,7 +22000,7 @@ const XC = D(({
     });
   }, c = L(() => r.datasources.find(e), [r, e]);
   return /* @__PURE__ */ n(E, { data: o, label: /* @__PURE__ */ u(v, { position: "apart", children: [
-    /* @__PURE__ */ n(O, { children: "Data Source" }),
+    /* @__PURE__ */ n(V, { children: "Data Source" }),
     c && /* @__PURE__ */ n(ic, { dataSource: c, triggerButtonProps: {
       compact: !0,
       size: "xs",
@@ -22092,10 +22101,10 @@ function dS() {
 const uS = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(O, { sx: {
+}) => /* @__PURE__ */ n(V, { sx: {
   position: "relative",
   flexGrow: 1
-}, children: /* @__PURE__ */ n(tt, { className: "function-editor", height: "100%", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}, children: /* @__PURE__ */ n(nt, { className: "function-editor", height: "100%", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   lineNumbers: "off",
@@ -22247,8 +22256,8 @@ WHERE
       /* @__PURE__ */ n("td", { children: k.capitalize(o.type) }),
       /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Xa, { component: "button", type: "button", onClick: () => i(o), children: o.label }) }),
       /* @__PURE__ */ n("td", { children: /* @__PURE__ */ u(S, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
-        o.views.map((l) => /* @__PURE__ */ n(Xa, { component: "button", type: "button", onClick: () => a(l.id), children: /* @__PURE__ */ n(O, { children: l.label }) })),
-        o.views.length === 0 && /* @__PURE__ */ n(O, { children: "--" })
+        o.views.map((l) => /* @__PURE__ */ n(Xa, { component: "button", type: "button", onClick: () => a(l.id), children: /* @__PURE__ */ n(V, { children: l.label }) })),
+        o.views.length === 0 && /* @__PURE__ */ n(V, { children: "--" })
       ] }) })
     ] }, o.id)) })
   ] }) });
@@ -22261,7 +22270,7 @@ WHERE
   const a = (l) => {
     console.log("changing"), t == null || t(l ?? "");
   }, o = !t;
-  return /* @__PURE__ */ n(tt, { className: "minimal-monaco-editor", height: r, defaultLanguage: i, value: e, onChange: o ? void 0 : a, theme: "vs-dark", options: {
+  return /* @__PURE__ */ n(nt, { className: "minimal-monaco-editor", height: r, defaultLanguage: i, value: e, onChange: o ? void 0 : a, theme: "vs-dark", options: {
     lineNumbers: "off",
     folding: !1,
     lineDecorationsWidth: 20,
@@ -22276,7 +22285,7 @@ WHERE
   value: e,
   height: t = "200px",
   defaultLanguage: r = "sql"
-}) => /* @__PURE__ */ n(tt, { className: "preview-sql-in-monaco-editor", height: t, defaultLanguage: r, value: e, onChange: void 0, theme: "vs-light", options: {
+}) => /* @__PURE__ */ n(nt, { className: "preview-sql-in-monaco-editor", height: t, defaultLanguage: r, value: e, onChange: void 0, theme: "vs-light", options: {
   lineNumbers: "on",
   folding: !0,
   lineDecorationsWidth: 20,
@@ -22529,11 +22538,11 @@ WHERE
   disabled: e,
   value: t,
   onChange: r
-}) => /* @__PURE__ */ u(O, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(tt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  e && /* @__PURE__ */ n(Ot, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -22667,7 +22676,7 @@ WHERE
         zIndex: 320
       });
     }, children: "Delete this view" }) }),
-    /* @__PURE__ */ n(O, { sx: {
+    /* @__PURE__ */ n(V, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -22680,10 +22689,10 @@ function RS(e) {
 function ES(e) {
   return e.length === 1 && e[0] === "_MOCK_CONTEXT_";
 }
-function OS(e) {
+function VS(e) {
   return e.length === 2 && e[0] === "_FILTERS_";
 }
-function VS(e) {
+function OS(e) {
   return e.length === 2 && e[0] === "_SQL_SNIPPETS_";
 }
 function FS(e) {
@@ -22692,14 +22701,14 @@ function FS(e) {
 function PS(e) {
   return e.length === 2 && e[0] === "_VIEWS_";
 }
-function BS(e) {
+function NS(e) {
   return e.length === 4 && e[0] === "_VIEWS_" && e[2] === "_PANELS_";
 }
-const NS = D(() => /* @__PURE__ */ n(S, { sx: {
+const BS = D(() => /* @__PURE__ */ n(S, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ n(ac, {}) })), qS = D(() => {
   const e = De().editor, t = e.path;
-  return RS(t) ? /* @__PURE__ */ n(NS, {}) : ES(t) ? /* @__PURE__ */ n(hC, {}) : OS(t) ? /* @__PURE__ */ n(O, { p: "xs", pl: 20, children: /* @__PURE__ */ n(uC, { id: t[1] }) }) : VS(t) ? /* @__PURE__ */ n(_S, { id: t[1] }) : FS(t) ? /* @__PURE__ */ n(yS, { id: t[1] }) : PS(t) ? /* @__PURE__ */ n(O, { p: "xs", pl: 20, children: /* @__PURE__ */ n(AS, { id: t[1] }) }) : BS(t) ? /* @__PURE__ */ n(qC, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ n(O, { children: e.path });
+  return RS(t) ? /* @__PURE__ */ n(BS, {}) : ES(t) ? /* @__PURE__ */ n(hC, {}) : VS(t) ? /* @__PURE__ */ n(V, { p: "xs", pl: 20, children: /* @__PURE__ */ n(uC, { id: t[1] }) }) : OS(t) ? /* @__PURE__ */ n(_S, { id: t[1] }) : FS(t) ? /* @__PURE__ */ n(yS, { id: t[1] }) : PS(t) ? /* @__PURE__ */ n(V, { p: "xs", pl: 20, children: /* @__PURE__ */ n(AS, { id: t[1] }) }) : NS(t) ? /* @__PURE__ */ n(qC, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ n(V, { children: e.path });
 }), WS = D(() => /* @__PURE__ */ n(qS, {})), jS = D(() => {
   const e = De();
   return /* @__PURE__ */ n(I, { variant: "subtle", leftIcon: /* @__PURE__ */ n(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
@@ -22795,7 +22804,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
   }, [l]), /* @__PURE__ */ n(Gr, { active: i, defaultOpened: l, opened: s, onChange: c, label: e.label, onClick: () => o(e), icon: e.Icon ? /* @__PURE__ */ n(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ n(US, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ n(oc, { option: p }, p.value)) }, e.label);
 }), XS = D(() => {
   const e = De();
-  return /* @__PURE__ */ n(O, { sx: {
+  return /* @__PURE__ */ n(V, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ n(oc, { option: t }, t.value)) });
 }), ZS = D(() => {
@@ -22898,12 +22907,12 @@ const nk = {
   tk(o.monacoPath), $l(o);
   const {
     data: p = []
-  } = On(Da), [m, h] = $.useState(!1), g = $.useMemo(() => Hl(t, r, p, e), [t, r]);
+  } = Vn(Da), [m, h] = $.useState(!1), g = $.useMemo(() => Hl(t, r, p, e), [t, r]);
   $.useImperativeHandle(d, () => g, [g]), ys(g.content, !0), $.useEffect(() => {
     g.context.replace(e);
   }, [e]), $.useEffect(() => {
     g.datasources.replace(p);
-  }, [p]), $.useEffect(() => gt(() => Bt(g.json), (R) => {
+  }, [p]), $.useEffect(() => gt(() => Nt(g.json), (R) => {
     l == null || l(R);
   }), [g]);
   const w = async () => {
@@ -22914,7 +22923,7 @@ const nk = {
     freezeLayout: h,
     inEditMode: !0
   }, children: /* @__PURE__ */ n(vt.Provider, { value: y, children: /* @__PURE__ */ u(fr, { configure: T, children: [
-    /* @__PURE__ */ n(zo, { padding: 0, header: /* @__PURE__ */ n(C1, { saveDashboardChanges: w, headerSlot: s, headerMenuItems: c }), navbar: /* @__PURE__ */ n(X1, {}), styles: nk, children: /* @__PURE__ */ n(O, { className: `${a} dashboard-root`, sx: {
+    /* @__PURE__ */ n(zo, { padding: 0, header: /* @__PURE__ */ n(C1, { saveDashboardChanges: w, headerSlot: s, headerMenuItems: c }), navbar: /* @__PURE__ */ n(X1, {}), styles: nk, children: /* @__PURE__ */ n(V, { className: `${a} dashboard-root`, sx: {
       position: "relative"
     }, children: g.content.views.visibleViews.map((R) => /* @__PURE__ */ n(Xw, { view: R }, R.id)) }) }),
     /* @__PURE__ */ n(JS, {})
@@ -22933,7 +22942,7 @@ const kD = D(({
   $l(a);
   const {
     data: s = []
-  } = On(Da), c = $.useMemo(() => Hl(t, r, s, e), [t, r]);
+  } = Vn(Da), c = $.useMemo(() => Hl(t, r, s, e), [t, r]);
   ys(c.content, !1), $.useEffect(() => {
     c.context.replace(e);
   }, [e]), $.useEffect(() => {
@@ -22947,7 +22956,7 @@ const kD = D(({
     layoutFrozen: !0,
     freezeLayout: k.noop,
     inEditMode: !1
-  }, children: /* @__PURE__ */ n(O, { className: `${i} dashboard-root`, children: /* @__PURE__ */ n(vt.Provider, { value: d, children: /* @__PURE__ */ n(fr, { configure: p, children: c.content.views.visibleViews.map((m) => /* @__PURE__ */ n(Ca, { view: m }, m.id)) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ n(V, { className: `${i} dashboard-root`, children: /* @__PURE__ */ n(vt.Provider, { value: d, children: /* @__PURE__ */ n(fr, { configure: p, children: c.content.views.visibleViews.map((m) => /* @__PURE__ */ n(Ca, { view: m }, m.id)) }) }) }) }) }) }) }) });
 });
 var Jr = {}, ik = {
   get exports() {
@@ -23209,8 +23218,8 @@ var ii = {}, mk = {
           return ue || Ce.slice(1);
         });
       })).match(i), W = F.length, Q = 0; Q < W; Q += 1) {
-        var N = F[Q], P = g[N], V = P && P[0], Y = P && P[1];
-        F[Q] = Y ? { regex: V, parser: Y } : N.replace(/^\[|\]$/g, "");
+        var B = F[Q], P = g[B], O = P && P[0], Y = P && P[1];
+        F[Q] = Y ? { regex: O, parser: Y } : B.replace(/^\[|\]$/g, "");
       }
       return function(ne) {
         for (var ee = {}, de = 0, pe = 0; de < W; de += 1) {
@@ -23235,12 +23244,12 @@ var ii = {}, mk = {
       R.p.customParseFormat = !0, y && y.parseTwoDigitYear && (c = y.parseTwoDigitYear);
       var F = T.prototype, W = F.parse;
       F.parse = function(Q) {
-        var N = Q.date, P = Q.utc, V = Q.args;
+        var B = Q.date, P = Q.utc, O = Q.args;
         this.$u = P;
-        var Y = V[1];
+        var Y = O[1];
         if (typeof Y == "string") {
-          var ne = V[2] === !0, ee = V[3] === !0, de = ne || ee, pe = V[2];
-          ee && (pe = V[2]), s = this.$locale(), !ne && pe && (s = R.Ls[pe]), this.$d = function(Le, qe, pt) {
+          var ne = O[2] === !0, ee = O[3] === !0, de = ne || ee, pe = O[2];
+          ee && (pe = O[2]), s = this.$locale(), !ne && pe && (s = R.Ls[pe]), this.$d = function(Le, qe, pt) {
             try {
               if (["x", "X"].indexOf(qe) > -1)
                 return new Date((qe === "X" ? 1e3 : 1) * Le);
@@ -23251,11 +23260,11 @@ var ii = {}, mk = {
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(N, Y, P), this.init(), pe && pe !== !0 && (this.$L = this.locale(pe).$L), de && N != this.format(Y) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
+          }(B, Y, P), this.init(), pe && pe !== !0 && (this.$L = this.locale(pe).$L), de && B != this.format(Y) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
         } else if (Y instanceof Array)
           for (var ge = Y.length, ue = 1; ue <= ge; ue += 1) {
-            V[1] = Y[ue - 1];
-            var Ce = R.apply(this, V);
+            O[1] = Y[ue - 1];
+            var Ce = R.apply(this, O);
             if (Ce.isValid()) {
               this.$d = Ce.$d, this.$L = Ce.$L, this.init();
               break;
@@ -23302,33 +23311,33 @@ var oi = {}, xk = {
   (function(r, i) {
     e.exports = i();
   })(ce, function() {
-    var r, i, a = 1e3, o = 6e4, l = 36e5, s = 864e5, c = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, d = 31536e6, p = 2592e6, m = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, h = { years: d, months: p, days: s, hours: l, minutes: o, seconds: a, milliseconds: 1, weeks: 6048e5 }, g = function(N) {
-      return N instanceof Q;
-    }, w = function(N, P, V) {
-      return new Q(N, V, P.$l);
-    }, y = function(N) {
-      return i.p(N) + "s";
-    }, T = function(N) {
-      return N < 0;
-    }, R = function(N) {
-      return T(N) ? Math.ceil(N) : Math.floor(N);
-    }, F = function(N) {
-      return Math.abs(N);
-    }, W = function(N, P) {
-      return N ? T(N) ? { negative: !0, format: "" + F(N) + P } : { negative: !1, format: "" + N + P } : { negative: !1, format: "" };
+    var r, i, a = 1e3, o = 6e4, l = 36e5, s = 864e5, c = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, d = 31536e6, p = 2592e6, m = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, h = { years: d, months: p, days: s, hours: l, minutes: o, seconds: a, milliseconds: 1, weeks: 6048e5 }, g = function(B) {
+      return B instanceof Q;
+    }, w = function(B, P, O) {
+      return new Q(B, O, P.$l);
+    }, y = function(B) {
+      return i.p(B) + "s";
+    }, T = function(B) {
+      return B < 0;
+    }, R = function(B) {
+      return T(B) ? Math.ceil(B) : Math.floor(B);
+    }, F = function(B) {
+      return Math.abs(B);
+    }, W = function(B, P) {
+      return B ? T(B) ? { negative: !0, format: "" + F(B) + P } : { negative: !1, format: "" + B + P } : { negative: !1, format: "" };
     }, Q = function() {
-      function N(V, Y, ne) {
+      function B(O, Y, ne) {
         var ee = this;
-        if (this.$d = {}, this.$l = ne, V === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), Y)
-          return w(V * h[y(Y)], this);
-        if (typeof V == "number")
-          return this.$ms = V, this.parseFromMilliseconds(), this;
-        if (typeof V == "object")
-          return Object.keys(V).forEach(function(ge) {
-            ee.$d[y(ge)] = V[ge];
+        if (this.$d = {}, this.$l = ne, O === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), Y)
+          return w(O * h[y(Y)], this);
+        if (typeof O == "number")
+          return this.$ms = O, this.parseFromMilliseconds(), this;
+        if (typeof O == "object")
+          return Object.keys(O).forEach(function(ge) {
+            ee.$d[y(ge)] = O[ge];
           }), this.calMilliseconds(), this;
-        if (typeof V == "string") {
-          var de = V.match(m);
+        if (typeof O == "string") {
+          var de = O.match(m);
           if (de) {
             var pe = de.slice(2).map(function(ge) {
               return ge != null ? Number(ge) : 0;
@@ -23338,46 +23347,46 @@ var oi = {}, xk = {
         }
         return this;
       }
-      var P = N.prototype;
+      var P = B.prototype;
       return P.calMilliseconds = function() {
-        var V = this;
+        var O = this;
         this.$ms = Object.keys(this.$d).reduce(function(Y, ne) {
-          return Y + (V.$d[ne] || 0) * h[ne];
+          return Y + (O.$d[ne] || 0) * h[ne];
         }, 0);
       }, P.parseFromMilliseconds = function() {
-        var V = this.$ms;
-        this.$d.years = R(V / d), V %= d, this.$d.months = R(V / p), V %= p, this.$d.days = R(V / s), V %= s, this.$d.hours = R(V / l), V %= l, this.$d.minutes = R(V / o), V %= o, this.$d.seconds = R(V / a), V %= a, this.$d.milliseconds = V;
+        var O = this.$ms;
+        this.$d.years = R(O / d), O %= d, this.$d.months = R(O / p), O %= p, this.$d.days = R(O / s), O %= s, this.$d.hours = R(O / l), O %= l, this.$d.minutes = R(O / o), O %= o, this.$d.seconds = R(O / a), O %= a, this.$d.milliseconds = O;
       }, P.toISOString = function() {
-        var V = W(this.$d.years, "Y"), Y = W(this.$d.months, "M"), ne = +this.$d.days || 0;
+        var O = W(this.$d.years, "Y"), Y = W(this.$d.months, "M"), ne = +this.$d.days || 0;
         this.$d.weeks && (ne += 7 * this.$d.weeks);
         var ee = W(ne, "D"), de = W(this.$d.hours, "H"), pe = W(this.$d.minutes, "M"), ge = this.$d.seconds || 0;
         this.$d.milliseconds && (ge += this.$d.milliseconds / 1e3);
-        var ue = W(ge, "S"), Ce = V.negative || Y.negative || ee.negative || de.negative || pe.negative || ue.negative, Le = de.format || pe.format || ue.format ? "T" : "", qe = (Ce ? "-" : "") + "P" + V.format + Y.format + ee.format + Le + de.format + pe.format + ue.format;
+        var ue = W(ge, "S"), Ce = O.negative || Y.negative || ee.negative || de.negative || pe.negative || ue.negative, Le = de.format || pe.format || ue.format ? "T" : "", qe = (Ce ? "-" : "") + "P" + O.format + Y.format + ee.format + Le + de.format + pe.format + ue.format;
         return qe === "P" || qe === "-P" ? "P0D" : qe;
       }, P.toJSON = function() {
         return this.toISOString();
-      }, P.format = function(V) {
-        var Y = V || "YYYY-MM-DDTHH:mm:ss", ne = { Y: this.$d.years, YY: i.s(this.$d.years, 2, "0"), YYYY: i.s(this.$d.years, 4, "0"), M: this.$d.months, MM: i.s(this.$d.months, 2, "0"), D: this.$d.days, DD: i.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: i.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: i.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: i.s(this.$d.seconds, 2, "0"), SSS: i.s(this.$d.milliseconds, 3, "0") };
+      }, P.format = function(O) {
+        var Y = O || "YYYY-MM-DDTHH:mm:ss", ne = { Y: this.$d.years, YY: i.s(this.$d.years, 2, "0"), YYYY: i.s(this.$d.years, 4, "0"), M: this.$d.months, MM: i.s(this.$d.months, 2, "0"), D: this.$d.days, DD: i.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: i.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: i.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: i.s(this.$d.seconds, 2, "0"), SSS: i.s(this.$d.milliseconds, 3, "0") };
         return Y.replace(c, function(ee, de) {
           return de || String(ne[ee]);
         });
-      }, P.as = function(V) {
-        return this.$ms / h[y(V)];
-      }, P.get = function(V) {
-        var Y = this.$ms, ne = y(V);
+      }, P.as = function(O) {
+        return this.$ms / h[y(O)];
+      }, P.get = function(O) {
+        var Y = this.$ms, ne = y(O);
         return ne === "milliseconds" ? Y %= 1e3 : Y = ne === "weeks" ? R(Y / h[ne]) : this.$d[ne], Y === 0 ? 0 : Y;
-      }, P.add = function(V, Y, ne) {
+      }, P.add = function(O, Y, ne) {
         var ee;
-        return ee = Y ? V * h[y(Y)] : g(V) ? V.$ms : w(V, this).$ms, w(this.$ms + ee * (ne ? -1 : 1), this);
-      }, P.subtract = function(V, Y) {
-        return this.add(V, Y, !0);
-      }, P.locale = function(V) {
+        return ee = Y ? O * h[y(Y)] : g(O) ? O.$ms : w(O, this).$ms, w(this.$ms + ee * (ne ? -1 : 1), this);
+      }, P.subtract = function(O, Y) {
+        return this.add(O, Y, !0);
+      }, P.locale = function(O) {
         var Y = this.clone();
-        return Y.$l = V, Y;
+        return Y.$l = O, Y;
       }, P.clone = function() {
         return w(this.$ms, this);
-      }, P.humanize = function(V) {
-        return r().add(this.$ms, "ms").locale(this.$l).fromNow(!V);
+      }, P.humanize = function(O) {
+        return r().add(this.$ms, "ms").locale(this.$l).fromNow(!O);
       }, P.milliseconds = function() {
         return this.get("milliseconds");
       }, P.asMilliseconds = function() {
@@ -23410,13 +23419,13 @@ var oi = {}, xk = {
         return this.get("years");
       }, P.asYears = function() {
         return this.as("years");
-      }, N;
+      }, B;
     }();
-    return function(N, P, V) {
-      r = V, i = V().$utils(), V.duration = function(ee, de) {
-        var pe = V.locale();
+    return function(B, P, O) {
+      r = O, i = O().$utils(), O.duration = function(ee, de) {
+        var pe = O.locale();
         return w(ee, { $l: pe }, de);
-      }, V.isDuration = g;
+      }, O.isDuration = g;
       var Y = P.prototype.add, ne = P.prototype.subtract;
       P.prototype.add = function(ee, de) {
         return g(ee) && (ee = ee.asMilliseconds()), Y.bind(this)(ee, de);
@@ -23606,7 +23615,7 @@ var mi = {}, Rk = {
   });
 })(Rk);
 const Ek = mi;
-var gi = {}, Ok = {
+var gi = {}, Vk = {
   get exports() {
     return gi;
   },
@@ -23625,8 +23634,8 @@ var gi = {}, Ok = {
       };
     };
   });
-})(Ok);
-const Vk = gi;
+})(Vk);
+const Ok = gi;
 var fi = {}, Fk = {
   get exports() {
     return fi;
@@ -23648,7 +23657,7 @@ var fi = {}, Fk = {
   });
 })(Fk);
 const Pk = fi;
-var bi = {}, Bk = {
+var bi = {}, Nk = {
   get exports() {
     return bi;
   },
@@ -23664,13 +23673,13 @@ var bi = {}, Bk = {
       var o = i.prototype, l = function(m) {
         return m && (m.indexOf ? m : m.s);
       }, s = function(m, h, g, w, y) {
-        var T = m.name ? m : m.$locale(), R = l(T[h]), F = l(T[g]), W = R || F.map(function(N) {
-          return N.slice(0, w);
+        var T = m.name ? m : m.$locale(), R = l(T[h]), F = l(T[g]), W = R || F.map(function(B) {
+          return B.slice(0, w);
         });
         if (!y)
           return W;
         var Q = T.weekStart;
-        return W.map(function(N, P) {
+        return W.map(function(B, P) {
           return W[(P + (Q || 0)) % 7];
         });
       }, c = function() {
@@ -23731,8 +23740,8 @@ var bi = {}, Bk = {
       };
     };
   });
-})(Bk);
-const Nk = bi;
+})(Nk);
+const Bk = bi;
 var xi = {}, qk = {
   get exports() {
     return xi;
@@ -23820,8 +23829,8 @@ var vi = {}, Yk = {
             var ne, ee;
             y[ne = Y, ee = o.$utils().p(ne), ee === "date" ? "day" : ee] = g[Y];
           });
-          var R = y.day || (y.year || y.month >= 0 ? 1 : T.date()), F = y.year || T.year(), W = y.month >= 0 ? y.month : y.year || y.day ? 0 : T.month(), Q = y.hour || 0, N = y.minute || 0, P = y.second || 0, V = y.millisecond || 0;
-          return w ? new Date(Date.UTC(F, W, R, Q, N, P, V)) : new Date(F, W, R, Q, N, P, V);
+          var R = y.day || (y.year || y.month >= 0 ? 1 : T.date()), F = y.year || T.year(), W = y.month >= 0 ? y.month : y.year || y.day ? 0 : T.month(), Q = y.hour || 0, B = y.minute || 0, P = y.second || 0, O = y.millisecond || 0;
+          return w ? new Date(Date.UTC(F, W, R, Q, B, P, O)) : new Date(F, W, R, Q, B, P, O);
         }
         return g;
       }, s = o.parse;
@@ -23963,13 +23972,13 @@ var Si = {}, eT = {
       }
       a.en.relativeTime = l, o.fromToBase = function(d, p, m, h, g) {
         for (var w, y, T, R = m.$locale().relativeTime || l, F = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], W = F.length, Q = 0; Q < W; Q += 1) {
-          var N = F[Q];
-          N.d && (w = h ? a(d).diff(m, N.d, !0) : m.diff(d, N.d, !0));
+          var B = F[Q];
+          B.d && (w = h ? a(d).diff(m, B.d, !0) : m.diff(d, B.d, !0));
           var P = (r.rounding || Math.round)(Math.abs(w));
-          if (T = w > 0, P <= N.r || !N.r) {
-            P <= 1 && Q > 0 && (N = F[Q - 1]);
-            var V = R[N.l];
-            g && (P = g("" + P)), y = typeof V == "string" ? V.replace("%d", P) : V(P, p, N.l, T);
+          if (T = w > 0, P <= B.r || !B.r) {
+            P <= 1 && Q > 0 && (B = F[Q - 1]);
+            var O = R[B.l];
+            g && (P = g("" + P)), y = typeof O == "string" ? O.replace("%d", P) : O(P, p, B.l, T);
             break;
           }
         }
@@ -24012,8 +24021,8 @@ var ki = {}, nT = {
         w === void 0 && (w = {});
         var y = new Date(h), T = function(R, F) {
           F === void 0 && (F = {});
-          var W = F.timeZoneName || "short", Q = R + "|" + W, N = i[Q];
-          return N || (N = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: R, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: W }), i[Q] = N), N;
+          var W = F.timeZoneName || "short", Q = R + "|" + W, B = i[Q];
+          return B || (B = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: R, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: W }), i[Q] = B), B;
         }(g, w);
         return T.formatToParts(y);
       }, d = function(h, g) {
@@ -24021,8 +24030,8 @@ var ki = {}, nT = {
           var R = w[T], F = R.type, W = R.value, Q = r[F];
           Q >= 0 && (y[Q] = parseInt(W, 10));
         }
-        var N = y[3], P = N === 24 ? 0 : N, V = y[0] + "-" + y[1] + "-" + y[2] + " " + P + ":" + y[4] + ":" + y[5] + ":000", Y = +h;
-        return (l.utc(V).valueOf() - (Y -= Y % 1e3)) / 6e4;
+        var B = y[3], P = B === 24 ? 0 : B, O = y[0] + "-" + y[1] + "-" + y[2] + " " + P + ":" + y[4] + ":" + y[5] + ":000", Y = +h;
+        return (l.utc(O).valueOf() - (Y -= Y % 1e3)) / 6e4;
       }, p = o.prototype;
       p.tz = function(h, g) {
         h === void 0 && (h = s);
@@ -24048,14 +24057,14 @@ var ki = {}, nT = {
         var y = w && g, T = w || g || s, R = d(+l(), T);
         if (typeof h != "string")
           return l(h).tz(T);
-        var F = function(P, V, Y) {
-          var ne = P - 60 * V * 1e3, ee = d(ne, Y);
-          if (V === ee)
-            return [ne, V];
-          var de = d(ne -= 60 * (ee - V) * 1e3, Y);
+        var F = function(P, O, Y) {
+          var ne = P - 60 * O * 1e3, ee = d(ne, Y);
+          if (O === ee)
+            return [ne, O];
+          var de = d(ne -= 60 * (ee - O) * 1e3, Y);
           return ee === de ? [ne, ee] : [P - 60 * Math.min(ee, de) * 1e3, Math.max(ee, de)];
-        }(l.utc(h, y).valueOf(), R, T), W = F[0], Q = F[1], N = l(W).utcOffset(Q);
-        return N.$x.$timezone = T, N;
+        }(l.utc(h, y).valueOf(), R, T), W = F[0], Q = F[1], B = l(W).utcOffset(Q);
+        return B.$x.$timezone = T, B;
       }, l.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, l.tz.setDefault = function(h) {
@@ -24170,12 +24179,12 @@ var Ii = {}, dT = {
         var R = this.$utils().u;
         if (R(y))
           return this.$u ? 0 : R(this.$offset) ? m.call(this) : this.$offset;
-        if (typeof y == "string" && (y = function(N) {
-          N === void 0 && (N = "");
-          var P = N.match(i);
+        if (typeof y == "string" && (y = function(B) {
+          B === void 0 && (B = "");
+          var P = B.match(i);
           if (!P)
             return null;
-          var V = ("" + P[0]).match(a) || ["-", 0, 0], Y = V[0], ne = 60 * +V[1] + +V[2];
+          var O = ("" + P[0]).match(a) || ["-", 0, 0], Y = O[0], ne = 60 * +O[1] + +O[2];
           return ne === 0 ? 0 : Y === "+" ? ne : -ne;
         }(y), y === null))
           return this;
@@ -24307,11 +24316,11 @@ K.extend(kk);
 K.extend(zk);
 K.extend(Ak);
 K.extend(Ek);
-K.extend(Vk);
+K.extend(Ok);
 K.extend(Pk);
 K.extend(Dk);
 K.extend(Ik);
-K.extend(Nk);
+K.extend(Bk);
 K.extend(Wk);
 K.extend(Gk);
 K.extend(Hk);
@@ -24354,8 +24363,8 @@ export {
   P_ as QueriesModel,
   F_ as QueryModel,
   kD as ReadOnlyDashboard,
-  B_ as SQLSnippetModel,
-  N_ as SQLSnippetsModel,
+  N_ as SQLSnippetModel,
+  B_ as SQLSnippetsModel,
   Ww as ViewComponentTypeBackground,
   wD as ViewComponentTypeColor,
   vD as ViewComponentTypeName,