@devtable/dashboard 4.16.2 → 4.16.4

package/dist/dashboard.es.js

@@ -1,51 +1,51 @@
-var Ai = Object.defineProperty;
-var Mi = (t, e, n) => e in t ? Ai(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var O = (t, e, n) => (Mi(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { Box as $, Text as v, Button as F, Checkbox as He, MultiSelect as hn, Select as q, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Vt, Table as zt, Tabs as V, Textarea as pn, AppShell as mn, Modal as we, Divider as U, SimpleGrid as Li, NumberInput as Ce, Menu as ue, Tooltip as qi, Paper as $i, Code as hr, Switch as Fe, useMantineTheme as Ni, ColorInput as Bi, ColorSwatch as pr, Slider as Vr, createStyles as fn, Popover as Zt, Accordion as A, SegmentedControl as ji, JsonInput as Gi } from "@mantine/core";
-import { useModals as Wi, ModalsProvider as zr } from "@mantine/modals";
-import { useRequest as Et, useBoolean as mt, useCreation as Pe, useAsyncEffect as ft, useLatest as mr } from "ahooks";
+var Mi = Object.defineProperty;
+var Li = (t, e, n) => e in t ? Mi(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var O = (t, e, n) => (Li(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { Box as $, Text as v, Button as F, Checkbox as He, MultiSelect as pn, Select as q, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Vt, Table as zt, Tabs as V, Textarea as mn, AppShell as fn, Modal as we, Divider as U, SimpleGrid as qi, NumberInput as Ce, Menu as ue, Tooltip as $i, Paper as Ni, Code as pr, Switch as Fe, useMantineTheme as Bi, ColorInput as ji, ColorSwatch as mr, Slider as zr, createStyles as gn, Popover as en, Accordion as A, SegmentedControl as Gi, JsonInput as Wi } from "@mantine/core";
+import { useModals as Qi, ModalsProvider as Er } from "@mantine/modals";
+import { useRequest as Et, useBoolean as mt, useCreation as Pe, useAsyncEffect as ft, useLatest as fr } from "ahooks";
 import { observer as D } from "mobx-react-lite";
-import x, { forwardRef as gn, useMemo as M, useState as de, createElement as Ot, useEffect as Z, useCallback as Rt, useRef as Qi, useContext as Me, createContext as Yi } from "react";
-import B, { omit as Ft, get as ae, values as Er, unset as Ui, isObject as Or, set as Fr, orderBy as Hi, last as Xi, noop as Ji, defaults as ne, isEqual as De, defaultsDeep as Ge, findLastIndex as Ki, isEmpty as Pr, isNumber as Zi, isString as Ar, range as eo, cloneDeep as Mr, maxBy as Lr, merge as qr, minBy as to, groupBy as no, template as $r, cloneDeepWith as ro, throttle as ao } from "lodash";
+import x, { forwardRef as bn, useMemo as M, useState as de, createElement as Ot, useEffect as Z, useCallback as Rt, useRef as Yi, useContext as Me, createContext as Ui } from "react";
+import B, { omit as Ft, get as ae, values as Or, unset as Hi, isObject as Fr, set as Pr, orderBy as Xi, last as Ji, noop as Ki, defaults as ne, isEqual as De, defaultsDeep as Ge, findLastIndex as Zi, isEmpty as Ar, isNumber as eo, isString as Mr, range as to, cloneDeep as Lr, maxBy as qr, merge as $r, minBy as no, groupBy as ro, template as Nr, cloneDeepWith as ao, throttle as io } from "lodash";
 import { useForm as ke, Controller as S, useFieldArray as Se } from "react-hook-form";
-import { DateRangePicker as io } from "@mantine/dates";
-import { Calendar as oo, Refresh as Nr, DeviceFloppy as ee, Trash as K, PlaylistAdd as Je, Recycle as Br, Settings as jr, Filter as so, Database as lo, Share as co, Download as Gr, Code as uo, InfoCircle as ho, ArrowRight as en, ArrowsMaximize as po, Copy as mo, ArrowLeft as fo, ArrowsMove as go, ChevronDownRight as bo } from "tabler-icons-react";
-import vo from "axios";
+import { DateRangePicker as oo } from "@mantine/dates";
+import { Calendar as so, Refresh as Br, DeviceFloppy as ee, Trash as K, PlaylistAdd as Je, Recycle as jr, Settings as Gr, Filter as lo, Database as co, Share as uo, Download as Wr, Code as ho, InfoCircle as po, ArrowRight as tn, ArrowsMaximize as mo, Copy as fo, ArrowLeft as go, ArrowsMove as bo, ChevronDownRight as vo } from "tabler-icons-react";
+import yo from "axios";
 import { Prism as Be } from "@mantine/prism";
-import { cast as Le, types as b, getRoot as fr, flow as yo, toGenerator as xo, addDisposer as Co } from "mobx-state-tree";
-import { randomId as ge, useClipboard as wo, useElementSize as an, useInputState as Wr } from "@mantine/hooks";
-import Qr, { RichTextEditor as Yr } from "@mantine/rte";
-import { makeAutoObservable as bn, runInAction as ct, observable as Ur, toJS as Pt, reaction as vn } from "mobx";
+import { cast as Le, types as b, addDisposer as Qr, getRoot as gr, flow as xo, toGenerator as Co } from "mobx-state-tree";
+import { randomId as ge, useClipboard as wo, useElementSize as on, useInputState as Yr } from "@mantine/hooks";
+import Ur, { RichTextEditor as Hr } from "@mantine/rte";
+import { makeAutoObservable as vn, runInAction as ct, observable as Xr, toJS as Pt, reaction as At } from "mobx";
 import { showNotification as yn } from "@mantine/notifications";
-import gr from "eventemitter2";
+import br from "eventemitter2";
 import ht from "chroma-js";
 import fe from "numbro";
 import { quantile as So } from "d3-array";
-import { flexRender as Hr, createColumnHelper as _o, useReactTable as Io, getCoreRowModel as Do, getSortedRowModel as Ro } from "@tanstack/react-table";
+import { flexRender as Jr, createColumnHelper as _o, useReactTable as Io, getCoreRowModel as Do, getSortedRowModel as Ro } from "@tanstack/react-table";
 import { useVirtual as ko } from "react-virtual";
 import { useForm as xn } from "@mantine/form";
 import qe from "echarts-for-react/lib/core";
-import { SunburstChart as To, PieChart as Vo, BoxplotChart as zo, BarChart as Xr, LineChart as Jr, ScatterChart as Kr, RadarChart as Eo } from "echarts/charts";
+import { SunburstChart as To, PieChart as Vo, BoxplotChart as zo, BarChart as Kr, LineChart as Zr, ScatterChart as ea, RadarChart as Eo } from "echarts/charts";
 import * as re from "echarts/core";
 import { CanvasRenderer as $e } from "echarts/renderers";
 import "echarts-gl";
-import { GridComponent as Ke, VisualMapComponent as Oo, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as At, MarkLineComponent as Fo } from "echarts/components";
-import { transform as Zr } from "echarts-stat";
+import { GridComponent as Ke, VisualMapComponent as Oo, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as Mt, MarkLineComponent as Fo } from "echarts/components";
+import { transform as ta } from "echarts-stat";
 import * as ze from "d3-regression";
 import Po from "stickybits";
-import ea, { WidthProvider as ta } from "react-grid-layout";
+import na, { WidthProvider as ra } from "react-grid-layout";
 import Ao from "jszip";
 const Mo = {
   viewPanelInFullScreen: B.noop,
   inFullScreen: !1
-}, Cn = x.createContext(Mo), na = x.createContext(null), ra = na.Provider;
+}, Cn = x.createContext(Mo), aa = x.createContext(null), ia = aa.Provider;
 function te() {
-  const t = x.useContext(na);
+  const t = x.useContext(aa);
   if (!t)
     throw new Error("Please use ModelContextProvider");
   return t;
 }
-var it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Mt = { exports: {} }, ot = {};
+var it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Lt = { exports: {} }, ot = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -55,11 +55,11 @@ var it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var br;
+var vr;
 function Lo() {
-  if (br)
+  if (vr)
     return ot;
-  br = 1;
+  vr = 1;
   var t = x, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(l, u, p) {
     var h, f = {}, m = null, y = null;
@@ -83,9 +83,9 @@ var st = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var vr;
+var yr;
 function qo() {
-  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
+  return yr || (yr = 1, process.env.NODE_ENV !== "production" && function() {
     var t = x, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), I = Symbol.iterator, R = "@@iterator";
     function E(d) {
       if (d === null || typeof d != "object")
@@ -171,18 +171,18 @@ function qo() {
         }
       return null;
     }
-    var ce = Object.assign, Ve = 0, Gn, Wn, Qn, Yn, Un, Hn, Xn;
-    function Jn() {
+    var ce = Object.assign, Ve = 0, Wn, Qn, Yn, Un, Hn, Xn, Jn;
+    function Kn() {
     }
-    Jn.__reactDisabledLog = !0;
-    function di() {
+    Kn.__reactDisabledLog = !0;
+    function hi() {
       {
         if (Ve === 0) {
-          Gn = console.log, Wn = console.info, Qn = console.warn, Yn = console.error, Un = console.group, Hn = console.groupCollapsed, Xn = console.groupEnd;
+          Wn = console.log, Qn = console.info, Yn = console.warn, Un = console.error, Hn = console.group, Xn = console.groupCollapsed, Jn = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
-            value: Jn,
+            value: Kn,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -198,7 +198,7 @@ function qo() {
         Ve++;
       }
     }
-    function hi() {
+    function pi() {
       {
         if (Ve--, Ve === 0) {
           var d = {
@@ -208,52 +208,52 @@ function qo() {
           };
           Object.defineProperties(console, {
             log: ce({}, d, {
-              value: Gn
+              value: Wn
             }),
             info: ce({}, d, {
-              value: Wn
+              value: Qn
             }),
             warn: ce({}, d, {
-              value: Qn
+              value: Yn
             }),
             error: ce({}, d, {
-              value: Yn
+              value: Un
             }),
             group: ce({}, d, {
-              value: Un
+              value: Hn
             }),
             groupCollapsed: ce({}, d, {
-              value: Hn
+              value: Xn
             }),
             groupEnd: ce({}, d, {
-              value: Xn
+              value: Jn
             })
           });
         }
         Ve < 0 && W("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Wt = Q.ReactCurrentDispatcher, Qt;
+    var Qt = Q.ReactCurrentDispatcher, Yt;
     function xt(d, C, _) {
       {
-        if (Qt === void 0)
+        if (Yt === void 0)
           try {
             throw Error();
           } catch (N) {
             var T = N.stack.trim().match(/\n( *(at )?)/);
-            Qt = T && T[1] || "";
+            Yt = T && T[1] || "";
           }
         return `
-` + Qt + d;
+` + Yt + d;
       }
     }
-    var Yt = !1, Ct;
+    var Ut = !1, Ct;
     {
-      var pi = typeof WeakMap == "function" ? WeakMap : Map;
-      Ct = new pi();
+      var mi = typeof WeakMap == "function" ? WeakMap : Map;
+      Ct = new mi();
     }
-    function Kn(d, C) {
-      if (!d || Yt)
+    function Zn(d, C) {
+      if (!d || Ut)
         return "";
       {
         var _ = Ct.get(d);
@@ -261,11 +261,11 @@ function qo() {
           return _;
       }
       var T;
-      Yt = !0;
+      Ut = !0;
       var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var j;
-      j = Wt.current, Wt.current = null, di();
+      j = Qt.current, Qt.current = null, hi();
       try {
         if (C) {
           var L = function() {
@@ -318,15 +318,15 @@ function qo() {
             }
         }
       } finally {
-        Yt = !1, Wt.current = j, hi(), Error.prepareStackTrace = N;
+        Ut = !1, Qt.current = j, pi(), Error.prepareStackTrace = N;
       }
-      var Ye = d ? d.displayName || d.name : "", dr = Ye ? xt(Ye) : "";
-      return typeof d == "function" && Ct.set(d, dr), dr;
+      var Ye = d ? d.displayName || d.name : "", hr = Ye ? xt(Ye) : "";
+      return typeof d == "function" && Ct.set(d, hr), hr;
     }
-    function mi(d, C, _) {
-      return Kn(d, !1);
+    function fi(d, C, _) {
+      return Zn(d, !1);
     }
-    function fi(d) {
+    function gi(d) {
       var C = d.prototype;
       return !!(C && C.isReactComponent);
     }
@@ -334,7 +334,7 @@ function qo() {
       if (d == null)
         return "";
       if (typeof d == "function")
-        return Kn(d, fi(d));
+        return Zn(d, gi(d));
       if (typeof d == "string")
         return xt(d);
       switch (d) {
@@ -346,7 +346,7 @@ function qo() {
       if (typeof d == "object")
         switch (d.$$typeof) {
           case u:
-            return mi(d.render);
+            return fi(d.render);
           case f:
             return wt(d.type, C, _);
           case m: {
@@ -359,15 +359,15 @@ function qo() {
         }
       return "";
     }
-    var St = Object.prototype.hasOwnProperty, Zn = {}, er = Q.ReactDebugCurrentFrame;
+    var St = Object.prototype.hasOwnProperty, er = {}, tr = Q.ReactDebugCurrentFrame;
     function _t(d) {
       if (d) {
         var C = d._owner, _ = wt(d.type, d._source, C ? C.type : null);
-        er.setExtraStackFrame(_);
+        tr.setExtraStackFrame(_);
       } else
-        er.setExtraStackFrame(null);
+        tr.setExtraStackFrame(null);
     }
-    function gi(d, C, _, T, N) {
+    function bi(d, C, _, T, N) {
       {
         var j = Function.call.bind(St);
         for (var L in d)
@@ -382,42 +382,42 @@ function qo() {
             } catch (X) {
               P = X;
             }
-            P && !(P instanceof Error) && (_t(N), W("%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).", T || "React class", _, L, typeof P), _t(null)), P instanceof Error && !(P.message in Zn) && (Zn[P.message] = !0, _t(N), W("Failed %s type: %s", _, P.message), _t(null));
+            P && !(P instanceof Error) && (_t(N), W("%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).", T || "React class", _, L, typeof P), _t(null)), P instanceof Error && !(P.message in er) && (er[P.message] = !0, _t(N), W("Failed %s type: %s", _, P.message), _t(null));
           }
       }
     }
-    var bi = Array.isArray;
-    function Ut(d) {
-      return bi(d);
+    var vi = Array.isArray;
+    function Ht(d) {
+      return vi(d);
     }
-    function vi(d) {
+    function yi(d) {
       {
         var C = typeof Symbol == "function" && Symbol.toStringTag, _ = C && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return _;
       }
     }
-    function yi(d) {
+    function xi(d) {
       try {
-        return tr(d), !1;
+        return nr(d), !1;
       } catch {
         return !0;
       }
     }
-    function tr(d) {
+    function nr(d) {
       return "" + d;
     }
-    function nr(d) {
-      if (yi(d))
-        return W("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vi(d)), tr(d);
+    function rr(d) {
+      if (xi(d))
+        return W("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", yi(d)), nr(d);
     }
-    var at = Q.ReactCurrentOwner, xi = {
+    var at = Q.ReactCurrentOwner, Ci = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, rr, ar, Ht;
-    Ht = {};
-    function Ci(d) {
+    }, ar, ir, Xt;
+    Xt = {};
+    function wi(d) {
       if (St.call(d, "ref")) {
         var C = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (C && C.isReactWarning)
@@ -425,7 +425,7 @@ function qo() {
       }
       return d.ref !== void 0;
     }
-    function wi(d) {
+    function Si(d) {
       if (St.call(d, "key")) {
         var C = Object.getOwnPropertyDescriptor(d, "key").get;
         if (C && C.isReactWarning)
@@ -433,16 +433,16 @@ function qo() {
       }
       return d.key !== void 0;
     }
-    function Si(d, C) {
+    function _i(d, C) {
       if (typeof d.ref == "string" && at.current && C && at.current.stateNode !== C) {
         var _ = le(at.current.type);
-        Ht[_] || (W('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', le(at.current.type), d.ref), Ht[_] = !0);
+        Xt[_] || (W('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', le(at.current.type), d.ref), Xt[_] = !0);
       }
     }
-    function _i(d, C) {
+    function Ii(d, C) {
       {
         var _ = function() {
-          rr || (rr = !0, W("%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)", C));
+          ar || (ar = !0, W("%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)", C));
         };
         _.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: _,
@@ -450,10 +450,10 @@ function qo() {
         });
       }
     }
-    function Ii(d, C) {
+    function Di(d, C) {
       {
         var _ = function() {
-          ar || (ar = !0, W("%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)", C));
+          ir || (ir = !0, W("%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)", C));
         };
         _.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: _,
@@ -461,7 +461,7 @@ function qo() {
         });
       }
     }
-    var Di = function(d, C, _, T, N, j, L) {
+    var Ri = function(d, C, _, T, N, j, L) {
       var P = {
         $$typeof: e,
         type: d,
@@ -487,12 +487,12 @@ function qo() {
         value: N
       }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function Ri(d, C, _, T, N) {
+    function ki(d, C, _, T, N) {
       {
         var j, L = {}, P = null, ie = null;
-        _ !== void 0 && (nr(_), P = "" + _), wi(C) && (nr(C.key), P = "" + C.key), Ci(C) && (ie = C.ref, Si(C, N));
+        _ !== void 0 && (rr(_), P = "" + _), Si(C) && (rr(C.key), P = "" + C.key), wi(C) && (ie = C.ref, _i(C, N));
         for (j in C)
-          St.call(C, j) && !xi.hasOwnProperty(j) && (L[j] = C[j]);
+          St.call(C, j) && !Ci.hasOwnProperty(j) && (L[j] = C[j]);
         if (d && d.defaultProps) {
           var X = d.defaultProps;
           for (j in X)
@@ -500,28 +500,28 @@ function qo() {
         }
         if (P || ie) {
           var J = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          P && _i(L, J), ie && Ii(L, J);
+          P && Ii(L, J), ie && Di(L, J);
         }
-        return Di(d, P, ie, N, T, at.current, L);
+        return Ri(d, P, ie, N, T, at.current, L);
       }
     }
-    var Xt = Q.ReactCurrentOwner, ir = Q.ReactDebugCurrentFrame;
+    var Jt = Q.ReactCurrentOwner, or = Q.ReactDebugCurrentFrame;
     function Qe(d) {
       if (d) {
         var C = d._owner, _ = wt(d.type, d._source, C ? C.type : null);
-        ir.setExtraStackFrame(_);
+        or.setExtraStackFrame(_);
       } else
-        ir.setExtraStackFrame(null);
+        or.setExtraStackFrame(null);
     }
-    var Jt;
-    Jt = !1;
-    function Kt(d) {
+    var Kt;
+    Kt = !1;
+    function Zt(d) {
       return typeof d == "object" && d !== null && d.$$typeof === e;
     }
-    function or() {
+    function sr() {
       {
-        if (Xt.current) {
-          var d = le(Xt.current.type);
+        if (Jt.current) {
+          var d = le(Jt.current.type);
           if (d)
             return `
 
@@ -530,7 +530,7 @@ Check the render method of \`` + d + "`.";
         return "";
       }
     }
-    function ki(d) {
+    function Ti(d) {
       {
         if (d !== void 0) {
           var C = d.fileName.replace(/^.*[\\\/]/, ""), _ = d.lineNumber;
@@ -541,10 +541,10 @@ Check your code at ` + C + ":" + _ + ".";
         return "";
       }
     }
-    var sr = {};
-    function Ti(d) {
+    var lr = {};
+    function Vi(d) {
       {
-        var C = or();
+        var C = sr();
         if (!C) {
           var _ = typeof d == "string" ? d : d.displayName || d.name;
           _ && (C = `
@@ -554,39 +554,39 @@ Check the top-level render call using <` + _ + ">.");
         return C;
       }
     }
-    function lr(d, C) {
+    function cr(d, C) {
       {
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var _ = Ti(C);
-        if (sr[_])
+        var _ = Vi(C);
+        if (lr[_])
           return;
-        sr[_] = !0;
+        lr[_] = !0;
         var T = "";
-        d && d._owner && d._owner !== Xt.current && (T = " It was passed a child from " + le(d._owner.type) + "."), Qe(d), W('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', _, T), Qe(null);
+        d && d._owner && d._owner !== Jt.current && (T = " It was passed a child from " + le(d._owner.type) + "."), Qe(d), W('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', _, T), Qe(null);
       }
     }
-    function cr(d, C) {
+    function ur(d, C) {
       {
         if (typeof d != "object")
           return;
-        if (Ut(d))
+        if (Ht(d))
           for (var _ = 0; _ < d.length; _++) {
             var T = d[_];
-            Kt(T) && lr(T, C);
+            Zt(T) && cr(T, C);
           }
-        else if (Kt(d))
+        else if (Zt(d))
           d._store && (d._store.validated = !0);
         else if (d) {
           var N = E(d);
           if (typeof N == "function" && N !== d.entries)
             for (var j = N.call(d), L; !(L = j.next()).done; )
-              Kt(L.value) && lr(L.value, C);
+              Zt(L.value) && cr(L.value, C);
         }
       }
     }
-    function Vi(d) {
+    function zi(d) {
       {
         var C = d.type;
         if (C == null || typeof C == "string")
@@ -600,16 +600,16 @@ Check the top-level render call using <` + _ + ">.");
           return;
         if (_) {
           var T = le(C);
-          gi(_, d.props, "prop", T, d);
-        } else if (C.PropTypes !== void 0 && !Jt) {
-          Jt = !0;
+          bi(_, d.props, "prop", T, d);
+        } else if (C.PropTypes !== void 0 && !Kt) {
+          Kt = !0;
           var N = le(C);
           W("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
         typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && W("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function zi(d) {
+    function Ei(d) {
       {
         for (var C = Object.keys(d.props), _ = 0; _ < C.length; _++) {
           var T = C[_];
@@ -621,50 +621,50 @@ Check the top-level render call using <` + _ + ">.");
         d.ref !== null && (Qe(d), W("Invalid attribute `ref` supplied to `React.Fragment`."), Qe(null));
       }
     }
-    function ur(d, C, _, T, N, j) {
+    function dr(d, C, _, T, N, j) {
       {
         var L = yt(d);
         if (!L) {
           var P = "";
           (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (P += " 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 ie = ki(N);
-          ie ? P += ie : P += or();
+          var ie = Ti(N);
+          ie ? P += ie : P += sr();
           var X;
-          d === null ? X = "null" : Ut(d) ? X = "array" : d !== void 0 && d.$$typeof === e ? (X = "<" + (le(d.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : X = typeof d, W("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, P);
+          d === null ? X = "null" : Ht(d) ? X = "array" : d !== void 0 && d.$$typeof === e ? (X = "<" + (le(d.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : X = typeof d, W("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, P);
         }
-        var J = Ri(d, C, _, N, j);
+        var J = ki(d, C, _, N, j);
         if (J == null)
           return J;
         if (L) {
           var pe = C.children;
           if (pe !== void 0)
             if (T)
-              if (Ut(pe)) {
+              if (Ht(pe)) {
                 for (var Ye = 0; Ye < pe.length; Ye++)
-                  cr(pe[Ye], d);
+                  ur(pe[Ye], d);
                 Object.freeze && Object.freeze(pe);
               } else
                 W("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
-              cr(pe, d);
+              ur(pe, d);
         }
-        return d === a ? zi(J) : Vi(J), J;
+        return d === a ? Ei(J) : zi(J), J;
       }
     }
-    function Ei(d, C, _) {
-      return ur(d, C, _, !0);
-    }
     function Oi(d, C, _) {
-      return ur(d, C, _, !1);
+      return dr(d, C, _, !0);
     }
-    var Fi = Oi, Pi = Ei;
-    st.Fragment = a, st.jsx = Fi, st.jsxs = Pi;
+    function Fi(d, C, _) {
+      return dr(d, C, _, !1);
+    }
+    var Pi = Fi, Ai = Oi;
+    st.Fragment = a, st.jsx = Pi, st.jsxs = Ai;
   }()), st;
 }
 (function(t) {
   process.env.NODE_ENV === "production" ? t.exports = Lo() : t.exports = qo();
-})(Mt);
-const Y = Mt.exports.Fragment, r = Mt.exports.jsx, c = Mt.exports.jsxs;
+})(Lt);
+const Y = Lt.exports.Fragment, r = Lt.exports.jsx, c = Lt.exports.jsxs;
 class Xe extends x.Component {
   constructor(e) {
     super(e), this.state = {
@@ -724,34 +724,32 @@ function $o({
     })]
   });
 }
-function aa({
+const oa = D(({
   label: t,
   config: e,
   value: n,
   onChange: a
-}) {
-  return /* @__PURE__ */ r(io, {
-    label: t,
-    value: n,
-    onChange: a,
-    icon: /* @__PURE__ */ r(oo, {
-      size: 16
-    }),
-    sx: {
-      minWidth: "16em"
-    },
-    ...e
-  });
-}
-function No(t, e) {
-  const n = Object.keys(e), a = Object.values(e);
+}) => /* @__PURE__ */ r(oo, {
+  label: t,
+  value: n,
+  onChange: a,
+  icon: /* @__PURE__ */ r(so, {
+    size: 16
+  }),
+  sx: {
+    minWidth: "16em"
+  },
+  ...e
+}));
+function No(t, e, n) {
+  const a = Sn(e, [], n), i = Object.keys(a), o = Object.values(a);
   try {
-    return new Function(...n, `return \`${t}\`;`)(...a);
-  } catch (i) {
-    return console.error(i), i.message;
+    return new Function(...i, `return \`${t}\`;`)(...o);
+  } catch (s) {
+    return console.error(s), s.message;
   }
 }
-function wn(t, e) {
+function wn(t, e = {}) {
   const n = Object.keys(e), a = Object.values(e);
   try {
     return new Function(...n, `return \`${t}\`;`)(...a);
@@ -759,13 +757,13 @@ function wn(t, e) {
     throw n.length === 0 && t.includes("$") ? new Error("[formatSQL] insufficient params") : i;
   }
 }
-function ia(t, e, n) {
-  const a = e.reduce((i, o) => (i[o.key] = wn(o.value, t), i), {});
-  return B.merge({}, a, t, { filters: n });
+function Sn(t, e, n) {
+  const a = { ...t, filters: n }, i = e.reduce((o, s) => (o[s.key] = wn(s.value, a), o), {});
+  return B.merge({}, i, t, { filters: n });
 }
-function oa(t, e, n, a) {
+function sa(t, e, n, a) {
   try {
-    const i = ia(e, n, a);
+    const i = Sn(e, n, a);
     return wn(t, i);
   } catch (i) {
     return console.error(i), i.message;
@@ -786,10 +784,10 @@ const je = {
         params: t === "GET" ? n : a.params,
         headers: i
       };
-      return t === "POST" && (o.data = a.string ? JSON.stringify(n) : n), vo(o).then((s) => s.data).catch((s) => Promise.reject(s));
+      return t === "POST" && (o.data = a.string ? JSON.stringify(n) : n), yo(o).then((s) => s.data).catch((s) => Promise.reject(s));
     };
   }
-}, Sn = ({ type: t, key: e, sql: n }) => async () => {
+}, _n = ({ type: t, key: e, sql: n }) => async () => {
   if (!t || !e || !n)
     return [];
   try {
@@ -803,7 +801,7 @@ async function Bo({ context: t, sqlSnippets: e, title: n, query: a, filterValues
     return [];
   const { type: o, key: s, sql: l } = a, u = l.includes("$");
   try {
-    const p = ia(t, e, i), h = wn(l, p);
+    const p = Sn(t, e, i), h = wn(l, p);
     return u && (console.groupCollapsed(`Final SQL for: ${n}`), console.log(h), console.groupEnd()), await je.getRequest("POST")("/query", { type: o, key: s, query: h });
   } catch (p) {
     return console.error(p), [];
@@ -835,10 +833,10 @@ function Go({
   const i = !!e.options_query.sql, {
     data: o = [],
     loading: s
-  } = Et(Sn(e.options_query), {
+  } = Et(_n(e.options_query), {
     refreshDeps: [e.options_query, i]
   });
-  return /* @__PURE__ */ r(hn, {
+  return /* @__PURE__ */ r(pn, {
     label: t,
     data: i ? o : e.static_options,
     disabled: i ? s : !1,
@@ -858,7 +856,7 @@ function Wo({
   const i = !!e.options_query.sql, {
     data: o = [],
     loading: s
-  } = Et(Sn(e.options_query), {
+  } = Et(_n(e.options_query), {
     refreshDeps: [e.options_query, i]
   });
   return /* @__PURE__ */ r(q, {
@@ -882,12 +880,15 @@ function Qo({
     ...e
   });
 }
-function Yo({
-  type: t,
-  config: e,
-  key: n,
-  ...a
-}, i) {
+const Yo = D(({
+  filter: {
+    type: t,
+    config: e,
+    key: n,
+    ...a
+  },
+  formFieldProps: i
+}) => {
   switch (t) {
     case "select":
       return /* @__PURE__ */ r(Wo, {
@@ -908,7 +909,7 @@ function Yo({
         config: e
       });
     case "date-range":
-      return /* @__PURE__ */ r(aa, {
+      return /* @__PURE__ */ r(oa, {
         ...a,
         ...i,
         config: e
@@ -922,19 +923,19 @@ function Yo({
     default:
       return null;
   }
-}
-const sa = x.forwardRef(function({
-  filter: e,
-  ...n
-}, a) {
-  return /* @__PURE__ */ r("div", {
-    className: "filter-root",
-    ref: a,
-    children: /* @__PURE__ */ r(Xe, {
-      children: Yo(e, n)
+}), la = D(x.forwardRef(({
+  filter: t,
+  ...e
+}, n) => /* @__PURE__ */ r("div", {
+  className: "filter-root",
+  ref: n,
+  children: /* @__PURE__ */ r(Xe, {
+    children: /* @__PURE__ */ r(Yo, {
+      filter: t,
+      formFieldProps: e
     })
-  });
-}), la = D(function({
+  })
+}))), ca = D(function({
   view: e
 }) {
   const n = te(), {
@@ -961,7 +962,7 @@ const sa = x.forwardRef(function({
           control: a,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r(sa, {
+          }) => /* @__PURE__ */ r(la, {
             filter: s,
             ...l
           })
@@ -984,13 +985,13 @@ const sa = x.forwardRef(function({
   freezeLayout: B.noop,
   inEditMode: !1,
   inUseMode: !0
-}, _e = x.createContext(Uo), ca = x.createContext({
+}, _e = x.createContext(Uo), ua = x.createContext({
   panel: null,
   data: [],
   loading: !1
-}), Ho = ca.Provider;
+}), Ho = ua.Provider;
 function he() {
-  const t = x.useContext(ca);
+  const t = x.useContext(ua);
   if (!t.panel)
     throw new Error("Please use PanelContextProvider");
   return t;
@@ -1007,7 +1008,7 @@ WHERE
   -- SQL snippets
   AND \${sql_snippets.author_email_condition}
   \${sql_snippets.order_by_clause}
-`, ua = D(function({
+`, da = D(function({
   showSQLSnippets: e = !0,
   sx: n = {}
 }) {
@@ -1110,7 +1111,7 @@ function Jo({
     })]
   });
 }
-const da = D(function({
+const ha = D(function({
   id: e
 }) {
   const n = te(), {
@@ -1148,7 +1149,7 @@ const da = D(function({
         color: "blue",
         disabled: o,
         onClick: s,
-        children: /* @__PURE__ */ r(Nr, {
+        children: /* @__PURE__ */ r(Br, {
           size: 15
         })
       })]
@@ -1163,7 +1164,7 @@ const da = D(function({
       })]
     })]
   });
-}), Ko = gn(({
+}), Ko = bn(({
   label: t,
   type: e,
   ...n
@@ -1176,7 +1177,7 @@ const da = D(function({
   }), /* @__PURE__ */ r(v, {
     children: e
   })]
-})), ha = D(function({
+})), pa = D(function({
   value: e,
   onChange: n
 }) {
@@ -1207,10 +1208,10 @@ const da = D(function({
     }
   });
 });
-function pa({
+function ma({
   value: t
 }) {
-  const e = te(), n = e.context.current, a = x.useMemo(() => oa(t, n, e.sqlSnippets.current, e.filters.values), [t, n, e.sqlSnippets.current, e.filters.values]);
+  const e = te(), n = e.context.current, a = x.useMemo(() => sa(t, n, e.sqlSnippets.current, e.filters.values), [t, n, e.sqlSnippets.current, e.filters.values]);
   return /* @__PURE__ */ r(Be, {
     language: "sql",
     colorScheme: "light",
@@ -1278,7 +1279,7 @@ const Zo = D(function({
               size: 18
             })
           })
-        }), /* @__PURE__ */ r(ha, {
+        }), /* @__PURE__ */ r(pa, {
           value: {
             type: e.type,
             key: e.key
@@ -1307,7 +1308,7 @@ const Zo = D(function({
             sx: {
               position: "relative"
             },
-            children: [/* @__PURE__ */ r(pn, {
+            children: [/* @__PURE__ */ r(mn, {
               autosize: !0,
               minRows: 12,
               maxRows: 24,
@@ -1335,7 +1336,7 @@ const Zo = D(function({
         }), /* @__PURE__ */ r(V.Panel, {
           value: "Preview",
           pt: "sm",
-          children: /* @__PURE__ */ r(pa, {
+          children: /* @__PURE__ */ r(ma, {
             value: e.sql
           })
         })]
@@ -1412,7 +1413,7 @@ const ts = D(function({
   });
 }), ns = D(function() {
   const [e, n] = x.useState("");
-  return /* @__PURE__ */ c(mn, {
+  return /* @__PURE__ */ c(fn, {
     sx: {
       height: "90vh",
       maxHeight: "calc(100vh - 225px)",
@@ -1444,16 +1445,15 @@ const ts = D(function({
           id: e,
           setID: n
         })]
-      }), /* @__PURE__ */ r(ua, {})]
-    }), /* @__PURE__ */ r(da, {
+      }), /* @__PURE__ */ r(da, {})]
+    }), /* @__PURE__ */ r(ha, {
       id: e
     })]
   });
-});
-function rs({
+}), rs = D(({
   value: t
-}) {
-  const n = te().context.current, a = x.useMemo(() => No(t, n), [t, n]);
+}) => {
+  const e = te(), n = e.context.current, a = x.useMemo(() => No(t, n, e.filters.values), [t, n]);
   return /* @__PURE__ */ c(w, {
     children: [/* @__PURE__ */ r(v, {
       children: "Preview"
@@ -1464,8 +1464,7 @@ function rs({
       children: a
     })]
   });
-}
-const as = D(function() {
+}), as = D(function() {
   const e = te(), n = () => e.sqlSnippets.append(Le({
     key: ge(),
     value: ""
@@ -1512,7 +1511,7 @@ const as = D(function() {
             onChange: (o) => {
               a.setKey(o.currentTarget.value);
             }
-          }), /* @__PURE__ */ r(pn, {
+          }), /* @__PURE__ */ r(mn, {
             minRows: 3,
             label: "Value",
             required: !0,
@@ -1555,7 +1554,7 @@ const as = D(function() {
   });
 });
 function is() {
-  return /* @__PURE__ */ r(mn, {
+  return /* @__PURE__ */ r(fn, {
     sx: {
       height: "90vh",
       maxHeight: "calc(100vh - 225px)",
@@ -1575,7 +1574,7 @@ function is() {
       grow: !0,
       align: "stretch",
       noWrap: !0,
-      children: [/* @__PURE__ */ r(as, {}), /* @__PURE__ */ r(ua, {
+      children: [/* @__PURE__ */ r(as, {}), /* @__PURE__ */ r(da, {
         showSQLSnippets: !1
       })]
     })
@@ -1623,11 +1622,11 @@ const os = D(function({
   });
 });
 var me = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(me || {});
-const ma = b.model({
+const fa = b.model({
   type: b.enumeration("DataSourceType", [xe.Postgresql, xe.MySQL, xe.HTTP]),
   key: b.string,
   sql: b.string
-}), fa = b.model("FilterConfigModel_TextInput", {
+}), ga = b.model("FilterConfigModel_TextInput", {
   required: b.boolean,
   default_value: b.string
 }).actions((t) => ({
@@ -1637,7 +1636,7 @@ const ma = b.model({
   setDefaultValue(e) {
     t.default_value = e;
   }
-})), ga = () => fa.create({
+})), ba = () => ga.create({
   required: !1,
   default_value: ""
 }), ss = D(function({
@@ -1678,7 +1677,7 @@ const ma = b.model({
       label: "Display Format",
       value: e.inputFormat,
       onChange: e.setInputFormat
-    }), /* @__PURE__ */ r(aa, {
+    }), /* @__PURE__ */ r(oa, {
       label: "Default Value",
       config: e,
       value: e.default_value,
@@ -1740,7 +1739,7 @@ const ds = D(function({
     data: n = [],
     loading: a,
     refresh: i
-  } = Et(Sn(e), {
+  } = Et(_n(e), {
     refreshDeps: [e]
   });
   return /* @__PURE__ */ c(w, {
@@ -1769,13 +1768,13 @@ const ds = D(function({
       })]
     })]
   });
-}), ba = D(function({
+}), va = D(function({
   value: e,
   onChange: n
 }) {
   return /* @__PURE__ */ c(w, {
     my: 0,
-    children: [/* @__PURE__ */ r(ha, {
+    children: [/* @__PURE__ */ r(pa, {
       value: e,
       onChange: ({
         type: a,
@@ -1803,7 +1802,7 @@ const ds = D(function({
       }), /* @__PURE__ */ r(V.Panel, {
         value: "SQL",
         pt: "sm",
-        children: /* @__PURE__ */ r(pn, {
+        children: /* @__PURE__ */ r(mn, {
           autosize: !0,
           minRows: 12,
           maxRows: 24,
@@ -1820,7 +1819,7 @@ const ds = D(function({
       }), /* @__PURE__ */ r(V.Panel, {
         value: "Preview",
         pt: "sm",
-        children: /* @__PURE__ */ r(pa, {
+        children: /* @__PURE__ */ r(ma, {
           value: e.sql
         })
       }), /* @__PURE__ */ r(V.Panel, {
@@ -1845,7 +1844,7 @@ const ds = D(function({
     children: [/* @__PURE__ */ r(U, {
       label: "Configure options",
       labelPosition: "center"
-    }), a.length > 0 && /* @__PURE__ */ r(hn, {
+    }), a.length > 0 && /* @__PURE__ */ r(pn, {
       label: "Default Selection",
       data: i,
       value: e.default_value,
@@ -1903,7 +1902,7 @@ const ds = D(function({
     }), /* @__PURE__ */ r(U, {
       label: "Or fetch options from database",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(ba, {
+    }), /* @__PURE__ */ r(va, {
       value: e.options_query,
       onChange: e.setOptionsQuery
     })]
@@ -1986,7 +1985,7 @@ const ds = D(function({
     }), /* @__PURE__ */ r(U, {
       label: "Or fetch options from database",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(ba, {
+    }), /* @__PURE__ */ r(va, {
       value: e.options_query,
       onChange: e.setOptionsQuery
     })]
@@ -2010,7 +2009,7 @@ const ds = D(function({
 }), fs = D(function({
   filter: e
 }) {
-  const n = e.config.default_value, [a, i] = x.useState(n);
+  const n = e.plainDefaultValue, [a, i] = x.useState(n);
   return x.useEffect(() => {
     i(n);
   }, [n]), /* @__PURE__ */ c($, {
@@ -2021,7 +2020,7 @@ const ds = D(function({
       pb: "md",
       color: "gray",
       children: "Preview"
-    }), /* @__PURE__ */ r(sa, {
+    }), /* @__PURE__ */ r(la, {
       filter: e,
       value: a,
       onChange: i
@@ -2063,7 +2062,7 @@ const ds = D(function({
   index: n
 }) {
   const a = te(), i = x.useMemo(() => gs[e.type], [e.type]);
-  return /* @__PURE__ */ c(Li, {
+  return /* @__PURE__ */ c(qi, {
     cols: 2,
     children: [/* @__PURE__ */ c($, {
       pl: "md",
@@ -2081,7 +2080,7 @@ const ds = D(function({
           value: e.order,
           onChange: e.setOrder,
           hideControls: !0
-        }), /* @__PURE__ */ r(hn, {
+        }), /* @__PURE__ */ r(pn, {
           label: "Visible in...",
           data: a.views.options,
           value: e.visibleInViewsIDs,
@@ -2126,7 +2125,7 @@ const ys = D(function() {
       label: i,
       order: n.length + 1,
       type: me.TextInput,
-      config: ga(),
+      config: ba(),
       visibleInViewsIDs: ["Main"]
     };
     e.filters.append(o);
@@ -2146,7 +2145,7 @@ const ys = D(function() {
       children: /* @__PURE__ */ r(F, {
         size: "xs",
         color: "red",
-        leftIcon: /* @__PURE__ */ r(Br, {
+        leftIcon: /* @__PURE__ */ r(jr, {
           size: 20
         }),
         disabled: !e.filters.changed,
@@ -2368,7 +2367,7 @@ const Ss = D(() => {
     },
     children: /* @__PURE__ */ r(Rs, {})
   });
-}), Ts = gn(({
+}), Ts = bn(({
   label: t,
   type: e,
   ...n
@@ -2400,7 +2399,7 @@ const Ss = D(() => {
       children: t
     })
   })
-})), yr = "TRIGGER_TO_ADD", Vs = D(({
+})), xr = "TRIGGER_TO_ADD", Vs = D(({
   value: t,
   onChange: e,
   triggerAdd: n,
@@ -2409,7 +2408,7 @@ const Ss = D(() => {
 }) => {
   const o = M(() => [...i, {
     label: "Add a View",
-    value: yr,
+    value: xr,
     type: "TRIGGER_TO_ADD"
   }], [i, n]);
   return /* @__PURE__ */ c(g, {
@@ -2421,7 +2420,7 @@ const Ss = D(() => {
     children: [/* @__PURE__ */ r(q, {
       value: t,
       onChange: (l) => {
-        l !== yr ? e(l) : n();
+        l !== xr ? e(l) : n();
       },
       placeholder: "Pick a View",
       itemComponent: Ts,
@@ -2451,7 +2450,7 @@ const Ss = D(() => {
           }
         }
       },
-      children: /* @__PURE__ */ r(jr, {
+      children: /* @__PURE__ */ r(Gr, {
         size: 20
       })
     })]
@@ -2507,7 +2506,7 @@ function Es({
     })
   });
 }
-const va = D(function({
+const ya = D(function({
   saveChanges: e
 }) {
   const n = te(), a = x.useCallback(() => {
@@ -2549,7 +2548,7 @@ const va = D(function({
         variant: "default",
         size: "xs",
         onClick: I,
-        leftIcon: /* @__PURE__ */ r(so, {
+        leftIcon: /* @__PURE__ */ r(lo, {
           size: 20
         }),
         children: "Filters"
@@ -2557,7 +2556,7 @@ const va = D(function({
         variant: "default",
         size: "xs",
         onClick: h,
-        leftIcon: /* @__PURE__ */ r(lo, {
+        leftIcon: /* @__PURE__ */ r(co, {
           size: 20
         }),
         children: "Data Settings"
@@ -2575,7 +2574,7 @@ const va = D(function({
         size: "xs",
         disabled: !o,
         onClick: i,
-        leftIcon: /* @__PURE__ */ r(Br, {
+        leftIcon: /* @__PURE__ */ r(jr, {
           size: 20
         }),
         children: "Revert Changes"
@@ -2585,20 +2584,20 @@ const va = D(function({
           children: /* @__PURE__ */ r(F, {
             variant: "default",
             size: "xs",
-            leftIcon: /* @__PURE__ */ r(co, {
+            leftIcon: /* @__PURE__ */ r(uo, {
               size: 20
             }),
             children: "Export"
           })
         }), /* @__PURE__ */ c(ue.Dropdown, {
           children: [/* @__PURE__ */ r(ue.Item, {
-            icon: /* @__PURE__ */ r(Gr, {
+            icon: /* @__PURE__ */ r(Wr, {
               size: 14
             }),
             onClick: n.queries.downloadAllData,
             children: "Download Data"
           }), /* @__PURE__ */ r(ue.Item, {
-            icon: /* @__PURE__ */ r(uo, {
+            icon: /* @__PURE__ */ r(ho, {
               size: 14
             }),
             onClick: W,
@@ -2619,7 +2618,7 @@ const va = D(function({
     })]
   });
 });
-const ya = D(() => {
+const xa = D(() => {
   const {
     freezeLayout: t
   } = x.useContext(_e), [e, n] = x.useState(!1), {
@@ -2633,7 +2632,7 @@ const ya = D(() => {
       onClose: () => n(!1),
       title: a.title,
       withCloseButton: !1,
-      children: /* @__PURE__ */ r(Qr, {
+      children: /* @__PURE__ */ r(Ur, {
         readOnly: !0,
         value: a.description,
         onChange: B.noop,
@@ -2641,7 +2640,7 @@ const ya = D(() => {
           border: "none"
         }
       })
-    }), /* @__PURE__ */ r(qi, {
+    }), /* @__PURE__ */ r($i, {
       label: "Click to see description",
       position: "top-start",
       withinPortal: !0,
@@ -2653,13 +2652,13 @@ const ya = D(() => {
           verticalAlign: "baseline",
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ r(ho, {
+        children: /* @__PURE__ */ r(po, {
           size: 20
         })
       })
     })]
   });
-}), xa = (t) => {
+}), Ca = (t) => {
   const {
     title: e = "Variables",
     variables: n
@@ -2669,7 +2668,7 @@ const ya = D(() => {
       message: "Copied to clipboard"
     });
   };
-  return /* @__PURE__ */ c($i, {
+  return /* @__PURE__ */ c(Ni, {
     withBorder: !0,
     p: "sm",
     children: [/* @__PURE__ */ r(v, {
@@ -2683,10 +2682,10 @@ const ya = D(() => {
       },
       children: n.map((o) => /* @__PURE__ */ c(v, {
         size: "sm",
-        children: [/* @__PURE__ */ c(hr, {
+        children: [/* @__PURE__ */ c(pr, {
           color: "teal",
           children: ["// ", o.description]
-        }), /* @__PURE__ */ r("br", {}), /* @__PURE__ */ c(hr, {
+        }), /* @__PURE__ */ r("br", {}), /* @__PURE__ */ c(pr, {
           onClick: () => i(o.name),
           style: {
             cursor: "pointer"
@@ -2703,7 +2702,7 @@ class Os {
     O(this, "operation");
     O(this, "operationSchema");
     O(this, "variables", []);
-    this.operationManager = e, this.instance = n, bn(this);
+    this.operationManager = e, this.instance = n, vn(this);
   }
   get schemaList() {
     return this.operationManager.getOperationSchemaList();
@@ -2785,7 +2784,7 @@ const Ls = D((t) => {
           model: u
         }), /* @__PURE__ */ r(As, {
           model: u
-        }), /* @__PURE__ */ r(xa, {
+        }), /* @__PURE__ */ r(Ca, {
           title: "Variables",
           variables: u.variables
         })]
@@ -2799,7 +2798,7 @@ class qs {
     O(this, "trigger");
     O(this, "triggerSchema");
     O(this, "sampleData");
-    this.triggerManager = e, this.instance = n, bn(this);
+    this.triggerManager = e, this.instance = n, vn(this);
   }
   get schemaList() {
     return this.triggerManager.getTriggerSchemaList();
@@ -2878,7 +2877,7 @@ const Bs = D(({
           model: i
         }), /* @__PURE__ */ r(Gs, {
           model: i
-        }), /* @__PURE__ */ r(xa, {
+        }), /* @__PURE__ */ r(Ca, {
           title: "Payload",
           variables: i.triggerSchema.payload
         })]
@@ -2928,7 +2927,7 @@ class Ue {
     );
   }
 }
-class _n {
+class In {
   constructor(e, n, a) {
     O(this, "attachmentStorage");
     this.instance = e, this.attachmentKey = n, this.constructInstance = a, this.attachmentStorage = new Ue(e.instanceData, n);
@@ -2946,20 +2945,20 @@ class _n {
   async list() {
     const e = await this.attachmentStorage.getItem(null);
     return Promise.all(
-      Er(e).map(
+      Or(e).map(
         (n) => this.constructInstance(new Ue(this.attachmentStorage, n.id))
       )
     );
   }
 }
-class Ca {
+class wa {
   constructor(e) {
     O(this, "rootRef");
-    this.rootRef = Ur({ current: e });
+    this.rootRef = Xr({ current: e });
   }
   async deleteItem(e) {
     ct(() => {
-      Ui(this.rootRef.current, [e]);
+      Hi(this.rootRef.current, [e]);
     });
   }
   getItem(e) {
@@ -2971,7 +2970,7 @@ class Ca {
   }
   setItem(e, n) {
     if (e === null)
-      if (Or(n))
+      if (Fr(n))
         ct(() => {
           this.rootRef.current = n;
         });
@@ -2979,12 +2978,12 @@ class Ca {
         throw new Error("Cannot set root value to non-object");
     else
       ct(() => {
-        Fr(this.rootRef.current, [e], n);
+        Pr(this.rootRef.current, [e], n);
       });
     return Promise.resolve(this.getItem(e));
   }
   watchItem(e, n, a) {
-    return vn(
+    return At(
       () => this.getValueFromRoot(e),
       (i, o) => {
         n(i, o);
@@ -2999,13 +2998,13 @@ class Ca {
 class Qs {
   constructor() {
     O(this, "channels", /* @__PURE__ */ new Map());
-    O(this, "globalChannel", new gr());
+    O(this, "globalChannel", new br());
   }
   getChannel(e) {
     const n = this.channels.get(e);
     if (n)
       return n;
-    const a = new gr();
+    const a = new br();
     return this.channels.set(e, a), a;
   }
 }
@@ -3029,18 +3028,18 @@ class Ys {
       name: e.viz.type,
       type: e.viz.type,
       messageChannels: new Qs(),
-      instanceData: new Ca(e.viz.conf)
+      instanceData: new wa(e.viz.conf)
     };
     return this.instances.set(e.id, a), a;
   }
 }
-function wa(t, e, n) {
+function Sa(t, e, n) {
   return {
     vizManager: n,
     locale: "zh",
     msgChannels: t.messageChannels,
     instanceData: t.instanceData,
-    pluginData: new Ca({}),
+    pluginData: new wa({}),
     colorPalette: {
       getColor() {
         return () => "";
@@ -3055,7 +3054,7 @@ const Us = (t) => {
     vizManager: n,
     data: a
   } = t, i = n.resolveComponent(e.viz.type), o = n.getOrCreateInstance(e), s = {
-    ...wa(o, a, n),
+    ...Sa(o, a, n),
     viewport: {
       width: e.layout.w,
       height: e.layout.h
@@ -3073,7 +3072,7 @@ const Us = (t) => {
     panelInfoEditor: a,
     data: i
   } = t, o = e.resolveComponent(n.viz.type), s = e.getOrCreateInstance(n), l = {
-    ...wa(s, i, e),
+    ...Sa(s, i, e),
     panelInfoEditor: a
   }, u = o.configRender;
   return /* @__PURE__ */ r(u, {
@@ -3081,12 +3080,12 @@ const Us = (t) => {
     instance: s,
     ...Ft(t, ["panel", "vizManager", "data", "panelInfoEditor"])
   });
-}, Sa = (t, e) => {
+}, _a = (t, e) => {
   const n = ht.bezier(t), a = ht.bezier(e);
   return function(i) {
     return i < 50 ? n(i * 2 / 100).hex() : a((i - 50) * 2 / 100).hex();
   };
-}, Lt = (t) => {
+}, qt = (t) => {
   const e = ht.bezier(t);
   return function(n) {
     return e(n / 100).hex();
@@ -3094,40 +3093,40 @@ const Us = (t) => {
 }, Xs = {
   type: "interpolation",
   displayName: "Red / Green",
-  getColor: Sa(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
+  getColor: _a(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
   name: "red-green",
   category: "diverging"
 }, Js = {
   type: "interpolation",
   displayName: "Yellow / Blue",
-  getColor: Sa(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
+  getColor: _a(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
   name: "yellow-blue",
   category: "diverging"
 }, Ks = {
   type: "interpolation",
   displayName: "Red",
-  getColor: Lt(["#fff7f1", "darkred"]),
+  getColor: qt(["#fff7f1", "darkred"]),
   name: "red",
   category: "sequential"
 }, Zs = {
   type: "interpolation",
   displayName: "Green",
-  getColor: Lt(["#f0ffed", "darkgreen"]),
+  getColor: qt(["#f0ffed", "darkgreen"]),
   name: "green",
   category: "sequential"
 }, el = {
   type: "interpolation",
   displayName: "Blue",
-  getColor: Lt(["#f9fcff", "#48b3e9", "darkblue"]),
+  getColor: qt(["#f9fcff", "#48b3e9", "darkblue"]),
   name: "blue",
   category: "sequential"
 }, tl = {
   type: "interpolation",
   displayName: "Orange",
-  getColor: Lt(["#fff7f1", "darkorange", "#b60000"]),
+  getColor: qt(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, nl = "4.16.2";
+}, nl = "4.16.4";
 class rl {
   constructor(e) {
     O(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3205,8 +3204,8 @@ class il {
       throw new Error(`Can not downgrade from version '${e.from}' to (${e.to})`);
     const a = this.migrations.filter(
       (s) => s.version > e.from && s.version <= e.to
-    ), i = Hi(a, "version", "asc");
-    if (((o = Xi(i)) == null ? void 0 : o.version) !== e.to)
+    ), i = Xi(a, "version", "asc");
+    if (((o = Ji(i)) == null ? void 0 : o.version) !== e.to)
       throw new Error(`Migration to version ${e.to} not found`);
     return i.reduce((s, l) => l.handler(s), n);
   }
@@ -3227,7 +3226,7 @@ class ye extends il {
     return ae(n, "version", 0) < this.VERSION;
   }
 }
-const In = {
+const Dn = {
   content: ""
 }, G = (t, e) => {
   const [n, { setFalse: a }] = mt(!0), [i, o] = de();
@@ -3248,8 +3247,8 @@ const In = {
     set: s
   };
 };
-function _a(t) {
-  const e = Qi(null);
+function Ia(t) {
+  const e = Yi(null);
   return Z(() => {
     var n, a, i;
     t && ((i = (a = (n = e.current) == null ? void 0 : n.editor) == null ? void 0 : a.clipboard) == null || i.dangerouslyPasteHTML(t));
@@ -3260,16 +3259,21 @@ function ol({
 }) {
   const {
     value: e
-  } = G(t.instanceData, "config"), n = e == null ? void 0 : e.content, a = _a(n);
-  return e != null && e.content ? /* @__PURE__ */ r(Yr, {
+  } = G(t.instanceData, "config"), n = e == null ? void 0 : e.content, a = Ia(n);
+  return e != null && e.content ? /* @__PURE__ */ r(Hr, {
     ref: a,
     readOnly: !0,
     value: e.content,
-    onChange: Ji,
+    onChange: Ki,
     sx: {
       border: "none",
       ".ql-editor": {
-        padding: 0
+        padding: 0,
+        "h1, h2, h3, h4, h5, p, ul, ol": {
+          "&:last-child": {
+            marginBottom: 0
+          }
+        }
       }
     }
   }) : null;
@@ -3280,7 +3284,7 @@ function sl({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = M(() => ne({}, e, In), [e]), {
+  } = G(t.instanceData, "config"), a = M(() => ne({}, e, Dn), [e]), {
     control: i,
     handleSubmit: o,
     watch: s,
@@ -3289,7 +3293,7 @@ function sl({
     defaultValues: a
   });
   s("content");
-  const u = l(), p = M(() => !De(u, e), [u, e]), h = _a(e == null ? void 0 : e.content);
+  const u = l(), p = M(() => !De(u, e), [u, e]), h = Ia(e == null ? void 0 : e.content);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -3320,7 +3324,7 @@ function sl({
         control: i,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(Qr, {
+        }) => /* @__PURE__ */ r(Ur, {
           ref: h,
           sx: {
             flex: 1
@@ -3337,7 +3341,7 @@ class ll extends ye {
     O(this, "VERSION", 1);
   }
   fixMalformedConfig(n) {
-    return ne({}, n, In);
+    return ne({}, n, Dn);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -3352,8 +3356,8 @@ const cl = {
   name: "richText",
   viewRender: ol,
   configRender: sl,
-  createConfig: () => In
-}, Dn = {
+  createConfig: () => Dn
+}, Rn = {
   align: "center",
   template: "The variable ${value} is defined in Variables section",
   variables: [
@@ -3417,7 +3421,7 @@ class dl extends ye {
     this.version(1, (n) => ({ config: ul(n) }));
   }
 }
-const on = gn(function({
+const sn = bn(function({
   value: e,
   onChange: n,
   ...a
@@ -3543,19 +3547,19 @@ function hl({
           children: [/* @__PURE__ */ c(v, {
             size: 12,
             color: "gray",
-            children: ["123456789 ", /* @__PURE__ */ r(en, {
+            children: ["123456789 ", /* @__PURE__ */ r(tn, {
               size: 9
             }), " ", fe(123456789).format(t)]
           }), /* @__PURE__ */ c(v, {
             size: 12,
             color: "gray",
-            children: ["1234 ", /* @__PURE__ */ r(en, {
+            children: ["1234 ", /* @__PURE__ */ r(tn, {
               size: 9
             }), " ", fe(1234).format(t)]
           }), /* @__PURE__ */ c(v, {
             size: 12,
             color: "gray",
-            children: ["0.1234 ", /* @__PURE__ */ r(en, {
+            children: ["0.1234 ", /* @__PURE__ */ r(tn, {
               size: 9
             }), " ", fe(0.1234).format(t)]
           })]
@@ -3564,8 +3568,8 @@ function hl({
     })]
   });
 }
-const Rn = x.forwardRef(hl);
-function qt() {
+const kn = x.forwardRef(hl);
+function $t() {
   return {
     name: ge(),
     size: "20px",
@@ -3697,7 +3701,7 @@ function bl({
     o((y) => (y.splice(m, 1), [...y]));
   }, [o]), u = x.useMemo(() => !B.isEqual(i, e), [i, e]), p = () => {
     n(i.map((m) => m.toString()));
-  }, h = Ni(), f = x.useMemo(() => Object.entries(h.colors).map(([m, y]) => y[6]), [h]);
+  }, h = Bi(), f = x.useMemo(() => Object.entries(h.colors).map(([m, y]) => y[6]), [h]);
   return /* @__PURE__ */ c(Y, {
     children: [/* @__PURE__ */ c(g, {
       position: "left",
@@ -3715,7 +3719,7 @@ function bl({
         })
       })]
     }), /* @__PURE__ */ c(g, {
-      children: [i.map((m, y) => /* @__PURE__ */ r(Bi, {
+      children: [i.map((m, y) => /* @__PURE__ */ r(ji, {
         value: m,
         onChange: (I) => {
           o((R) => (R.splice(y, 1, I), [...R]));
@@ -3762,7 +3766,7 @@ function yl({
       placeholder: "Set any color",
       value: o ? "" : t,
       onChange: (s) => e(s.currentTarget.value),
-      rightSection: /* @__PURE__ */ r(pr, {
+      rightSection: /* @__PURE__ */ r(mr, {
         color: o ? "transparent" : t,
         radius: 4
       }),
@@ -3782,7 +3786,7 @@ function yl({
       onChange: e,
       variant: o ? "default" : "filled",
       placeholder: "Pick a theme color",
-      icon: /* @__PURE__ */ r(pr, {
+      icon: /* @__PURE__ */ r(mr, {
         color: o ? t : "transparent",
         radius: 4
       }),
@@ -3826,7 +3830,7 @@ function xl({
     children: [/* @__PURE__ */ r(v, {
       size: "sm",
       children: t
-    }), /* @__PURE__ */ r(Vr, {
+    }), /* @__PURE__ */ r(zr, {
       label: null,
       marks: It,
       value: i,
@@ -3963,7 +3967,7 @@ const Sl = x.forwardRef(wl), _l = x.forwardRef(function({
       })]
     })]
   });
-}), $t = x.forwardRef(function({
+}), Nt = x.forwardRef(function({
   value: e,
   onChange: n,
   data: a,
@@ -4008,7 +4012,7 @@ const Sl = x.forwardRef(wl), _l = x.forwardRef(function({
       my: "xs",
       label: "Format",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(Rn, {
+    }), /* @__PURE__ */ r(kn, {
       value: e.formatter,
       onChange: (l) => s("formatter", l)
     }), i && /* @__PURE__ */ r(_l, {
@@ -4021,7 +4025,7 @@ function Il(t) {
   const e = Array.from(t).sort((a, i) => a - i), n = Math.floor(e.length / 2);
   return e.length % 2 === 0 ? (e[n - 1] + e[n]) / 2 : e[n];
 }
-function kn(t, e, n) {
+function Tn(t, e, n) {
   var i, o, s, l;
   const a = t.map((u) => u[e]);
   switch (n.type) {
@@ -4041,35 +4045,35 @@ function kn(t, e, n) {
       return (l = t[0]) == null ? void 0 : l[e];
   }
 }
-var Ia = function() {
+var Da = function() {
 }, pt = function() {
 };
-process.env.NODE_ENV !== "production" && (Ia = function(t, e) {
+process.env.NODE_ENV !== "production" && (Da = function(t, e) {
   !t && typeof console < "u" && console.warn(e);
 }, pt = function(t, e) {
   if (!t)
     throw new Error(e);
 });
-const Dl = (t, e, n) => Math.min(Math.max(n, t), e), Da = (t, e, n) => {
+const Dl = (t, e, n) => Math.min(Math.max(n, t), e), Ra = (t, e, n) => {
   const a = e - t;
   return a === 0 ? 1 : (n - t) / a;
-}, Tn = (t, e, n) => -n * t + n * e + t, Ra = (t, e) => (n) => Math.max(Math.min(n, e), t), ut = (t) => t % 1 ? Number(t.toFixed(5)) : t, kt = /(-)?([\d]*\.?[\d])+/g, sn = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi, Rl = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;
+}, Vn = (t, e, n) => -n * t + n * e + t, ka = (t, e) => (n) => Math.max(Math.min(n, e), t), ut = (t) => t % 1 ? Number(t.toFixed(5)) : t, kt = /(-)?([\d]*\.?[\d])+/g, ln = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi, Rl = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;
 function bt(t) {
   return typeof t == "string";
 }
-const Nt = {
+const Bt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, ka = Object.assign(Object.assign({}, Nt), { transform: Ra(0, 1) });
-Object.assign(Object.assign({}, Nt), { default: 1 });
+}, Ta = Object.assign(Object.assign({}, Bt), { transform: ka(0, 1) });
+Object.assign(Object.assign({}, Bt), { default: 1 });
 const kl = (t) => ({
   test: (e) => bt(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
 }), dt = kl("%");
 Object.assign(Object.assign({}, dt), { parse: (t) => dt.parse(t) / 100, transform: (t) => dt.transform(t * 100) });
-const Vn = (t, e) => (n) => Boolean(bt(n) && Rl.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Ta = (t, e, n) => (a) => {
+const zn = (t, e) => (n) => Boolean(bt(n) && Rl.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Va = (t, e, n) => (a) => {
   if (!bt(a))
     return a;
   const [i, o, s, l] = a.match(kt);
@@ -4080,13 +4084,13 @@ const Vn = (t, e) => (n) => Boolean(bt(n) && Rl.test(n) && n.startsWith(t) || e
     alpha: l !== void 0 ? parseFloat(l) : 1
   };
 }, Ne = {
-  test: Vn("hsl", "hue"),
-  parse: Ta("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: a = 1 }) => "hsla(" + Math.round(t) + ", " + dt.transform(ut(e)) + ", " + dt.transform(ut(n)) + ", " + ut(ka.transform(a)) + ")"
-}, Tl = Ra(0, 255), tn = Object.assign(Object.assign({}, Nt), { transform: (t) => Math.round(Tl(t)) }), Ee = {
-  test: Vn("rgb", "red"),
-  parse: Ta("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: a = 1 }) => "rgba(" + tn.transform(t) + ", " + tn.transform(e) + ", " + tn.transform(n) + ", " + ut(ka.transform(a)) + ")"
+  test: zn("hsl", "hue"),
+  parse: Va("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: a = 1 }) => "hsla(" + Math.round(t) + ", " + dt.transform(ut(e)) + ", " + dt.transform(ut(n)) + ", " + ut(Ta.transform(a)) + ")"
+}, Tl = ka(0, 255), nn = Object.assign(Object.assign({}, Bt), { transform: (t) => Math.round(Tl(t)) }), Ee = {
+  test: zn("rgb", "red"),
+  parse: Va("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: a = 1 }) => "rgba(" + nn.transform(t) + ", " + nn.transform(e) + ", " + nn.transform(n) + ", " + ut(Ta.transform(a)) + ")"
 };
 function Vl(t) {
   let e = "", n = "", a = "", i = "";
@@ -4097,57 +4101,57 @@ function Vl(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const ln = {
-  test: Vn("#"),
+const cn = {
+  test: zn("#"),
   parse: Vl,
   transform: Ee.transform
-}, Bt = {
-  test: (t) => Ee.test(t) || ln.test(t) || Ne.test(t),
-  parse: (t) => Ee.test(t) ? Ee.parse(t) : Ne.test(t) ? Ne.parse(t) : ln.parse(t),
+}, jt = {
+  test: (t) => Ee.test(t) || cn.test(t) || Ne.test(t),
+  parse: (t) => Ee.test(t) ? Ee.parse(t) : Ne.test(t) ? Ne.parse(t) : cn.parse(t),
   transform: (t) => bt(t) ? t : t.hasOwnProperty("red") ? Ee.transform(t) : Ne.transform(t)
-}, Va = "${c}", za = "${n}";
+}, za = "${c}", Ea = "${n}";
 function zl(t) {
   var e, n, a, i;
-  return isNaN(t) && bt(t) && ((n = (e = t.match(kt)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((i = (a = t.match(sn)) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0) > 0;
+  return isNaN(t) && bt(t) && ((n = (e = t.match(kt)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((i = (a = t.match(ln)) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0) > 0;
 }
-function Ea(t) {
+function Oa(t) {
   typeof t == "number" && (t = `${t}`);
   const e = [];
   let n = 0;
-  const a = t.match(sn);
-  a && (n = a.length, t = t.replace(sn, Va), e.push(...a.map(Bt.parse)));
+  const a = t.match(ln);
+  a && (n = a.length, t = t.replace(ln, za), e.push(...a.map(jt.parse)));
   const i = t.match(kt);
-  return i && (t = t.replace(kt, za), e.push(...i.map(Nt.parse))), { values: e, numColors: n, tokenised: t };
-}
-function Oa(t) {
-  return Ea(t).values;
+  return i && (t = t.replace(kt, Ea), e.push(...i.map(Bt.parse))), { values: e, numColors: n, tokenised: t };
 }
 function Fa(t) {
-  const { values: e, numColors: n, tokenised: a } = Ea(t), i = e.length;
+  return Oa(t).values;
+}
+function Pa(t) {
+  const { values: e, numColors: n, tokenised: a } = Oa(t), i = e.length;
   return (o) => {
     let s = a;
     for (let l = 0; l < i; l++)
-      s = s.replace(l < n ? Va : za, l < n ? Bt.transform(o[l]) : ut(o[l]));
+      s = s.replace(l < n ? za : Ea, l < n ? jt.transform(o[l]) : ut(o[l]));
     return s;
   };
 }
 const El = (t) => typeof t == "number" ? 0 : t;
 function Ol(t) {
-  const e = Oa(t);
-  return Fa(t)(e.map(El));
+  const e = Fa(t);
+  return Pa(t)(e.map(El));
 }
-const Pa = { test: zl, parse: Oa, createTransformer: Fa, getAnimatableNone: Ol };
-function nn(t, e, n) {
+const Aa = { test: zl, parse: Fa, createTransformer: Pa, getAnimatableNone: Ol };
+function rn(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function xr({ hue: t, saturation: e, lightness: n, alpha: a }) {
+function Cr({ hue: t, saturation: e, lightness: n, alpha: a }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, o = 0, s = 0;
   if (!e)
     i = o = s = n;
   else {
     const l = n < 0.5 ? n * (1 + e) : n + e - n * e, u = 2 * n - l;
-    i = nn(u, l, t + 1 / 3), o = nn(u, l, t), s = nn(u, l, t - 1 / 3);
+    i = rn(u, l, t + 1 / 3), o = rn(u, l, t), s = rn(u, l, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -4159,23 +4163,23 @@ function xr({ hue: t, saturation: e, lightness: n, alpha: a }) {
 const Fl = (t, e, n) => {
   const a = t * t, i = e * e;
   return Math.sqrt(Math.max(0, n * (i - a) + a));
-}, Pl = [ln, Ee, Ne], Cr = (t) => Pl.find((e) => e.test(t)), wr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Aa = (t, e) => {
-  let n = Cr(t), a = Cr(e);
-  pt(!!n, wr(t)), pt(!!a, wr(e));
+}, Pl = [cn, Ee, Ne], wr = (t) => Pl.find((e) => e.test(t)), Sr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Ma = (t, e) => {
+  let n = wr(t), a = wr(e);
+  pt(!!n, Sr(t)), pt(!!a, Sr(e));
   let i = n.parse(t), o = a.parse(e);
-  n === Ne && (i = xr(i), n = Ee), a === Ne && (o = xr(o), a = Ee);
+  n === Ne && (i = Cr(i), n = Ee), a === Ne && (o = Cr(o), a = Ee);
   const s = Object.assign({}, i);
   return (l) => {
     for (const u in s)
       u !== "alpha" && (s[u] = Fl(i[u], o[u], l));
-    return s.alpha = Tn(i.alpha, o.alpha, l), n.transform(s);
+    return s.alpha = Vn(i.alpha, o.alpha, l), n.transform(s);
   };
-}, Al = (t) => typeof t == "number", Ml = (t, e) => (n) => e(t(n)), Ma = (...t) => t.reduce(Ml);
-function La(t, e) {
-  return Al(t) ? (n) => Tn(t, e, n) : Bt.test(t) ? Aa(t, e) : $a(t, e);
+}, Al = (t) => typeof t == "number", Ml = (t, e) => (n) => e(t(n)), La = (...t) => t.reduce(Ml);
+function qa(t, e) {
+  return Al(t) ? (n) => Vn(t, e, n) : jt.test(t) ? Ma(t, e) : Na(t, e);
 }
-const qa = (t, e) => {
-  const n = [...t], a = n.length, i = t.map((o, s) => La(o, e[s]));
+const $a = (t, e) => {
+  const n = [...t], a = n.length, i = t.map((o, s) => qa(o, e[s]));
   return (o) => {
     for (let s = 0; s < a; s++)
       n[s] = i[s](o);
@@ -4184,31 +4188,31 @@ const qa = (t, e) => {
 }, Ll = (t, e) => {
   const n = Object.assign(Object.assign({}, t), e), a = {};
   for (const i in n)
-    t[i] !== void 0 && e[i] !== void 0 && (a[i] = La(t[i], e[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (a[i] = qa(t[i], e[i]));
   return (i) => {
     for (const o in a)
       n[o] = a[o](i);
     return n;
   };
 };
-function Sr(t) {
-  const e = Pa.parse(t), n = e.length;
+function _r(t) {
+  const e = Aa.parse(t), n = e.length;
   let a = 0, i = 0, o = 0;
   for (let s = 0; s < n; s++)
     a || typeof e[s] == "number" ? a++ : e[s].hue !== void 0 ? o++ : i++;
   return { parsed: e, numNumbers: a, numRGB: i, numHSL: o };
 }
-const $a = (t, e) => {
-  const n = Pa.createTransformer(e), a = Sr(t), i = Sr(e);
-  return a.numHSL === i.numHSL && a.numRGB === i.numRGB && a.numNumbers >= i.numNumbers ? Ma(qa(a.parsed, i.parsed), n) : (Ia(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (s) => `${s > 0 ? e : t}`);
-}, ql = (t, e) => (n) => Tn(t, e, n);
+const Na = (t, e) => {
+  const n = Aa.createTransformer(e), a = _r(t), i = _r(e);
+  return a.numHSL === i.numHSL && a.numRGB === i.numRGB && a.numNumbers >= i.numNumbers ? La($a(a.parsed, i.parsed), n) : (Da(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (s) => `${s > 0 ? e : t}`);
+}, ql = (t, e) => (n) => Vn(t, e, n);
 function $l(t) {
   if (typeof t == "number")
     return ql;
   if (typeof t == "string")
-    return Bt.test(t) ? Aa : $a;
+    return jt.test(t) ? Ma : Na;
   if (Array.isArray(t))
-    return qa;
+    return $a;
   if (typeof t == "object")
     return Ll;
 }
@@ -4218,14 +4222,14 @@ function Nl(t, e, n) {
     let l = i(t[s], t[s + 1]);
     if (e) {
       const u = Array.isArray(e) ? e[s] : e;
-      l = Ma(u, l);
+      l = La(u, l);
     }
     a.push(l);
   }
   return a;
 }
 function Bl([t, e], [n]) {
-  return (a) => n(Da(t, e, a));
+  return (a) => n(Ra(t, e, a));
 }
 function jl(t, e) {
   const n = t.length, a = n - 1;
@@ -4237,7 +4241,7 @@ function jl(t, e) {
         ;
       o = u - 1;
     }
-    const l = Da(t[o], t[o + 1], i);
+    const l = Ra(t[o], t[o + 1], i);
     return e[o](l);
   };
 }
@@ -4259,10 +4263,10 @@ class Wl {
 function Ql(t) {
   return t === null ? "null" : t === void 0 ? "undefined" : Array.isArray(t) ? `Array(${t.length})` : t.toString();
 }
-function Na({ data_field: t, aggregation: e }, n) {
-  return kn(n, t, e);
+function Ba({ data_field: t, aggregation: e }, n) {
+  return Tn(n, t, e);
 }
-function jt({ formatter: t }, e) {
+function Gt({ formatter: t }, e) {
   return ["string", "number"].includes(typeof e) ? fe(e).format(t) : Ql(e);
 }
 function Yl(t, e) {
@@ -4278,7 +4282,7 @@ function Ul(t, e) {
       aggregation: l,
       size: u,
       weight: p
-    } = a, h = kn(e, s, l), f = jt(a, h);
+    } = a, h = Tn(e, s, l), f = Gt(a, h);
     n[i] = /* @__PURE__ */ r(v, {
       sx: {
         fontSize: u,
@@ -4303,33 +4307,33 @@ function Xl(t) {
     return o !== n.length - 1 && s.push(/* @__PURE__ */ r("br", {})), s;
   }).flat().filter((i) => i !== void 0);
 }
-function rn(t) {
+function an(t) {
   return Xl(t);
 }
-function cn(t, e, n) {
+function un(t, e, n) {
   const a = Ul(e, n), i = /^\{(.+)\}(.*)$/;
   return t.split("$").map((o) => {
     var p;
     const s = i.exec(o);
     if (!s)
-      return rn(o);
+      return an(o);
     const l = a[s[1]];
     if (!l)
-      return rn(o);
+      return an(o);
     const u = (p = s[2]) != null ? p : "";
     return /* @__PURE__ */ c(Y, {
-      children: [l, rn(u)]
+      children: [l, an(u)]
     });
   });
 }
 function Jl(t, e) {
   const n = {};
   return t.forEach((a) => {
-    const { name: i, data_field: o, aggregation: s } = a, l = kn(e, o, s);
-    n[i] = jt(a, l);
+    const { name: i, data_field: o, aggregation: s } = a, l = Tn(e, o, s);
+    n[i] = Gt(a, l);
   }), n;
 }
-function Ba(t, e, n) {
+function ja(t, e, n) {
   const a = Jl(e, n), i = /^\{(.+)\}(.*)$/;
   return t.split("$").map((o) => {
     var p;
@@ -4347,12 +4351,12 @@ function Kl({
   context: t
 }) {
   const {
-    value: e = Dn
+    value: e = Rn
   } = G(t.instanceData, "config"), {
     template: n,
     variables: a,
     align: i
-  } = e, o = M(() => cn(n, a, t.data), [n, a, t.data]);
+  } = e, o = M(() => un(n, a, t.data), [n, a, t.data]);
   return /* @__PURE__ */ r(v, {
     align: i,
     children: Object.values(o).map((s) => s)
@@ -4378,7 +4382,7 @@ function Zl({
       control: t,
       render: ({
         field: i
-      }) => /* @__PURE__ */ r($t, {
+      }) => /* @__PURE__ */ r(Nt, {
         data: a,
         ...i
       })
@@ -4412,7 +4416,7 @@ function ec({
   }), s = e("variables"), l = a.map((p, h) => ({
     ...p,
     ...s[h]
-  })), u = () => i(qt());
+  })), u = () => i($t());
   return /* @__PURE__ */ c(w, {
     children: [l.map((p, h) => /* @__PURE__ */ r(Zl, {
       control: t,
@@ -4440,7 +4444,7 @@ function tc({
       align: m,
       template: y = "",
       variables: I = []
-    } = Ge({}, n, Dn);
+    } = Ge({}, n, Rn);
     return {
       variables: I,
       template: y,
@@ -4490,7 +4494,7 @@ function tc({
         control: o,
         render: ({
           field: m
-        }) => /* @__PURE__ */ r(on, {
+        }) => /* @__PURE__ */ r(sn, {
           label: "Template",
           py: "md",
           sx: {
@@ -4515,7 +4519,7 @@ const nc = {
   createConfig() {
     return {
       version: 1,
-      config: Dn
+      config: Rn
     };
   },
   displayName: "Stats",
@@ -4538,7 +4542,7 @@ const Tt = {
   vizManager: t,
   instance: e
 }) => Pe(
-  () => new Xa(e, t.resolveComponent(e.type), Nn),
+  () => new Ja(e, t.resolveComponent(e.type), Bn),
   [e, t]
 ), ac = (t, e) => {
   const [n, a] = de([]);
@@ -4546,7 +4550,7 @@ const Tt = {
     (i) => a(i.filter((o) => o.schemaRef === e))
   ), []), n;
 };
-function _r(t, e, n) {
+function Ir(t, e, n) {
   return Math.min(Math.max(t, e), n);
 }
 class ic {
@@ -4564,11 +4568,11 @@ class ic {
     return (o) => a * o + i;
   }
   getStepFunctionForValue(e) {
-    let n = Ki(this.steps, (a) => a.from <= e);
-    return n = _r(n, 0, this.steps.length - 2), this.getLinearFunction(this.steps[n], this.steps[n + 1]);
+    let n = Zi(this.steps, (a) => a.from <= e);
+    return n = Ir(n, 0, this.steps.length - 2), this.getLinearFunction(this.steps[n], this.steps[n + 1]);
   }
   mapValue(e) {
-    return _r(this.getStepFunctionForValue(e)(e), 0, 100);
+    return Ir(this.getStepFunctionForValue(e)(e), 0, 100);
   }
 }
 function oc(t, e) {
@@ -4579,7 +4583,7 @@ function oc(t, e) {
     i = a[o], !(e.indexOf(i) >= 0) && (n[i] = t[i]);
   return n;
 }
-function ja(t, e) {
+function Ga(t, e) {
   if (t == null)
     return {};
   var n = oc(t, e), a, i;
@@ -4592,12 +4596,12 @@ function ja(t, e) {
 }
 var sc = ["size", "color", "stroke"];
 function lc(t) {
-  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = ja(t, sc);
+  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = Ga(t, sc);
   return /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-arrow-down", width: n, height: n, viewBox: "0 0 24 24", strokeWidth: s, stroke: i, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", ...l, children: [/* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ r("line", { x1: 12, y1: 5, x2: 12, y2: 19 }), /* @__PURE__ */ r("line", { x1: 18, y1: 13, x2: 12, y2: 19 }), /* @__PURE__ */ r("line", { x1: 6, y1: 13, x2: 12, y2: 19 })] });
 }
 var cc = ["size", "color", "stroke"];
 function uc(t) {
-  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = ja(t, cc);
+  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = Ga(t, cc);
   return /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-arrow-up", width: n, height: n, viewBox: "0 0 24 24", strokeWidth: s, stroke: i, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", ...l, children: [/* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ r("line", { x1: 12, y1: 5, x2: 12, y2: 19 }), /* @__PURE__ */ r("line", { x1: 18, y1: 11, x2: 12, y2: 5 }), /* @__PURE__ */ r("line", { x1: 6, y1: 11, x2: 12, y2: 5 })] });
 }
 const dc = ({
@@ -4608,7 +4612,7 @@ const dc = ({
     "table-head-cell--sortable": t.column.getCanSort()
   }),
   onClick: t.column.getToggleSortingHandler(),
-  children: [t.isPlaceholder ? null : Hr(t.column.columnDef.header, t.getContext()), /* @__PURE__ */ r(hc, {
+  children: [t.isPlaceholder ? null : Jr(t.column.columnDef.header, t.getContext()), /* @__PURE__ */ r(hc, {
     direction: t.column.getIsSorted()
   })]
 }), hc = ({
@@ -4626,7 +4630,7 @@ const dc = ({
     default:
       return null;
   }
-}, zn = {
+}, En = {
   id: "builtin:table:click-cell-content",
   displayName: "Click Cell Content",
   nameRender: bc,
@@ -4647,7 +4651,7 @@ const dc = ({
 }, pc = {
   column: ""
 };
-function Ga(t) {
+function Wa(t) {
   const {
     value: e
   } = G(t.instanceData, "config");
@@ -4657,13 +4661,13 @@ function Ga(t) {
   })) : [];
 }
 function mc(t) {
-  return Pr(t) ? [] : Object.keys(t[0]).map((e) => ({
+  return Ar(t) ? [] : Object.keys(t[0]).map((e) => ({
     label: e,
     value: e
   }));
 }
 function fc(t) {
-  const e = Ga(t.instance), n = mc(t.sampleData), a = e.length > 0 ? e : n, {
+  const e = Wa(t.instance), n = mc(t.sampleData), a = e.length > 0 ? e : n, {
     value: i,
     set: o
   } = G(t.trigger.triggerData, "config"), {
@@ -4684,17 +4688,17 @@ function fc(t) {
   });
 }
 function gc(t, e) {
-  return t ? Zi(t.column) ? `Click cell of ${e[t.column].label}` : `Click cell of ${t.column}` : "Click cell content (click to config)";
+  return t ? eo(t.column) ? `Click cell of ${e[t.column].label}` : `Click cell of ${t.column}` : "Click cell content (click to config)";
 }
 function bc(t) {
-  const e = Ga(t.instance), {
+  const e = Wa(t.instance), {
     value: n
   } = G(t.trigger.triggerData, "config");
   return /* @__PURE__ */ r(v, {
     children: gc(n, e)
   });
 }
-const vc = fn((t) => ({
+const vc = gn((t) => ({
   root: {
     overflow: "auto",
     "& .table-head-cell": {
@@ -4719,7 +4723,7 @@ const vc = fn((t) => ({
     position: "sticky",
     top: 0
   }
-})), yc = fn((t, e) => ({
+})), yc = gn((t, e) => ({
   content: {
     display: "flex",
     alignItems: "center",
@@ -4742,7 +4746,7 @@ function Cc(t) {
     color: xc(e)
   };
 }
-function Gt(t) {
+function Wt(t) {
   const e = t.tableCellContext.isClickable(), n = yc({
     clickable: e
   });
@@ -4761,13 +4765,13 @@ function Gt(t) {
   });
 }
 function wc(t) {
-  return /* @__PURE__ */ r(Gt, {
+  return /* @__PURE__ */ r(Wt, {
     ...t,
     children: t.value
   });
 }
 function Sc(t) {
-  return /* @__PURE__ */ r(Gt, {
+  return /* @__PURE__ */ r(Wt, {
     ...t,
     children: t.value
   });
@@ -4776,7 +4780,7 @@ function _c(t) {
   const e = fe(t.value).format({
     thousandSeparated: !0
   });
-  return /* @__PURE__ */ r(Gt, {
+  return /* @__PURE__ */ r(Wt, {
     ...t,
     children: e
   });
@@ -4786,7 +4790,7 @@ function Ic(t) {
     output: "percent",
     mantissa: 3
   });
-  return /* @__PURE__ */ r(Gt, {
+  return /* @__PURE__ */ r(Wt, {
     ...t,
     children: e
   });
@@ -4812,7 +4816,7 @@ function Dc(t) {
   }
 }
 const Rc = (t) => {
-  const e = rc(t), n = ac(e.triggerManager, zn.id), {
+  const e = rc(t), n = ac(e.triggerManager, En.id), {
     colorManager: a
   } = Me(Te);
   return Rt((i) => new Tc(t.getColIndex, i, n, e, a), [n, e, t.getColIndex]);
@@ -4918,7 +4922,7 @@ function kc({
           const ve = Q[se.index];
           return /* @__PURE__ */ r("tr", {
             children: ve.getVisibleCells().map((le) => /* @__PURE__ */ r("td", {
-              children: Hr(le.column.columnDef.cell, le.getContext())
+              children: Jr(le.column.columnDef.cell, le.getContext())
             }, le.id))
           }, ve.id);
         }), nt > 0 && /* @__PURE__ */ r("tr", {
@@ -4950,7 +4954,7 @@ class Tc {
       };
   }
   getRelatedTrigger() {
-    return this.triggers.filter((n) => n.schemaRef === zn.id).filter((n) => {
+    return this.triggers.filter((n) => n.schemaRef === En.id).filter((n) => {
       const a = this.getColIndex(this.cell), i = ae(this.cell.column.columnDef.meta, "value_field"), o = ae(n.config, "column");
       return o == a || o == i;
     });
@@ -4965,7 +4969,7 @@ class Tc {
     const e = this.columnConf.cellBackgroundColor;
     if (!e || e === "none")
       return;
-    if (Ar(e))
+    if (Mr(e))
       return e;
     const n = +this.cell.getValue();
     if (isFinite(n)) {
@@ -4974,7 +4978,7 @@ class Tc {
     }
   }
 }
-const Wa = fn(() => ({
+const Qa = gn(() => ({
   palette: {
     display: "flex",
     flexFlow: "row nowrap"
@@ -5009,11 +5013,11 @@ class zc {
     O(this, "steps", /* @__PURE__ */ new Map());
     O(this, "interpolation");
     O(this, "onChange");
-    bn(this, {
-      steps: Ur
+    vn(this, {
+      steps: Xr
     }, {
       deep: !1
-    }), vn(() => Pt(this.steps), () => {
+    }), At(() => Pt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -5046,7 +5050,7 @@ function Ec(t) {
     value: i
   } = t, {
     classes: o
-  } = Wa(), [s, l] = de(i), [u, {
+  } = Qa(), [s, l] = de(i), [u, {
     setTrue: p,
     setFalse: h
   }] = mt(!1), f = a % 2 === 1, m = f && i != null, y = !f && i != null, I = `map ${i} to color ${a}`, R = () => {
@@ -5068,12 +5072,12 @@ function Ec(t) {
       size: "sm",
       className: "palette-value--up palette-value",
       children: Q
-    }), /* @__PURE__ */ c(Zt, {
+    }), /* @__PURE__ */ c(en, {
       width: 200,
       trapFocus: !0,
       opened: u,
       onClose: h,
-      children: [/* @__PURE__ */ r(Zt.Target, {
+      children: [/* @__PURE__ */ r(en.Target, {
         children: /* @__PURE__ */ r("div", {
           "data-testid": "palette-item-target",
           className: "palette-item",
@@ -5083,7 +5087,7 @@ function Ec(t) {
             backgroundColor: n
           }
         })
-      }), /* @__PURE__ */ r(Zt.Dropdown, {
+      }), /* @__PURE__ */ r(en.Dropdown, {
         children: /* @__PURE__ */ c(w, {
           children: [/* @__PURE__ */ r(Ce, {
             size: "xs",
@@ -5123,7 +5127,7 @@ const Oc = D(({
 }) => {
   const {
     classes: e
-  } = Wa(), n = eo(0, 13, 1).map((a) => 100 / 12 * a).map((a) => [t.interpolation.getColor(a), a]);
+  } = Qa(), n = to(0, 13, 1).map((a) => 100 / 12 * a).map((a) => [t.interpolation.getColor(a), a]);
   return /* @__PURE__ */ r("div", {
     className: e.palette,
     children: n.map(([a, i], o) => /* @__PURE__ */ r(Ec, {
@@ -5213,15 +5217,15 @@ const Oc = D(({
   from: 100,
   to: 100
 }];
-function Qa(t) {
-  return t ? Ar(t) ? t === "none" ? "none" : "static" : "interpolation" : "none";
+function Ya(t) {
+  return t ? Mr(t) ? t === "none" ? "none" : "static" : "interpolation" : "none";
 }
 function Lc(t, e) {
   var n;
-  return Qa(e) === "static" ? e : (n = t.getStaticColors()[0]) == null ? void 0 : n.value;
+  return Ya(e) === "static" ? e : (n = t.getStaticColors()[0]) == null ? void 0 : n.value;
 }
 function qc(t, e) {
-  return Or(e) ? e : {
+  return Fr(e) ? e : {
     steps: Mc,
     interpolation: t.encodeColor(t.getColorInterpolations()[0])
   };
@@ -5229,7 +5233,7 @@ function qc(t, e) {
 const $c = (t) => {
   const {
     colorManager: e
-  } = Me(Te), [n, a] = de(Qa(t.value)), [i, o] = de(Lc(e, t.value)), s = mr(i), [l, u] = de(qc(e, t.value)), p = mr(l);
+  } = Me(Te), [n, a] = de(Ya(t.value)), [i, o] = de(Lc(e, t.value)), s = fr(i), [l, u] = de(qc(e, t.value)), p = fr(l);
   return /* @__PURE__ */ c(g, {
     align: "end",
     children: [/* @__PURE__ */ r(q, {
@@ -5492,11 +5496,11 @@ class Gc extends ye {
     }));
   }
 }
-const un = {
+const dn = {
   createConfig() {
     return {
       version: 1,
-      config: Mr(Tt)
+      config: Lr(Tt)
     };
   },
   displayName: "Table",
@@ -5504,8 +5508,8 @@ const un = {
   name: "table",
   viewRender: kc,
   configRender: jc,
-  triggers: [zn]
-}, En = {
+  triggers: [En]
+}, On = {
   label_field: "",
   value_field: ""
 };
@@ -5533,12 +5537,12 @@ function Qc({
   } = t.viewport, {
     label_field: o,
     value_field: s
-  } = ne({}, e, En), l = M(() => n.map((f) => ({
+  } = ne({}, e, On), l = M(() => n.map((f) => ({
     name: f[o],
     value: Number(f[s])
   })), [n, o, s]), u = M(() => {
     var f, m;
-    return (m = (f = Lr(l, (y) => y.value)) == null ? void 0 : f.value) != null ? m : 1;
+    return (m = (f = qr(l, (y) => y.value)) == null ? void 0 : f.value) != null ? m : 1;
   }, [l]), p = M(() => ({
     series: {
       label: {
@@ -5548,7 +5552,7 @@ function Qc({
         }) => m / u < 0.2 ? " " : f
       }
     }
-  }), [u]), h = qr({}, Wc, p, {
+  }), [u]), h = $r({}, Wc, p, {
     series: {
       data: l
     }
@@ -5571,7 +5575,7 @@ function Yc({
   } = G(t.instanceData, "config"), {
     label_field: a,
     value_field: i
-  } = ne({}, e, En), o = t.data, s = xn({
+  } = ne({}, e, On), o = t.data, s = xn({
     initialValues: {
       label_field: a,
       value_field: i
@@ -5646,8 +5650,8 @@ const Hc = {
   name: "sunburst",
   viewRender: Qc,
   configRender: Yc,
-  createConfig: () => En
-}, On = {
+  createConfig: () => On
+}, Fn = {
   label_field: "",
   value_field: ""
 };
@@ -5697,19 +5701,19 @@ function Jc({
   } = t.viewport, {
     label_field: o,
     value_field: s
-  } = ne({}, e, On), l = M(() => n.map((h) => ({
+  } = ne({}, e, Fn), l = M(() => n.map((h) => ({
     name: h[o],
     value: Number(h[s])
   })), [n, o, s]), u = M(() => ({
     series: {
       labelLayout: function(h) {
         const f = h.labelRect.x < a / 2, m = h.labelLinePoints;
-        return Fr(m, [2, 0], f ? h.labelRect.x : h.labelRect.x + h.labelRect.width), {
+        return Pr(m, [2, 0], f ? h.labelRect.x : h.labelRect.x + h.labelRect.width), {
           labelLinePoints: m
         };
       }
     }
-  }), [a]), p = qr({}, Xc, u, {
+  }), [a]), p = $r({}, Xc, u, {
     series: {
       data: l
     }
@@ -5732,7 +5736,7 @@ function Kc({
   } = G(t.instanceData, "config"), {
     label_field: a,
     value_field: i
-  } = ne({}, e, On), o = t.data, s = xn({
+  } = ne({}, e, Fn), o = t.data, s = xn({
     initialValues: {
       label_field: a,
       value_field: i
@@ -5807,8 +5811,8 @@ const eu = {
   name: "pie",
   viewRender: Jc,
   configRender: Kc,
-  createConfig: () => On
-}, Fn = {
+  createConfig: () => Fn
+}, Pn = {
   x_axis_data_key: "",
   y_axis_data_key: "",
   z_axis_data_key: "",
@@ -5841,11 +5845,11 @@ function tu({
     xAxis3D: u,
     yAxis3D: p,
     zAxis3D: h
-  } = ne({}, e, Fn), f = M(() => {
-    const I = to(n, (R) => R[l]);
+  } = ne({}, e, Pn), f = M(() => {
+    const I = no(n, (R) => R[l]);
     return ae(I, l);
   }, [n, l]), m = M(() => {
-    const I = Lr(n, (R) => R[l]);
+    const I = qr(n, (R) => R[l]);
     return ae(I, l);
   }, [n, l]), y = {
     tooltip: {},
@@ -5896,7 +5900,7 @@ function nu({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = ne({}, e, Fn), {
+  } = G(t.instanceData, "config"), a = t.data, i = ne({}, e, Pn), {
     control: o,
     handleSubmit: s,
     reset: l
@@ -6057,8 +6061,8 @@ const au = {
   name: "bar-3d",
   viewRender: tu,
   configRender: nu,
-  createConfig: () => Fn
-}, Pn = {
+  createConfig: () => Pn
+}, An = {
   x_axis: {
     name: "X Axis",
     data_key: ""
@@ -6071,11 +6075,11 @@ const au = {
   variables: [],
   reference_lines: []
 };
-re.use([At, zo, Fo, Ke, Ze, et, $e]);
+re.use([Mt, zo, Fo, Ke, Ze, et, $e]);
 function iu(t, e, n) {
   const a = e.reduce((i, o) => {
-    const s = Na(o, n);
-    return i[o.name] = jt(o, s), i;
+    const s = Ba(o, n);
+    return i[o.name] = Gt(o, s), i;
   }, {});
   return t.map((i) => ({
     name: "refs",
@@ -6090,7 +6094,7 @@ function iu(t, e, n) {
       symbol: ["none", "none"],
       label: {
         formatter: function() {
-          return Ba(i.template, e, n);
+          return ja(i.template, e, n);
         },
         position: "insideEndTop"
       }
@@ -6111,7 +6115,7 @@ function ou({
     color: l,
     variables: u,
     reference_lines: p
-  } = ne({}, e, Pn), {
+  } = ne({}, e, An), {
     xAxisData: h,
     boxplotData: f
   } = M(() => {
@@ -6304,7 +6308,7 @@ function cu({
       control: t,
       render: ({
         field: i
-      }) => /* @__PURE__ */ r($t, {
+      }) => /* @__PURE__ */ r(Nt, {
         data: a,
         withStyle: !1,
         ...i
@@ -6339,7 +6343,7 @@ function uu({
   }), s = e("variables"), l = a.map((p, h) => ({
     ...p,
     ...s[h]
-  })), u = () => i(qt());
+  })), u = () => i($t());
   return /* @__PURE__ */ c(w, {
     children: [l.map((p, h) => /* @__PURE__ */ r(cu, {
       control: t,
@@ -6362,7 +6366,7 @@ function du({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = M(() => ne({}, e, Pn), [e]), {
+  } = G(t.instanceData, "config"), a = t.data, i = M(() => ne({}, e, An), [e]), {
     control: o,
     handleSubmit: s,
     watch: l,
@@ -6554,7 +6558,7 @@ const pu = {
   name: "boxplot",
   viewRender: ou,
   configRender: du,
-  createConfig: () => Pn
+  createConfig: () => An
 };
 function mu(t) {
   const e = t.y_axes.some((n) => !!n.name);
@@ -6597,8 +6601,8 @@ function gu(t, e, n, a) {
 }
 function bu(t, e, n) {
   const a = e.reduce((i, o) => {
-    const s = Na(o, n);
-    return i[o.name] = jt(o, s), i;
+    const s = Ba(o, n);
+    return i[o.name] = Gt(o, s), i;
   }, {});
   return t.map((i) => ({
     name: "refs",
@@ -6615,7 +6619,7 @@ function bu(t, e, n) {
       symbol: ["none", "none"],
       label: {
         formatter: function() {
-          return Ba(i.template, e, n);
+          return ja(i.template, e, n);
         },
         position: "insideEndTop"
       }
@@ -6638,9 +6642,9 @@ function vu({ x_axis_data_key: t }, { y_axis_data_key: e, yAxisIndex: n, label_p
   };
   if (!o)
     return m.data = h.map((I) => I[e]), m;
-  const y = no(h, o);
+  const y = ro(h, o);
   return Object.entries(y).map(([I, R]) => {
-    const E = Mr(m);
+    const E = Lr(m);
     return E.data = gu(p, R, t, e), E.name = I, E.color = void 0, E;
   });
 }
@@ -6764,7 +6768,7 @@ function _u(t, e) {
   };
   return Ge({}, u, Su);
 }
-const An = {
+const Mn = {
   regressions: [],
   series: [],
   stats: { templates: { bottom: "", top: "" }, variables: [] },
@@ -6786,9 +6790,9 @@ const An = {
   variables: [],
   reference_lines: []
 };
-re.use([At, Xr, Jr, Kr, Ke, Ze, et, $e]);
-re.registerTransform(Zr.regression);
-function Ir(t) {
+re.use([Mt, Kr, Zr, ea, Ke, Ze, et, $e]);
+re.registerTransform(ta.regression);
+function Dr(t) {
   return t.trim().length > 0;
 }
 function Iu({
@@ -6812,16 +6816,16 @@ function Du({
 }) {
   const {
     value: e
-  } = G(t.instanceData, "config"), n = M(() => ne({}, e, An), [e]), a = t.data, {
+  } = G(t.instanceData, "config"), n = M(() => ne({}, e, Mn), [e]), a = t.data, {
     width: i,
     height: o
   } = t.viewport, {
     ref: s,
     height: l
-  } = an(), {
+  } = on(), {
     ref: u,
     height: p
-  } = an(), h = x.useMemo(() => {
+  } = on(), h = x.useMemo(() => {
     const {
       stats: {
         templates: m,
@@ -6829,12 +6833,12 @@ function Du({
       }
     } = n;
     return {
-      top: cn(m.top, y, a),
-      bottom: cn(m.bottom, y, a)
+      top: un(m.top, y, a),
+      bottom: un(m.bottom, y, a)
     };
   }, [n, a]), f = Math.max(0, o - l - p);
   return /* @__PURE__ */ c($, {
-    children: [Ir(n.stats.templates.top) && /* @__PURE__ */ r(v, {
+    children: [Dr(n.stats.templates.top) && /* @__PURE__ */ r(v, {
       ref: s,
       align: "left",
       size: "xs",
@@ -6845,7 +6849,7 @@ function Du({
       height: f,
       data: a,
       conf: n
-    }), Ir(n.stats.templates.bottom) && /* @__PURE__ */ r(v, {
+    }), Dr(n.stats.templates.bottom) && /* @__PURE__ */ r(v, {
       ref: u,
       align: "left",
       size: "xs",
@@ -7403,7 +7407,7 @@ function qu({
         children: [/* @__PURE__ */ r(v, {
           size: "sm",
           children: "Size"
-        }), /* @__PURE__ */ r(Vr, {
+        }), /* @__PURE__ */ r(zr, {
           min: 1,
           max: 10,
           marks: Lu,
@@ -7482,7 +7486,7 @@ function Nu({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(ji, {
+        }) => /* @__PURE__ */ r(Gi, {
           data: [{
             label: "Line",
             value: "line"
@@ -7703,7 +7707,7 @@ function ju({
       control: t,
       render: ({
         field: i
-      }) => /* @__PURE__ */ r($t, {
+      }) => /* @__PURE__ */ r(Nt, {
         data: a,
         ...i
       })
@@ -7739,7 +7743,7 @@ function Gu({
   const s = e("stats.variables"), l = a.map((p, h) => ({
     ...p,
     ...s[h]
-  })), u = () => i(qt());
+  })), u = () => i($t());
   return /* @__PURE__ */ c(w, {
     children: [/* @__PURE__ */ c(w, {
       spacing: 0,
@@ -7748,7 +7752,7 @@ function Gu({
         control: t,
         render: ({
           field: p
-        }) => /* @__PURE__ */ r(on, {
+        }) => /* @__PURE__ */ r(sn, {
           label: "Template for stats above the chart",
           py: "md",
           sx: {
@@ -7761,7 +7765,7 @@ function Gu({
         control: t,
         render: ({
           field: p
-        }) => /* @__PURE__ */ r(on, {
+        }) => /* @__PURE__ */ r(sn, {
           label: "Template for stats under the chart",
           py: "md",
           sx: {
@@ -7805,7 +7809,7 @@ function Wu({
       control: t,
       render: ({
         field: i
-      }) => /* @__PURE__ */ r($t, {
+      }) => /* @__PURE__ */ r(Nt, {
         data: a,
         withStyle: !1,
         ...i
@@ -7840,7 +7844,7 @@ function Qu({
   }), s = e("variables"), l = a.map((p, h) => ({
     ...p,
     ...s[h]
-  })), u = () => i(qt());
+  })), u = () => i($t());
   return /* @__PURE__ */ c(w, {
     children: [l.map((p, h) => /* @__PURE__ */ r(Wu, {
       control: t,
@@ -8027,7 +8031,7 @@ function Xu({
         control: t,
         render: ({
           field: a
-        }) => /* @__PURE__ */ r(Rn, {
+        }) => /* @__PURE__ */ r(kn, {
           ...a
         })
       })]
@@ -8147,7 +8151,7 @@ function td({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = M(() => Ge({}, e, An), [e]), o = M(() => ed(i), [i]);
+  } = G(t.instanceData, "config"), a = t.data, i = M(() => Ge({}, e, Mn), [e]), o = M(() => ed(i), [i]);
   Z(() => {
     !De(i, o) && (console.log("config malformed, resetting to defaults", i, o), n(o));
   }, [i, o]);
@@ -8310,9 +8314,9 @@ const rd = {
   name: "cartesian",
   viewRender: Du,
   configRender: td,
-  createConfig: () => An
+  createConfig: () => Mn
 };
-function Ya(t) {
+function Ua(t) {
   return t ? (e) => {
     try {
       return fe(e).format(t);
@@ -8324,7 +8328,7 @@ function Ya(t) {
 function ad(t) {
   return {
     show: !0,
-    formatter: ({ dimensionIndex: e, value: n }) => Ya(t.dimensions[e].formatter)(n)
+    formatter: ({ dimensionIndex: e, value: n }) => Ua(t.dimensions[e].formatter)(n)
   };
 }
 function id(t) {
@@ -8332,7 +8336,7 @@ function id(t) {
     if (a.length === 0)
       return "";
     const i = a.map((o, s) => {
-      const l = t.dimensions[s], u = Ya(l.formatter);
+      const l = t.dimensions[s], u = Ua(l.formatter);
       return `
     <tr>
       <td style="padding-left: 18px;">${l.name}</td>
@@ -8434,7 +8438,7 @@ function sd(t, e) {
   };
   return B.merge({}, od, o);
 }
-const Mn = {
+const Ln = {
   series_name_key: "name",
   dimensions: []
 };
@@ -8447,8 +8451,8 @@ function ld({
   } = G(t.instanceData, "config"), {
     width: n,
     height: a
-  } = t.viewport, i = t.data, o = M(() => sd(Ge({}, e, Mn), i), [e, i]);
-  return !n || !a || !e || Pr(e == null ? void 0 : e.dimensions) ? null : /* @__PURE__ */ r($, {
+  } = t.viewport, i = t.data, o = M(() => sd(Ge({}, e, Ln), i), [e, i]);
+  return !n || !a || !e || Ar(e == null ? void 0 : e.dimensions) ? null : /* @__PURE__ */ r($, {
     children: /* @__PURE__ */ r(qe, {
       echarts: re,
       option: o,
@@ -8529,7 +8533,7 @@ function cd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(Rn, {
+        }) => /* @__PURE__ */ r(kn, {
           ...i
         })
       })]
@@ -8608,7 +8612,7 @@ function hd({
   const e = t.data, {
     value: n,
     set: a
-  } = G(t.instanceData, "config"), i = M(() => Ge({}, n, Mn), [n]), {
+  } = G(t.instanceData, "config"), i = M(() => Ge({}, n, Ln), [n]), {
     dimensions: o,
     series_name_key: s
   } = i, l = M(() => ({
@@ -8699,7 +8703,7 @@ const md = {
   name: "radar",
   viewRender: ld,
   configRender: hd,
-  createConfig: () => Mn
+  createConfig: () => Ln
 };
 function fd(t, e) {
   switch (t.config.method) {
@@ -8932,7 +8936,7 @@ function yd(t, e) {
     rSquared: 0
   };
 }
-const Ln = {
+const qn = {
   x_axis: {
     name: "X Axis",
     data_key: ""
@@ -8962,8 +8966,8 @@ const Ln = {
     y_axis_data_key: "value"
   }
 };
-re.use([At, Kr, Ke, Ze, et, $e]);
-re.registerTransform(Zr.regression);
+re.use([Mt, ea, Ke, Ze, et, $e]);
+re.registerTransform(ta.regression);
 function xd({
   context: t
 }) {
@@ -8979,7 +8983,7 @@ function xd({
       ...y,
       [f]: Number(y[f])
     }) : h;
-  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), o = M(() => vd(Ge({}, e, Ln), i), [e, i]), {
+  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), o = M(() => vd(Ge({}, e, qn), i), [e, i]), {
     expression: s,
     rSquared: l,
     adjustedRSquared: u
@@ -9153,7 +9157,7 @@ function Sd({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = M(() => ne({}, e, Ln), [e]), {
+  } = G(t.instanceData, "config"), a = t.data, i = M(() => ne({}, e, qn), [e]), {
     control: o,
     handleSubmit: s,
     watch: l,
@@ -9281,8 +9285,8 @@ const Id = {
   name: "regressionChart",
   viewRender: xd,
   configRender: Sd,
-  createConfig: () => Ln
-}, qn = {
+  createConfig: () => qn
+}, $n = {
   x_axis: {
     name: "X Axis",
     data_key: ""
@@ -9297,7 +9301,7 @@ const Id = {
     color: "red"
   }
 };
-function $n(t) {
+function Nn(t) {
   return fe(t).format({
     output: "percent",
     mantissa: 0
@@ -9306,7 +9310,7 @@ function $n(t) {
 function Dd(t) {
   const e = t.value[1];
   try {
-    return $n(e);
+    return Nn(e);
   } catch (n) {
     return console.error(n), e;
   }
@@ -9317,11 +9321,11 @@ function Rd(t) {
     return "";
   const n = e.map((a, i) => {
     const o = a.seriesName, [s, l] = a.value;
-    return o ? `${o}: <strong>${(i === 0 ? (p) => p : $n)(l)}</strong>` : l;
+    return o ? `${o}: <strong>${(i === 0 ? (p) => p : Nn)(l)}</strong>` : l;
   });
   return n.unshift(`<strong>${e[0].name}</strong>`), n.join("<br />");
 }
-re.use([Xr, Jr, At, Ke, Ze, et, $e]);
+re.use([Kr, Zr, Mt, Ke, Ze, et, $e]);
 function kd({
   context: t
 }) {
@@ -9335,7 +9339,7 @@ function kd({
     data_key: s,
     bar: l,
     line: u
-  } = ne({}, e, qn), {
+  } = ne({}, e, $n), {
     barData: p,
     lineData: h
   } = M(() => {
@@ -9385,7 +9389,7 @@ function kd({
       },
       axisLabel: {
         show: !0,
-        formatter: $n
+        formatter: Nn
       }
     }],
     series: [{
@@ -9430,7 +9434,7 @@ function Td({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = M(() => ne({}, e, qn), [e]), {
+  } = G(t.instanceData, "config"), a = t.data, i = M(() => ne({}, e, $n), [e]), {
     control: o,
     handleSubmit: s,
     watch: l,
@@ -9602,7 +9606,7 @@ const zd = {
   name: "paretoChart",
   viewRender: kd,
   configRender: Td,
-  createConfig: () => qn
+  createConfig: () => $n
 }, Ed = [{
   value: "#25262B",
   name: "Dark"
@@ -9650,16 +9654,16 @@ const zd = {
   value: t.value,
   type: "single",
   category: "basic"
-})), Od = [Xs, Js, el, Zs, Ks, tl], Ua = {
+})), Od = [Xs, Js, el, Zs, Ks, tl], Ha = {
   id: "dashboard",
   version: nl,
   manifest: {
-    viz: [un, nc, cl, Hc, eu, au, pu, zd, rd, md, Id],
+    viz: [dn, nc, cl, Hc, eu, au, pu, zd, rd, md, Id],
     color: [...Ed, ...Od]
   }
-}, lt = new al(), Ha = () => {
+}, lt = new al(), Xa = () => {
   try {
-    lt.install(Ua);
+    lt.install(Ha);
   } catch {
   }
   const t = new Ys(lt), e = new rl(lt);
@@ -9668,9 +9672,9 @@ const zd = {
     vizManager: t,
     colorManager: e
   };
-}, Te = Yi(Ha());
+}, Te = Ui(Xa());
 try {
-  lt.install(Ua);
+  lt.install(Ha);
 } catch {
 }
 function Fd(t, e) {
@@ -9724,7 +9728,7 @@ function Pd(t) {
   });
 }
 function Ad(t) {
-  return ro(t, (n) => {
+  return ao(t, (n) => {
     if (typeof n == "string")
       return encodeURIComponent(n);
   });
@@ -9733,7 +9737,7 @@ async function Md(t, e) {
   const {
     urlTemplate: n,
     openInNewTab: a
-  } = await e.operationData.getItem("config"), o = $r(n || "")(Ad(t));
+  } = await e.operationData.getItem("config"), o = Nr(n || "")(Ad(t));
   window.open(o, a ? "_blank" : "_self", "noopener");
 }
 const Ld = {
@@ -9760,7 +9764,7 @@ function $d(t) {
   });
 }
 async function Nd(t, e) {
-  const n = await e.operationData.getItem("config"), a = $r(n.template || "");
+  const n = await e.operationData.getItem("config"), a = Nr(n.template || "");
   console.log("run with payload", t), console.log(a(t));
 }
 const Bd = {
@@ -9768,9 +9772,9 @@ const Bd = {
   id: "builtin:op:debug",
   configRender: $d,
   run: Nd
-}, Nn = [Bd, Ld];
+}, Bn = [Bd, Ld];
 class jd {
-  constructor(e, n = Nn) {
+  constructor(e, n = Bn) {
     O(this, "attachments");
     this.operations = n;
     const a = async (i) => {
@@ -9781,7 +9785,7 @@ class jd {
         operationData: new Ue(i, "data")
       };
     };
-    this.attachments = new _n(e, "__OPERATIONS", a);
+    this.attachments = new In(e, "__OPERATIONS", a);
   }
   async runOperation(e, n) {
     const a = await this.attachments.getInstance(e);
@@ -9819,7 +9823,7 @@ class jd {
     return await this.attachments.getInstance(e);
   }
 }
-const Dr = "__TRIGGERS";
+const Rr = "__TRIGGERS";
 class Gd {
   constructor(e, n) {
     O(this, "attachments");
@@ -9832,13 +9836,13 @@ class Gd {
         triggerData: new Ue(i, "data")
       };
     };
-    this.attachments = new _n(e, Dr, a);
+    this.attachments = new In(e, Rr, a);
   }
   watchTriggerSnapshotList(e) {
     return this.instance.instanceData.watchItem(
-      Dr,
+      Rr,
       (n) => {
-        const a = Er(n).map(
+        const a = Or(n).map(
           (i) => ({
             id: ae(i, "id"),
             schemaRef: ae(i, "schemaRef"),
@@ -9873,7 +9877,7 @@ class Gd {
     return await this.attachments.getInstance(e);
   }
 }
-class Xa {
+class Ja {
   constructor(e, n, a) {
     O(this, "operationManager");
     O(this, "triggerManager");
@@ -9887,7 +9891,7 @@ class Xa {
         operationRef: u
       };
     };
-    this.attachments = new _n(e, "__INTERACTIONS", i);
+    this.attachments = new In(e, "__INTERACTIONS", i);
   }
   async addInteraction(e, n) {
     const a = e.id, i = n.id, o = `[${a}]:[${i}]`;
@@ -10002,10 +10006,10 @@ const Qd = D(({
     data: e
   } = he(), n = t.viz, {
     vizManager: a
-  } = Me(Te), i = t.json, o = Pe(() => a.getOrCreateInstance(i), [a, n.type]), s = Pe(() => new Xa(o, a.resolveComponent(n.type), Nn), [o, n.type]);
+  } = Me(Te), i = t.json, o = Pe(() => a.getOrCreateInstance(i), [a, n.type]), s = Pe(() => new Ja(o, a.resolveComponent(n.type), Bn), [o, n.type]);
   return Z(() => o.instanceData.watchItem(
     null,
-    ao((l) => {
+    io((l) => {
       t.viz.setConf(l);
     }, 100, {
       leading: !1,
@@ -10050,7 +10054,7 @@ const Qd = D(({
           size: 20
         })
       })]
-    }), /* @__PURE__ */ r(Yr, {
+    }), /* @__PURE__ */ r(Hr, {
       value: e,
       onChange: n,
       sx: {
@@ -10104,7 +10108,7 @@ const Qd = D(({
           flexShrink: 0
         },
         children: [/* @__PURE__ */ r(g, {
-          children: /* @__PURE__ */ r(ya, {})
+          children: /* @__PURE__ */ r(xa, {})
         }), /* @__PURE__ */ r(g, {
           grow: !0,
           position: "center",
@@ -10134,7 +10138,7 @@ const Qd = D(({
   } = he(), {
     title: e,
     setTitle: n
-  } = t, [a, i] = Wr(e), o = e !== a, s = x.useCallback(() => {
+  } = t, [a, i] = Yr(e), o = e !== a, s = x.useCallback(() => {
     !o || n(a);
   }, [o, a]);
   return /* @__PURE__ */ r(k, {
@@ -10228,12 +10232,12 @@ const th = D(function() {
           flexGrow: 1
         }
       })]
-    }), /* @__PURE__ */ r(da, {
+    }), /* @__PURE__ */ r(ha, {
       id: n
     })]
   });
 });
-function Ja(t, e, n) {
+function Ka(t, e, n) {
   const a = Pe(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
   return ft(async () => {
     if (await i.migrator.needMigration(e) && !a.has(e.id))
@@ -10253,7 +10257,7 @@ function nh({
   const {
     vizManager: n,
     panel: a
-  } = e, i = n.getOrCreateInstance(a), o = Ja(n, i, () => {
+  } = e, i = n.getOrCreateInstance(a), o = Ka(n, i, () => {
     yn({
       title: `${a.title} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
@@ -10274,7 +10278,7 @@ function rh(t) {
     vizManager: e,
     panel: n
   } = t, a = e.getOrCreateInstance(n);
-  return Ja(e, a, () => {
+  return Ka(e, a, () => {
     yn({
       title: `${n.title} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
@@ -10316,7 +10320,7 @@ function ah(t, e) {
     return console.info(ae(h, "message")), null;
   }
 }
-const ih = ["richText"], Ka = D(function({
+const ih = ["richText"], Za = D(function({
   height: e,
   viz: n,
   data: a,
@@ -10326,7 +10330,7 @@ const ih = ["richText"], Ka = D(function({
     ref: o,
     width: s,
     height: l
-  } = an(), u = x.useMemo(() => !Array.isArray(a) || a.length === 0, [a]), p = ah(a, {
+  } = on(), u = x.useMemo(() => !Array.isArray(a) || a.length === 0, [a]), p = ah(a, {
     w: s,
     h: l
   });
@@ -10371,13 +10375,13 @@ const ih = ["richText"], Ka = D(function({
       viz: n
     }
   } = he();
-  return /* @__PURE__ */ r(Ka, {
+  return /* @__PURE__ */ r(Za, {
     viz: n,
     data: t,
     loading: e,
     height: "100%"
   });
-}), dn = [];
+}), hn = [];
 function sh() {
   const {
     vizManager: t
@@ -10385,7 +10389,7 @@ function sh() {
   return M(() => t.availableVizList.map((e) => ({
     value: e.name,
     label: e.displayName
-  })).concat(dn), [t]);
+  })).concat(hn), [t]);
 }
 function lh(t, e) {
   try {
@@ -10440,7 +10444,7 @@ const uh = D(() => {
     panel: {
       viz: e
     }
-  } = he(), [n, a] = Wr(e.type), i = e.type !== n, {
+  } = he(), [n, a] = Yr(e.type), i = e.type !== n, {
     vizManager: o
   } = Me(Te), s = x.useCallback(() => {
     if (!i)
@@ -10455,8 +10459,8 @@ const uh = D(() => {
     }
   }, u = x.useMemo(() => {
     var y;
-    return (y = dn.find((I) => I.value === n)) == null ? void 0 : y.Panel;
-  }, [n, dn]), p = ch(), h = u ? Ot(u, {
+    return (y = hn.find((I) => I.value === n)) == null ? void 0 : y.Panel;
+  }, [n, hn]), p = ch(), h = u ? Ot(u, {
     data: t,
     conf: e.conf,
     setConf: e.setConf
@@ -10474,7 +10478,7 @@ const uh = D(() => {
           size: 20
         })
       })
-    }), f, !f && /* @__PURE__ */ r(Gi, {
+    }), f, !f && /* @__PURE__ */ r(Wi, {
       minRows: 20,
       label: "Config",
       value: JSON.stringify(e.conf, null, 2),
@@ -10535,7 +10539,7 @@ const hh = D(function({
     onDragStart: (h) => {
       h.stopPropagation();
     },
-    children: /* @__PURE__ */ r(mn, {
+    children: /* @__PURE__ */ r(fn, {
       sx: {
         height: "90vh",
         maxHeight: "calc(100vh - 185px)",
@@ -10597,7 +10601,7 @@ const hh = D(function({
 }), ph = D(({
   view: t
 }) => {
-  const e = te(), n = Wi(), [a, i] = x.useState(!1), o = () => i(!0), s = () => i(!1), {
+  const e = te(), n = Qi(), [a, i] = x.useState(!1), o = () => i(!0), s = () => i(!1), {
     panel: l
   } = he(), {
     id: u,
@@ -10642,19 +10646,19 @@ const hh = D(function({
         }), /* @__PURE__ */ c(ue.Dropdown, {
           children: [/* @__PURE__ */ r(ue.Item, {
             onClick: f,
-            icon: /* @__PURE__ */ r(Nr, {
+            icon: /* @__PURE__ */ r(Br, {
               size: 14
             }),
             children: "Refresh"
           }), /* @__PURE__ */ r(ue.Item, {
             onClick: () => e.queries.downloadDataByQueryID(p),
-            icon: /* @__PURE__ */ r(Gr, {
+            icon: /* @__PURE__ */ r(Wr, {
               size: 14
             }),
             children: "Download Data"
           }), !y && /* @__PURE__ */ r(ue.Item, {
             onClick: E,
-            icon: /* @__PURE__ */ r(po, {
+            icon: /* @__PURE__ */ r(mo, {
               size: 14
             }),
             children: "Full Screen"
@@ -10664,13 +10668,13 @@ const hh = D(function({
               labelPosition: "center"
             }), /* @__PURE__ */ r(ue.Item, {
               onClick: o,
-              icon: /* @__PURE__ */ r(jr, {
+              icon: /* @__PURE__ */ r(Gr, {
                 size: 14
               }),
               children: "Settings"
             }), /* @__PURE__ */ r(ue.Item, {
               onClick: I,
-              icon: /* @__PURE__ */ r(mo, {
+              icon: /* @__PURE__ */ r(fo, {
                 size: 14
               }),
               children: "Duplicate"
@@ -10724,7 +10728,7 @@ const gh = {
   "&:hover": {
     borderColor: "#ced4da"
   }
-}, Bn = D(function({
+}, jn = D(function({
   panel: e,
   view: n
 }) {
@@ -10753,10 +10757,10 @@ const gh = {
           height: 28,
           zIndex: 310
         },
-        children: /* @__PURE__ */ r(ya, {})
+        children: /* @__PURE__ */ r(xa, {})
       }), /* @__PURE__ */ r(ph, {
         view: n
-      }), /* @__PURE__ */ r(mh, {}), /* @__PURE__ */ r(Ka, {
+      }), /* @__PURE__ */ r(mh, {}), /* @__PURE__ */ r(Za, {
         viz: e.viz,
         data: i,
         loading: s,
@@ -10764,7 +10768,7 @@ const gh = {
       })]
     })
   });
-}), Za = D(function({
+}), ei = D(function({
   view: e,
   panel: n,
   exitFullScreen: a
@@ -10786,7 +10790,7 @@ const gh = {
         variant: "default",
         size: "sm",
         onClick: a,
-        leftIcon: /* @__PURE__ */ r(fo, {
+        leftIcon: /* @__PURE__ */ r(go, {
           size: 20
         }),
         children: "Exit fullscreen"
@@ -10798,14 +10802,14 @@ const gh = {
         flexGrow: 1,
         flexShrink: 0
       },
-      children: /* @__PURE__ */ r(Bn, {
+      children: /* @__PURE__ */ r(jn, {
         view: e,
         panel: n
       })
     })]
   });
 });
-function ei(t) {
+function ti(t) {
   const [e, n] = x.useState(null), a = x.useCallback((l) => {
     n(l);
   }, []), i = x.useCallback(() => {
@@ -10818,7 +10822,7 @@ function ei(t) {
     fullScreenPanel: o
   };
 }
-function ti() {
+function ni() {
   x.useEffect(() => {
     const t = Po(".dashboard-sticky-area", {
       useStickyClasses: !0,
@@ -10846,7 +10850,7 @@ const vh = x.forwardRef(({
     }
   },
   variant: "transparent",
-  children: /* @__PURE__ */ r(go, {
+  children: /* @__PURE__ */ r(bo, {
     size: 16
   })
 })), yh = x.forwardRef(({
@@ -10868,10 +10872,10 @@ const vh = x.forwardRef(({
   },
   variant: "transparent",
   ...e,
-  children: /* @__PURE__ */ r(bo, {
+  children: /* @__PURE__ */ r(vo, {
     size: 16
   })
-})), xh = ta(ea), Ch = D(function({
+})), xh = ra(na), Ch = D(function({
   view: e,
   className: n = "layout",
   rowHeight: a = 10,
@@ -10903,13 +10907,13 @@ const vh = x.forwardRef(({
       style: {
         position: "relative"
       },
-      children: [i && /* @__PURE__ */ r(vh, {}), /* @__PURE__ */ r(Bn, {
+      children: [i && /* @__PURE__ */ r(vh, {}), /* @__PURE__ */ r(jn, {
         view: e,
         panel: l
       })]
     }, l.id))
   });
-}), wh = ta(ea), Sh = D(function({
+}), wh = ra(na), Sh = D(function({
   view: e,
   className: n = "layout",
   rowHeight: a = 10
@@ -10922,7 +10926,7 @@ const vh = x.forwardRef(({
     layout: e.panels.layouts,
     children: e.panels.list.map((i) => /* @__PURE__ */ r("div", {
       "data-grid": i.layout,
-      children: /* @__PURE__ */ r(Bn, {
+      children: /* @__PURE__ */ r(jn, {
         view: e,
         panel: i
       })
@@ -10992,8 +10996,8 @@ const vh = x.forwardRef(({
     exitFullScreen: i,
     inFullScreen: o,
     fullScreenPanel: s
-  } = ei(e);
-  return ti(), /* @__PURE__ */ r(Cn.Provider, {
+  } = ti(e);
+  return ni(), /* @__PURE__ */ r(Cn.Provider, {
     value: {
       viewPanelInFullScreen: a,
       inFullScreen: o
@@ -11005,11 +11009,11 @@ const vh = x.forwardRef(({
         position: "relative",
         height: "100%"
       },
-      children: [o && /* @__PURE__ */ r(Za, {
+      children: [o && /* @__PURE__ */ r(ei, {
         view: e,
         panel: s,
         exitFullScreen: i
-      }), !o && /* @__PURE__ */ r(va, {
+      }), !o && /* @__PURE__ */ r(ya, {
         saveChanges: n
       }), /* @__PURE__ */ r(Dh, {
         view: e,
@@ -11017,7 +11021,7 @@ const vh = x.forwardRef(({
           className: "dashboard-sticky-parent",
           children: [/* @__PURE__ */ r($, {
             className: "dashboard-sticky-area",
-            children: /* @__PURE__ */ r(la, {
+            children: /* @__PURE__ */ r(ca, {
               view: e
             })
           }), /* @__PURE__ */ r($, {
@@ -11042,8 +11046,8 @@ const vh = x.forwardRef(({
     exitFullScreen: a,
     inFullScreen: i,
     fullScreenPanel: o
-  } = ei(e);
-  return ti(), /* @__PURE__ */ r(Cn.Provider, {
+  } = ti(e);
+  return ni(), /* @__PURE__ */ r(Cn.Provider, {
     value: {
       viewPanelInFullScreen: n,
       inFullScreen: i
@@ -11054,15 +11058,15 @@ const vh = x.forwardRef(({
         position: "relative",
         height: "100%"
       },
-      children: [i && /* @__PURE__ */ r(Za, {
+      children: [i && /* @__PURE__ */ r(ei, {
         view: e,
         panel: o,
         exitFullScreen: a
       }), !i && /* @__PURE__ */ c($, {
         className: "dashboard-sticky-area",
-        children: [/* @__PURE__ */ r(va, {
+        children: [/* @__PURE__ */ r(ya, {
           saveChanges: B.noop
-        }), /* @__PURE__ */ r(la, {
+        }), /* @__PURE__ */ r(ca, {
           view: e
         })]
       }), /* @__PURE__ */ r(Sh, {
@@ -11070,7 +11074,7 @@ const vh = x.forwardRef(({
       })]
     })
   });
-}), ni = b.model({
+}), ri = b.model({
   label: b.string,
   value: b.string
 }).actions((t) => ({
@@ -11080,11 +11084,11 @@ const vh = x.forwardRef(({
   setValue(e) {
     t.value = e;
   }
-})), ri = b.model("FilterConfigModel_Select", {
+})), ai = b.model("FilterConfigModel_Select", {
   required: b.boolean,
   default_value: b.string,
-  static_options: b.optional(b.array(ni), []),
-  options_query: ma
+  static_options: b.optional(b.array(ri), []),
+  options_query: fa
 }).actions((t) => ({
   addStaticOption(e) {
     t.static_options.push(e);
@@ -11101,7 +11105,7 @@ const vh = x.forwardRef(({
   setOptionsQuery(e) {
     t.options_query = e;
   }
-})), Th = () => ri.create({
+})), Th = () => ai.create({
   required: !1,
   default_value: "",
   static_options: [],
@@ -11110,10 +11114,10 @@ const vh = x.forwardRef(({
     key: "",
     sql: ""
   }
-}), ai = b.model("FilterConfigModel_MultiSelect", {
+}), ii = b.model("FilterConfigModel_MultiSelect", {
   default_value: b.optional(b.array(b.string), []),
-  static_options: b.optional(b.array(ni), []),
-  options_query: ma
+  static_options: b.optional(b.array(ri), []),
+  options_query: fa
 }).actions((t) => ({
   addStaticOption(e) {
     t.static_options.push(e);
@@ -11127,7 +11131,7 @@ const vh = x.forwardRef(({
   setOptionsQuery(e) {
     t.options_query = e;
   }
-})), Vh = () => ai.create({
+})), Vh = () => ii.create({
   default_value: [],
   static_options: [],
   options_query: {
@@ -11135,13 +11139,13 @@ const vh = x.forwardRef(({
     key: "",
     sql: ""
   }
-}), ii = b.model("FilterConfigModel_Checkbox", {
+}), oi = b.model("FilterConfigModel_Checkbox", {
   default_value: b.boolean
 }).actions((t) => ({
   setDefaultValue(e) {
     t.default_value = e;
   }
-})), zh = () => ii.create({
+})), zh = () => oi.create({
   default_value: !1
 }), Eh = b.model("FilterConfigModel_DateRange", {
   required: b.boolean,
@@ -11161,7 +11165,7 @@ const vh = x.forwardRef(({
   setDefaultValue(e) {
     t.default_value.length = 0, t.default_value.push(...e);
   }
-})), oi = b.snapshotProcessor(Eh, {
+})), si = b.snapshotProcessor(Eh, {
   preProcessor({ default_value: t, ...e }) {
     return {
       ...e,
@@ -11171,15 +11175,21 @@ const vh = x.forwardRef(({
   postProcessor({ default_value: t, ...e }) {
     return {
       ...e,
-      default_value: t.map((n) => typeof n == "number" ? new Date(n).toISOString() : "")
+      default_value: t.map((n) => {
+        try {
+          return typeof n == "number" ? new Date(n).toISOString() : null;
+        } catch {
+          return console.log(`[date-range] failed parsing ${n}`), null;
+        }
+      })
     };
   }
-}), Oh = () => oi.create({
+}), Oh = () => si.create({
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
   default_value: [null, null]
-}), Rr = b.model("FilterModel", {
+}), kr = b.model("FilterModel", {
   id: b.identifier,
   key: b.string,
   label: b.string,
@@ -11193,13 +11203,18 @@ const vh = x.forwardRef(({
     me.DateRange
   ]),
   config: b.union(
-    ri,
     ai,
-    fa,
     ii,
-    oi
+    ga,
+    oi,
+    si
   )
-}).actions((t) => ({
+}).views((t) => ({
+  get plainDefaultValue() {
+    const e = t.config.default_value;
+    return Array.isArray(e) ? [...e] : e;
+  }
+})).actions((t) => ({
   setKey(e) {
     t.key = e;
   },
@@ -11218,7 +11233,7 @@ const vh = x.forwardRef(({
         t.config = Vh();
         break;
       case me.TextInput:
-        t.config = ga();
+        t.config = ba();
         break;
       case me.Checkbox:
         t.config = zh();
@@ -11232,9 +11247,16 @@ const vh = x.forwardRef(({
   setVisibleInViewsIDs(e) {
     t.visibleInViewsIDs.length = 0, t.visibleInViewsIDs.push(...e);
   }
-})), Fh = b.model("FiltersModel", {
-  original: b.optional(b.array(Rr), []),
-  current: b.optional(b.array(Rr), []),
+}));
+function Fh(t) {
+  return t === void 0 ? t : Array.isArray(t) ? t.map((e) => {
+    const n = new Date(e);
+    return n != null ? n : e;
+  }) : t;
+}
+const Ph = b.model("FiltersModel", {
+  original: b.optional(b.array(kr), []),
+  current: b.optional(b.array(kr), []),
   values: b.optional(b.frozen(), {})
 }).views((t) => ({
   get changed() {
@@ -11255,6 +11277,12 @@ const vh = x.forwardRef(({
       t.current.filter((n) => n.visibleInViewsIDs.includes(e)),
       "order"
     );
+  },
+  get triggerForRefreshValues() {
+    return t.current.map((n) => {
+      var a;
+      return (a = n.config.default_value) == null ? void 0 : a.toString();
+    }).join("__");
   }
 })).actions((t) => ({
   reset() {
@@ -11277,23 +11305,31 @@ const vh = x.forwardRef(({
   },
   getValueByKey(e) {
     return t.values[e];
+  },
+  refreshValues() {
+    console.log("refreshing values");
+    const e = t.current.reduce((n, a) => (n[a.key] = Fh(a.config.default_value), n), {});
+    t.values = e;
+  }
+})).actions((t) => ({
+  afterCreate() {
+    Qr(
+      t,
+      At(() => t.triggerForRefreshValues, t.refreshValues, {
+        fireImmediately: !0,
+        delay: 0
+      })
+    );
   }
 }));
-function Ph(t) {
-  return t === void 0 ? t : Array.isArray(t) ? t.map((e) => {
-    const n = new Date(e);
-    return n != null ? n : e;
-  }) : t;
-}
 function Ah(t) {
-  const e = t.reduce((n, a) => (n[a.key] = Ph(a.config.default_value), n), {});
   return {
     original: t,
     current: t,
-    values: e
+    values: {}
   };
 }
-var jn = { exports: {} };
+var Gn = { exports: {} };
 (function(t, e) {
   (function(n, a) {
     a();
@@ -11364,20 +11400,20 @@ var jn = { exports: {} };
     });
     s.saveAs = u.saveAs = u, t.exports = u;
   });
-})(jn);
+})(Gn);
 function Mh(t, e) {
   const n = new Blob([e], { type: "text/csv" });
-  jn.exports.saveAs(n, `${t}.csv`);
+  Gn.exports.saveAs(n, `${t}.csv`);
 }
 function Lh(t) {
   const e = new Ao();
   t.forEach(({ id: n, data: a }) => {
-    e.file(`${n}.csv`, si(a));
+    e.file(`${n}.csv`, li(a));
   }), e.generateAsync({ type: "blob" }).then((n) => {
-    jn.exports.saveAs(n, "dashboard_data.zip");
+    Gn.exports.saveAs(n, "dashboard_data.zip");
   });
 }
-function si(t) {
+function li(t) {
   if (!Array.isArray(t) || t.length === 0)
     return "";
   const e = [], n = Object.keys(t[0]);
@@ -11387,7 +11423,7 @@ function si(t) {
   }), e.join(`
 `);
 }
-const li = b.model("QueryModel", {
+const ci = b.model("QueryModel", {
   id: b.string,
   type: b.enumeration("DataSourceType", [xe.Postgresql, xe.MySQL, xe.HTTP]),
   key: b.string,
@@ -11402,7 +11438,7 @@ const li = b.model("QueryModel", {
   }
 })), qh = b.compose(
   "QueryModel",
-  li,
+  ci,
   b.model({
     state: b.optional(b.enumeration(["idle", "loading", "error"]), "idle"),
     data: b.optional(b.array(b.frozen()), []),
@@ -11410,8 +11446,8 @@ const li = b.model("QueryModel", {
   })
 ).views((t) => ({
   get formattedSQL() {
-    const { context: e, sqlSnippets: n, filterValues: a } = fr(t).payloadForSQL;
-    return oa(t.sql, e, n, a);
+    const { context: e, sqlSnippets: n, filterValues: a } = gr(t).payloadForSQL;
+    return sa(t.sql, e, n, a);
   }
 })).actions((t) => ({
   setID(e) {
@@ -11426,12 +11462,12 @@ const li = b.model("QueryModel", {
   setSQL(e) {
     t.sql = e;
   },
-  fetchData: yo(function* () {
+  fetchData: xo(function* () {
     if (!!t.valid) {
       t.state = "loading";
       try {
-        const e = t.id, { context: n, sqlSnippets: a, filterValues: i } = fr(t).payloadForSQL;
-        t.data = yield* xo(
+        const e = t.id, { context: n, sqlSnippets: a, filterValues: i } = gr(t).payloadForSQL;
+        t.data = yield* Co(
           Bo({
             context: n,
             sqlSnippets: a,
@@ -11451,16 +11487,16 @@ const li = b.model("QueryModel", {
   })
 })).actions((t) => ({
   afterCreate() {
-    Co(
+    Qr(
       t,
-      vn(() => `${t.id}--${t.key}--${t.type}--${t.formattedSQL}`, t.fetchData, {
+      At(() => `${t.id}--${t.key}--${t.type}--${t.formattedSQL}`, t.fetchData, {
         fireImmediately: !0,
         delay: 500
       })
     );
   }
 })), $h = b.model("QueriesModel", {
-  original: b.optional(b.array(li), []),
+  original: b.optional(b.array(ci), []),
   current: b.optional(b.array(qh), [])
 }).views((t) => ({
   get changed() {
@@ -11514,7 +11550,7 @@ const li = b.model("QueryModel", {
       console.log(`[downloadDataByQueryID] query by ID[${e}] not found`);
       return;
     }
-    const { id: a, data: i } = n, o = si(i);
+    const { id: a, data: i } = n, o = li(i);
     Mh(a, o);
   },
   refetchDataByQueryID(e) {
@@ -11525,7 +11561,7 @@ const li = b.model("QueryModel", {
     }
     return n.fetchData();
   }
-})), kr = b.model("SQLSnippetModel", {
+})), Tr = b.model("SQLSnippetModel", {
   key: b.string,
   value: b.string
 }).actions((t) => ({
@@ -11536,8 +11572,8 @@ const li = b.model("QueryModel", {
     t.value = e;
   }
 })), Nh = b.model("SQLSnippetsModel", {
-  original: b.optional(b.array(kr), []),
-  current: b.optional(b.array(kr), [])
+  original: b.optional(b.array(Tr), []),
+  current: b.optional(b.array(Tr), [])
 }).views((t) => ({
   get changed() {
     return !B.isEqual(t.original, t.current);
@@ -11707,8 +11743,8 @@ const li = b.model("QueryModel", {
       description: "<p><br></p>",
       queryID: "",
       viz: {
-        type: un.name,
-        conf: un.createConfig()
+        type: dn.name,
+        conf: dn.createConfig()
       },
       style: {
         border: {
@@ -11747,7 +11783,7 @@ const li = b.model("QueryModel", {
   replaceByIndex(e, n) {
     t.list.splice(e, 1, n);
   }
-})), Tr = b.model({
+})), Vr = b.model({
   id: b.identifier,
   name: b.string,
   type: b.string,
@@ -11783,9 +11819,9 @@ const li = b.model("QueryModel", {
       [e]: n
     };
   }
-})).actions((t) => ({})), ci = b.model("ViewsModel", {
-  original: b.optional(b.array(Tr), []),
-  current: b.optional(b.array(Tr), []),
+})).actions((t) => ({})), ui = b.model("ViewsModel", {
+  original: b.optional(b.array(Vr), []),
+  current: b.optional(b.array(Vr), []),
   visibleViewIDs: b.array(b.string),
   idOfVIE: b.string
 }).views((t) => ({
@@ -11883,7 +11919,7 @@ function Hh(t) {
       list: i.panels
     }
   }));
-  return ci.create({
+  return ui.create({
     original: a,
     current: a,
     visibleViewIDs: e,
@@ -11893,10 +11929,10 @@ function Hh(t) {
 const Xh = b.model({
   id: b.identifier,
   name: b.string,
-  filters: Fh,
+  filters: Ph,
   queries: $h,
   sqlSnippets: Nh,
-  views: ci,
+  views: ui,
   context: Bh
 }).views((t) => ({
   get payloadForSQL() {
@@ -11930,7 +11966,7 @@ const Xh = b.model({
     return (a = (n = t.queries.findByID(e)) == null ? void 0 : n.error) != null ? a : [];
   }
 }));
-function ui({ id: t, name: e, filters: n, views: a, definition: { queries: i, sqlSnippets: o } }, s) {
+function di({ id: t, name: e, filters: n, views: a, definition: { queries: i, sqlSnippets: o } }, s) {
   return Xh.create({
     id: t,
     name: e,
@@ -11955,7 +11991,7 @@ const Vp = D(function({
   config: o
 }) {
   je.baseURL !== o.apiBaseURL && (je.baseURL = o.apiBaseURL);
-  const [s, l] = x.useState(!1), u = x.useMemo(() => ui(n, e), [n]);
+  const [s, l] = x.useState(!1), u = x.useMemo(() => di(n, e), [n]);
   x.useEffect(() => {
     u.context.replace(e);
   }, [e]);
@@ -11970,9 +12006,9 @@ const Vp = D(function({
       }
     };
     await a(I);
-  }, h = Pe(Ha, []);
-  return /* @__PURE__ */ r(zr, {
-    children: /* @__PURE__ */ r(ra, {
+  }, h = Pe(Xa, []);
+  return /* @__PURE__ */ r(Er, {
+    children: /* @__PURE__ */ r(ia, {
       value: u,
       children: /* @__PURE__ */ r(_e.Provider, {
         value: {
@@ -12005,11 +12041,11 @@ function zp({
   config: a
 }) {
   je.baseURL !== a.apiBaseURL && (je.baseURL = a.apiBaseURL);
-  const i = x.useMemo(() => ui(e, t), [e]);
+  const i = x.useMemo(() => di(e, t), [e]);
   return x.useEffect(() => {
     i.context.replace(t);
-  }, [t]), /* @__PURE__ */ r(zr, {
-    children: /* @__PURE__ */ r(ra, {
+  }, [t]), /* @__PURE__ */ r(Er, {
+    children: /* @__PURE__ */ r(ia, {
       value: i,
       children: /* @__PURE__ */ r(_e.Provider, {
         value: {
@@ -12034,22 +12070,22 @@ export {
   ws as DashboardFilterType,
   Cs as DashboardMode,
   Re as EViewComponentType,
-  Rr as FilterModel,
-  Fh as FiltersModel,
+  kr as FilterModel,
+  Ph as FiltersModel,
   _e as LayoutStateContext,
   Rh as MainDashboardView,
-  ra as ModelContextProvider,
-  Bn as Panel,
+  ia as ModelContextProvider,
+  jn as Panel,
   Ho as PanelContextProvider,
   $h as QueriesModel,
   qh as QueryModel,
   zp as ReadOnlyDashboard,
   kh as ReadOnlyDashboardView,
-  kr as SQLSnippetModel,
+  Tr as SQLSnippetModel,
   Nh as SQLSnippetsModel,
-  Tr as ViewModel,
-  ci as ViewsModel,
-  ui as createDashboardModel,
+  Vr as ViewModel,
+  ui as ViewsModel,
+  di as createDashboardModel,
   Hh as createDashboardViewsModel,
   Ah as getInitialFiltersPayload,
   te as useModelContext,