@devtable/dashboard 5.7.1 → 5.7.2

package/dist/dashboard.es.js

@@ -1,13 +1,13 @@
 var Ma = Object.defineProperty;
 var Aa = (e, t, n) => t in e ? Ma(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var P = (e, t, n) => (Aa(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Box as B, Text as C, Button as j, Checkbox as lt, MultiSelect as Ln, Select as T, TextInput as E, Group as b, Stack as _, JsonInput as po, ActionIcon as M, AppShell as jt, LoadingOverlay as Ht, Table as Wt, Tabs as k, Textarea as Nn, Modal as Me, Divider as K, SimpleGrid as Oa, NumberInput as Ee, Tooltip as bt, Menu as be, Paper as za, Code as qr, Switch as Pe, useMantineTheme as Pa, ColorInput as Ta, ColorSwatch as Gr, Slider as fo, createStyles as qn, Popover as vn, Accordion as G, SegmentedControl as La } from "@mantine/core";
-import { useModals as Na, ModalsProvider as ho } from "@mantine/modals";
+import { Box as B, Text as C, Button as j, Checkbox as lt, MultiSelect as Ln, Select as T, TextInput as E, Group as b, Stack as _, JsonInput as po, ActionIcon as M, AppShell as jt, LoadingOverlay as Ht, Table as Wt, Tabs as k, Textarea as Nn, Modal as Me, Divider as Z, SimpleGrid as Oa, NumberInput as Ee, Tooltip as bt, Menu as be, Paper as za, Code as qr, Switch as Pe, useMantineTheme as Pa, ColorInput as Ta, ColorSwatch as Gr, Slider as fo, createStyles as qn, Popover as vn, Accordion as G, SegmentedControl as La } from "@mantine/core";
+import { useModals as Na, ModalsProvider as mo } from "@mantine/modals";
 import { useRequest as Ut, useBoolean as Rt, useCreation as Ue, useAsyncEffect as Dt, useLatest as Br } from "ahooks";
-import { observer as V } from "mobx-react-lite";
+import { observer as I } from "mobx-react-lite";
 import * as jr from "react";
 import R, { useEffect as ne, useState as pe, useMemo as N, forwardRef as Gn, createElement as Yt, useCallback as Nt, useRef as qa, useContext as Le, createContext as Ga } from "react";
-import W, { omit as Qt, get as de, values as mo, unset as Ba, isObject as vo, set as bo, orderBy as ja, last as Ha, noop as Wa, defaults as se, isEqual as Te, defaultsDeep as rt, findLastIndex as Ua, isEmpty as yo, isNumber as Ya, isString as xo, range as Qa, cloneDeep as Co, maxBy as wo, merge as So, minBy as Xa, groupBy as Ja, template as _o, cloneDeepWith as Ka, throttle as Za } from "lodash";
+import W, { omit as Qt, get as de, values as ho, unset as Ba, isObject as vo, set as bo, orderBy as ja, last as Ha, noop as Wa, defaults as se, isEqual as Te, defaultsDeep as rt, findLastIndex as Ua, isEmpty as yo, isNumber as Ya, isString as xo, range as Qa, cloneDeep as Co, maxBy as wo, merge as So, minBy as Xa, groupBy as Ja, template as _o, cloneDeepWith as Ka, throttle as Za } from "lodash";
 import { useForm as Ne, Controller as D, useFieldArray as Fe } from "react-hook-form";
 import { DateRangePicker as el } from "@mantine/dates";
 import Ye from "dayjs";
@@ -17,7 +17,7 @@ import pl from "crypto-js";
 import fl from "jszip";
 import { Prism as st } from "@mantine/prism";
 import { showNotification as Xt } from "@mantine/notifications";
-import { cast as Je, types as x, addDisposer as Fo, getRoot as Hr, flow as hl, toGenerator as ml } from "mobx-state-tree";
+import { cast as Je, types as x, addDisposer as Fo, getRoot as Hr, flow as ml, toGenerator as hl } from "mobx-state-tree";
 import { randomId as Se, useClipboard as vl, useElementSize as Vn, useInputState as $o } from "@mantine/hooks";
 import ko, { RichTextEditor as Eo } from "@mantine/rte";
 import { makeAutoObservable as Bn, runInAction as xt, observable as Mo, toJS as Jt, reaction as Kt } from "mobx";
@@ -72,13 +72,13 @@ const Il = {
   viewPanelInFullScreen: W.noop,
   inFullScreen: !1
 }, Hn = R.createContext(Il), Go = R.createContext(null), Bo = Go.Provider;
-function ee() {
+function J() {
   const e = R.useContext(Go);
   if (!e)
     throw new Error("Please use ModelContextProvider");
   return e;
 }
-var et = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, en = { exports: {} }, ht = {};
+var et = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, en = { exports: {} }, mt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -91,22 +91,22 @@ var et = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 var Ur;
 function Vl() {
   if (Ur)
-    return ht;
+    return mt;
   Ur = 1;
   var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(s, u, g) {
-    var c, p = {}, f = null, m = null;
-    g !== void 0 && (f = "" + g), u.key !== void 0 && (f = "" + u.key), u.ref !== void 0 && (m = u.ref);
+    var c, p = {}, f = null, h = null;
+    g !== void 0 && (f = "" + g), u.key !== void 0 && (f = "" + u.key), u.ref !== void 0 && (h = u.ref);
     for (c in u)
       r.call(u, c) && !a.hasOwnProperty(c) && (p[c] = u[c]);
     if (s && s.defaultProps)
       for (c in u = s.defaultProps, u)
         p[c] === void 0 && (p[c] = u[c]);
-    return { $$typeof: t, type: s, key: f, ref: m, props: p, _owner: o.current };
+    return { $$typeof: t, type: s, key: f, ref: h, props: p, _owner: o.current };
   }
-  return ht.Fragment = n, ht.jsx = l, ht.jsxs = l, ht;
+  return mt.Fragment = n, mt.jsx = l, mt.jsxs = l, mt;
 }
-var mt = {};
+var ht = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -119,54 +119,54 @@ var mt = {};
 var Yr;
 function Fl() {
   return Yr || (Yr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), y = Symbol.iterator, v = "@@iterator";
-    function w(h) {
-      if (h === null || typeof h != "object")
+    var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), y = Symbol.iterator, v = "@@iterator";
+    function w(m) {
+      if (m === null || typeof m != "object")
         return null;
-      var S = y && h[y] || h[v];
+      var S = y && m[y] || m[v];
       return typeof S == "function" ? S : null;
     }
     var F = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function $(h) {
+    function $(m) {
       {
-        for (var S = arguments.length, I = new Array(S > 1 ? S - 1 : 0), A = 1; A < S; A++)
-          I[A - 1] = arguments[A];
-        O("error", h, I);
+        for (var S = arguments.length, V = new Array(S > 1 ? S - 1 : 0), A = 1; A < S; A++)
+          V[A - 1] = arguments[A];
+        O("error", m, V);
       }
     }
-    function O(h, S, I) {
+    function O(m, S, V) {
       {
         var A = F.ReactDebugCurrentFrame, U = A.getStackAddendum();
-        U !== "" && (S += "%s", I = I.concat([U]));
-        var X = I.map(function(H) {
+        U !== "" && (S += "%s", V = V.concat([U]));
+        var X = V.map(function(H) {
           return String(H);
         });
-        X.unshift("Warning: " + S), Function.prototype.apply.call(console[h], console, X);
+        X.unshift("Warning: " + S), Function.prototype.apply.call(console[m], console, X);
       }
     }
-    var L = !1, Y = !1, ce = !1, ae = !1, ye = !1, he;
-    he = Symbol.for("react.module.reference");
-    function Re(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === a || ye || h === o || h === g || h === c || ae || h === m || L || Y || ce || typeof h == "object" && h !== null && (h.$$typeof === f || h.$$typeof === p || h.$$typeof === l || h.$$typeof === s || h.$$typeof === u || h.$$typeof === he || h.getModuleId !== void 0));
+    var L = !1, Y = !1, ce = !1, ae = !1, ye = !1, me;
+    me = Symbol.for("react.module.reference");
+    function Re(m) {
+      return !!(typeof m == "string" || typeof m == "function" || m === r || m === a || ye || m === o || m === g || m === c || ae || m === h || L || Y || ce || typeof m == "object" && m !== null && (m.$$typeof === f || m.$$typeof === p || m.$$typeof === l || m.$$typeof === s || m.$$typeof === u || m.$$typeof === me || m.getModuleId !== void 0));
     }
-    function le(h, S, I) {
-      var A = h.displayName;
+    function le(m, S, V) {
+      var A = m.displayName;
       if (A)
         return A;
       var U = S.displayName || S.name || "";
-      return U !== "" ? I + "(" + U + ")" : I;
+      return U !== "" ? V + "(" + U + ")" : V;
     }
-    function De(h) {
-      return h.displayName || "Context";
+    function De(m) {
+      return m.displayName || "Context";
     }
-    function me(h) {
-      if (h == null)
+    function he(m) {
+      if (m == null)
         return null;
-      if (typeof h.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof h == "function")
-        return h.displayName || h.name || null;
-      if (typeof h == "string")
-        return h;
-      switch (h) {
+      if (typeof m.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof m == "function")
+        return m.displayName || m.name || null;
+      if (typeof m == "string")
+        return m;
+      switch (m) {
         case r:
           return "Fragment";
         case n:
@@ -180,23 +180,23 @@ function Fl() {
         case c:
           return "SuspenseList";
       }
-      if (typeof h == "object")
-        switch (h.$$typeof) {
+      if (typeof m == "object")
+        switch (m.$$typeof) {
           case s:
-            var S = h;
+            var S = m;
             return De(S) + ".Consumer";
           case l:
-            var I = h;
-            return De(I._context) + ".Provider";
+            var V = m;
+            return De(V._context) + ".Provider";
           case u:
-            return le(h, h.render, "ForwardRef");
+            return le(m, m.render, "ForwardRef");
           case p:
-            var A = h.displayName || null;
-            return A !== null ? A : me(h.type) || "Memo";
+            var A = m.displayName || null;
+            return A !== null ? A : he(m.type) || "Memo";
           case f: {
-            var U = h, X = U._payload, H = U._init;
+            var U = m, X = U._payload, H = U._init;
             try {
-              return me(H(X));
+              return he(H(X));
             } catch {
               return null;
             }
@@ -212,20 +212,20 @@ function Fl() {
       {
         if (Ge === 0) {
           yr = console.log, xr = console.info, Cr = console.warn, wr = console.error, Sr = console.group, _r = console.groupCollapsed, Rr = console.groupEnd;
-          var h = {
+          var m = {
             configurable: !0,
             enumerable: !0,
             value: Dr,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: h,
-            log: h,
-            warn: h,
-            error: h,
-            group: h,
-            groupCollapsed: h,
-            groupEnd: h
+            info: m,
+            log: m,
+            warn: m,
+            error: m,
+            group: m,
+            groupCollapsed: m,
+            groupEnd: m
           });
         }
         Ge++;
@@ -234,31 +234,31 @@ function Fl() {
     function ua() {
       {
         if (Ge--, Ge === 0) {
-          var h = {
+          var m = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ve({}, h, {
+            log: ve({}, m, {
               value: yr
             }),
-            info: ve({}, h, {
+            info: ve({}, m, {
               value: xr
             }),
-            warn: ve({}, h, {
+            warn: ve({}, m, {
               value: Cr
             }),
-            error: ve({}, h, {
+            error: ve({}, m, {
               value: wr
             }),
-            group: ve({}, h, {
+            group: ve({}, m, {
               value: Sr
             }),
-            groupCollapsed: ve({}, h, {
+            groupCollapsed: ve({}, m, {
               value: _r
             }),
-            groupEnd: ve({}, h, {
+            groupEnd: ve({}, m, {
               value: Rr
             })
           });
@@ -267,7 +267,7 @@ function Fl() {
       }
     }
     var un = F.ReactCurrentDispatcher, cn;
-    function $t(h, S, I) {
+    function $t(m, S, V) {
       {
         if (cn === void 0)
           try {
@@ -277,7 +277,7 @@ function Fl() {
             cn = A && A[1] || "";
           }
         return `
-` + cn + h;
+` + cn + m;
       }
     }
     var dn = !1, kt;
@@ -285,13 +285,13 @@ function Fl() {
       var ca = typeof WeakMap == "function" ? WeakMap : Map;
       kt = new ca();
     }
-    function Ir(h, S) {
-      if (!h || dn)
+    function Ir(m, S) {
+      if (!m || dn)
         return "";
       {
-        var I = kt.get(h);
-        if (I !== void 0)
-          return I;
+        var V = kt.get(m);
+        if (V !== void 0)
+          return V;
       }
       var A;
       dn = !0;
@@ -314,14 +314,14 @@ function Fl() {
             } catch (Oe) {
               A = Oe;
             }
-            Reflect.construct(h, [], H);
+            Reflect.construct(m, [], H);
           } else {
             try {
               H.call();
             } catch (Oe) {
               A = Oe;
             }
-            h.call(H.prototype);
+            m.call(H.prototype);
           }
         } else {
           try {
@@ -329,7 +329,7 @@ function Fl() {
           } catch (Oe) {
             A = Oe;
           }
-          h();
+          m();
         }
       } catch (Oe) {
         if (Oe && A && typeof Oe.stack == "string") {
@@ -344,7 +344,7 @@ function Fl() {
                   if (te--, oe--, oe < 0 || q[te] !== ge[oe]) {
                     var xe = `
 ` + q[te].replace(" at new ", " at ");
-                    return h.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", h.displayName)), typeof h == "function" && kt.set(h, xe), xe;
+                    return m.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", m.displayName)), typeof m == "function" && kt.set(m, xe), xe;
                   }
                 while (te >= 1 && oe >= 0);
               break;
@@ -353,39 +353,39 @@ function Fl() {
       } finally {
         dn = !1, un.current = X, ua(), Error.prepareStackTrace = U;
       }
-      var it = h ? h.displayName || h.name : "", Nr = it ? $t(it) : "";
-      return typeof h == "function" && kt.set(h, Nr), Nr;
+      var it = m ? m.displayName || m.name : "", Nr = it ? $t(it) : "";
+      return typeof m == "function" && kt.set(m, Nr), Nr;
     }
-    function da(h, S, I) {
-      return Ir(h, !1);
+    function da(m, S, V) {
+      return Ir(m, !1);
     }
-    function ga(h) {
-      var S = h.prototype;
+    function ga(m) {
+      var S = m.prototype;
       return !!(S && S.isReactComponent);
     }
-    function Et(h, S, I) {
-      if (h == null)
+    function Et(m, S, V) {
+      if (m == null)
         return "";
-      if (typeof h == "function")
-        return Ir(h, ga(h));
-      if (typeof h == "string")
-        return $t(h);
-      switch (h) {
+      if (typeof m == "function")
+        return Ir(m, ga(m));
+      if (typeof m == "string")
+        return $t(m);
+      switch (m) {
         case g:
           return $t("Suspense");
         case c:
           return $t("SuspenseList");
       }
-      if (typeof h == "object")
-        switch (h.$$typeof) {
+      if (typeof m == "object")
+        switch (m.$$typeof) {
           case u:
-            return da(h.render);
+            return da(m.render);
           case p:
-            return Et(h.type, S, I);
+            return Et(m.type, S, V);
           case f: {
-            var A = h, U = A._payload, X = A._init;
+            var A = m, U = A._payload, X = A._init;
             try {
-              return Et(X(U), S, I);
+              return Et(X(U), S, V);
             } catch {
             }
           }
@@ -393,55 +393,55 @@ function Fl() {
       return "";
     }
     var Mt = Object.prototype.hasOwnProperty, Vr = {}, Fr = F.ReactDebugCurrentFrame;
-    function At(h) {
-      if (h) {
-        var S = h._owner, I = Et(h.type, h._source, S ? S.type : null);
-        Fr.setExtraStackFrame(I);
+    function At(m) {
+      if (m) {
+        var S = m._owner, V = Et(m.type, m._source, S ? S.type : null);
+        Fr.setExtraStackFrame(V);
       } else
         Fr.setExtraStackFrame(null);
     }
-    function pa(h, S, I, A, U) {
+    function pa(m, S, V, A, U) {
       {
         var X = Function.call.bind(Mt);
-        for (var H in h)
-          if (X(h, H)) {
+        for (var H in m)
+          if (X(m, H)) {
             var q = void 0;
             try {
-              if (typeof h[H] != "function") {
-                var ge = Error((A || "React class") + ": " + I + " type `" + H + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[H] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof m[H] != "function") {
+                var ge = Error((A || "React class") + ": " + V + " type `" + H + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[H] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ge.name = "Invariant Violation", ge;
               }
-              q = h[H](S, H, A, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              q = m[H](S, H, A, V, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (te) {
               q = te;
             }
-            q && !(q instanceof Error) && (At(U), $("%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).", A || "React class", I, H, typeof q), At(null)), q instanceof Error && !(q.message in Vr) && (Vr[q.message] = !0, At(U), $("Failed %s type: %s", I, q.message), At(null));
+            q && !(q instanceof Error) && (At(U), $("%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).", A || "React class", V, H, typeof q), At(null)), q instanceof Error && !(q.message in Vr) && (Vr[q.message] = !0, At(U), $("Failed %s type: %s", V, q.message), At(null));
           }
       }
     }
     var fa = Array.isArray;
-    function gn(h) {
-      return fa(h);
+    function gn(m) {
+      return fa(m);
     }
-    function ha(h) {
+    function ma(m) {
       {
-        var S = typeof Symbol == "function" && Symbol.toStringTag, I = S && h[Symbol.toStringTag] || h.constructor.name || "Object";
-        return I;
+        var S = typeof Symbol == "function" && Symbol.toStringTag, V = S && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        return V;
       }
     }
-    function ma(h) {
+    function ha(m) {
       try {
-        return $r(h), !1;
+        return $r(m), !1;
       } catch {
         return !0;
       }
     }
-    function $r(h) {
-      return "" + h;
+    function $r(m) {
+      return "" + m;
     }
-    function kr(h) {
-      if (ma(h))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ha(h)), $r(h);
+    function kr(m) {
+      if (ha(m))
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ma(m)), $r(m);
     }
     var ft = F.ReactCurrentOwner, va = {
       key: !0,
@@ -450,56 +450,56 @@ function Fl() {
       __source: !0
     }, Er, Mr, pn;
     pn = {};
-    function ba(h) {
-      if (Mt.call(h, "ref")) {
-        var S = Object.getOwnPropertyDescriptor(h, "ref").get;
+    function ba(m) {
+      if (Mt.call(m, "ref")) {
+        var S = Object.getOwnPropertyDescriptor(m, "ref").get;
         if (S && S.isReactWarning)
           return !1;
       }
-      return h.ref !== void 0;
+      return m.ref !== void 0;
     }
-    function ya(h) {
-      if (Mt.call(h, "key")) {
-        var S = Object.getOwnPropertyDescriptor(h, "key").get;
+    function ya(m) {
+      if (Mt.call(m, "key")) {
+        var S = Object.getOwnPropertyDescriptor(m, "key").get;
         if (S && S.isReactWarning)
           return !1;
       }
-      return h.key !== void 0;
+      return m.key !== void 0;
     }
-    function xa(h, S) {
-      if (typeof h.ref == "string" && ft.current && S && ft.current.stateNode !== S) {
-        var I = me(ft.current.type);
-        pn[I] || ($('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', me(ft.current.type), h.ref), pn[I] = !0);
+    function xa(m, S) {
+      if (typeof m.ref == "string" && ft.current && S && ft.current.stateNode !== S) {
+        var V = he(ft.current.type);
+        pn[V] || ($('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', he(ft.current.type), m.ref), pn[V] = !0);
       }
     }
-    function Ca(h, S) {
+    function Ca(m, S) {
       {
-        var I = function() {
+        var V = function() {
           Er || (Er = !0, $("%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)", S));
         };
-        I.isReactWarning = !0, Object.defineProperty(h, "key", {
-          get: I,
+        V.isReactWarning = !0, Object.defineProperty(m, "key", {
+          get: V,
           configurable: !0
         });
       }
     }
-    function wa(h, S) {
+    function wa(m, S) {
       {
-        var I = function() {
+        var V = function() {
           Mr || (Mr = !0, $("%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)", S));
         };
-        I.isReactWarning = !0, Object.defineProperty(h, "ref", {
-          get: I,
+        V.isReactWarning = !0, Object.defineProperty(m, "ref", {
+          get: V,
           configurable: !0
         });
       }
     }
-    var Sa = function(h, S, I, A, U, X, H) {
+    var Sa = function(m, S, V, A, U, X, H) {
       var q = {
         $$typeof: t,
-        type: h,
+        type: m,
         key: S,
-        ref: I,
+        ref: V,
         props: H,
         _owner: X
       };
@@ -520,152 +520,152 @@ function Fl() {
         value: U
       }), Object.freeze && (Object.freeze(q.props), Object.freeze(q)), q;
     };
-    function _a(h, S, I, A, U) {
+    function _a(m, S, V, A, U) {
       {
         var X, H = {}, q = null, ge = null;
-        I !== void 0 && (kr(I), q = "" + I), ya(S) && (kr(S.key), q = "" + S.key), ba(S) && (ge = S.ref, xa(S, U));
+        V !== void 0 && (kr(V), q = "" + V), ya(S) && (kr(S.key), q = "" + S.key), ba(S) && (ge = S.ref, xa(S, U));
         for (X in S)
           Mt.call(S, X) && !va.hasOwnProperty(X) && (H[X] = S[X]);
-        if (h && h.defaultProps) {
-          var te = h.defaultProps;
+        if (m && m.defaultProps) {
+          var te = m.defaultProps;
           for (X in te)
             H[X] === void 0 && (H[X] = te[X]);
         }
         if (q || ge) {
-          var oe = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
+          var oe = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
           q && Ca(H, oe), ge && wa(H, oe);
         }
-        return Sa(h, q, ge, U, A, ft.current, H);
+        return Sa(m, q, ge, U, A, ft.current, H);
       }
     }
     var fn = F.ReactCurrentOwner, Ar = F.ReactDebugCurrentFrame;
-    function ot(h) {
-      if (h) {
-        var S = h._owner, I = Et(h.type, h._source, S ? S.type : null);
-        Ar.setExtraStackFrame(I);
+    function ot(m) {
+      if (m) {
+        var S = m._owner, V = Et(m.type, m._source, S ? S.type : null);
+        Ar.setExtraStackFrame(V);
       } else
         Ar.setExtraStackFrame(null);
     }
-    var hn;
-    hn = !1;
-    function mn(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === t;
+    var mn;
+    mn = !1;
+    function hn(m) {
+      return typeof m == "object" && m !== null && m.$$typeof === t;
     }
     function Or() {
       {
         if (fn.current) {
-          var h = me(fn.current.type);
-          if (h)
+          var m = he(fn.current.type);
+          if (m)
             return `
 
-Check the render method of \`` + h + "`.";
+Check the render method of \`` + m + "`.";
         }
         return "";
       }
     }
-    function Ra(h) {
+    function Ra(m) {
       {
-        if (h !== void 0) {
-          var S = h.fileName.replace(/^.*[\\\/]/, ""), I = h.lineNumber;
+        if (m !== void 0) {
+          var S = m.fileName.replace(/^.*[\\\/]/, ""), V = m.lineNumber;
           return `
 
-Check your code at ` + S + ":" + I + ".";
+Check your code at ` + S + ":" + V + ".";
         }
         return "";
       }
     }
     var zr = {};
-    function Da(h) {
+    function Da(m) {
       {
         var S = Or();
         if (!S) {
-          var I = typeof h == "string" ? h : h.displayName || h.name;
-          I && (S = `
+          var V = typeof m == "string" ? m : m.displayName || m.name;
+          V && (S = `
 
-Check the top-level render call using <` + I + ">.");
+Check the top-level render call using <` + V + ">.");
         }
         return S;
       }
     }
-    function Pr(h, S) {
+    function Pr(m, S) {
       {
-        if (!h._store || h._store.validated || h.key != null)
+        if (!m._store || m._store.validated || m.key != null)
           return;
-        h._store.validated = !0;
-        var I = Da(S);
-        if (zr[I])
+        m._store.validated = !0;
+        var V = Da(S);
+        if (zr[V])
           return;
-        zr[I] = !0;
+        zr[V] = !0;
         var A = "";
-        h && h._owner && h._owner !== fn.current && (A = " It was passed a child from " + me(h._owner.type) + "."), ot(h), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, A), ot(null);
+        m && m._owner && m._owner !== fn.current && (A = " It was passed a child from " + he(m._owner.type) + "."), ot(m), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', V, A), ot(null);
       }
     }
-    function Tr(h, S) {
+    function Tr(m, S) {
       {
-        if (typeof h != "object")
+        if (typeof m != "object")
           return;
-        if (gn(h))
-          for (var I = 0; I < h.length; I++) {
-            var A = h[I];
-            mn(A) && Pr(A, S);
+        if (gn(m))
+          for (var V = 0; V < m.length; V++) {
+            var A = m[V];
+            hn(A) && Pr(A, S);
           }
-        else if (mn(h))
-          h._store && (h._store.validated = !0);
-        else if (h) {
-          var U = w(h);
-          if (typeof U == "function" && U !== h.entries)
-            for (var X = U.call(h), H; !(H = X.next()).done; )
-              mn(H.value) && Pr(H.value, S);
+        else if (hn(m))
+          m._store && (m._store.validated = !0);
+        else if (m) {
+          var U = w(m);
+          if (typeof U == "function" && U !== m.entries)
+            for (var X = U.call(m), H; !(H = X.next()).done; )
+              hn(H.value) && Pr(H.value, S);
         }
       }
     }
-    function Ia(h) {
+    function Ia(m) {
       {
-        var S = h.type;
+        var S = m.type;
         if (S == null || typeof S == "string")
           return;
-        var I;
+        var V;
         if (typeof S == "function")
-          I = S.propTypes;
+          V = S.propTypes;
         else if (typeof S == "object" && (S.$$typeof === u || S.$$typeof === p))
-          I = S.propTypes;
+          V = S.propTypes;
         else
           return;
-        if (I) {
-          var A = me(S);
-          pa(I, h.props, "prop", A, h);
-        } else if (S.PropTypes !== void 0 && !hn) {
-          hn = !0;
-          var U = me(S);
+        if (V) {
+          var A = he(S);
+          pa(V, m.props, "prop", A, m);
+        } else if (S.PropTypes !== void 0 && !mn) {
+          mn = !0;
+          var U = he(S);
           $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
         typeof S.getDefaultProps == "function" && !S.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Va(h) {
+    function Va(m) {
       {
-        for (var S = Object.keys(h.props), I = 0; I < S.length; I++) {
-          var A = S[I];
+        for (var S = Object.keys(m.props), V = 0; V < S.length; V++) {
+          var A = S[V];
           if (A !== "children" && A !== "key") {
-            ot(h), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", A), ot(null);
+            ot(m), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", A), ot(null);
             break;
           }
         }
-        h.ref !== null && (ot(h), $("Invalid attribute `ref` supplied to `React.Fragment`."), ot(null));
+        m.ref !== null && (ot(m), $("Invalid attribute `ref` supplied to `React.Fragment`."), ot(null));
       }
     }
-    function Lr(h, S, I, A, U, X) {
+    function Lr(m, S, V, A, U, X) {
       {
-        var H = Re(h);
+        var H = Re(m);
         if (!H) {
           var q = "";
-          (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (q += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (q += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ge = Ra(U);
           ge ? q += ge : q += Or();
           var te;
-          h === null ? te = "null" : gn(h) ? te = "array" : h !== void 0 && h.$$typeof === t ? (te = "<" + (me(h.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : te = typeof h, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, q);
+          m === null ? te = "null" : gn(m) ? te = "array" : m !== void 0 && m.$$typeof === t ? (te = "<" + (he(m.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : te = typeof m, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, q);
         }
-        var oe = _a(h, S, I, U, X);
+        var oe = _a(m, S, V, U, X);
         if (oe == null)
           return oe;
         if (H) {
@@ -674,30 +674,30 @@ Check the top-level render call using <` + I + ">.");
             if (A)
               if (gn(xe)) {
                 for (var it = 0; it < xe.length; it++)
-                  Tr(xe[it], h);
+                  Tr(xe[it], m);
                 Object.freeze && Object.freeze(xe);
               } else
                 $("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
-              Tr(xe, h);
+              Tr(xe, m);
         }
-        return h === r ? Va(oe) : Ia(oe), oe;
+        return m === r ? Va(oe) : Ia(oe), oe;
       }
     }
-    function Fa(h, S, I) {
-      return Lr(h, S, I, !0);
+    function Fa(m, S, V) {
+      return Lr(m, S, V, !0);
     }
-    function $a(h, S, I) {
-      return Lr(h, S, I, !1);
+    function $a(m, S, V) {
+      return Lr(m, S, V, !1);
     }
     var ka = $a, Ea = Fa;
-    mt.Fragment = r, mt.jsx = ka, mt.jsxs = Ea;
-  }()), mt;
+    ht.Fragment = r, ht.jsx = ka, ht.jsxs = Ea;
+  }()), ht;
 }
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Vl() : e.exports = Fl();
 })(en);
-const J = en.exports.Fragment, i = en.exports.jsx, d = en.exports.jsxs;
+const K = en.exports.Fragment, i = en.exports.jsx, d = en.exports.jsxs;
 class ut extends R.Component {
   constructor(t) {
     super(t), this.state = {
@@ -763,7 +763,7 @@ function $l({
     })]
   });
 }
-const jo = V(({
+const jo = I(({
   label: e,
   config: t,
   value: n = [null, null],
@@ -789,8 +789,23 @@ const jo = V(({
     },
     ...t
   });
-});
-function kl(e, t, n, r) {
+}), kl = {
+  layoutFrozen: !1,
+  freezeLayout: W.noop,
+  inEditMode: !1,
+  inUseMode: !0
+}, Ae = R.createContext(kl), Ho = R.createContext({
+  panel: null,
+  data: [],
+  loading: !1
+}), El = Ho.Provider;
+function fe() {
+  const e = R.useContext(Ho);
+  if (!e.panel)
+    throw new Error("Please use PanelContextProvider");
+  return e;
+}
+function Ml(e, t, n, r) {
   const o = Un(t, n, [], r), a = Object.keys(o), l = Object.values(o);
   try {
     return new Function(...a, `return \`${e}\`;`)(...l);
@@ -816,7 +831,7 @@ function Un(e, t, n, r) {
   }, l = n.reduce((s, u) => (s[u.key] = Wn(u.value, a), s), {});
   return W.merge({}, { context: o, filters: r, sql_snippets: l });
 }
-function Ho(e, t, n, r, o) {
+function Wo(e, t, n, r, o) {
   try {
     const a = Un(t, n, r, o);
     return Wn(e, a);
@@ -824,7 +839,7 @@ function Ho(e, t, n, r, o) {
     return console.error(a), a.message;
   }
 }
-function El(e) {
+function Al(e) {
   e = e || {};
   const t = Object.keys(e).sort(), n = [];
   for (let r = 0; r < t.length; r++) {
@@ -843,8 +858,8 @@ function El(e) {
   }
   return n.sort().join("&");
 }
-function Ml(e, t) {
-  let n = El(e);
+function Ol(e, t) {
+  let n = Al(e);
   return n += "&key=" + t, pl.MD5(n).toString().toUpperCase();
 }
 const tt = {
@@ -858,7 +873,7 @@ const tt = {
     return {
       app_id: this.app_id,
       nonce_str: t,
-      sign: Ml(
+      sign: Ol(
         {
           app_id: this.app_id,
           nonce_str: t,
@@ -886,10 +901,10 @@ const tt = {
     };
   }
 };
-function Wo(e) {
+function Uo(e) {
   tt.baseURL !== e.apiBaseURL && (tt.baseURL = e.apiBaseURL), e.app_id && (tt.app_id = e.app_id), e.app_secret && (tt.app_secret = e.app_secret);
 }
-const Yn = ({ type: e, key: t, sql: n }) => async () => {
+const zl = ({ type: e, key: t, sql: n }) => async () => {
   if (!e || !t || !n)
     return [];
   try {
@@ -898,13 +913,13 @@ const Yn = ({ type: e, key: t, sql: n }) => async () => {
     return console.error(r), [];
   }
 };
-async function Al({ context: e, mock_context: t, sqlSnippets: n, title: r, query: o, filterValues: a }) {
+async function Yn({ context: e, mock_context: t, sqlSnippets: n, title: r, query: o, filterValues: a }) {
   if (!o.sql)
     return [];
   const { type: l, key: s, sql: u } = o, g = u.includes("$"), c = Un(e, t, n, a), p = Wn(u, c);
   return g && (console.groupCollapsed(`Final SQL for: ${r}`), console.log(p), console.groupEnd()), await tt.getRequest("POST")("/query", { type: l, key: s, query: p });
 }
-async function Ol() {
+async function Pl() {
   try {
     return (await tt.getRequest("POST")("/datasource/list", {
       filter: {},
@@ -921,22 +936,32 @@ async function Ol() {
     return console.error(e), [];
   }
 }
-function zl({
+const Tl = I(({
   label: e,
   config: t,
   value: n,
   onChange: r
-}) {
-  const o = !!t.options_query.sql, {
-    data: a = [],
-    loading: l
-  } = Ut(Yn(t.options_query), {
-    refreshDeps: [t.options_query, o]
+}) => {
+  const o = J(), a = !!t.options_query.sql, {
+    data: l = [],
+    loading: s
+  } = Ut(async () => {
+    const u = {
+      context: o.context.current,
+      mock_context: o.mock_context.current,
+      sqlSnippets: o.sqlSnippets.current,
+      title: e,
+      query: t.options_query,
+      filterValues: o.filters.values
+    };
+    return Yn(u);
+  }, {
+    refreshDeps: [t.options_query, a, o.context.current, o.mock_context.current, o.sqlSnippets.current]
   });
   return /* @__PURE__ */ i(Ln, {
     label: e,
-    data: o ? a : t.static_options,
-    disabled: o ? l : !1,
+    data: a ? l : t.static_options,
+    disabled: a ? s : !1,
     value: n,
     onChange: r,
     sx: {
@@ -948,23 +973,32 @@ function zl({
       }
     }
   });
-}
-function Pl({
+}), Ll = I(({
   label: e,
   config: t,
   value: n,
   onChange: r
-}) {
-  const o = !!t.options_query.sql, {
-    data: a = [],
-    loading: l
-  } = Ut(Yn(t.options_query), {
-    refreshDeps: [t.options_query, o]
+}) => {
+  const o = J(), a = !!t.options_query.sql, {
+    data: l = [],
+    loading: s
+  } = Ut(async () => {
+    const u = {
+      context: o.context.current,
+      mock_context: o.mock_context.current,
+      sqlSnippets: o.sqlSnippets.current,
+      title: e,
+      query: t.options_query,
+      filterValues: o.filters.values
+    };
+    return Yn(u);
+  }, {
+    refreshDeps: [t.options_query, a, o.context.current, o.mock_context.current, o.sqlSnippets.current]
   });
   return /* @__PURE__ */ i(T, {
     label: e,
-    data: o ? a : t.static_options,
-    disabled: o ? l : !1,
+    data: a ? l : t.static_options,
+    disabled: a ? s : !1,
     value: n,
     onChange: r,
     styles: {
@@ -973,8 +1007,8 @@ function Pl({
       }
     }
   });
-}
-function Tl({
+});
+function Nl({
   label: e,
   config: t,
   value: n,
@@ -992,7 +1026,7 @@ function Tl({
     }
   });
 }
-const Ll = V(({
+const ql = I(({
   filter: {
     type: e,
     config: t,
@@ -1003,19 +1037,19 @@ const Ll = V(({
 }) => {
   switch (e) {
     case "select":
-      return /* @__PURE__ */ i(Pl, {
+      return /* @__PURE__ */ i(Ll, {
         ...r,
         ...o,
         config: t
       });
     case "multi-select":
-      return /* @__PURE__ */ i(zl, {
+      return /* @__PURE__ */ i(Tl, {
         ...r,
         ...o,
         config: t
       });
     case "text-input":
-      return /* @__PURE__ */ i(Tl, {
+      return /* @__PURE__ */ i(Nl, {
         ...r,
         ...o,
         config: t
@@ -1035,22 +1069,22 @@ const Ll = V(({
     default:
       return null;
   }
-}), Uo = V(R.forwardRef(({
+}), Yo = I(R.forwardRef(({
   filter: e,
   ...t
 }, n) => /* @__PURE__ */ i("div", {
   className: "filter-root",
   ref: n,
   children: /* @__PURE__ */ i(ut, {
-    children: /* @__PURE__ */ i(Ll, {
+    children: /* @__PURE__ */ i(ql, {
       filter: e,
       formFieldProps: t
     })
   })
-}))), Yo = V(function({
+}))), Qo = I(function({
   view: t
 }) {
-  const n = ee(), {
+  const n = J(), {
     control: r,
     handleSubmit: o
   } = Ne({
@@ -1074,7 +1108,7 @@ const Ll = V(({
           control: r,
           render: ({
             field: s
-          }) => /* @__PURE__ */ i(Uo, {
+          }) => /* @__PURE__ */ i(Yo, {
             filter: l,
             ...s
           })
@@ -1128,11 +1162,11 @@ var tn = { exports: {} };
     }
     var l = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof et == "object" && et.global === et ? et : void 0, s = l.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), u = l.saveAs || (typeof window != "object" || window !== l ? function() {
     } : "download" in HTMLAnchorElement.prototype && !s ? function(g, c, p) {
-      var f = l.URL || l.webkitURL, m = document.createElement("a");
-      c = c || g.name || "download", m.download = c, m.rel = "noopener", typeof g == "string" ? (m.href = g, m.origin === location.origin ? a(m) : o(m.href) ? r(g, c, p) : a(m, m.target = "_blank")) : (m.href = f.createObjectURL(g), setTimeout(function() {
-        f.revokeObjectURL(m.href);
+      var f = l.URL || l.webkitURL, h = document.createElement("a");
+      c = c || g.name || "download", h.download = c, h.rel = "noopener", typeof g == "string" ? (h.href = g, h.origin === location.origin ? a(h) : o(h.href) ? r(g, c, p) : a(h, h.target = "_blank")) : (h.href = f.createObjectURL(g), setTimeout(function() {
+        f.revokeObjectURL(h.href);
       }, 4e4), setTimeout(function() {
-        a(m);
+        a(h);
       }, 0));
     } : "msSaveOrOpenBlob" in navigator ? function(g, c, p) {
       if (c = c || g.name || "download", typeof g != "string")
@@ -1148,8 +1182,8 @@ var tn = { exports: {} };
     } : function(g, c, p, f) {
       if (f = f || open("", "_blank"), f && (f.document.title = f.document.body.innerText = "downloading..."), typeof g == "string")
         return r(g, c, p);
-      var m = g.type === "application/octet-stream", y = /constructor/i.test(l.HTMLElement) || l.safari, v = /CriOS\/[\d]+/.test(navigator.userAgent);
-      if ((v || m && y || s) && typeof FileReader < "u") {
+      var h = g.type === "application/octet-stream", y = /constructor/i.test(l.HTMLElement) || l.safari, v = /CriOS\/[\d]+/.test(navigator.userAgent);
+      if ((v || h && y || s) && typeof FileReader < "u") {
         var w = new FileReader();
         w.onloadend = function() {
           var O = w.result;
@@ -1165,23 +1199,23 @@ var tn = { exports: {} };
     l.saveAs = u.saveAs = u, e.exports = u;
   });
 })(tn);
-function Nl(e, t) {
+function Gl(e, t) {
   const n = new Blob([t], { type: "text/csv" });
   tn.exports.saveAs(n, `${e}.csv`);
 }
-function ql(e, t) {
+function Bl(e, t) {
   const n = new Blob([t], { type: "application/json" });
   tn.exports.saveAs(n, `${e}.json`);
 }
-function Gl(e) {
+function jl(e) {
   const t = new fl();
   e.forEach(({ id: n, data: r }) => {
-    t.file(`${n}.csv`, Qo(r));
+    t.file(`${n}.csv`, Xo(r));
   }), t.generateAsync({ type: "blob" }).then((n) => {
     tn.exports.saveAs(n, "dashboard_data.zip");
   });
 }
-function Qo(e) {
+function Xo(e) {
   if (!Array.isArray(e) || e.length === 0)
     return "";
   const t = [], n = Object.keys(e[0]);
@@ -1191,22 +1225,6 @@ function Qo(e) {
   }), t.join(`
 `);
 }
-const Bl = {
-  layoutFrozen: !1,
-  freezeLayout: W.noop,
-  inEditMode: !1,
-  inUseMode: !0
-}, Ae = R.createContext(Bl), Xo = R.createContext({
-  panel: null,
-  data: [],
-  loading: !1
-}), jl = Xo.Provider;
-function fe() {
-  const e = R.useContext(Xo);
-  if (!e.panel)
-    throw new Error("Please use PanelContextProvider");
-  return e;
-}
 const Hl = `
 -- You may reference global variables in SQL or VizConfig.
 SELECT *
@@ -1219,11 +1237,11 @@ WHERE
   -- SQL snippets
   AND \${sql_snippets.author_email_condition}
   \${sql_snippets.order_by_clause}
-`, Qn = V(function({
+`, Qn = I(function({
   showSQLSnippets: t = !0,
   sx: n = {}
 }) {
-  const r = ee(), o = r.context.current, a = R.useMemo(() => {
+  const r = J(), o = r.context.current, a = R.useMemo(() => {
     const l = {
       context: {
         ...r.mock_context.current,
@@ -1284,8 +1302,8 @@ WHERE
       })]
     })]
   });
-}), Wl = V(function() {
-  const t = ee(), [n, r] = pe(() => JSON.stringify(t.mock_context.current, null, 4)), o = () => {
+}), Wl = I(function() {
+  const t = J(), [n, r] = pe(() => JSON.stringify(t.mock_context.current, null, 4)), o = () => {
     try {
       t.mock_context.replace(JSON.parse(n));
     } catch (l) {
@@ -1429,10 +1447,10 @@ function Yl({
     })]
   });
 }
-const Jo = V(function({
+const Jo = I(function({
   id: t
 }) {
-  const n = ee(), {
+  const n = J(), {
     data: r,
     state: o
   } = n.getDataStuffByID(t), a = o === "loading", l = () => {
@@ -1495,14 +1513,14 @@ const Jo = V(function({
   }), /* @__PURE__ */ i(C, {
     children: t
   })]
-})), Ko = V(function({
+})), Ko = I(function({
   value: t,
   onChange: n
 }) {
   const {
     data: r = [],
     loading: o
-  } = Ut(Ol, {
+  } = Ut(Pl, {
     refreshDeps: []
   }, []), a = N(() => r.map((s) => ({
     label: s.key,
@@ -1525,16 +1543,16 @@ const Jo = V(function({
       });
     }
   });
-}), Zo = V(({
+}), Zo = I(({
   value: e
 }) => {
-  const t = ee(), n = t.context.current, r = R.useMemo(() => Ho(e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values), [e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values]);
+  const t = J(), n = t.context.current, r = R.useMemo(() => Wo(e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values), [e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values]);
   return /* @__PURE__ */ i(st, {
     language: "sql",
     colorScheme: "light",
     children: r
   });
-}), Xl = V(function({
+}), Xl = I(function({
   queryModel: t,
   setCurrentID: n
 }) {
@@ -1659,11 +1677,11 @@ const Jo = V(function({
       })]
     })]
   });
-}), Jl = V(function({
+}), Jl = I(function({
   id: t,
   setID: n
 }) {
-  const r = ee(), o = R.useMemo(() => r.queries.findByID(t), [r.queries, t]);
+  const r = J(), o = R.useMemo(() => r.queries.findByID(t), [r.queries, t]);
   return t ? o ? /* @__PURE__ */ i(Xl, {
     queryModel: o,
     setCurrentID: n
@@ -1672,11 +1690,11 @@ const Jo = V(function({
   }) : null;
 });
 var ke = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e))(ke || {});
-const Kl = V(function({
+const Kl = I(function({
   id: t,
   setID: n
 }) {
-  const r = ee(), o = () => {
+  const r = J(), o = () => {
     var l;
     n((l = r.queries.firstID) != null ? l : "");
   };
@@ -1733,7 +1751,7 @@ const Kl = V(function({
       })]
     })
   });
-}), Zl = V(function() {
+}), Zl = I(function() {
   const [t, n] = R.useState("");
   return /* @__PURE__ */ d(jt, {
     sx: {
@@ -1772,10 +1790,10 @@ const Kl = V(function({
       id: t
     })]
   });
-}), es = V(({
+}), es = I(({
   value: e
 }) => {
-  const t = ee(), n = t.context.current, r = R.useMemo(() => kl(e, n, t.mock_context.current, t.filters.values), [e, n, t.mock_context.current, t.filters.values]);
+  const t = J(), n = t.context.current, r = R.useMemo(() => Ml(e, n, t.mock_context.current, t.filters.values), [e, n, t.mock_context.current, t.filters.values]);
   return /* @__PURE__ */ d(_, {
     children: [/* @__PURE__ */ i(C, {
       children: "Preview"
@@ -1786,8 +1804,8 @@ const Kl = V(function({
       children: r
     })]
   });
-}), ts = V(function() {
-  const t = ee(), n = () => t.sqlSnippets.append(Je({
+}), ts = I(function() {
+  const t = J(), n = () => t.sqlSnippets.append(Je({
     key: Se(),
     value: ""
   }));
@@ -1902,7 +1920,7 @@ function ns() {
     })
   });
 }
-const rs = V(function({
+const rs = I(function({
   opened: t,
   close: n
 }) {
@@ -1968,10 +1986,10 @@ const ei = x.model({
 })), ni = () => ti.create({
   required: !1,
   default_value: ""
-}), os = V(function({
+}), os = I(function({
   config: t
 }) {
-  return /* @__PURE__ */ i(J, {
+  return /* @__PURE__ */ i(K, {
     children: /* @__PURE__ */ i(lt, {
       checked: t.default_value,
       onChange: (n) => t.setDefaultValue(n.currentTarget.checked),
@@ -1993,10 +2011,10 @@ const ei = x.model({
 }, {
   label: "2022-01-01",
   value: "YYYY-MM-DD"
-}], as = V(function({
+}], as = I(function({
   config: t
 }) {
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(b, {
       children: [/* @__PURE__ */ i(lt, {
         checked: t.required,
@@ -2067,14 +2085,14 @@ function ls({
     })]
   });
 }
-const ss = V(function({
+const ss = I(function({
   query: t
 }) {
   const {
     data: n = [],
     loading: r,
     refresh: o
-  } = Ut(Yn(t), {
+  } = Ut(zl(t), {
     refreshDeps: [t]
   });
   return /* @__PURE__ */ d(_, {
@@ -2103,7 +2121,7 @@ const ss = V(function({
       })]
     })]
   });
-}), ri = V(function({
+}), ri = I(function({
   value: t,
   onChange: n
 }) {
@@ -2166,7 +2184,7 @@ const ss = V(function({
       })]
     })]
   });
-}), us = V(function({
+}), us = I(function({
   config: t
 }) {
   const n = () => {
@@ -2175,8 +2193,8 @@ const ss = V(function({
       value: ""
     });
   }, r = t.static_options, o = [...r];
-  return /* @__PURE__ */ d(J, {
-    children: [/* @__PURE__ */ i(K, {
+  return /* @__PURE__ */ d(K, {
+    children: [/* @__PURE__ */ i(Z, {
       label: "Configure options",
       labelPosition: "center"
     }), r.length > 0 && /* @__PURE__ */ i(Ln, {
@@ -2234,7 +2252,7 @@ const ss = V(function({
       },
       mx: "auto",
       children: "Add an Option"
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       label: "Or fetch options from database",
       labelPosition: "center"
     }), /* @__PURE__ */ i(ri, {
@@ -2242,7 +2260,7 @@ const ss = V(function({
       onChange: t.setOptionsQuery
     })]
   });
-}), cs = V(function({
+}), cs = I(function({
   config: t
 }) {
   const n = () => {
@@ -2254,12 +2272,12 @@ const ss = V(function({
     label: "No default selection",
     value: ""
   }, ...r];
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(lt, {
       checked: t.required,
       onChange: (a) => t.setRequired(a.currentTarget.checked),
       label: "Required"
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       label: "Configure options",
       labelPosition: "center"
     }), r.length > 0 && /* @__PURE__ */ i(T, {
@@ -2317,7 +2335,7 @@ const ss = V(function({
       },
       mx: "auto",
       children: "Add an Option"
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       label: "Or fetch options from database",
       labelPosition: "center"
     }), /* @__PURE__ */ i(ri, {
@@ -2325,10 +2343,10 @@ const ss = V(function({
       onChange: t.setOptionsQuery
     })]
   });
-}), ds = V(function({
+}), ds = I(function({
   config: t
 }) {
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(E, {
       label: "Default Value",
       value: t.default_value,
@@ -2341,7 +2359,7 @@ const ss = V(function({
       label: "Required"
     })]
   });
-}), gs = V(function({
+}), gs = I(function({
   filter: t
 }) {
   const n = t.plainDefaultValue, [r, o] = R.useState(n);
@@ -2355,7 +2373,7 @@ const ss = V(function({
       pb: "md",
       color: "gray",
       children: "Preview"
-    }), /* @__PURE__ */ i(Uo, {
+    }), /* @__PURE__ */ i(Yo, {
       filter: t,
       value: r,
       onChange: o
@@ -2392,11 +2410,11 @@ const ss = V(function({
 }, {
   label: "Date Range",
   value: "date-range"
-}], hs = V(function({
+}], ms = I(function({
   filter: t,
   index: n
 }) {
-  const r = ee(), o = R.useMemo(() => ps[t.type], [t.type]);
+  const r = J(), o = R.useMemo(() => ps[t.type], [t.type]);
   return /* @__PURE__ */ d(Oa, {
     cols: 2,
     children: [/* @__PURE__ */ d(B, {
@@ -2452,8 +2470,8 @@ const ss = V(function({
     })]
   });
 });
-const ms = V(function() {
-  const t = ee(), n = t.filters.current, r = () => {
+const hs = I(function() {
+  const t = J(), n = t.filters.current, r = () => {
     const o = Se(), a = {
       id: o,
       key: o,
@@ -2548,7 +2566,7 @@ const ms = V(function() {
                   maxHeight: "calc(100% - 52px)",
                   overflow: "scroll"
                 },
-                children: /* @__PURE__ */ i(hs, {
+                children: /* @__PURE__ */ i(ms, {
                   filter: o,
                   index: a
                 })
@@ -2571,7 +2589,7 @@ const ms = V(function() {
       })
     })]
   });
-}), vs = V(function({
+}), vs = I(function({
   opened: t,
   close: n
 }) {
@@ -2591,14 +2609,14 @@ const ms = V(function() {
       o.stopPropagation();
     },
     withCloseButton: !1,
-    children: /* @__PURE__ */ i(ms, {})
+    children: /* @__PURE__ */ i(hs, {})
   });
 });
 var bs = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(bs || {}), Ve = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e))(Ve || {}), ys = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(ys || {});
-const xs = V(() => {
-  const t = ee().views.VIE;
+const xs = I(() => {
+  const t = J().views.VIE;
   return !t || t.type !== Ve.Division ? null : /* @__PURE__ */ d(_, {
-    children: [/* @__PURE__ */ i(K, {
+    children: [/* @__PURE__ */ i(Z, {
       mt: 8,
       mb: 0,
       label: "Division settings",
@@ -2610,10 +2628,10 @@ const xs = V(() => {
       children: "Under construction"
     })]
   });
-}), Cs = V(() => {
-  const t = ee().views.VIE;
+}), Cs = I(() => {
+  const t = J().views.VIE;
   return !t || t.type !== Ve.Modal ? null : /* @__PURE__ */ d(_, {
-    children: [/* @__PURE__ */ i(K, {
+    children: [/* @__PURE__ */ i(Z, {
       mt: 8,
       label: "Modal settings",
       labelPosition: "center"
@@ -2632,7 +2650,7 @@ const xs = V(() => {
       })]
     })]
   });
-}), ws = V(() => /* @__PURE__ */ d(J, {
+}), ws = I(() => /* @__PURE__ */ d(K, {
   children: [/* @__PURE__ */ i(xs, {}), /* @__PURE__ */ i(Cs, {})]
 })), Ss = [{
   label: "Division",
@@ -2640,8 +2658,8 @@ const xs = V(() => {
 }, {
   label: "Modal",
   value: Ve.Modal
-}], _s = V(() => {
-  const t = ee().views.VIE;
+}], _s = I(() => {
+  const t = J().views.VIE;
   return t ? /* @__PURE__ */ d(_, {
     sx: {
       position: "relative"
@@ -2659,12 +2677,12 @@ const xs = V(() => {
       data: Ss
     }), /* @__PURE__ */ i(ws, {})]
   }) : null;
-}), Rs = V(({
+}), Rs = I(({
   opened: e,
   close: t
 }) => {
   var o;
-  const n = ee(), {
+  const n = J(), {
     freezeLayout: r
   } = R.useContext(Ae);
   return R.useEffect(() => {
@@ -2738,7 +2756,7 @@ const xs = V(() => {
       children: e
     })
   })
-})), Qr = "TRIGGER_TO_ADD", Is = V(({
+})), Qr = "TRIGGER_TO_ADD", Is = I(({
   value: e,
   onChange: t,
   triggerAdd: n,
@@ -2794,13 +2812,13 @@ const xs = V(() => {
       })
     })]
   });
-}), Vs = V(() => {
-  const e = ee(), [t, n] = pe(!1), r = () => {
+}), Vs = I(() => {
+  const e = J(), [t, n] = pe(!1), r = () => {
     n(!0);
   }, o = () => {
     n(!1);
   };
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Is, {
       value: e.views.idOfVIE,
       onChange: e.views.setIDOfVIE,
@@ -2825,10 +2843,10 @@ const xs = V(() => {
       borderLeftWidth: 0.5
     }
   }
-}, oi = V(function({
+}, oi = I(function({
   saveChanges: t
 }) {
-  const n = ee(), r = R.useCallback(() => {
+  const n = J(), r = R.useCallback(() => {
     const F = n.queries.current, $ = n.views.current, O = n.sqlSnippets.current, L = n.filters.current, Y = n.mock_context.current;
     return {
       filters: L,
@@ -2844,9 +2862,9 @@ const xs = V(() => {
   }, a = n.mock_context.changed || n.views.changed || n.sqlSnippets.changed || n.queries.changed || n.filters.changed, {
     inEditMode: l,
     inUseMode: s
-  } = R.useContext(Ae), [u, g] = R.useState(!1), c = () => g(!0), p = () => g(!1), [f, m] = R.useState(!1), y = () => m(!0), v = () => m(!1), w = () => {
+  } = R.useContext(Ae), [u, g] = R.useState(!1), c = () => g(!0), p = () => g(!1), [f, h] = R.useState(!1), y = () => h(!0), v = () => h(!1), w = () => {
     const F = JSON.stringify(r(), null, 2);
-    ql(n.name, F);
+    Bl(n.name, F);
   };
   return /* @__PURE__ */ d(b, {
     position: "apart",
@@ -2863,7 +2881,7 @@ const xs = V(() => {
           minWidth: "40px"
         }
       },
-      children: [l && /* @__PURE__ */ d(J, {
+      children: [l && /* @__PURE__ */ d(K, {
         children: [/* @__PURE__ */ i(j, {
           variant: "filled",
           size: "xs",
@@ -2962,7 +2980,7 @@ const xs = V(() => {
     })]
   });
 });
-const ii = V(() => {
+const ii = I(() => {
   const {
     freezeLayout: e
   } = R.useContext(Ae), [t, n] = R.useState(!1), {
@@ -2970,7 +2988,7 @@ const ii = V(() => {
   } = fe();
   return R.useEffect(() => {
     e(t);
-  }, [t]), !r.description || r.description === "<p><br></p>" ? null : /* @__PURE__ */ d(J, {
+  }, [t]), !r.description || r.description === "<p><br></p>" ? null : /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Me, {
       opened: t,
       onClose: () => n(!1),
@@ -3064,7 +3082,7 @@ class Fs {
 function $s(e) {
   return !!e.operationId;
 }
-const ks = V(({
+const ks = I(({
   model: e,
   onClick: t
 }) => {
@@ -3075,7 +3093,7 @@ const ks = V(({
     onClick: t,
     children: n
   });
-}), Es = V(({
+}), Es = I(({
   model: e
 }) => {
   const t = {
@@ -3102,7 +3120,7 @@ function Ms({
     value: e.operationSchema.id
   });
 }
-const As = V((e) => {
+const As = I((e) => {
   const [t, {
     setTrue: n,
     setFalse: r
@@ -3114,7 +3132,7 @@ const As = V((e) => {
   } = e, u = Ue(() => new Fs(o, l), [o, l]);
   return Dt(async () => {
     await u.configOperation(a, s);
-  }, [a, u]), $s(u) ? /* @__PURE__ */ d(J, {
+  }, [a, u]), $s(u) ? /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(ks, {
       model: u,
       onClick: n
@@ -3166,7 +3184,7 @@ function zs(e) {
 function Ps(e, t) {
   return Ue(() => new Os(e, t), [e, t]);
 }
-const Ts = V(({
+const Ts = I(({
   model: e,
   onClick: t
 }) => {
@@ -3180,7 +3198,7 @@ const Ts = V(({
     onClick: t,
     children: Yt(n, r)
   });
-}), Ls = V(({
+}), Ls = I(({
   model: e
 }) => {
   const t = e.schemaList, n = t.map((o) => ({
@@ -3196,7 +3214,7 @@ const Ts = V(({
     value: e.triggerSchema.id,
     onChange: r
   });
-}), Ns = V(({
+}), Ns = I(({
   model: e
 }) => {
   const t = {
@@ -3205,12 +3223,12 @@ const Ts = V(({
     sampleData: e.sampleData
   };
   return Yt(e.triggerSchema.configRender, t);
-}), qs = V((e) => {
+}), qs = I((e) => {
   const [t, {
     setTrue: n,
     setFalse: r
   }] = Rt(!1), o = e.model;
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Me, {
       opened: t,
       onClose: r,
@@ -3289,7 +3307,7 @@ class Xn {
   async list() {
     const t = await this.attachmentStorage.getItem(null);
     return Promise.all(
-      mo(t).map(
+      ho(t).map(
         (n) => this.constructInstance(new at(this.attachmentStorage, n.id))
       )
     );
@@ -3470,7 +3488,7 @@ const js = (e) => {
   getColor: nn(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Ks = "5.7.1";
+}, Ks = "5.7.2";
 class Zs {
   constructor(t) {
     P(this, "staticColors", /* @__PURE__ */ new Map());
@@ -4036,7 +4054,7 @@ function gu({
     ...s
   });
 }
-const Z = R.forwardRef(gu);
+const ee = R.forwardRef(gu);
 function pu({
   label: e,
   value: t,
@@ -4045,11 +4063,11 @@ function pu({
   const [o, a] = R.useState(Array.isArray(t) ? [...t] : []), l = R.useCallback(() => {
     a((f) => [...f, ""]);
   }, [a]), s = R.useCallback((f) => {
-    a((m) => (m.splice(f, 1), [...m]));
+    a((h) => (h.splice(f, 1), [...h]));
   }, [a]), u = R.useMemo(() => !W.isEqual(o, t), [o, t]), g = () => {
     n(o.map((f) => f.toString()));
-  }, c = Pa(), p = R.useMemo(() => Object.entries(c.colors).map(([f, m]) => m[6]), [c]);
-  return /* @__PURE__ */ d(J, {
+  }, c = Pa(), p = R.useMemo(() => Object.entries(c.colors).map(([f, h]) => h[6]), [c]);
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(b, {
       position: "left",
       ref: r,
@@ -4066,14 +4084,14 @@ function pu({
         })
       })]
     }), /* @__PURE__ */ d(b, {
-      children: [o.map((f, m) => /* @__PURE__ */ i(Ta, {
+      children: [o.map((f, h) => /* @__PURE__ */ i(Ta, {
         value: f,
         onChange: (y) => {
-          a((v) => (v.splice(m, 1, y), [...v]));
+          a((v) => (v.splice(h, 1, y), [...v]));
         },
         swatches: p,
         rightSection: /* @__PURE__ */ i(M, {
-          onClick: () => s(m),
+          onClick: () => s(h),
           color: "red",
           children: /* @__PURE__ */ i(re, {
             size: 14
@@ -4094,7 +4112,7 @@ function pu({
   });
 }
 const fu = R.forwardRef(pu);
-function hu({
+function mu({
   value: e,
   onChange: t
 }, n) {
@@ -4144,7 +4162,7 @@ function hu({
     })]
   });
 }
-const Qe = R.forwardRef(hu), Ot = [{
+const Qe = R.forwardRef(mu), Ot = [{
   label: "initial",
   value: 0
 }, {
@@ -4160,7 +4178,7 @@ const Qe = R.forwardRef(hu), Ot = [{
   label: "bold",
   value: 100
 }];
-function mu({
+function hu({
   label: e,
   value: t,
   onChange: n
@@ -4188,7 +4206,7 @@ function mu({
     })]
   });
 }
-const vu = R.forwardRef(mu);
+const vu = R.forwardRef(hu);
 function bu({
   label: e,
   value: t,
@@ -4199,7 +4217,7 @@ function bu({
   }, [a]), s = R.useCallback((c) => {
     a((p) => (p.splice(c, 1), [...p]));
   }, [a]), u = R.useMemo(() => !W.isEqual(o, t), [o, t]);
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(b, {
       position: "left",
       ref: r,
@@ -4221,8 +4239,8 @@ function bu({
       children: [o.map((c, p) => /* @__PURE__ */ i(E, {
         value: c,
         onChange: (f) => {
-          const m = f.currentTarget.value;
-          a((y) => (y.splice(p, 1, m), [...y]));
+          const h = f.currentTarget.value;
+          a((y) => (y.splice(p, 1, h), [...y]));
         },
         rightSection: /* @__PURE__ */ i(M, {
           onClick: () => s(p),
@@ -4253,8 +4271,8 @@ const yu = R.forwardRef(bu), xu = R.forwardRef(function({
     const u = W.cloneDeep(t);
     W.set(u, l, s), n(u);
   };
-  return /* @__PURE__ */ d(J, {
-    children: [/* @__PURE__ */ i(K, {
+  return /* @__PURE__ */ d(K, {
+    children: [/* @__PURE__ */ i(Z, {
       my: "xs",
       label: "Typography",
       labelPosition: "center"
@@ -4282,7 +4300,7 @@ const yu = R.forwardRef(bu), xu = R.forwardRef(function({
         value: t.weight,
         onChange: (l) => a("weight", l)
       })
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       my: "xs",
       label: "Style",
       labelPosition: "center"
@@ -4301,7 +4319,7 @@ const yu = R.forwardRef(bu), xu = R.forwardRef(function({
       }), o === "static" && /* @__PURE__ */ i(Qe, {
         value: t.color.staticColor,
         onChange: (l) => a("color.staticColor", l)
-      }), o === "continuous" && /* @__PURE__ */ d(J, {
+      }), o === "continuous" && /* @__PURE__ */ d(K, {
         children: [/* @__PURE__ */ i(yu, {
           label: "Value Range",
           value: t.color.valueRange,
@@ -4332,7 +4350,7 @@ const yu = R.forwardRef(bu), xu = R.forwardRef(function({
       weight: "bold",
       pb: 0,
       children: t.name
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       my: "xs",
       label: "Data",
       labelPosition: "center"
@@ -4344,7 +4362,7 @@ const yu = R.forwardRef(bu), xu = R.forwardRef(function({
         required: !0,
         value: t.name,
         onChange: (s) => l("name", s.currentTarget.value)
-      }), /* @__PURE__ */ i(Z, {
+      }), /* @__PURE__ */ i(ee, {
         label: "Data Field",
         required: !0,
         data: r,
@@ -4355,7 +4373,7 @@ const yu = R.forwardRef(bu), xu = R.forwardRef(function({
       label: "Aggregation",
       value: t.aggregation,
       onChange: (s) => l("aggregation", s)
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       my: "xs",
       label: "Format",
       labelPosition: "center"
@@ -4420,7 +4438,7 @@ const _u = (e) => ({
   transform: (t) => `${t}${e}`
 }), wt = _u("%");
 Object.assign(Object.assign({}, wt), { parse: (e) => wt.parse(e) / 100, transform: (e) => wt.transform(e * 100) });
-const nr = (e, t) => (n) => Boolean(Vt(n) && Su.test(n) && n.startsWith(e) || t && Object.prototype.hasOwnProperty.call(n, t)), hi = (e, t, n) => (r) => {
+const nr = (e, t) => (n) => Boolean(Vt(n) && Su.test(n) && n.startsWith(e) || t && Object.prototype.hasOwnProperty.call(n, t)), mi = (e, t, n) => (r) => {
   if (!Vt(r))
     return r;
   const [o, a, l, s] = r.match(qt);
@@ -4432,11 +4450,11 @@ const nr = (e, t) => (n) => Boolean(Vt(n) && Su.test(n) && n.startsWith(e) || t
   };
 }, nt = {
   test: nr("hsl", "hue"),
-  parse: hi("hue", "saturation", "lightness"),
+  parse: mi("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + wt.transform(Ct(t)) + ", " + wt.transform(Ct(n)) + ", " + Ct(fi.transform(r)) + ")"
 }, Ru = pi(0, 255), yn = Object.assign(Object.assign({}, an), { transform: (e) => Math.round(Ru(e)) }), je = {
   test: nr("rgb", "red"),
-  parse: hi("red", "green", "blue"),
+  parse: mi("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + yn.transform(e) + ", " + yn.transform(t) + ", " + yn.transform(n) + ", " + Ct(fi.transform(r)) + ")"
 };
 function Du(e) {
@@ -4456,7 +4474,7 @@ const kn = {
   test: (e) => je.test(e) || kn.test(e) || nt.test(e),
   parse: (e) => je.test(e) ? je.parse(e) : nt.test(e) ? nt.parse(e) : kn.parse(e),
   transform: (e) => Vt(e) ? e : e.hasOwnProperty("red") ? je.transform(e) : nt.transform(e)
-}, mi = "${c}", vi = "${n}";
+}, hi = "${c}", vi = "${n}";
 function Iu(e) {
   var t, n, r, o;
   return isNaN(e) && Vt(e) && ((n = (t = e.match(qt)) === null || t === void 0 ? void 0 : t.length) !== null && n !== void 0 ? n : 0) + ((o = (r = e.match($n)) === null || r === void 0 ? void 0 : r.length) !== null && o !== void 0 ? o : 0) > 0;
@@ -4466,7 +4484,7 @@ function bi(e) {
   const t = [];
   let n = 0;
   const r = e.match($n);
-  r && (n = r.length, e = e.replace($n, mi), t.push(...r.map(ln.parse)));
+  r && (n = r.length, e = e.replace($n, hi), t.push(...r.map(ln.parse)));
   const o = e.match(qt);
   return o && (e = e.replace(qt, vi), t.push(...o.map(an.parse))), { values: t, numColors: n, tokenised: e };
 }
@@ -4478,7 +4496,7 @@ function xi(e) {
   return (a) => {
     let l = r;
     for (let s = 0; s < o; s++)
-      l = l.replace(s < n ? mi : vi, s < n ? ln.transform(a[s]) : Ct(a[s]));
+      l = l.replace(s < n ? hi : vi, s < n ? ln.transform(a[s]) : Ct(a[s]));
     return l;
   };
 }
@@ -4642,7 +4660,7 @@ function ju(e, t) {
   }), n;
 }
 function Hu(e) {
-  return e.split(" ").map((t) => /* @__PURE__ */ d(J, {
+  return e.split(" ").map((t) => /* @__PURE__ */ d(K, {
     children: [t, "\xA0"]
   }));
 }
@@ -4668,7 +4686,7 @@ function En(e, t, n) {
     if (!s)
       return Cn(a);
     const u = (g = l[2]) != null ? g : "";
-    return /* @__PURE__ */ d(J, {
+    return /* @__PURE__ */ d(K, {
       children: [s, Cn(u)]
     });
   });
@@ -4789,12 +4807,12 @@ function Ju({
   } = Q(e.instanceData, "config"), o = R.useMemo(() => {
     const {
       align: f,
-      template: m = "",
+      template: h = "",
       variables: y = []
     } = rt({}, n, Kn);
     return {
       variables: y,
-      template: m,
+      template: h,
       align: f
     };
   }, [n]), {
@@ -4931,10 +4949,10 @@ function z(e, t, n) {
     r = l;
     let u;
     if (n.key && n.debug && (u = Date.now()), o = t(...l), n == null || n.onChange == null || n.onChange(o), n.key && n.debug && n != null && n.debug()) {
-      const g = Math.round((Date.now() - a) * 100) / 100, c = Math.round((Date.now() - u) * 100) / 100, p = c / 16, f = (m, y) => {
-        for (m = String(m); m.length < y; )
-          m = " " + m;
-        return m;
+      const g = Math.round((Date.now() - a) * 100) / 100, c = Math.round((Date.now() - u) * 100) / 100, p = c / 16, f = (h, y) => {
+        for (h = String(h); h.length < y; )
+          h = " " + h;
+        return h;
       };
       console.info("%c\u23F1 " + f(c, 5) + " /" + f(g, 5) + " ms", `
             font-size: .6rem;
@@ -4952,10 +4970,10 @@ function ec(e, t, n, r) {
   }, u = s.accessorKey;
   let g = (o = (a = s.id) != null ? a : u ? u.replace(".", "_") : void 0) != null ? o : typeof s.header == "string" ? s.header : void 0, c;
   if (s.accessorFn ? c = s.accessorFn : u && (u.includes(".") ? c = (f) => {
-    let m = f;
+    let h = f;
     for (const y of u.split("."))
-      m = m[y];
-    return m;
+      h = h[y];
+    return h;
   } : c = (f) => f[s.accessorKey]), !g)
     throw process.env.NODE_ENV !== "production" ? new Error(s.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header") : new Error();
   let p = {
@@ -4967,7 +4985,7 @@ function ec(e, t, n, r) {
     columns: [],
     getFlatColumns: z(() => [!0], () => {
       var f;
-      return [p, ...(f = p.columns) == null ? void 0 : f.flatMap((m) => m.getFlatColumns())];
+      return [p, ...(f = p.columns) == null ? void 0 : f.flatMap((h) => h.getFlatColumns())];
     }, {
       key: process.env.NODE_ENV === "production" && "column.getFlatColumns",
       debug: () => {
@@ -4976,8 +4994,8 @@ function ec(e, t, n, r) {
       }
     }),
     getLeafColumns: z(() => [e._getOrderColumnsFn()], (f) => {
-      var m;
-      if ((m = p.columns) != null && m.length) {
+      var h;
+      if ((h = p.columns) != null && h.length) {
         let y = p.columns.flatMap((v) => v.getLeafColumns());
         return f(y);
       }
@@ -4990,7 +5008,7 @@ function ec(e, t, n, r) {
       }
     })
   };
-  return p = e._features.reduce((f, m) => Object.assign(f, m.createColumn == null ? void 0 : m.createColumn(p, e)), p), p;
+  return p = e._features.reduce((f, h) => Object.assign(f, h.createColumn == null ? void 0 : h.createColumn(p, e)), p), p;
 }
 function to(e, t, n) {
   var r;
@@ -5164,18 +5182,18 @@ const tc = {
 function zt(e, t, n, r) {
   var o, a;
   let l = 0;
-  const s = function(f, m) {
-    m === void 0 && (m = 1), l = Math.max(l, m), f.filter((y) => y.getIsVisible()).forEach((y) => {
+  const s = function(f, h) {
+    h === void 0 && (h = 1), l = Math.max(l, h), f.filter((y) => y.getIsVisible()).forEach((y) => {
       var v;
-      (v = y.columns) != null && v.length && s(y.columns, m + 1);
+      (v = y.columns) != null && v.length && s(y.columns, h + 1);
     }, 0);
   };
   s(e);
   let u = [];
-  const g = (f, m) => {
+  const g = (f, h) => {
     const y = {
-      depth: m,
-      id: [r, "" + m].filter(Boolean).join("_"),
+      depth: h,
+      id: [r, "" + h].filter(Boolean).join("_"),
       headers: []
     }, v = [];
     f.forEach((w) => {
@@ -5185,19 +5203,19 @@ function zt(e, t, n, r) {
         F.subHeaders.push(w);
       else {
         const Y = to(n, O, {
-          id: [r, m, O.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
+          id: [r, h, O.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
           isPlaceholder: L,
           placeholderId: L ? "" + v.filter((ce) => ce.column === O).length : void 0,
-          depth: m,
+          depth: h,
           index: v.length
         });
         Y.subHeaders.push(w), v.push(Y);
       }
       y.headers.push(w), w.headerGroup = y;
-    }), u.push(y), m > 0 && g(v, m - 1);
-  }, c = t.map((f, m) => to(n, f, {
+    }), u.push(y), h > 0 && g(v, h - 1);
+  }, c = t.map((f, h) => to(n, f, {
     depth: l,
-    index: m
+    index: h
   }));
   g(c, l - 1), u.reverse();
   const p = (f) => f.filter((y) => y.column.getIsVisible()).map((y) => {
@@ -5294,7 +5312,7 @@ const Pt = {
       return (o) => {
         if (!r || (o.persist == null || o.persist(), Sn(o) && o.touches && o.touches.length > 1))
           return;
-        const a = e.getSize(), l = e ? e.getLeafHeaders().map((m) => [m.column.id, m.column.getSize()]) : [[n.id, n.getSize()]], s = Sn(o) ? Math.round(o.touches[0].clientX) : o.clientX, u = (m, y) => {
+        const a = e.getSize(), l = e ? e.getLeafHeaders().map((h) => [h.column.id, h.column.getSize()]) : [[n.id, n.getSize()]], s = Sn(o) ? Math.round(o.touches[0].clientX) : o.clientX, u = (h, y) => {
           if (typeof y != "number")
             return;
           let v = {};
@@ -5309,12 +5327,12 @@ const Pt = {
               deltaOffset: O,
               deltaPercentage: L
             };
-          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((w) => ({
+          }), (t.options.columnResizeMode === "onChange" || h === "end") && t.setColumnSizing((w) => ({
             ...w,
             ...v
           }));
-        }, g = (m) => u("move", m), c = (m) => {
-          u("end", m), t.setColumnSizingInfo((y) => ({
+        }, g = (h) => u("move", h), c = (h) => {
+          u("end", h), t.setColumnSizingInfo((y) => ({
             ...y,
             isResizingColumn: !1,
             startOffset: null,
@@ -5324,15 +5342,15 @@ const Pt = {
             columnSizingStart: []
           }));
         }, p = {
-          moveHandler: (m) => g(m.clientX),
-          upHandler: (m) => {
-            document.removeEventListener("mousemove", p.moveHandler), document.removeEventListener("mouseup", p.upHandler), c(m.clientX);
+          moveHandler: (h) => g(h.clientX),
+          upHandler: (h) => {
+            document.removeEventListener("mousemove", p.moveHandler), document.removeEventListener("mouseup", p.upHandler), c(h.clientX);
           }
         }, f = rc() ? {
           passive: !1
         } : !1;
-        Sn(o) || (document.addEventListener("mousemove", p.moveHandler, f), document.addEventListener("mouseup", p.upHandler, f)), t.setColumnSizingInfo((m) => ({
-          ...m,
+        Sn(o) || (document.addEventListener("mousemove", p.moveHandler, f), document.addEventListener("mouseup", p.upHandler, f)), t.setColumnSizingInfo((h) => ({
+          ...h,
           startOffset: s,
           startSize: a,
           deltaOffset: 0,
@@ -5728,7 +5746,7 @@ const ac = (e, t, n) => n.reduce((r, o) => {
   unique: gc,
   uniqueCount: pc,
   count: fc
-}, hc = {
+}, mc = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var t, n;
@@ -5802,7 +5820,7 @@ const ac = (e, t, n) => n.reduce((r, o) => {
     }
   })
 };
-function mc(e, t, n) {
+function hc(e, t, n) {
   if (!(t != null && t.length) || !n)
     return e;
   const r = e.filter((a) => !t.includes(a.id));
@@ -5834,7 +5852,7 @@ const vc = {
         }
         a = [...a, ...s];
       }
-      return mc(a, n, r);
+      return hc(a, n, r);
     }, {
       key: process.env.NODE_ENV === "development" && "getOrderColumnsFn"
     })
@@ -6331,7 +6349,7 @@ const vt = {
     toggleSorting: (n, r) => {
       const o = e.getNextSortingOrder(), a = typeof n < "u" && n !== null;
       t.setSorting((l) => {
-        const s = l == null ? void 0 : l.find((m) => m.id === e.id), u = l == null ? void 0 : l.findIndex((m) => m.id === e.id);
+        const s = l == null ? void 0 : l.find((h) => h.id === e.id), u = l == null ? void 0 : l.findIndex((h) => h.id === e.id);
         let g = [], c, p = a ? n : o === "desc";
         if (l != null && l.length && e.getCanMultiSort() && r ? s ? c = "toggle" : c = "add" : l != null && l.length && u !== l.length - 1 ? c = "replace" : s ? c = "toggle" : c = "replace", c === "toggle" && (a || o || (c = "remove")), c === "add") {
           var f;
@@ -6340,10 +6358,10 @@ const vt = {
             desc: p
           }], g.splice(0, g.length - ((f = t.options.maxMultiSortColCount) != null ? f : Number.MAX_SAFE_INTEGER));
         } else
-          c === "toggle" ? g = l.map((m) => m.id === e.id ? {
-            ...m,
+          c === "toggle" ? g = l.map((h) => h.id === e.id ? {
+            ...h,
             desc: p
-          } : m) : c === "remove" ? g = l.filter((m) => m.id !== e.id) : g = [{
+          } : h) : c === "remove" ? g = l.filter((h) => h.id !== e.id) : g = [{
             id: e.id,
             desc: p
           }];
@@ -6472,7 +6490,7 @@ const vt = {
       }
     };
   }
-}, oo = [tc, Vc, vc, yc, ic, Ic, hc, oc, bc, xc, nc];
+}, oo = [tc, Vc, vc, yc, ic, Ic, mc, oc, bc, xc, nc];
 function Fc(e) {
   var t;
   (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
@@ -6521,8 +6539,8 @@ function Fc(e) {
       n.options.onStateChange == null || n.options.onStateChange(c);
     },
     _getRowId: (c, p, f) => {
-      var m;
-      return (m = n.options.getRowId == null ? void 0 : n.options.getRowId(c, p, f)) != null ? m : "" + (f ? [f.id, p].join(".") : p);
+      var h;
+      return (h = n.options.getRowId == null ? void 0 : n.options.getRowId(c, p, f)) != null ? h : "" + (f ? [f.id, p].join(".") : p);
     },
     getCoreRowModel: () => (n._getCoreRowModel || (n._getCoreRowModel = n.options.getCoreRowModel(n)), n._getCoreRowModel()),
     getRowModel: () => n.getPaginationRowModel(),
@@ -6536,14 +6554,14 @@ function Fc(e) {
       var p;
       return c = (p = c) != null ? p : {}, {
         header: (f) => {
-          const m = f.header.column.columnDef;
-          return m.accessorKey ? m.accessorKey : m.accessorFn ? m.id : null;
+          const h = f.header.column.columnDef;
+          return h.accessorKey ? h.accessorKey : h.accessorFn ? h.id : null;
         },
         cell: (f) => {
-          var m, y;
-          return (m = (y = f.renderValue()) == null || y.toString == null ? void 0 : y.toString()) != null ? m : null;
+          var h, y;
+          return (h = (y = f.renderValue()) == null || y.toString == null ? void 0 : y.toString()) != null ? h : null;
         },
-        ...n._features.reduce((f, m) => Object.assign(f, m.getDefaultColumnDef == null ? void 0 : m.getDefaultColumnDef()), {}),
+        ...n._features.reduce((f, h) => Object.assign(f, h.getDefaultColumnDef == null ? void 0 : h.getDefaultColumnDef()), {}),
         ...c
       };
     }, {
@@ -6555,9 +6573,9 @@ function Fc(e) {
     }),
     _getColumnDefs: () => n.options.columns,
     getAllColumns: z(() => [n._getColumnDefs()], (c) => {
-      const p = function(f, m, y) {
+      const p = function(f, h, y) {
         return y === void 0 && (y = 0), f.map((v) => {
-          const w = ec(n, v, y, m), F = v;
+          const w = ec(n, v, y, h), F = v;
           return w.columns = F.columns ? p(F.columns, w, y + 1) : [], w;
         });
       };
@@ -6584,7 +6602,7 @@ function Fc(e) {
       }
     }),
     getAllLeafColumns: z(() => [n.getAllColumns(), n._getOrderColumnsFn()], (c, p) => {
-      let f = c.flatMap((m) => m.getLeafColumns());
+      let f = c.flatMap((h) => h.getLeafColumns());
       return p(f);
     }, {
       key: process.env.NODE_ENV === "development" && "getAllLeafColumns",
@@ -6728,9 +6746,9 @@ function Ac() {
     const s = (u) => {
       const g = u.slice();
       return g.sort((c, p) => {
-        for (let m = 0; m < a.length; m += 1) {
+        for (let h = 0; h < a.length; h += 1) {
           var f;
-          const y = a[m], v = l[y.id], w = (f = y == null ? void 0 : y.desc) != null ? f : !1;
+          const y = a[h], v = l[y.id], w = (f = y == null ? void 0 : y.desc) != null ? f : !1;
           if (v.sortUndefined) {
             const $ = c.getValue(y.id), O = p.getValue(y.id), L = typeof $ > "u", Y = typeof O > "u";
             if (L || Y)
@@ -7087,7 +7105,7 @@ function cd({
   context: e,
   instance: t
 }) {
-  var ye, he, Re;
+  var ye, me, Re;
   const n = (ye = e.data) != null ? ye : [], {
     height: r,
     width: o
@@ -7108,7 +7126,7 @@ function cd({
     getColIndex: Nt((le) => p.indexOf(le.column.columnDef.meta), [p]),
     vizManager: e.vizManager,
     instance: t
-  }), m = N(() => {
+  }), h = N(() => {
     const le = Ec(), De = p.map((ve) => le.accessor(ve.value_field, {
       cell: (Ge) => /* @__PURE__ */ i(sd, {
         tableCellContext: f(Ge.cell),
@@ -7131,7 +7149,7 @@ function cd({
       sorting: y
     },
     onSortingChange: v,
-    columns: m,
+    columns: h,
     getCoreRowModel: Mc(),
     getSortedRowModel: Ac()
   }), {
@@ -7144,7 +7162,7 @@ function cd({
   }), {
     virtualItems: L,
     totalSize: Y
-  } = O, ce = L.length > 0 && ((he = L == null ? void 0 : L[0]) == null ? void 0 : he.start) || 0, ae = L.length > 0 ? Y - (((Re = L == null ? void 0 : L[L.length - 1]) == null ? void 0 : Re.end) || 0) : 0;
+  } = O, ce = L.length > 0 && ((me = L == null ? void 0 : L[0]) == null ? void 0 : me.start) || 0, ae = L.length > 0 ? Y - (((Re = L == null ? void 0 : L[L.length - 1]) == null ? void 0 : Re.end) || 0) : 0;
   return /* @__PURE__ */ i("div", {
     ref: $,
     style: {
@@ -7183,9 +7201,9 @@ function cd({
         }), L.map((le) => {
           const De = F[le.index];
           return /* @__PURE__ */ i("tr", {
-            children: De.getVisibleCells().map((me) => /* @__PURE__ */ i("td", {
-              children: Pi(me.column.columnDef.cell, me.getContext())
-            }, me.id))
+            children: De.getVisibleCells().map((he) => /* @__PURE__ */ i("td", {
+              children: Pi(he.column.columnDef.cell, he.getContext())
+            }, he.id))
           }, De.id);
         }), ae > 0 && /* @__PURE__ */ i("tr", {
           children: /* @__PURE__ */ i("td", {
@@ -7315,7 +7333,7 @@ function fd(e) {
   } = Ni(), [l, s] = pe(o), [u, {
     setTrue: g,
     setFalse: c
-  }] = Rt(!1), p = r % 2 === 1, f = p && o != null, m = !p && o != null, y = `map ${o} to color ${r}`, v = () => {
+  }] = Rt(!1), p = r % 2 === 1, f = p && o != null, h = !p && o != null, y = `map ${o} to color ${r}`, v = () => {
     s(o), c();
   }, w = () => {
     c(), t == null || t(l);
@@ -7375,7 +7393,7 @@ function fd(e) {
     }), /* @__PURE__ */ i(C, {
       title: y,
       style: {
-        opacity: m ? 1 : 0
+        opacity: h ? 1 : 0
       },
       color: "dimmed",
       size: "sm",
@@ -7384,7 +7402,7 @@ function fd(e) {
     })]
   });
 }
-const hd = V(({
+const md = I(({
   model: e
 }) => {
   const {
@@ -7399,11 +7417,11 @@ const hd = V(({
       onChange: (l) => e.changeStep(l, o)
     }, r))
   });
-}), md = V(function(t) {
+}), hd = I(function(t) {
   const n = Ue(() => new pd(), []);
   return ne(() => {
     n.fromProps(t);
-  }), n.interpolation == null ? null : /* @__PURE__ */ i(hd, {
+  }), n.interpolation == null ? null : /* @__PURE__ */ i(md, {
     model: n
   });
 }), vd = (e) => {
@@ -7425,7 +7443,7 @@ const hd = V(({
       interpolation: w
     }));
   }
-  const m = () => {
+  const h = () => {
     c(), n == null || n(Jt(a));
   };
   function y(w) {
@@ -7437,7 +7455,7 @@ const hd = V(({
   const v = () => {
     c(), l(t);
   };
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(j, {
       variant: "outline",
       onClick: g,
@@ -7454,7 +7472,7 @@ const hd = V(({
           value: a.interpolation,
           data: p,
           onChange: f
-        }), /* @__PURE__ */ i(md, {
+        }), /* @__PURE__ */ i(hd, {
           steps: a.steps,
           interpolation: s,
           onChange: y
@@ -7465,7 +7483,7 @@ const hd = V(({
             variant: "subtle",
             children: "Cancel"
           }), /* @__PURE__ */ i(j, {
-            onClick: m,
+            onClick: h,
             children: "OK"
           })]
         })]
@@ -7501,23 +7519,23 @@ const wd = (e) => {
     children: [/* @__PURE__ */ i(T, {
       label: "Cell background",
       value: n || "none",
-      onChange: (m) => {
+      onChange: (h) => {
         var y, v, w;
-        r(m || "none"), m === "static" ? (y = e.onChange) == null || y.call(e, l.current) : m === "none" || !m ? (v = e.onChange) == null || v.call(e, "none") : (w = e.onChange) == null || w.call(e, g.current);
+        r(h || "none"), h === "static" ? (y = e.onChange) == null || y.call(e, l.current) : h === "none" || !h ? (v = e.onChange) == null || v.call(e, "none") : (w = e.onChange) == null || w.call(e, g.current);
       },
       data: bd
     }), n === "static" && /* @__PURE__ */ i(Qe, {
       value: o,
-      onChange: (m) => {
+      onChange: (h) => {
         var y;
-        a(m), (y = e.onChange) == null || y.call(e, m);
+        a(h), (y = e.onChange) == null || y.call(e, h);
       }
     }), n === "interpolation" && /* @__PURE__ */ i(vd, {
       colorManager: t,
       value: s,
-      onChange: (m) => {
+      onChange: (h) => {
         var y;
-        u(m), (y = e.onChange) == null || y.call(e, m);
+        u(h), (y = e.onChange) == null || y.call(e, h);
       }
     })]
   });
@@ -7591,7 +7609,7 @@ function Rd({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(Z, {
+        children: [/* @__PURE__ */ i(ee, {
           label: "ID Field",
           required: !0,
           data: o,
@@ -7697,7 +7715,7 @@ function Rd({
                   flex: 1
                 },
                 ...r.getInputProps(`columns.${s}.label`)
-              }), /* @__PURE__ */ i(Z, {
+              }), /* @__PURE__ */ i(ee, {
                 label: "Value Field",
                 required: !0,
                 data: o,
@@ -7804,7 +7822,7 @@ function Vd({
     value: Number(p[l])
   })), [n, a, l]), u = N(() => {
     var p, f;
-    return (f = (p = wo(s, (m) => m.value)) == null ? void 0 : p.value) != null ? f : 1;
+    return (f = (p = wo(s, (h) => h.value)) == null ? void 0 : p.value) != null ? f : 1;
   }, [s]), g = N(() => ({
     series: {
       label: {
@@ -7879,12 +7897,12 @@ function Fd({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(Z, {
+        children: [/* @__PURE__ */ i(ee, {
           label: "Label Field",
           required: !0,
           data: a,
           ...l.getInputProps("label_field")
-        }), /* @__PURE__ */ i(Z, {
+        }), /* @__PURE__ */ i(ee, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -8040,12 +8058,12 @@ function Ad({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(Z, {
+        children: [/* @__PURE__ */ i(ee, {
           label: "Label Field",
           required: !0,
           data: a,
           ...l.getInputProps("label_field")
-        }), /* @__PURE__ */ i(Z, {
+        }), /* @__PURE__ */ i(ee, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -8113,7 +8131,7 @@ function Pd({
   }, [n, s]), f = N(() => {
     const y = wo(n, (v) => v[s]);
     return de(y, s);
-  }, [n, s]), m = {
+  }, [n, s]), h = {
     tooltip: {},
     backgroundColor: "#fff",
     visualMap: {
@@ -8149,7 +8167,7 @@ function Pd({
   };
   return t ? /* @__PURE__ */ i(Ke, {
     echarts: ue,
-    option: m,
+    option: h,
     style: {
       width: r,
       height: o
@@ -8191,7 +8209,7 @@ function Td({
           control: a,
           render: ({
             field: u
-          }) => /* @__PURE__ */ i(Z, {
+          }) => /* @__PURE__ */ i(ee, {
             label: "Data Field",
             required: !0,
             data: r,
@@ -8227,7 +8245,7 @@ function Td({
           control: a,
           render: ({
             field: u
-          }) => /* @__PURE__ */ i(Z, {
+          }) => /* @__PURE__ */ i(ee, {
             label: "Data Field",
             required: !0,
             data: r,
@@ -8263,7 +8281,7 @@ function Td({
           control: a,
           render: ({
             field: u
-          }) => /* @__PURE__ */ i(Z, {
+          }) => /* @__PURE__ */ i(ee, {
             label: "Data Field",
             required: !0,
             data: r,
@@ -8381,10 +8399,10 @@ function Gd({
     xAxisData: c,
     boxplotData: p
   } = N(() => {
-    const m = W.groupBy(n, a.data_key);
+    const h = W.groupBy(n, a.data_key);
     return {
-      xAxisData: Object.keys(m),
-      boxplotData: Object.values(m).map((y) => y.map((v) => v[l.data_key]))
+      xAxisData: Object.keys(h),
+      boxplotData: Object.values(h).map((y) => y.map((v) => v[l.data_key]))
     };
   }, [n, a.data_key, l.data_key]), f = {
     dataset: [{
@@ -8393,9 +8411,9 @@ function Gd({
       transform: {
         type: "boxplot",
         config: {
-          itemNameFormatter: function(m) {
+          itemNameFormatter: function(h) {
             var y;
-            return (y = c[m.value]) != null ? y : m.value;
+            return (y = c[h.value]) != null ? y : h.value;
           }
         }
       }
@@ -8693,7 +8711,7 @@ function Ud({
                 control: a,
                 render: ({
                   field: f
-                }) => /* @__PURE__ */ i(Z, {
+                }) => /* @__PURE__ */ i(ee, {
                   label: "X Axis Data Field",
                   required: !0,
                   data: r,
@@ -8723,7 +8741,7 @@ function Ud({
                 control: a,
                 render: ({
                   field: f
-                }) => /* @__PURE__ */ i(Z, {
+                }) => /* @__PURE__ */ i(ee, {
                   label: "Y Axis Data Field",
                   required: !0,
                   data: r,
@@ -8835,7 +8853,7 @@ function Jd({ regressions: e = [] }, t) {
     const g = `x-axis-for-${s}`, c = `dataset-for-${s}--raw`, p = `dataset-for-${s}--transformed`;
     n.push({
       id: c,
-      source: t.map((f, m) => [m, Number(f[u])])
+      source: t.map((f, h) => [h, Number(f[u])])
     }), n.push({
       transform: a,
       id: p,
@@ -8926,7 +8944,7 @@ function tg({ x_axis_data_key: e }, {
   display_name_on_line: u,
   ...g
 }, c, p, f) {
-  const m = {
+  const h = {
     label: {
       show: !!r,
       position: r,
@@ -8939,16 +8957,16 @@ function tg({ x_axis_data_key: e }, {
     color: s,
     ...g
   };
-  if (u && (m.endLabel = {
+  if (u && (h.endLabel = {
     show: !0,
     formatter: o,
     offset: [-12, 12],
     align: "right"
   }), !a)
-    return m.data = p.map((v) => v[t]), m;
+    return h.data = p.map((v) => v[t]), h;
   const y = Ja(p, a);
   return Object.entries(y).map(([v, w]) => {
-    const F = Co(m);
+    const F = Co(h);
     return F.data = Kd(c, w, e, t), F.name = v, F.color = void 0, F;
   });
 }
@@ -9049,9 +9067,9 @@ const ag = {
 };
 function lg(e, t) {
   const n = e.y_axes.reduce(
-    (g, { label_formatter: c }, p) => (g[p] = function(m) {
-      let y = m;
-      if (typeof m == "object" && (Array.isArray(m.value) && m.value.length === 2 ? y = m.value[1] : y = m.value), !c)
+    (g, { label_formatter: c }, p) => (g[p] = function(h) {
+      let y = h;
+      if (typeof h == "object" && (Array.isArray(h.value) && h.value.length === 2 ? y = h.value[1] : y = h.value), !c)
         return y;
       try {
         return we(y).format(c);
@@ -9134,12 +9152,12 @@ function ug({
     const {
       stats: {
         templates: f,
-        variables: m
+        variables: h
       }
     } = n;
     return {
-      top: En(f.top, m, r),
-      bottom: En(f.bottom, m, r)
+      top: En(f.top, h, r),
+      bottom: En(f.bottom, h, r)
     };
   }, [n, r]), p = Math.max(0, a - s - g);
   return /* @__PURE__ */ d(B, {
@@ -9246,7 +9264,7 @@ function gg({
           ...o
         })
       })]
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       variant: "dashed",
       label: "Data",
       labelPosition: "center"
@@ -9414,7 +9432,7 @@ function fg({
     })]
   }, t);
 }
-function hg({
+function mg({
   control: e,
   watch: t
 }) {
@@ -9452,7 +9470,7 @@ function hg({
     })]
   });
 }
-const mg = [{
+const hg = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -9512,7 +9530,7 @@ function bg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -9561,7 +9579,7 @@ function bg({
           field: s
         }) => /* @__PURE__ */ i(T, {
           label: "Method",
-          data: mg,
+          data: hg,
           sx: {
             flex: 1
           },
@@ -9580,7 +9598,7 @@ function bg({
           ...s
         })
       })]
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       mb: -15,
       variant: "dashed",
       label: "Line Style",
@@ -9714,7 +9732,7 @@ function Cg({
   control: e,
   index: t
 }) {
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(b, {
       grow: !0,
       align: "top",
@@ -9786,8 +9804,8 @@ function _g({
   control: e,
   index: t
 }) {
-  return /* @__PURE__ */ d(J, {
-    children: [/* @__PURE__ */ i(K, {
+  return /* @__PURE__ */ d(K, {
+    children: [/* @__PURE__ */ i(Z, {
       mb: -15,
       variant: "dashed",
       label: "Line Settings",
@@ -10026,7 +10044,7 @@ function Vg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -10073,7 +10091,7 @@ function Vg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "Group By",
           data: a,
           clearable: !0,
@@ -10377,7 +10395,7 @@ function Ag({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "X Axis Data Field",
           required: !0,
           data: e,
@@ -10399,7 +10417,7 @@ function Ag({
           ...r
         })
       })]
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       mb: -15,
       label: "Tick Label",
       labelPosition: "center"
@@ -10463,7 +10481,7 @@ function Pg({
       border: "1px solid #eee",
       position: "relative"
     },
-    children: [/* @__PURE__ */ i(K, {
+    children: [/* @__PURE__ */ i(Z, {
       mb: -15,
       variant: "dashed",
       label: "Name",
@@ -10499,7 +10517,7 @@ function Pg({
           ...r
         })
       })]
-    }), /* @__PURE__ */ i(K, {
+    }), /* @__PURE__ */ i(Z, {
       mb: -15,
       variant: "dashed",
       label: "Layout",
@@ -10523,7 +10541,7 @@ function Pg({
         })
       })
     }), /* @__PURE__ */ d(_, {
-      children: [/* @__PURE__ */ i(K, {
+      children: [/* @__PURE__ */ i(Z, {
         mb: -15,
         variant: "dashed",
         label: "Label Format",
@@ -10599,7 +10617,7 @@ function Lg(e) {
     color: c = "black",
     barWidth: p = "30",
     barGap: f = "0%",
-    smooth: m = !1,
+    smooth: h = !1,
     step: y = !1,
     group_by_key: v = "",
     display_name_on_line: w = !1,
@@ -10620,7 +10638,7 @@ function Lg(e) {
       color: c,
       barWidth: p,
       barGap: f,
-      smooth: m,
+      smooth: h,
       step: y,
       group_by_key: v,
       display_name_on_line: w,
@@ -10791,7 +10809,7 @@ function Gg({
               }), /* @__PURE__ */ i(k.Panel, {
                 value: "reference_lines",
                 pt: "xs",
-                children: /* @__PURE__ */ i(hg, {
+                children: /* @__PURE__ */ i(mg, {
                   control: l,
                   watch: u
                 })
@@ -11013,7 +11031,7 @@ function Xg({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "Data Key",
           required: !0,
           data: r,
@@ -11038,7 +11056,7 @@ function Xg({
         })
       })]
     }), /* @__PURE__ */ d(_, {
-      children: [/* @__PURE__ */ i(K, {
+      children: [/* @__PURE__ */ i(Z, {
         mb: -15,
         variant: "dashed",
         label: "Value Formatter",
@@ -11149,7 +11167,7 @@ function Zg({
   ne(() => {
     Te(p(), s) || f(s);
   }, [o]), c(["series_name_key"]);
-  const m = p(), y = N(() => !Te(m, o), [m, o]);
+  const h = p(), y = N(() => !Te(h, o), [h, o]);
   return /* @__PURE__ */ i(_, {
     mt: "md",
     spacing: "xs",
@@ -11182,7 +11200,7 @@ function Zg({
           control: u,
           render: ({
             field: v
-          }) => /* @__PURE__ */ i(Z, {
+          }) => /* @__PURE__ */ i(ee, {
             label: "Series Name Field",
             required: !0,
             data: t,
@@ -11494,9 +11512,9 @@ function lp({
   } = e.viewport, o = N(() => {
     var f;
     const c = e.data, p = (f = t == null ? void 0 : t.regression) == null ? void 0 : f.y_axis_data_key;
-    return p ? c.map((m) => typeof m[p] == "number" ? m : {
-      ...m,
-      [p]: Number(m[p])
+    return p ? c.map((h) => typeof h[p] == "number" ? h : {
+      ...h,
+      [p]: Number(h[p])
     }) : c;
   }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = N(() => ip(rt({}, t, fr), o), [t, o]), {
     expression: l,
@@ -11610,7 +11628,7 @@ function up({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "Value Field",
           required: !0,
           data: n,
@@ -11738,7 +11756,7 @@ function cp({
                 control: a,
                 render: ({
                   field: f
-                }) => /* @__PURE__ */ i(Z, {
+                }) => /* @__PURE__ */ i(ee, {
                   label: "X Axis Data Field",
                   required: !0,
                   data: r,
@@ -11801,7 +11819,7 @@ const gp = {
   viewRender: lp,
   configRender: cp,
   createConfig: () => fr
-}, hr = {
+}, mr = {
   x_axis: {
     name: "X Axis",
     data_key: ""
@@ -11816,7 +11834,7 @@ const gp = {
     color: "red"
   }
 };
-function mr(e) {
+function hr(e) {
   return we(e).format({
     output: "percent",
     mantissa: 0
@@ -11825,7 +11843,7 @@ function mr(e) {
 function pp(e) {
   const t = e.value[1];
   try {
-    return mr(t);
+    return hr(t);
   } catch (n) {
     return console.error(n), t;
   }
@@ -11836,12 +11854,12 @@ function fp(e) {
     return "";
   const n = t.map((r, o) => {
     const a = r.seriesName, [l, s] = r.value;
-    return a ? `${a}: <strong>${(o === 0 ? (g) => g : mr)(s)}</strong>` : s;
+    return a ? `${a}: <strong>${(o === 0 ? (g) => g : hr)(s)}</strong>` : s;
   });
   return n.unshift(`<strong>${t[0].name}</strong>`), n.join("<br />");
 }
 ue.use([Ao, Oo, Zt, dt, gt, pt, Ze]);
-function hp({
+function mp({
   context: e
 }) {
   const {
@@ -11854,14 +11872,14 @@ function hp({
     data_key: l,
     bar: s,
     line: u
-  } = se({}, t, hr), {
+  } = se({}, t, mr), {
     barData: g,
     lineData: c
   } = N(() => {
-    const f = n.map((v) => [v[a.data_key], Number(v[l])]).sort((v, w) => w[1] - v[1]), m = f.reduce((v, w) => v + w[1], 0), y = f.reduce((v, w, F) => {
+    const f = n.map((v) => [v[a.data_key], Number(v[l])]).sort((v, w) => w[1] - v[1]), h = f.reduce((v, w) => v + w[1], 0), y = f.reduce((v, w, F) => {
       const $ = F === 0 ? 0 : v[F - 1][1];
       return v.push([w[0], $ + w[1]]), v;
-    }, []).map((v) => [v[0], v[1] / m]);
+    }, []).map((v) => [v[0], v[1] / h]);
     return {
       barData: f,
       lineData: y
@@ -11904,7 +11922,7 @@ function hp({
       },
       axisLabel: {
         show: !0,
-        formatter: mr
+        formatter: hr
       }
     }],
     series: [{
@@ -11943,13 +11961,13 @@ function hp({
     }
   });
 }
-function mp({
+function hp({
   context: e
 }) {
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), r = e.data, o = N(() => se({}, t, hr), [t]), {
+  } = Q(e.instanceData, "config"), r = e.data, o = N(() => se({}, t, mr), [t]), {
     control: a,
     handleSubmit: l,
     watch: s,
@@ -12007,7 +12025,7 @@ function mp({
           control: a,
           render: ({
             field: f
-          }) => /* @__PURE__ */ i(Z, {
+          }) => /* @__PURE__ */ i(ee, {
             label: "X Axis Data Field",
             required: !0,
             data: r,
@@ -12022,7 +12040,7 @@ function mp({
         control: a,
         render: ({
           field: f
-        }) => /* @__PURE__ */ i(Z, {
+        }) => /* @__PURE__ */ i(ee, {
           label: "Y Axis Data Field",
           required: !0,
           data: r,
@@ -12031,7 +12049,7 @@ function mp({
           },
           ...f
         })
-      }), /* @__PURE__ */ i(K, {
+      }), /* @__PURE__ */ i(Z, {
         my: "md",
         label: "Bar",
         labelPosition: "center"
@@ -12065,7 +12083,7 @@ function mp({
             })
           })]
         })]
-      }), /* @__PURE__ */ i(K, {
+      }), /* @__PURE__ */ i(Z, {
         my: "md",
         label: "Line",
         labelPosition: "center"
@@ -12119,9 +12137,9 @@ const bp = {
   displayName: "Pareto Chart",
   migrator: new vp(),
   name: "paretoChart",
-  viewRender: hp,
-  configRender: mp,
-  createConfig: () => hr
+  viewRender: mp,
+  configRender: hp,
+  createConfig: () => mr
 }, yp = [{
   value: "#25262B",
   name: "Dark"
@@ -12287,8 +12305,8 @@ const Fp = {
   id: "builtin:op:debug",
   configRender: Ip,
   run: Vp
-}, $p = V((e) => {
-  const t = ee(), {
+}, $p = I((e) => {
+  const t = J(), {
     value: n,
     set: r
   } = Q(e.operation.operationData, "config");
@@ -12322,8 +12340,8 @@ const Ep = {
   run: kp
 }, Mp = {
   dictionary: {}
-}, Ap = V((e) => {
-  const t = ee(), {
+}, Ap = I((e) => {
+  const t = J(), {
     value: n = Mp,
     set: r
   } = Q(e.operation.operationData, "config"), {
@@ -12350,7 +12368,7 @@ const Ep = {
         onChange: (c) => {
           a(s, c.currentTarget.value);
         }
-      }), /* @__PURE__ */ i(Z, {
+      }), /* @__PURE__ */ i(ee, {
         data: [t.filters.values],
         value: s,
         onChange: (c) => {
@@ -12449,7 +12467,7 @@ class Tp {
     return this.instance.instanceData.watchItem(
       lo,
       (n) => {
-        const r = mo(n).map(
+        const r = ho(n).map(
           (o) => ({
             id: de(o, "id"),
             schemaRef: de(o, "schemaRef"),
@@ -12544,7 +12562,7 @@ function Lp(e, t) {
     r(o);
   }, [t]), n;
 }
-const Np = V(({
+const Np = I(({
   item: e,
   manager: t,
   instance: n,
@@ -12634,7 +12652,7 @@ const Np = V(({
   return /* @__PURE__ */ i(qp, {
     ...e
   });
-}, jp = V(() => {
+}, jp = I(() => {
   const {
     panel: e
   } = fe(), [t, n] = R.useState(e.description), r = e.description !== t, o = R.useCallback(() => {
@@ -12671,20 +12689,20 @@ const Np = V(({
       p: "0"
     })]
   });
-}), Hp = V(() => {
+}), Hp = I(() => {
   const {
     panel: e
   } = fe(), {
     style: t
   } = e;
-  return /* @__PURE__ */ i(J, {
+  return /* @__PURE__ */ i(K, {
     children: /* @__PURE__ */ i(Pe, {
       label: "Border",
       checked: t.border.enabled,
       onChange: (n) => t.border.setEnabled(n.currentTarget.checked)
     })
   });
-}), Wp = V(() => {
+}), Wp = I(() => {
   const {
     panel: {
       title: e,
@@ -12739,7 +12757,7 @@ const Np = V(({
       })]
     })
   });
-}), Up = V(() => {
+}), Up = I(() => {
   const {
     panel: e
   } = fe(), {
@@ -12791,11 +12809,11 @@ function Yp() {
         flexGrow: 0,
         height: "100%"
       },
-      children: [/* @__PURE__ */ i(K, {
+      children: [/* @__PURE__ */ i(Z, {
         label: "Style",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ i(Hp, {}), /* @__PURE__ */ i(K, {
+      }), /* @__PURE__ */ i(Hp, {}), /* @__PURE__ */ i(Z, {
         label: "Info",
         labelPosition: "center",
         variant: "dashed"
@@ -12810,8 +12828,8 @@ function Yp() {
     })]
   });
 }
-const Qp = V(function() {
-  const t = ee(), {
+const Qp = I(function() {
+  const t = J(), {
     panel: {
       queryID: n,
       setQueryID: r
@@ -12927,7 +12945,7 @@ function Kp(e, t) {
     return console.info(de(c, "message")), null;
   }
 }
-const Zp = ["richText"], Ui = V(function({
+const Zp = ["richText"], Ui = I(function({
   height: t,
   viz: n,
   data: r,
@@ -12983,7 +13001,7 @@ const Zp = ["richText"], Ui = V(function({
       children: c
     })]
   });
-}), ef = V(() => {
+}), ef = I(() => {
   const {
     data: e,
     loading: t,
@@ -13050,11 +13068,11 @@ function rf() {
       vizManager: c,
       data: e
     });
-  } catch (m) {
-    return console.info(de(m, "message")), null;
+  } catch (h) {
+    return console.info(de(h, "message")), null;
   }
 }
-const of = V(() => {
+const of = I(() => {
   const {
     data: e,
     panel: {
@@ -13065,23 +13083,23 @@ const of = V(() => {
   } = Le(qe), l = R.useCallback(() => {
     if (!o)
       return;
-    const m = nf(a, n);
-    t.setType(n), t.setConf(m || {});
-  }, [t, o, n]), s = (m) => {
+    const h = nf(a, n);
+    t.setType(n), t.setConf(h || {});
+  }, [t, o, n]), s = (h) => {
     try {
-      t.setConf(JSON.parse(m));
+      t.setConf(JSON.parse(h));
     } catch (y) {
       console.error(y);
     }
   }, u = R.useMemo(() => {
-    var m;
-    return (m = Tn.find((y) => y.value === n)) == null ? void 0 : m.Panel;
+    var h;
+    return (h = Tn.find((y) => y.value === n)) == null ? void 0 : h.Panel;
   }, [n, Tn]), g = rf(), c = u ? Yt(u, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
   }) : null, p = g || c, f = tf();
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(T, {
       label: "Visualization",
       value: n,
@@ -13130,7 +13148,7 @@ function af() {
     })]
   });
 }
-const lf = V(function({
+const lf = I(function({
   opened: t,
   close: n
 }) {
@@ -13214,10 +13232,10 @@ const lf = V(function({
       })
     })
   });
-}), sf = V(({
+}), sf = I(({
   view: e
 }) => {
-  const t = ee(), n = Na(), [r, o] = R.useState(!1), a = () => o(!0), l = () => o(!1), {
+  const t = J(), n = Na(), [r, o] = R.useState(!1), a = () => o(!0), l = () => o(!1), {
     panel: s
   } = fe(), {
     id: u,
@@ -13226,7 +13244,7 @@ const lf = V(function({
     inEditMode: c
   } = R.useContext(Ae), p = () => t.queries.refetchDataByQueryID(g), {
     viewPanelInFullScreen: f,
-    inFullScreen: m
+    inFullScreen: h
   } = R.useContext(Hn), y = () => {
     e.panels.duplicateByID(u);
   }, v = () => n.openConfirmModal({
@@ -13240,7 +13258,7 @@ const lf = V(function({
   }), w = R.useCallback(() => {
     f(u);
   }, [u, f]);
-  return /* @__PURE__ */ d(J, {
+  return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(B, {
       sx: {
         position: "absolute",
@@ -13272,14 +13290,14 @@ const lf = V(function({
               size: 14
             }),
             children: "Download Data"
-          }), !m && /* @__PURE__ */ i(be.Item, {
+          }), !h && /* @__PURE__ */ i(be.Item, {
             onClick: w,
             icon: /* @__PURE__ */ i(ll, {
               size: 14
             }),
             children: "Full Screen"
-          }), c && /* @__PURE__ */ d(J, {
-            children: [/* @__PURE__ */ i(K, {
+          }), c && /* @__PURE__ */ d(K, {
+            children: [/* @__PURE__ */ i(Z, {
               label: "Edit",
               labelPosition: "center"
             }), /* @__PURE__ */ i(be.Item, {
@@ -13311,7 +13329,7 @@ const lf = V(function({
     })]
   });
 });
-const uf = V(function() {
+const uf = I(function() {
   const {
     panel: t
   } = fe(), {
@@ -13350,18 +13368,18 @@ function gf(e, t, n) {
     border: "1px dashed transparent"
   };
 }
-const br = V(function({
+const br = I(function({
   panel: t,
   view: n
 }) {
-  const r = ee(), {
+  const r = J(), {
     inEditMode: o
   } = Le(Ae), {
     data: a,
     state: l,
     error: s
   } = r.getDataStuffByID(t.queryID), u = cf(t.viz.type), g = u && l === "loading", c = t.title ? "calc(100% - 25px - 5px)" : "100%", p = gf(t, u, o), f = u || o;
-  return /* @__PURE__ */ i(jl, {
+  return /* @__PURE__ */ i(El, {
     value: {
       panel: t,
       data: a,
@@ -13394,7 +13412,7 @@ const br = V(function({
       })]
     })
   });
-}), Yi = V(function({
+}), Yi = I(function({
   view: t,
   panel: n,
   exitFullScreen: r
@@ -13501,7 +13519,7 @@ const pf = R.forwardRef(({
   children: /* @__PURE__ */ i(dl, {
     size: 16
   })
-})), hf = No(Lo), mf = V(function({
+})), mf = No(Lo), hf = I(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10,
@@ -13517,7 +13535,7 @@ const pf = R.forwardRef(({
       !c || c.layout.set(g);
     });
   }, [t]);
-  return /* @__PURE__ */ i(hf, {
+  return /* @__PURE__ */ i(mf, {
     onLayoutChange: l,
     className: `dashboard-layout ${n}`,
     rowHeight: r,
@@ -13539,7 +13557,7 @@ const pf = R.forwardRef(({
       })]
     }, s.id))
   });
-}), vf = No(Lo), bf = V(function({
+}), vf = No(Lo), bf = I(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10
@@ -13558,11 +13576,11 @@ const pf = R.forwardRef(({
       })
     }, o.id))
   });
-}), yf = V(({
+}), yf = I(({
   children: e
 }) => /* @__PURE__ */ i(B, {
   children: e
-})), xf = V(({
+})), xf = I(({
   children: e,
   view: t
 }) => /* @__PURE__ */ i(Me, {
@@ -13597,7 +13615,7 @@ const pf = R.forwardRef(({
   withinPortal: !1,
   transitionDuration: 0,
   children: e
-})), Cf = V(({
+})), Cf = I(({
   view: e,
   children: t
 }) => {
@@ -13613,7 +13631,7 @@ const pf = R.forwardRef(({
         children: t
       });
   }
-}), wf = V(function({
+}), wf = I(function({
   view: t,
   saveDashboardChanges: n,
   fullScreenPanelID: r,
@@ -13649,10 +13667,10 @@ const pf = R.forwardRef(({
           className: "dashboard-sticky-parent",
           children: [!s && /* @__PURE__ */ i(B, {
             className: "dashboard-sticky-area",
-            children: /* @__PURE__ */ i(Yo, {
+            children: /* @__PURE__ */ i(Qo, {
               view: t
             })
-          }), !s && /* @__PURE__ */ i(mf, {
+          }), !s && /* @__PURE__ */ i(hf, {
             view: t,
             isDraggable: !0,
             isResizable: !0
@@ -13661,15 +13679,15 @@ const pf = R.forwardRef(({
       })]
     })
   });
-}), Sf = V(({
+}), Sf = I(({
   children: e
 }) => /* @__PURE__ */ i(B, {
   children: e
-})), _f = V(({
+})), _f = I(({
   children: e,
   view: t
 }) => {
-  const n = ee(), r = n.views.visibleViewIDs.includes(t.id), o = () => n.views.rmVisibleViewID(t.id);
+  const n = J(), r = n.views.visibleViewIDs.includes(t.id), o = () => n.views.rmVisibleViewID(t.id);
   return /* @__PURE__ */ i(Me, {
     size: t.config.width,
     centered: !0,
@@ -13694,7 +13712,7 @@ const pf = R.forwardRef(({
     transitionDuration: 0,
     children: e
   });
-}), Rf = V(({
+}), Rf = I(({
   view: e,
   children: t
 }) => {
@@ -13710,7 +13728,7 @@ const pf = R.forwardRef(({
         children: t
       });
   }
-}), Df = V(function({
+}), Df = I(function({
   view: t,
   fullScreenPanelID: n,
   setFullScreenPanelID: r
@@ -13745,7 +13763,7 @@ const pf = R.forwardRef(({
           className: "dashboard-sticky-parent",
           children: [!l && /* @__PURE__ */ i(B, {
             className: "dashboard-sticky-area",
-            children: /* @__PURE__ */ i(Yo, {
+            children: /* @__PURE__ */ i(Qo, {
               view: t
             })
           }), !l && /* @__PURE__ */ i(bf, {
@@ -14052,7 +14070,7 @@ const ra = x.model("QueryModel", {
 ).views((e) => ({
   get formattedSQL() {
     const { context: t, mock_context: n, sqlSnippets: r, filterValues: o } = Hr(e).payloadForSQL;
-    return Ho(e.sql, t, n, r, o);
+    return Wo(e.sql, t, n, r, o);
   }
 })).views((e) => ({
   get json() {
@@ -14077,13 +14095,13 @@ const ra = x.model("QueryModel", {
   setSQL(t) {
     e.sql = t;
   },
-  fetchData: hl(function* () {
+  fetchData: ml(function* () {
     if (!!e.valid) {
       e.state = "loading";
       try {
         const t = e.id, { context: n, mock_context: r, sqlSnippets: o, filterValues: a } = Hr(e).payloadForSQL;
-        e.data = yield* ml(
-          Al({
+        e.data = yield* hl(
+          Yn({
             context: n,
             mock_context: r,
             sqlSnippets: o,
@@ -14164,7 +14182,7 @@ const ra = x.model("QueryModel", {
       id: n,
       data: r.toJSON()
     }));
-    Gl(t);
+    jl(t);
   },
   downloadDataByQueryID(t) {
     const n = e.findByID(t);
@@ -14172,8 +14190,8 @@ const ra = x.model("QueryModel", {
       console.log(`[downloadDataByQueryID] query by ID[${t}] not found`);
       return;
     }
-    const { id: r, data: o } = n, a = Qo(o);
-    Nl(r, a);
+    const { id: r, data: o } = n, a = Xo(o);
+    Gl(r, a);
   },
   refetchDataByQueryID(t) {
     const n = e.findByID(t);
@@ -14656,7 +14674,7 @@ function ia({ id: e, name: t, filters: n, views: r, definition: { queries: o, sq
     views: Wf(r)
   });
 }
-const $h = V(function({
+const $m = I(function({
   context: t,
   dashboard: n,
   update: r,
@@ -14665,13 +14683,13 @@ const $h = V(function({
   fullScreenPanelID: l,
   setFullScreenPanelID: s
 }) {
-  Wo(a);
+  Uo(a);
   const [u, g] = R.useState(!1), c = R.useMemo(() => ia(n, t), [n]);
   qo(c, !0), R.useEffect(() => {
     c.context.replace(t);
   }, [t]);
   const p = async () => {
-    const m = [...c.queries.json], y = [...c.sqlSnippets.json], v = [...c.views.json], w = {
+    const h = [...c.queries.json], y = [...c.sqlSnippets.json], v = [...c.views.json], w = {
       ...c.mock_context.current
     }, F = {
       ...n,
@@ -14679,13 +14697,13 @@ const $h = V(function({
       views: v,
       definition: {
         sqlSnippets: y,
-        queries: m,
+        queries: h,
         mock_context: w
       }
     };
     await r(F);
   }, f = Ue(ji, []);
-  return /* @__PURE__ */ i(ho, {
+  return /* @__PURE__ */ i(mo, {
     children: /* @__PURE__ */ i(Bo, {
       value: c,
       children: /* @__PURE__ */ i(Ae.Provider, {
@@ -14702,18 +14720,18 @@ const $h = V(function({
           },
           children: /* @__PURE__ */ i(qe.Provider, {
             value: f,
-            children: c.views.visibleViews.map((m) => /* @__PURE__ */ i(wf, {
-              view: m,
+            children: c.views.visibleViews.map((h) => /* @__PURE__ */ i(wf, {
+              view: h,
               saveDashboardChanges: p,
               fullScreenPanelID: l,
               setFullScreenPanelID: s
-            }, m.id))
+            }, h.id))
           })
         })
       })
     })
   });
-}), kh = V(({
+}), km = I(({
   context: e,
   dashboard: t,
   className: n = "dashboard",
@@ -14721,11 +14739,11 @@ const $h = V(function({
   fullScreenPanelID: o,
   setFullScreenPanelID: a
 }) => {
-  Wo(r);
+  Uo(r);
   const l = R.useMemo(() => ia(t, e), [t]);
   return qo(l, !1), R.useEffect(() => {
     l.context.replace(e);
-  }, [e]), /* @__PURE__ */ i(ho, {
+  }, [e]), /* @__PURE__ */ i(mo, {
     children: /* @__PURE__ */ i(Bo, {
       value: l,
       children: /* @__PURE__ */ i(Ae.Provider, {
@@ -14754,52 +14772,52 @@ var aa = { exports: {} };
   })(et, function() {
     var n = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, r = {};
     return function(o, a, l) {
-      var s, u = function(f, m, y) {
+      var s, u = function(f, h, y) {
         y === void 0 && (y = {});
         var v = new Date(f), w = function(F, $) {
           $ === void 0 && ($ = {});
           var O = $.timeZoneName || "short", L = F + "|" + O, Y = r[L];
           return Y || (Y = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: F, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: O }), r[L] = Y), Y;
-        }(m, y);
+        }(h, y);
         return w.formatToParts(v);
-      }, g = function(f, m) {
-        for (var y = u(f, m), v = [], w = 0; w < y.length; w += 1) {
+      }, g = function(f, h) {
+        for (var y = u(f, h), v = [], w = 0; w < y.length; w += 1) {
           var F = y[w], $ = F.type, O = F.value, L = n[$];
           L >= 0 && (v[L] = parseInt(O, 10));
         }
         var Y = v[3], ce = Y === 24 ? 0 : Y, ae = v[0] + "-" + v[1] + "-" + v[2] + " " + ce + ":" + v[4] + ":" + v[5] + ":000", ye = +f;
         return (l.utc(ae).valueOf() - (ye -= ye % 1e3)) / 6e4;
       }, c = a.prototype;
-      c.tz = function(f, m) {
+      c.tz = function(f, h) {
         f === void 0 && (f = s);
         var y = this.utcOffset(), v = this.toDate(), w = v.toLocaleString("en-US", { timeZone: f }), F = Math.round((v - new Date(w)) / 1e3 / 60), $ = l(w).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - F, !0);
-        if (m) {
+        if (h) {
           var O = $.utcOffset();
           $ = $.add(y - O, "minute");
         }
         return $.$x.$timezone = f, $;
       }, c.offsetName = function(f) {
-        var m = this.$x.$timezone || l.tz.guess(), y = u(this.valueOf(), m, { timeZoneName: f }).find(function(v) {
+        var h = this.$x.$timezone || l.tz.guess(), y = u(this.valueOf(), h, { timeZoneName: f }).find(function(v) {
           return v.type.toLowerCase() === "timezonename";
         });
         return y && y.value;
       };
       var p = c.startOf;
-      c.startOf = function(f, m) {
+      c.startOf = function(f, h) {
         if (!this.$x || !this.$x.$timezone)
-          return p.call(this, f, m);
+          return p.call(this, f, h);
         var y = l(this.format("YYYY-MM-DD HH:mm:ss:SSS"));
-        return p.call(y, f, m).tz(this.$x.$timezone, !0);
-      }, l.tz = function(f, m, y) {
-        var v = y && m, w = y || m || s, F = g(+l(), w);
+        return p.call(y, f, h).tz(this.$x.$timezone, !0);
+      }, l.tz = function(f, h, y) {
+        var v = y && h, w = y || h || s, F = g(+l(), w);
         if (typeof f != "string")
           return l(f).tz(w);
         var $ = function(ce, ae, ye) {
-          var he = ce - 60 * ae * 1e3, Re = g(he, ye);
+          var me = ce - 60 * ae * 1e3, Re = g(me, ye);
           if (ae === Re)
-            return [he, ae];
-          var le = g(he -= 60 * (Re - ae) * 1e3, ye);
-          return Re === le ? [he, Re] : [ce - 60 * Math.min(Re, le) * 1e3, Math.max(Re, le)];
+            return [me, ae];
+          var le = g(me -= 60 * (Re - ae) * 1e3, ye);
+          return Re === le ? [me, Re] : [ce - 60 * Math.min(Re, le) * 1e3, Math.max(Re, le)];
         }(l.utc(f, v).valueOf(), F, w), O = $[0], L = $[1], Y = l(O).utcOffset(L);
         return Y.$x.$timezone = w, Y;
       }, l.tz.guess = function() {
@@ -14850,8 +14868,8 @@ var la = { exports: {} };
           var ce = Y.match(r);
           if (!ce)
             return null;
-          var ae = ("" + ce[0]).match(o) || ["-", 0, 0], ye = ae[0], he = 60 * +ae[1] + +ae[2];
-          return he === 0 ? 0 : ye === "+" ? he : -he;
+          var ae = ("" + ce[0]).match(o) || ["-", 0, 0], ye = ae[0], me = 60 * +ae[1] + +ae[2];
+          return me === 0 ? 0 : ye === "+" ? me : -me;
         }(v), v === null))
           return this;
         var $ = Math.abs(v) <= 16 ? 60 * v : v, O = this;
@@ -14878,9 +14896,9 @@ var la = { exports: {} };
       }, u.toString = function() {
         return this.toDate().toUTCString();
       };
-      var m = u.toDate;
+      var h = u.toDate;
       u.toDate = function(v) {
-        return v === "s" && this.$offset ? s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : m.call(this);
+        return v === "s" && this.$offset ? s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : h.call(this);
       };
       var y = u.diff;
       u.diff = function(v, w, F) {
@@ -14898,7 +14916,7 @@ Ye.extend(Yf);
 Ye.tz.setDefault("UTC");
 export {
   Tf as ContextModel,
-  $h as Dashboard,
+  $m as Dashboard,
   ys as DashboardFilterType,
   bs as DashboardMode,
   Ve as EViewComponentType,
@@ -14908,10 +14926,10 @@ export {
   wf as MainDashboardView,
   Bo as ModelContextProvider,
   br as Panel,
-  jl as PanelContextProvider,
+  El as PanelContextProvider,
   zf as QueriesModel,
   Of as QueryModel,
-  kh as ReadOnlyDashboard,
+  km as ReadOnlyDashboard,
   Df as ReadOnlyDashboardView,
   co as SQLSnippetModel,
   Pf as SQLSnippetsModel,
@@ -14920,6 +14938,6 @@ export {
   ia as createDashboardModel,
   Wf as createDashboardViewsModel,
   Af as getInitialFiltersPayload,
-  ee as useModelContext,
+  J as useModelContext,
   fe as usePanelContext
 };