@devtable/dashboard 5.1.0 → 5.3.0

package/dist/dashboard.es.js

@@ -1,14 +1,14 @@
 var Va = Object.defineProperty;
 var Fa = (e, t, n) => t in e ? Va(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var z = (e, t, n) => (Fa(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Box as H, Text as C, Button as T, Checkbox as st, MultiSelect as On, Select as B, TextInput as E, Group as y, Stack as R, ActionIcon as P, LoadingOverlay as Gt, Table as Bt, Tabs as k, Textarea as Pn, AppShell as zn, Modal as Fe, Divider as Z, SimpleGrid as $a, NumberInput as ke, Menu as ve, Tooltip as Ea, Paper as Ma, Code as Tr, Switch as Ue, useMantineTheme as ka, ColorInput as Aa, ColorSwatch as Lr, Slider as so, createStyles as Tn, Popover as pn, Accordion as q, SegmentedControl as Oa, JsonInput as Pa } from "@mantine/core";
+import { Box as B, Text as C, Button as T, Checkbox as st, MultiSelect as On, Select as j, TextInput as E, Group as y, Stack as R, ActionIcon as P, LoadingOverlay as Gt, Table as Bt, Tabs as k, Textarea as Pn, AppShell as zn, Modal as Fe, Divider as Z, SimpleGrid as $a, NumberInput as ke, Menu as ve, Tooltip as Ea, Paper as Ma, Code as Tr, Switch as ze, useMantineTheme as ka, ColorInput as Aa, ColorSwatch as Lr, Slider as so, createStyles as Tn, Popover as pn, Accordion as q, SegmentedControl as Oa, JsonInput as Pa } from "@mantine/core";
 import { useModals as za, ModalsProvider as uo } from "@mantine/modals";
-import { useRequest as jt, useBoolean as _t, useCreation as We, useAsyncEffect as Rt, useLatest as Nr } from "ahooks";
+import { useRequest as jt, useBoolean as _t, useCreation as Ue, useAsyncEffect as Rt, useLatest as Nr } from "ahooks";
 import { observer as V } from "mobx-react-lite";
 import * as qr from "react";
-import S, { useEffect as ne, forwardRef as Ln, useMemo as G, useState as be, createElement as Ht, useCallback as Tt, useRef as Ta, useContext as Te, createContext as La } from "react";
-import U, { omit as Ut, get as de, values as co, unset as Na, isObject as go, set as po, orderBy as qa, last as Ga, noop as Ba, defaults as ue, isEqual as ze, defaultsDeep as ot, findLastIndex as ja, isEmpty as fo, isNumber as Ha, isString as ho, range as Ua, cloneDeep as mo, maxBy as vo, merge as bo, minBy as Wa, groupBy as Ya, template as yo, cloneDeepWith as Qa, throttle as Xa } from "lodash";
-import { useForm as Le, Controller as D, useFieldArray as Ae } from "react-hook-form";
+import w, { useEffect as ne, forwardRef as Ln, useMemo as G, useState as be, createElement as Ht, useCallback as Tt, useRef as Ta, useContext as Le, createContext as La } from "react";
+import W, { omit as Wt, get as de, values as co, unset as Na, isObject as go, set as po, orderBy as qa, last as Ga, noop as Ba, defaults as ue, isEqual as Te, defaultsDeep as ot, findLastIndex as ja, isEmpty as fo, isNumber as Ha, isString as ho, range as Wa, cloneDeep as mo, maxBy as vo, merge as bo, minBy as Ua, groupBy as Ya, template as yo, cloneDeepWith as Qa, throttle as Xa } from "lodash";
+import { useForm as Ne, Controller as D, useFieldArray as Ae } from "react-hook-form";
 import { DateRangePicker as Ja } from "@mantine/dates";
 import Ye from "dayjs";
 import { Calendar as Ka, Refresh as xo, DeviceFloppy as ae, Trash as oe, PlaylistAdd as ct, Recycle as Co, Settings as wo, Filter as Za, Database as el, Share as tl, Download as So, Code as nl, InfoCircle as rl, ArrowRight as fn, ArrowsMaximize as ol, Copy as il, ArrowLeft as al, ArrowsMove as ll, ChevronDownRight as sl } from "tabler-icons-react";
@@ -17,7 +17,7 @@ import { Prism as nt } from "@mantine/prism";
 import { cast as Je, types as x, addDisposer as _o, getRoot as Gr, flow as cl, toGenerator as dl } from "mobx-state-tree";
 import { randomId as Se, useClipboard as gl, useElementSize as _n, useInputState as Ro } from "@mantine/hooks";
 import Do, { RichTextEditor as Io } from "@mantine/rte";
-import { makeAutoObservable as Nn, runInAction as yt, observable as Vo, toJS as Wt, reaction as Yt } from "mobx";
+import { makeAutoObservable as Nn, runInAction as yt, observable as Vo, toJS as Ut, reaction as Yt } from "mobx";
 import { showNotification as qn } from "@mantine/notifications";
 import Br from "eventemitter2";
 import wt from "chroma-js";
@@ -32,7 +32,7 @@ import { CanvasRenderer as Ze } from "echarts/renderers";
 import "echarts-gl";
 import { GridComponent as dt, VisualMapComponent as yl, LegendComponent as gt, TooltipComponent as pt, DataZoomComponent as Qt, MarkLineComponent as xl } from "echarts/components";
 import { transform as Mo } from "echarts-stat";
-import * as Ge from "d3-regression";
+import * as Be from "d3-regression";
 import Cl from "stickybits";
 import ko, { WidthProvider as Ao } from "react-grid-layout";
 import wl from "jszip";
@@ -59,7 +59,7 @@ function Oo(e, t) {
         return;
       }
       Object.entries(o).forEach(([l, s]) => {
-        e.filters.setValueByKey(l, U.get(a, s));
+        e.filters.setValueByKey(l, W.get(a, s));
       });
     };
     return window.addEventListener("set-filter-values", n), () => {
@@ -68,11 +68,11 @@ function Oo(e, t) {
   }, [e]);
 }
 const Sl = {
-  viewPanelInFullScreen: U.noop,
+  viewPanelInFullScreen: W.noop,
   inFullScreen: !1
-}, Bn = S.createContext(Sl), Po = S.createContext(null), zo = Po.Provider;
+}, Bn = w.createContext(Sl), Po = w.createContext(null), zo = Po.Provider;
 function ee() {
-  const e = S.useContext(Po);
+  const e = w.useContext(Po);
   if (!e)
     throw new Error("Please use ModelContextProvider");
   return e;
@@ -92,7 +92,7 @@ function _l() {
   if (jr)
     return ht;
   jr = 1;
-  var e = S, 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 };
+  var e = w, 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, f = {}, p = null, m = null;
     g !== void 0 && (p = "" + g), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (m = u.ref);
@@ -118,8 +118,8 @@ var mt = {};
 var Hr;
 function Rl() {
   return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = S, 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"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, v = "@@iterator";
-    function w(h) {
+    var e = w, 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"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, v = "@@iterator";
+    function S(h) {
       if (h === null || typeof h != "object")
         return null;
       var _ = b && h[b] || h[v];
@@ -135,10 +135,10 @@ function Rl() {
     }
     function A(h, _, I) {
       {
-        var M = F.ReactDebugCurrentFrame, W = M.getStackAddendum();
-        W !== "" && (_ += "%s", I = I.concat([W]));
-        var X = I.map(function(j) {
-          return String(j);
+        var M = F.ReactDebugCurrentFrame, U = M.getStackAddendum();
+        U !== "" && (_ += "%s", I = I.concat([U]));
+        var X = I.map(function(H) {
+          return String(H);
         });
         X.unshift("Warning: " + _), Function.prototype.apply.call(console[h], console, X);
       }
@@ -152,8 +152,8 @@ function Rl() {
       var M = h.displayName;
       if (M)
         return M;
-      var W = _.displayName || _.name || "";
-      return W !== "" ? I + "(" + W + ")" : I;
+      var U = _.displayName || _.name || "";
+      return U !== "" ? I + "(" + U + ")" : I;
     }
     function De(h) {
       return h.displayName || "Context";
@@ -193,9 +193,9 @@ function Rl() {
             var M = h.displayName || null;
             return M !== null ? M : he(h.type) || "Memo";
           case p: {
-            var W = h, X = W._payload, j = W._init;
+            var U = h, X = U._payload, H = U._init;
             try {
-              return he(j(X));
+              return he(H(X));
             } catch {
               return null;
             }
@@ -203,13 +203,13 @@ function Rl() {
         }
       return null;
     }
-    var me = Object.assign, qe = 0, mr, vr, br, yr, xr, Cr, wr;
+    var me = Object.assign, Ge = 0, mr, vr, br, yr, xr, Cr, wr;
     function Sr() {
     }
     Sr.__reactDisabledLog = !0;
     function ra() {
       {
-        if (qe === 0) {
+        if (Ge === 0) {
           mr = console.log, vr = console.info, br = console.warn, yr = console.error, xr = console.group, Cr = console.groupCollapsed, wr = console.groupEnd;
           var h = {
             configurable: !0,
@@ -227,12 +227,12 @@ function Rl() {
             groupEnd: h
           });
         }
-        qe++;
+        Ge++;
       }
     }
     function oa() {
       {
-        if (qe--, qe === 0) {
+        if (Ge--, Ge === 0) {
           var h = {
             configurable: !0,
             enumerable: !0,
@@ -262,7 +262,7 @@ function Rl() {
             })
           });
         }
-        qe < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Ge < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var on = F.ReactCurrentDispatcher, an;
@@ -271,8 +271,8 @@ function Rl() {
         if (an === void 0)
           try {
             throw Error();
-          } catch (W) {
-            var M = W.stack.trim().match(/\n( *(at )?)/);
+          } catch (U) {
+            var M = U.stack.trim().match(/\n( *(at )?)/);
             an = M && M[1] || "";
           }
         return `
@@ -294,33 +294,33 @@ function Rl() {
       }
       var M;
       ln = !0;
-      var W = Error.prepareStackTrace;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var X;
       X = on.current, on.current = null, ra();
       try {
         if (_) {
-          var j = function() {
+          var H = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(H.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(H, []);
             } catch (Oe) {
               M = Oe;
             }
-            Reflect.construct(h, [], j);
+            Reflect.construct(h, [], H);
           } else {
             try {
-              j.call();
+              H.call();
             } catch (Oe) {
               M = Oe;
             }
-            h.call(j.prototype);
+            h.call(H.prototype);
           }
         } else {
           try {
@@ -350,7 +350,7 @@ function Rl() {
             }
         }
       } finally {
-        ln = !1, on.current = X, oa(), Error.prepareStackTrace = W;
+        ln = !1, on.current = X, oa(), Error.prepareStackTrace = U;
       }
       var at = h ? h.displayName || h.name : "", zr = at ? Vt(at) : "";
       return typeof h == "function" && Ft.set(h, zr), zr;
@@ -382,9 +382,9 @@ function Rl() {
           case f:
             return $t(h.type, _, I);
           case p: {
-            var M = h, W = M._payload, X = M._init;
+            var M = h, U = M._payload, X = M._init;
             try {
-              return $t(X(W), _, I);
+              return $t(X(U), _, I);
             } catch {
             }
           }
@@ -399,22 +399,22 @@ function Rl() {
       } else
         Dr.setExtraStackFrame(null);
     }
-    function sa(h, _, I, M, W) {
+    function sa(h, _, I, M, U) {
       {
         var X = Function.call.bind(Et);
-        for (var j in h)
-          if (X(h, j)) {
+        for (var H in h)
+          if (X(h, H)) {
             var N = void 0;
             try {
-              if (typeof h[j] != "function") {
-                var ge = Error((M || "React class") + ": " + I + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof h[H] != "function") {
+                var ge = Error((M || "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`.");
                 throw ge.name = "Invariant Violation", ge;
               }
-              N = h[j](_, j, M, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              N = h[H](_, H, M, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (te) {
               N = te;
             }
-            N && !(N instanceof Error) && (Mt(W), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", M || "React class", I, j, typeof N), Mt(null)), N instanceof Error && !(N.message in Rr) && (Rr[N.message] = !0, Mt(W), $("Failed %s type: %s", I, N.message), Mt(null));
+            N && !(N instanceof Error) && (Mt(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).", M || "React class", I, H, typeof N), Mt(null)), N instanceof Error && !(N.message in Rr) && (Rr[N.message] = !0, Mt(U), $("Failed %s type: %s", I, N.message), Mt(null));
           }
       }
     }
@@ -493,13 +493,13 @@ function Rl() {
         });
       }
     }
-    var ba = function(h, _, I, M, W, X, j) {
+    var ba = function(h, _, I, M, U, X, H) {
       var N = {
         $$typeof: t,
         type: h,
         key: _,
         ref: I,
-        props: j,
+        props: H,
         _owner: X
       };
       return N._store = {}, Object.defineProperty(N._store, "validated", {
@@ -516,25 +516,25 @@ function Rl() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: W
+        value: U
       }), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
     };
-    function ya(h, _, I, M, W) {
+    function ya(h, _, I, M, U) {
       {
-        var X, j = {}, N = null, ge = null;
-        I !== void 0 && (Vr(I), N = "" + I), fa(_) && (Vr(_.key), N = "" + _.key), pa(_) && (ge = _.ref, ha(_, W));
+        var X, H = {}, N = null, ge = null;
+        I !== void 0 && (Vr(I), N = "" + I), fa(_) && (Vr(_.key), N = "" + _.key), pa(_) && (ge = _.ref, ha(_, U));
         for (X in _)
-          Et.call(_, X) && !ga.hasOwnProperty(X) && (j[X] = _[X]);
+          Et.call(_, X) && !ga.hasOwnProperty(X) && (H[X] = _[X]);
         if (h && h.defaultProps) {
           var te = h.defaultProps;
           for (X in te)
-            j[X] === void 0 && (j[X] = te[X]);
+            H[X] === void 0 && (H[X] = te[X]);
         }
         if (N || ge) {
           var re = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
-          N && ma(j, re), ge && va(j, re);
+          N && ma(H, re), ge && va(H, re);
         }
-        return ba(h, N, ge, W, M, ft.current, j);
+        return ba(h, N, ge, U, M, ft.current, H);
       }
     }
     var cn = F.ReactCurrentOwner, Er = F.ReactDebugCurrentFrame;
@@ -611,10 +611,10 @@ Check the top-level render call using <` + I + ">.");
         else if (gn(h))
           h._store && (h._store.validated = !0);
         else if (h) {
-          var W = w(h);
-          if (typeof W == "function" && W !== h.entries)
-            for (var X = W.call(h), j; !(j = X.next()).done; )
-              gn(j.value) && Ar(j.value, _);
+          var U = S(h);
+          if (typeof U == "function" && U !== h.entries)
+            for (var X = U.call(h), H; !(H = X.next()).done; )
+              gn(H.value) && Ar(H.value, _);
         }
       }
     }
@@ -635,8 +635,8 @@ Check the top-level render call using <` + I + ">.");
           sa(I, h.props, "prop", M, h);
         } else if (_.PropTypes !== void 0 && !dn) {
           dn = !0;
-          var W = he(_);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
+          var U = he(_);
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
         typeof _.getDefaultProps == "function" && !_.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -653,21 +653,21 @@ Check the top-level render call using <` + I + ">.");
         h.ref !== null && (it(h), $("Invalid attribute `ref` supplied to `React.Fragment`."), it(null));
       }
     }
-    function Pr(h, _, I, M, W, X) {
+    function Pr(h, _, I, M, U, X) {
       {
-        var j = Re(h);
-        if (!j) {
+        var H = Re(h);
+        if (!H) {
           var N = "";
           (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (N += " 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 = xa(W);
+          var ge = xa(U);
           ge ? N += ge : N += Mr();
           var te;
           h === null ? te = "null" : sn(h) ? te = "array" : h !== void 0 && h.$$typeof === t ? (te = "<" + (he(h.type) || "Unknown") + " />", N = " 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, N);
         }
-        var re = ya(h, _, I, W, X);
+        var re = ya(h, _, I, U, X);
         if (re == null)
           return re;
-        if (j) {
+        if (H) {
           var xe = _.children;
           if (xe !== void 0)
             if (M)
@@ -697,7 +697,7 @@ Check the top-level render call using <` + I + ">.");
   process.env.NODE_ENV === "production" ? e.exports = _l() : e.exports = Rl();
 })(Xt);
 const K = Xt.exports.Fragment, i = Xt.exports.jsx, d = Xt.exports.jsxs;
-class ut extends S.Component {
+class ut extends w.Component {
   constructor(t) {
     super(t), this.state = {
       error: null
@@ -716,7 +716,7 @@ class ut extends S.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ d(H, {
+      return /* @__PURE__ */ d(B, {
         children: [/* @__PURE__ */ i(C, {
           size: "xs",
           children: (t = this.state.error) == null ? void 0 : t.message
@@ -745,7 +745,7 @@ function Dl({
   value: r,
   onChange: o
 }) {
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     children: [/* @__PURE__ */ i(C, {
       children: "\xA0"
     }), /* @__PURE__ */ i(st, {
@@ -762,7 +762,7 @@ const To = V(({
   value: n = [null, null],
   onChange: r
 }) => {
-  const o = n.map((l) => l ? Ye(l).toDate() : null);
+  const o = Array.isArray(n) ? n.map((l) => l ? Ye(l).toDate() : null) : [null, null];
   return /* @__PURE__ */ i(Ja, {
     label: e,
     value: o,
@@ -796,7 +796,7 @@ function jn(e, t = {}) {
 }
 function Hn(e, t, n) {
   const r = { ...e, filters: n }, o = t.reduce((a, l) => (a[l.key] = jn(l.value, r), a), {});
-  return U.merge({}, o, e, { filters: n });
+  return W.merge({}, { context: e, filters: n, sql_snippets: o });
 }
 function Lo(e, t, n, r) {
   try {
@@ -825,7 +825,7 @@ const rt = {
       return ["POST", "PUT"].includes(e) && (l.data = r.string ? JSON.stringify(n) : n), ul(l).then((s) => s.data).catch((s) => Promise.reject(s));
     };
   }
-}, Un = ({ type: e, key: t, sql: n }) => async () => {
+}, Wn = ({ type: e, key: t, sql: n }) => async () => {
   if (!e || !t || !n)
     return [];
   try {
@@ -837,13 +837,8 @@ const rt = {
 async function Vl({ context: e, sqlSnippets: t, title: n, query: r, filterValues: o }) {
   if (!r.sql)
     return [];
-  const { type: a, key: l, sql: s } = r, u = s.includes("$");
-  try {
-    const g = Hn(e, t, o), c = jn(s, g);
-    return u && (console.groupCollapsed(`Final SQL for: ${n}`), console.log(c), console.groupEnd()), await rt.getRequest("POST")("/query", { type: a, key: l, query: c });
-  } catch (g) {
-    return console.error(g), [];
-  }
+  const { type: a, key: l, sql: s } = r, u = s.includes("$"), g = Hn(e, t, o), c = jn(s, g);
+  return u && (console.groupCollapsed(`Final SQL for: ${n}`), console.log(c), console.groupEnd()), await rt.getRequest("POST")("/query", { type: a, key: l, query: c });
 }
 async function Fl() {
   try {
@@ -871,7 +866,7 @@ function $l({
   const o = !!t.options_query.sql, {
     data: a = [],
     loading: l
-  } = jt(Un(t.options_query), {
+  } = jt(Wn(t.options_query), {
     refreshDeps: [t.options_query, o]
   });
   return /* @__PURE__ */ i(On, {
@@ -894,10 +889,10 @@ function El({
   const o = !!t.options_query.sql, {
     data: a = [],
     loading: l
-  } = jt(Un(t.options_query), {
+  } = jt(Wn(t.options_query), {
     refreshDeps: [t.options_query, o]
   });
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: e,
     data: o ? a : t.static_options,
     disabled: o ? l : !1,
@@ -961,7 +956,7 @@ const kl = V(({
     default:
       return null;
   }
-}), No = V(S.forwardRef(({
+}), No = V(w.forwardRef(({
   filter: e,
   ...t
 }, n) => /* @__PURE__ */ i("div", {
@@ -979,7 +974,7 @@ const kl = V(({
   const n = ee(), {
     control: r,
     handleSubmit: o
-  } = Le({
+  } = Ne({
     defaultValues: n.filters.values
   }), a = n.filters.visibleInView(t.id);
   return a.length === 0 ? null : /* @__PURE__ */ i("form", {
@@ -1020,16 +1015,16 @@ const kl = V(({
   });
 }), Al = {
   layoutFrozen: !1,
-  freezeLayout: U.noop,
+  freezeLayout: W.noop,
   inEditMode: !1,
   inUseMode: !0
-}, $e = S.createContext(Al), Go = S.createContext({
+}, $e = w.createContext(Al), Go = w.createContext({
   panel: null,
   data: [],
   loading: !1
 }), Ol = Go.Provider;
 function pe() {
-  const e = S.useContext(Go);
+  const e = w.useContext(Go);
   if (!e.panel)
     throw new Error("Please use PanelContextProvider");
   return e;
@@ -1050,17 +1045,13 @@ WHERE
   showSQLSnippets: t = !0,
   sx: n = {}
 }) {
-  const r = ee(), o = r.context.current, a = S.useMemo(() => {
+  const r = ee(), o = r.context.current, a = w.useMemo(() => {
     const l = {
       context: o,
       filters: r.filters.values
     };
-    if (t) {
-      const s = r.sqlSnippets.current.reduce((u, g) => (u[g.key] = g.value, u), {});
-      l.sql_snippets = s;
-    }
-    return JSON.stringify(l, null, 2);
-  }, [o, r.sqlSnippets.current, r.filters.values, t]);
+    return t && (l.sql_snippets = r.sqlSnippets.record), JSON.stringify(l, null, 2);
+  }, [o, r.sqlSnippets.record, r.filters.values, t]);
   return /* @__PURE__ */ d(R, {
     sx: {
       border: "1px solid #eee",
@@ -1116,7 +1107,7 @@ WHERE
 function zl({
   data: e
 }) {
-  return e.length === 0 ? /* @__PURE__ */ i(H, {
+  return e.length === 0 ? /* @__PURE__ */ i(B, {
     sx: {
       height: "5em"
     }
@@ -1191,7 +1182,7 @@ const jo = V(function({
           size: 15
         })
       })]
-    }), /* @__PURE__ */ d(H, {
+    }), /* @__PURE__ */ d(B, {
       sx: {
         position: "relative"
       },
@@ -1229,7 +1220,7 @@ const jo = V(function({
     value: s.key,
     type: s.type
   })), [r]), l = G(() => a.reduce((s, u) => (s[u.value] = u.type, s), {}), [a]);
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: "Data Source",
     data: a,
     itemComponent: Tl,
@@ -1245,10 +1236,10 @@ const jo = V(function({
       });
     }
   });
-}), Uo = V(({
+}), Wo = V(({
   value: e
 }) => {
-  const t = ee(), n = t.context.current, r = S.useMemo(() => Lo(e, n, t.sqlSnippets.current, t.filters.values), [e, n, t.sqlSnippets.current, t.filters.values]);
+  const t = ee(), n = t.context.current, r = w.useMemo(() => Lo(e, n, t.sqlSnippets.current, t.filters.values), [e, n, t.sqlSnippets.current, t.filters.values]);
   return /* @__PURE__ */ i(nt, {
     language: "sql",
     colorScheme: "light",
@@ -1258,12 +1249,12 @@ const jo = V(function({
   queryModel: t,
   setCurrentID: n
 }) {
-  const r = S.useRef(t.id), [o, a] = S.useState(r.current);
-  S.useEffect(() => {
+  const r = w.useRef(t.id), [o, a] = w.useState(r.current);
+  w.useEffect(() => {
     r.current !== t.id && (a(t.id), r.current = t.id);
   }, [r, t.id]);
-  const [l, s] = S.useState(t.sql);
-  S.useEffect(() => {
+  const [l, s] = w.useState(t.sql);
+  w.useEffect(() => {
     s((f) => f !== t.sql ? t.sql : f);
   }, [t.sql]);
   const u = l !== t.sql, g = () => {
@@ -1340,7 +1331,7 @@ const jo = V(function({
         }), /* @__PURE__ */ i(k.Panel, {
           value: "SQL",
           pt: "sm",
-          children: /* @__PURE__ */ d(H, {
+          children: /* @__PURE__ */ d(B, {
             sx: {
               position: "relative"
             },
@@ -1372,7 +1363,7 @@ const jo = V(function({
         }), /* @__PURE__ */ i(k.Panel, {
           value: "Preview",
           pt: "sm",
-          children: /* @__PURE__ */ i(Uo, {
+          children: /* @__PURE__ */ i(Wo, {
             value: t.sql
           })
         })]
@@ -1383,7 +1374,7 @@ const jo = V(function({
   id: t,
   setID: n
 }) {
-  const r = ee(), o = S.useMemo(() => r.queries.findByID(t), [r.queries, t]);
+  const r = ee(), o = w.useMemo(() => r.queries.findByID(t), [r.queries, t]);
   return t ? o ? /* @__PURE__ */ i(Ll, {
     queryModel: o,
     setCurrentID: n
@@ -1400,7 +1391,7 @@ const ql = V(function({
     var l;
     n((l = r.queries.firstID) != null ? l : "");
   };
-  S.useEffect(() => {
+  w.useEffect(() => {
     if (!t) {
       o();
       return;
@@ -1426,7 +1417,7 @@ const ql = V(function({
       },
       children: [/* @__PURE__ */ i(C, {
         children: "Select a Query"
-      }), /* @__PURE__ */ i(B, {
+      }), /* @__PURE__ */ i(j, {
         data: r.queries.options,
         value: t,
         onChange: n,
@@ -1448,7 +1439,7 @@ const ql = V(function({
     })
   });
 }), Gl = V(function() {
-  const [t, n] = S.useState("");
+  const [t, n] = w.useState("");
   return /* @__PURE__ */ d(zn, {
     sx: {
       height: "90vh",
@@ -1489,7 +1480,7 @@ const ql = V(function({
 }), Bl = V(({
   value: e
 }) => {
-  const t = ee(), n = t.context.current, r = S.useMemo(() => Il(e, n, t.filters.values), [e, n]);
+  const t = ee(), n = t.context.current, r = w.useMemo(() => Il(e, n, t.filters.values), [e, n]);
   return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ i(C, {
       children: "Preview"
@@ -1616,14 +1607,14 @@ function Hl() {
     })
   });
 }
-const Ul = V(function({
+const Wl = V(function({
   opened: t,
   close: n
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e);
-  return S.useEffect(() => {
+  } = w.useContext($e);
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Fe, {
     size: "96vw",
@@ -1658,7 +1649,7 @@ const Ul = V(function({
   });
 });
 var Ce = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Ce || {});
-const Wo = x.model({
+const Uo = x.model({
   type: x.enumeration("DataSourceType", [Me.Postgresql, Me.MySQL, Me.HTTP]),
   key: x.string,
   sql: x.string
@@ -1675,7 +1666,7 @@ const Wo = x.model({
 })), Qo = () => Yo.create({
   required: !1,
   default_value: ""
-}), Wl = V(function({
+}), Ul = V(function({
   config: t
 }) {
   return /* @__PURE__ */ i(K, {
@@ -1714,7 +1705,7 @@ const Wo = x.model({
         onChange: (n) => t.setClearable(n.currentTarget.checked),
         label: "Clearable"
       })]
-    }), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i(j, {
       data: Yl,
       label: "Display Format",
       value: t.inputFormat,
@@ -1730,7 +1721,7 @@ const Wo = x.model({
 function Xl({
   data: e
 }) {
-  return e.length === 0 ? /* @__PURE__ */ i(H, {
+  return e.length === 0 ? /* @__PURE__ */ i(B, {
     sx: {
       height: "5em"
     }
@@ -1781,7 +1772,7 @@ const Jl = V(function({
     data: n = [],
     loading: r,
     refresh: o
-  } = jt(Un(t), {
+  } = jt(Wn(t), {
     refreshDeps: [t]
   });
   return /* @__PURE__ */ d(R, {
@@ -1798,7 +1789,7 @@ const Jl = V(function({
         disabled: !t.sql || !t.key,
         children: "Retry"
       })]
-    }), /* @__PURE__ */ d(H, {
+    }), /* @__PURE__ */ d(B, {
       sx: {
         position: "relative"
       },
@@ -1861,7 +1852,7 @@ const Jl = V(function({
       }), /* @__PURE__ */ i(k.Panel, {
         value: "Preview",
         pt: "sm",
-        children: /* @__PURE__ */ i(Uo, {
+        children: /* @__PURE__ */ i(Wo, {
           value: t.sql
         })
       }), /* @__PURE__ */ i(k.Panel, {
@@ -1969,7 +1960,7 @@ const Jl = V(function({
     }), /* @__PURE__ */ i(Z, {
       label: "Configure options",
       labelPosition: "center"
-    }), r.length > 0 && /* @__PURE__ */ i(B, {
+    }), r.length > 0 && /* @__PURE__ */ i(j, {
       label: "Default Selection",
       data: o,
       value: t.default_value,
@@ -2051,10 +2042,10 @@ const Jl = V(function({
 }), ts = V(function({
   filter: t
 }) {
-  const n = t.plainDefaultValue, [r, o] = S.useState(n);
-  return S.useEffect(() => {
+  const n = t.plainDefaultValue, [r, o] = w.useState(n);
+  return w.useEffect(() => {
     o(n);
-  }, [n]), /* @__PURE__ */ d(H, {
+  }, [n]), /* @__PURE__ */ d(B, {
     sx: {
       maxWidth: "30em"
     },
@@ -2082,7 +2073,7 @@ const Jl = V(function({
   select: Zl,
   "multi-select": Kl,
   "text-input": es,
-  checkbox: Wl,
+  checkbox: Ul,
   "date-range": Ql
 }, rs = [{
   label: "Select",
@@ -2103,10 +2094,10 @@ const Jl = V(function({
   filter: t,
   index: n
 }) {
-  const r = ee(), o = S.useMemo(() => ns[t.type], [t.type]);
+  const r = ee(), o = w.useMemo(() => ns[t.type], [t.type]);
   return /* @__PURE__ */ d($a, {
     cols: 2,
-    children: [/* @__PURE__ */ d(H, {
+    children: [/* @__PURE__ */ d(B, {
       pl: "md",
       children: [/* @__PURE__ */ i(C, {
         pb: "md",
@@ -2143,7 +2134,7 @@ const Jl = V(function({
           onChange: (a) => {
             t.setLabel(a.currentTarget.value);
           }
-        }), /* @__PURE__ */ i(B, {
+        }), /* @__PURE__ */ i(j, {
           label: "Widget",
           data: rs,
           required: !0,
@@ -2172,7 +2163,7 @@ const is = V(function() {
     };
     t.filters.append(a);
   };
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     sx: {
       height: "90vh",
       maxHeight: "calc(100vh - 185px)"
@@ -2219,6 +2210,10 @@ const is = V(function() {
             },
             children: t.filters.current.map((o) => /* @__PURE__ */ i(k.Tab, {
               value: o.id,
+              sx: {
+                maxWidth: "100%",
+                overflow: "scroll"
+              },
               children: o.label
             }, o.id))
           }), /* @__PURE__ */ i(T, {
@@ -2230,7 +2225,7 @@ const is = V(function() {
             onClick: r,
             children: "Add a Filter"
           })]
-        }), /* @__PURE__ */ i(H, {
+        }), /* @__PURE__ */ i(B, {
           sx: {
             flexGrow: 1,
             height: "100%"
@@ -2245,7 +2240,7 @@ const is = V(function() {
                 height: "100%"
               },
               spacing: "sm",
-              children: [/* @__PURE__ */ i(H, {
+              children: [/* @__PURE__ */ i(B, {
                 sx: {
                   flexGrow: 1,
                   maxHeight: "calc(100% - 52px)",
@@ -2280,8 +2275,8 @@ const is = V(function() {
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e);
-  return S.useEffect(() => {
+  } = w.useContext($e);
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Fe, {
     size: "96vw",
@@ -2355,7 +2350,7 @@ const us = V(() => {
       onChange: (n) => {
         t.setName(n.currentTarget.value);
       }
-    }), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i(j, {
       label: "Type",
       value: t.type,
       onChange: t.setType,
@@ -2369,8 +2364,8 @@ const us = V(() => {
   var o;
   const n = ee(), {
     freezeLayout: r
-  } = S.useContext($e);
-  return S.useEffect(() => {
+  } = w.useContext($e);
+  return w.useEffect(() => {
     r(e);
   }, [e]), /* @__PURE__ */ i(Fe, {
     size: "500px",
@@ -2441,7 +2436,7 @@ const us = V(() => {
       children: e
     })
   })
-})), Ur = "TRIGGER_TO_ADD", ms = V(({
+})), Wr = "TRIGGER_TO_ADD", ms = V(({
   value: e,
   onChange: t,
   triggerAdd: n,
@@ -2450,7 +2445,7 @@ const us = V(() => {
 }) => {
   const a = G(() => [...o, {
     label: "Add a View",
-    value: Ur,
+    value: Wr,
     type: "TRIGGER_TO_ADD"
   }], [o, n]);
   return /* @__PURE__ */ d(y, {
@@ -2459,10 +2454,10 @@ const us = V(() => {
     sx: {
       minWidth: "260px"
     },
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       value: e,
       onChange: (s) => {
-        s !== Ur ? t(s) : n();
+        s !== Wr ? t(s) : n();
       },
       placeholder: "Pick a View",
       itemComponent: hs,
@@ -2523,11 +2518,11 @@ function bs({
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e);
-  S.useEffect(() => {
+  } = w.useContext($e);
+  w.useEffect(() => {
     r(e);
   }, [e]);
-  const o = S.useMemo(() => JSON.stringify(n(), null, 2), [e]);
+  const o = w.useMemo(() => JSON.stringify(n(), null, 2), [e]);
   return /* @__PURE__ */ i(Fe, {
     size: "96vw",
     overflow: "inside",
@@ -2551,7 +2546,7 @@ function bs({
 const Jo = V(function({
   saveChanges: t
 }) {
-  const n = ee(), r = S.useCallback(() => {
+  const n = ee(), r = w.useCallback(() => {
     const L = n.queries.current, Y = n.views.current, le = n.sqlSnippets.current;
     return {
       filters: n.filters.current,
@@ -2566,7 +2561,7 @@ const Jo = V(function({
   }, a = n.views.changed || n.sqlSnippets.changed || n.queries.changed || n.filters.changed, {
     inEditMode: l,
     inUseMode: s
-  } = S.useContext($e), [u, g] = S.useState(!1), c = () => g(!0), f = () => g(!1), [p, m] = S.useState(!1), b = () => m(!0), v = () => m(!1), [w, F] = S.useState(!1), $ = () => F(!0), A = () => F(!1);
+  } = w.useContext($e), [u, g] = w.useState(!1), c = () => g(!0), f = () => g(!1), [p, m] = w.useState(!1), b = () => m(!0), v = () => m(!1), [S, F] = w.useState(!1), $ = () => F(!0), A = () => F(!1);
   return /* @__PURE__ */ d(y, {
     position: "apart",
     pt: 0,
@@ -2650,11 +2645,11 @@ const Jo = V(function({
     }), /* @__PURE__ */ i(as, {
       opened: p,
       close: v
-    }), /* @__PURE__ */ i(Ul, {
+    }), /* @__PURE__ */ i(Wl, {
       opened: u,
       close: f
     }), /* @__PURE__ */ i(bs, {
-      opened: w,
+      opened: S,
       close: A,
       getCurrentSchema: r
     })]
@@ -2663,10 +2658,10 @@ const Jo = V(function({
 const Ko = V(() => {
   const {
     freezeLayout: e
-  } = S.useContext($e), [t, n] = S.useState(!1), {
+  } = w.useContext($e), [t, n] = w.useState(!1), {
     panel: r
   } = pe();
-  return S.useEffect(() => {
+  return w.useEffect(() => {
     e(t);
   }, [t]), !r.description || r.description === "<p><br></p>" ? null : /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Fe, {
@@ -2677,7 +2672,7 @@ const Ko = V(() => {
       children: /* @__PURE__ */ i(Do, {
         readOnly: !0,
         value: r.description,
-        onChange: U.noop,
+        onChange: W.noop,
         sx: {
           border: "none"
         }
@@ -2793,7 +2788,7 @@ function Ss({
   async function r(o) {
     await e.changeSchema(t.find((a) => a.id === o));
   }
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: "Operation",
     data: n,
     onChange: r,
@@ -2809,7 +2804,7 @@ const _s = V((e) => {
     operationId: a,
     instance: l,
     variables: s
-  } = e, u = We(() => new ys(o, l), [o, l]);
+  } = e, u = Ue(() => new ys(o, l), [o, l]);
   return Rt(async () => {
     await u.configOperation(a, s);
   }, [a, u]), xs(u) ? /* @__PURE__ */ d(K, {
@@ -2862,7 +2857,7 @@ function Ds(e) {
   return !!e.triggerId && !!e.triggerSchema;
 }
 function Is(e, t) {
-  return We(() => new Rs(e, t), [e, t]);
+  return Ue(() => new Rs(e, t), [e, t]);
 }
 const Vs = V(({
   model: e,
@@ -2888,7 +2883,7 @@ const Vs = V(({
   async function r(o) {
     await e.changeSchema(t.find((a) => a.id === o));
   }
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: "Trigger",
     data: n,
     value: e.triggerSchema.id,
@@ -2937,7 +2932,7 @@ class lt {
   async deleteItem(t) {
     t === null && await this.root.deleteItem(this.path);
     const n = await this.root.getItem(this.path) || {};
-    await this.root.setItem(this.path, Ut(n, t));
+    await this.root.setItem(this.path, Wt(n, t));
   }
   async getItem(t) {
     const n = await this.root.getItem(this.path);
@@ -2969,7 +2964,7 @@ class lt {
     );
   }
 }
-class Wn {
+class Un {
   constructor(t, n, r) {
     z(this, "attachmentStorage");
     this.instance = t, this.attachmentKey = n, this.constructInstance = r, this.attachmentStorage = new lt(t.instanceData, n);
@@ -3008,7 +3003,7 @@ class ei {
     return Promise.resolve(n);
   }
   getValueFromRoot(t) {
-    return t === null ? Wt(this.rootRef.current) : de(this.rootRef.current, [t]);
+    return t === null ? Ut(this.rootRef.current) : de(this.rootRef.current, [t]);
   }
   setItem(t, n) {
     if (t === null)
@@ -3105,7 +3100,7 @@ const As = (e) => {
   return /* @__PURE__ */ i(s, {
     context: l,
     instance: a,
-    ...Ut(e, ["panel", "vizManager", "data"])
+    ...Wt(e, ["panel", "vizManager", "data"])
   });
 }, Os = (e) => {
   const {
@@ -3120,7 +3115,7 @@ const As = (e) => {
   return /* @__PURE__ */ i(u, {
     context: s,
     instance: l,
-    ...Ut(e, ["panel", "vizManager", "data", "panelInfoEditor"])
+    ...Wt(e, ["panel", "vizManager", "data", "panelInfoEditor"])
   });
 }, ni = (e, t) => {
   const n = wt.bezier(e), r = wt.bezier(t);
@@ -3168,7 +3163,7 @@ const As = (e) => {
   getColor: Jt(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Gs = "5.1.0";
+}, Gs = "5.3.0";
 class Bs {
   constructor(t) {
     z(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3296,7 +3291,7 @@ function ri(e) {
     e && ((o = (r = (n = t.current) == null ? void 0 : n.editor) == null ? void 0 : r.clipboard) == null || o.dangerouslyPasteHTML(e));
   }, [e]), t;
 }
-function Us({
+function Ws({
   context: e
 }) {
   const {
@@ -3323,7 +3318,7 @@ function Us({
     }
   }) : null;
 }
-function Ws({
+function Us({
   context: e
 }) {
   const {
@@ -3334,11 +3329,11 @@ function Ws({
     handleSubmit: a,
     watch: l,
     getValues: s
-  } = Le({
+  } = Ne({
     defaultValues: r
   });
   l("content");
-  const u = s(), g = G(() => !ze(u, t), [u, t]), c = ri(t == null ? void 0 : t.content);
+  const u = s(), g = G(() => !Te(u, t), [u, t]), c = ri(t == null ? void 0 : t.content);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -3374,7 +3369,7 @@ function Ws({
           sx: {
             flex: 1
           },
-          ...Ut(f, "ref")
+          ...Wt(f, "ref")
         })
       })]
     })
@@ -3399,8 +3394,8 @@ const Qs = {
   displayName: "RichText",
   migrator: new Ys(),
   name: "richText",
-  viewRender: Us,
-  configRender: Ws,
+  viewRender: Ws,
+  configRender: Us,
   createConfig: () => Yn
 }, Qn = {
   align: "center",
@@ -3514,7 +3509,7 @@ function Ks({
     ref: n,
     children: [/* @__PURE__ */ d(y, {
       grow: !0,
-      children: [/* @__PURE__ */ i(B, {
+      children: [/* @__PURE__ */ i(j, {
         label: "Format",
         data: [{
           label: "1234",
@@ -3528,7 +3523,7 @@ function Ks({
         sx: {
           flexGrow: 1
         }
-      }), /* @__PURE__ */ i(Ue, {
+      }), /* @__PURE__ */ i(ze, {
         label: /* @__PURE__ */ d(R, {
           spacing: 0,
           children: [/* @__PURE__ */ i(C, {
@@ -3567,7 +3562,7 @@ function Ks({
         max: 4,
         value: e.mantissa,
         onChange: o
-      }), /* @__PURE__ */ i(Ue, {
+      }), /* @__PURE__ */ i(ze, {
         label: "Trim mantissa",
         checked: e.trimMantissa,
         onChange: a,
@@ -3613,7 +3608,7 @@ function Ks({
     })]
   });
 }
-const Xn = S.forwardRef(Ks);
+const Xn = w.forwardRef(Ks);
 function Kt() {
   return {
     name: Se(),
@@ -3683,7 +3678,7 @@ function eu({
     grow: !0,
     noWrap: !0,
     pt: "sm",
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       ref: r,
       label: e,
       data: Zs,
@@ -3700,7 +3695,7 @@ function eu({
     })]
   });
 }
-const tu = S.forwardRef(eu);
+const tu = w.forwardRef(eu);
 function nu({
   label: e,
   required: t,
@@ -3711,7 +3706,7 @@ function nu({
   sx: l,
   ...s
 }, u) {
-  const g = S.useMemo(() => {
+  const g = w.useMemo(() => {
     if (!Array.isArray(o) || o.length === 0)
       return [];
     const f = Object.keys(o[0]).map((p) => ({
@@ -3723,7 +3718,7 @@ function nu({
       value: ""
     }]) : f;
   }, [o]);
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     ref: u,
     label: e,
     data: g,
@@ -3734,19 +3729,19 @@ function nu({
     ...s
   });
 }
-const J = S.forwardRef(nu);
+const J = w.forwardRef(nu);
 function ru({
   label: e,
   value: t,
   onChange: n
 }, r) {
-  const [o, a] = S.useState(Array.isArray(t) ? [...t] : []), l = S.useCallback(() => {
+  const [o, a] = w.useState(Array.isArray(t) ? [...t] : []), l = w.useCallback(() => {
     a((p) => [...p, ""]);
-  }, [a]), s = S.useCallback((p) => {
+  }, [a]), s = w.useCallback((p) => {
     a((m) => (m.splice(p, 1), [...m]));
-  }, [a]), u = S.useMemo(() => !U.isEqual(o, t), [o, t]), g = () => {
+  }, [a]), u = w.useMemo(() => !W.isEqual(o, t), [o, t]), g = () => {
     n(o.map((p) => p.toString()));
-  }, c = ka(), f = S.useMemo(() => Object.entries(c.colors).map(([p, m]) => m[6]), [c]);
+  }, c = ka(), f = w.useMemo(() => Object.entries(c.colors).map(([p, m]) => m[6]), [c]);
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
@@ -3791,18 +3786,18 @@ function ru({
     })]
   });
 }
-const ou = S.forwardRef(ru);
+const ou = w.forwardRef(ru);
 function iu({
   value: e,
   onChange: t
 }, n) {
   const {
     colorManager: r
-  } = Te(Ne), o = S.useMemo(() => r.getStaticColors().map((s) => ({
+  } = Le(qe), o = w.useMemo(() => r.getStaticColors().map((s) => ({
     label: s.name,
     group: s.category,
     value: s.value
-  })), [r]), a = S.useMemo(() => o.some((l) => l.value === e), [e, o]);
+  })), [r]), a = w.useMemo(() => o.some((l) => l.value === e), [e, o]);
   return /* @__PURE__ */ d(y, {
     position: "apart",
     spacing: 4,
@@ -3825,7 +3820,7 @@ function iu({
         flexGrow: 0
       },
       children: "or"
-    }), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i(j, {
       data: o,
       value: e,
       onChange: t,
@@ -3842,7 +3837,7 @@ function iu({
     })]
   });
 }
-const Qe = S.forwardRef(iu), kt = [{
+const Qe = w.forwardRef(iu), kt = [{
   label: "initial",
   value: 0
 }, {
@@ -3864,8 +3859,8 @@ function au({
   onChange: n
 }, r) {
   var l, s;
-  const [o, a] = S.useState((s = (l = kt.find((u) => u.label === t)) == null ? void 0 : l.value) != null ? s : kt[0].value);
-  return S.useEffect(() => {
+  const [o, a] = w.useState((s = (l = kt.find((u) => u.label === t)) == null ? void 0 : l.value) != null ? s : kt[0].value);
+  return w.useEffect(() => {
     const u = kt.find((g) => g.value === o);
     u && n(u.label);
   }, [o]), /* @__PURE__ */ d(R, {
@@ -3886,17 +3881,17 @@ function au({
     })]
   });
 }
-const lu = S.forwardRef(au);
+const lu = w.forwardRef(au);
 function su({
   label: e,
   value: t,
   onChange: n
 }, r) {
-  const [o, a] = S.useState(Array.isArray(t) ? [...t] : []), l = S.useCallback(() => {
+  const [o, a] = w.useState(Array.isArray(t) ? [...t] : []), l = w.useCallback(() => {
     a((c) => [...c, ""]);
-  }, [a]), s = S.useCallback((c) => {
+  }, [a]), s = w.useCallback((c) => {
     a((f) => (f.splice(c, 1), [...f]));
-  }, [a]), u = S.useMemo(() => !U.isEqual(o, t), [o, t]);
+  }, [a]), u = w.useMemo(() => !W.isEqual(o, t), [o, t]);
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
@@ -3943,13 +3938,13 @@ function su({
     })]
   });
 }
-const uu = S.forwardRef(su), cu = S.forwardRef(function({
+const uu = w.forwardRef(su), cu = w.forwardRef(function({
   value: t,
   onChange: n
 }, r) {
   const o = t.color.type, a = (l, s) => {
-    const u = U.cloneDeep(t);
-    U.set(u, l, s), n(u);
+    const u = W.cloneDeep(t);
+    W.set(u, l, s), n(u);
   };
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Z, {
@@ -3985,7 +3980,7 @@ const uu = S.forwardRef(su), cu = S.forwardRef(function({
       label: "Style",
       labelPosition: "center"
     }), /* @__PURE__ */ d(R, {
-      children: [/* @__PURE__ */ i(B, {
+      children: [/* @__PURE__ */ i(j, {
         label: "Color Type",
         data: [{
           label: "Static Color",
@@ -4012,17 +4007,17 @@ const uu = S.forwardRef(su), cu = S.forwardRef(function({
       })]
     })]
   });
-}), Zt = S.forwardRef(function({
+}), Zt = w.forwardRef(function({
   value: t,
   onChange: n,
   data: r,
   withStyle: o = !0
 }, a) {
   const l = (s, u) => {
-    const g = U.cloneDeep(t);
-    U.set(g, s, u), n(g);
+    const g = W.cloneDeep(t);
+    W.set(g, s, u), n(g);
   };
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     px: "sm",
     py: "md",
     ref: a,
@@ -4075,15 +4070,15 @@ function Jn(e, t, n) {
   const r = e.map((u) => u[t]);
   switch (n.type) {
     case "sum":
-      return U.sum(r);
+      return W.sum(r);
     case "mean":
-      return U.mean(r);
+      return W.mean(r);
     case "median":
       return du(r);
     case "max":
-      return (o = U.max(r)) != null ? o : 0;
+      return (o = W.max(r)) != null ? o : 0;
     case "min":
-      return (a = U.min(r)) != null ? a : 0;
+      return (a = W.min(r)) != null ? a : 0;
     case "quantile":
       return (l = pl(r, n.config.p)) != null ? l : 0;
     default:
@@ -4132,7 +4127,7 @@ const Zn = (e, t) => (n) => Boolean(It(n) && pu.test(n) && n.startsWith(e) || t
   test: Zn("hsl", "hue"),
   parse: si("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ct.transform(xt(t)) + ", " + Ct.transform(xt(n)) + ", " + xt(li.transform(r)) + ")"
-}, hu = ai(0, 255), hn = Object.assign(Object.assign({}, en), { transform: (e) => Math.round(hu(e)) }), Be = {
+}, hu = ai(0, 255), hn = Object.assign(Object.assign({}, en), { transform: (e) => Math.round(hu(e)) }), je = {
   test: Zn("rgb", "red"),
   parse: si("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + hn.transform(e) + ", " + hn.transform(t) + ", " + hn.transform(n) + ", " + xt(li.transform(r)) + ")"
@@ -4149,11 +4144,11 @@ function mu(e) {
 const In = {
   test: Zn("#"),
   parse: mu,
-  transform: Be.transform
+  transform: je.transform
 }, tn = {
-  test: (e) => Be.test(e) || In.test(e) || tt.test(e),
-  parse: (e) => Be.test(e) ? Be.parse(e) : tt.test(e) ? tt.parse(e) : In.parse(e),
-  transform: (e) => It(e) ? e : e.hasOwnProperty("red") ? Be.transform(e) : tt.transform(e)
+  test: (e) => je.test(e) || In.test(e) || tt.test(e),
+  parse: (e) => je.test(e) ? je.parse(e) : tt.test(e) ? tt.parse(e) : In.parse(e),
+  transform: (e) => It(e) ? e : e.hasOwnProperty("red") ? je.transform(e) : tt.transform(e)
 }, ui = "${c}", ci = "${n}";
 function vu(e) {
   var t, n, r, o;
@@ -4189,7 +4184,7 @@ const fi = { test: vu, parse: gi, createTransformer: pi, getAnimatableNone: yu }
 function mn(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function Wr({ hue: e, saturation: t, lightness: n, alpha: r }) {
+function Ur({ hue: e, saturation: t, lightness: n, alpha: r }) {
   e /= 360, t /= 100, n /= 100;
   let o = 0, a = 0, l = 0;
   if (!t)
@@ -4208,11 +4203,11 @@ function Wr({ hue: e, saturation: t, lightness: n, alpha: r }) {
 const xu = (e, t, n) => {
   const r = e * e, o = t * t;
   return Math.sqrt(Math.max(0, n * (o - r) + r));
-}, Cu = [In, Be, tt], Yr = (e) => Cu.find((t) => t.test(e)), Qr = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, hi = (e, t) => {
+}, Cu = [In, je, tt], Yr = (e) => Cu.find((t) => t.test(e)), Qr = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, hi = (e, t) => {
   let n = Yr(e), r = Yr(t);
   St(!!n, Qr(e)), St(!!r, Qr(t));
   let o = n.parse(e), a = r.parse(t);
-  n === tt && (o = Wr(o), n = Be), r === tt && (a = Wr(a), r = Be);
+  n === tt && (o = Ur(o), n = je), r === tt && (a = Ur(a), r = je);
   const l = Object.assign({}, o);
   return (s) => {
     for (const u in l)
@@ -4484,7 +4479,7 @@ function qu({
   const t = e.data || [], {
     value: n,
     set: r
-  } = Q(e.instanceData, "config"), o = S.useMemo(() => {
+  } = Q(e.instanceData, "config"), o = w.useMemo(() => {
     const {
       align: p,
       template: m = "",
@@ -4501,13 +4496,13 @@ function qu({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
-  S.useEffect(() => {
+  w.useEffect(() => {
     g(o);
   }, [o]), s(["variables", "template"]);
-  const c = u(), f = S.useMemo(() => !U.isEqual(c, n), [c, n]);
+  const c = u(), f = w.useMemo(() => !W.isEqual(c, n), [c, n]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -4573,7 +4568,7 @@ const Gu = {
   viewRender: Tu,
   configRender: qu
 };
-var je = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e))(je || {});
+var He = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e))(He || {});
 const Nt = {
   columns: [],
   fontSize: "1rem",
@@ -4594,14 +4589,14 @@ const Nt = {
  *
  * @license MIT
  */
-function He(e, t) {
+function We(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function _e(e, t) {
   return (n) => {
     t.setState((r) => ({
       ...r,
-      [e]: He(n, r[e])
+      [e]: We(n, r[e])
     }));
   };
 }
@@ -4876,22 +4871,22 @@ function At(e, t, n, r) {
       id: [r, "" + m].filter(Boolean).join("_"),
       headers: []
     }, v = [];
-    p.forEach((w) => {
-      const F = [...v].reverse()[0], $ = w.column.depth === b.depth;
+    p.forEach((S) => {
+      const F = [...v].reverse()[0], $ = S.column.depth === b.depth;
       let A, L = !1;
-      if ($ && w.column.parent ? A = w.column.parent : (A = w.column, L = !0), F && (F == null ? void 0 : F.column) === A)
-        F.subHeaders.push(w);
+      if ($ && S.column.parent ? A = S.column.parent : (A = S.column, L = !0), F && (F == null ? void 0 : F.column) === A)
+        F.subHeaders.push(S);
       else {
         const Y = Jr(n, A, {
-          id: [r, m, A.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
+          id: [r, m, A.id, S == null ? void 0 : S.id].filter(Boolean).join("_"),
           isPlaceholder: L,
           placeholderId: L ? "" + v.filter((le) => le.column === A).length : void 0,
           depth: m,
           index: v.length
         });
-        Y.subHeaders.push(w), v.push(Y);
+        Y.subHeaders.push(S), v.push(Y);
       }
-      b.headers.push(w), w.headerGroup = b;
+      b.headers.push(S), S.headerGroup = b;
     }), u.push(b), m > 0 && g(v, m - 1);
   }, c = t.map((p, m) => Jr(n, p, {
     depth: l,
@@ -4899,7 +4894,7 @@ function At(e, t, n, r) {
   }));
   g(c, l - 1), u.reverse();
   const f = (p) => p.filter((b) => b.column.getIsVisible()).map((b) => {
-    let v = 0, w = 0, F = [0];
+    let v = 0, S = 0, F = [0];
     b.subHeaders && b.subHeaders.length ? (F = [], f(b.subHeaders).forEach((A) => {
       let {
         colSpan: L,
@@ -4908,9 +4903,9 @@ function At(e, t, n, r) {
       v += L, F.push(Y);
     })) : v = 1;
     const $ = Math.min(...F);
-    return w = w + $, b.colSpan = v, b.rowSpan = w, {
+    return S = S + $, b.colSpan = v, b.rowSpan = S, {
       colSpan: v,
-      rowSpan: w
+      rowSpan: S
     };
   });
   return f((o = (a = u[0]) == null ? void 0 : a.headers) != null ? o : []), u;
@@ -4926,7 +4921,7 @@ const Ot = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Uu = {
+}), Wu = {
   getDefaultColumnDef: () => Ot,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -4996,19 +4991,19 @@ const Ot = {
           if (typeof b != "number")
             return;
           let v = {};
-          t.setColumnSizingInfo((w) => {
+          t.setColumnSizingInfo((S) => {
             var F, $;
-            const A = b - ((F = w == null ? void 0 : w.startOffset) != null ? F : 0), L = Math.max(A / (($ = w == null ? void 0 : w.startSize) != null ? $ : 0), -0.999999);
-            return w.columnSizingStart.forEach((Y) => {
+            const A = b - ((F = S == null ? void 0 : S.startOffset) != null ? F : 0), L = Math.max(A / (($ = S == null ? void 0 : S.startSize) != null ? $ : 0), -0.999999);
+            return S.columnSizingStart.forEach((Y) => {
               let [le, ie] = Y;
               v[le] = Math.round(Math.max(ie + ie * L, 0) * 100) / 100;
             }), {
-              ...w,
+              ...S,
               deltaOffset: A,
               deltaPercentage: L
             };
-          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((w) => ({
-            ...w,
+          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((S) => ({
+            ...S,
             ...v
           }));
         }, g = (m) => u("move", m), c = (m) => {
@@ -5026,7 +5021,7 @@ const Ot = {
           upHandler: (m) => {
             document.removeEventListener("mousemove", f.moveHandler), document.removeEventListener("mouseup", f.upHandler), c(m.clientX);
           }
-        }, p = Wu() ? {
+        }, p = Uu() ? {
           passive: !1
         } : !1;
         yn(o) || (document.addEventListener("mousemove", f.moveHandler, p), document.addEventListener("mouseup", f.upHandler, p)), t.setColumnSizingInfo((m) => ({
@@ -5071,7 +5066,7 @@ const Ot = {
   })
 };
 let Pt = null;
-function Wu() {
+function Uu() {
   if (typeof Pt == "boolean")
     return Pt;
   let e = !1;
@@ -5300,7 +5295,7 @@ const Qu = {
     },
     setFilterValue: (n) => {
       t.setColumnFilters((r) => {
-        const o = e.getFilterFn(), a = r == null ? void 0 : r.find((c) => c.id === e.id), l = He(n, a ? a.value : void 0);
+        const o = e.getFilterFn(), a = r == null ? void 0 : r.find((c) => c.id === e.id), l = We(n, a ? a.value : void 0);
         if (Kr(o, l, e)) {
           var s;
           return (s = r == null ? void 0 : r.filter((c) => c.id !== e.id)) != null ? s : [];
@@ -5342,7 +5337,7 @@ const Qu = {
     setColumnFilters: (t) => {
       const n = e.getAllLeafColumns(), r = (o) => {
         var a;
-        return (a = He(t, o)) == null ? void 0 : a.filter((l) => {
+        return (a = We(t, o)) == null ? void 0 : a.filter((l) => {
           const s = n.find((u) => u.id === l.id);
           if (s) {
             const u = s.getFilterFn();
@@ -5571,7 +5566,7 @@ const lc = {
         }
       },
       setPagination: (r) => {
-        const o = (a) => He(r, a);
+        const o = (a) => We(r, a);
         return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(o);
       },
       resetPagination: (r) => {
@@ -5580,7 +5575,7 @@ const lc = {
       },
       setPageIndex: (r) => {
         e.setPagination((o) => {
-          let a = He(r, o.pageIndex);
+          let a = We(r, o.pageIndex);
           const l = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
           return a = Math.min(Math.max(0, a), l), {
             ...o,
@@ -5598,7 +5593,7 @@ const lc = {
       },
       setPageSize: (r) => {
         e.setPagination((o) => {
-          const a = Math.max(1, He(r, o.pageSize)), l = o.pageSize * o.pageIndex, s = Math.floor(l / a);
+          const a = Math.max(1, We(r, o.pageSize)), l = o.pageSize * o.pageIndex, s = Math.floor(l / a);
           return {
             ...o,
             pageIndex: s,
@@ -5608,7 +5603,7 @@ const lc = {
       },
       setPageCount: (r) => e.setPagination((o) => {
         var a;
-        let l = He(r, (a = e.options.pageCount) != null ? a : -1);
+        let l = We(r, (a = e.options.pageCount) != null ? a : -1);
         return typeof l == "number" && (l = Math.max(-1, l)), {
           ...o,
           pageCount: l
@@ -6170,7 +6165,7 @@ const vt = {
       }
     };
   }
-}, eo = [Hu, bc, lc, uc, Qu, vc, ic, Yu, sc, cc, Uu];
+}, eo = [Hu, bc, lc, uc, Qu, vc, ic, Yu, sc, cc, Wu];
 function yc(e) {
   var t;
   (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
@@ -6211,7 +6206,7 @@ function yc(e) {
       n.setState(n.initialState);
     },
     setOptions: (c) => {
-      const f = He(c, n.options);
+      const f = We(c, n.options);
       n.options = o(f);
     },
     getState: () => n.options.state,
@@ -6255,8 +6250,8 @@ function yc(e) {
     getAllColumns: O(() => [n._getColumnDefs()], (c) => {
       const f = function(p, m, b) {
         return b === void 0 && (b = 0), p.map((v) => {
-          const w = ju(n, v, b, m), F = v;
-          return w.columns = F.columns ? f(F.columns, w, b + 1) : [], w;
+          const S = ju(n, v, b, m), F = v;
+          return S.columns = F.columns ? f(F.columns, S, b + 1) : [], S;
         });
       };
       return f(c);
@@ -6428,7 +6423,7 @@ function _c() {
       return g.sort((c, f) => {
         for (let m = 0; m < a.length; m += 1) {
           var p;
-          const b = a[m], v = l[b.id], w = (p = b == null ? void 0 : b.desc) != null ? p : !1;
+          const b = a[m], v = l[b.id], S = (p = b == null ? void 0 : b.desc) != null ? p : !1;
           if (v.sortUndefined) {
             const $ = c.getValue(b.id), A = f.getValue(b.id), L = typeof $ > "u", Y = typeof A > "u";
             if (L || Y)
@@ -6436,7 +6431,7 @@ function _c() {
           }
           let F = v.sortingFn(c, f, b.id);
           if (F !== 0)
-            return w && (F *= -1), v.invertSorting && (F *= -1), F;
+            return S && (F *= -1), v.invertSorting && (F *= -1), F;
         }
         return c.index - f.index;
       }), g.forEach((c) => {
@@ -6501,7 +6496,7 @@ function Vc(e) {
 const Fc = ({
   vizManager: e,
   instance: t
-}) => We(
+}) => Ue(
   () => new Li(t, e.resolveComponent(t.type), pr),
   [t, e]
 ), $c = (e, t) => {
@@ -6639,7 +6634,7 @@ function qc(e) {
       column: +u
     });
   };
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     clearable: !1,
     data: r,
     label: "Choose a column",
@@ -6696,14 +6691,14 @@ const jc = Tn((e) => ({
     }
   }
 }));
-function Uc(e) {
+function Wc(e) {
   return e ? wt(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
-function Wc(e) {
+function Uc(e) {
   const t = e.tableCellContext.bgColor;
   return {
     backgroundColor: t,
-    color: Uc(t)
+    color: Wc(t)
   };
 }
 function rn(e) {
@@ -6713,7 +6708,7 @@ function rn(e) {
   return /* @__PURE__ */ i("div", {
     className: n.classes.content,
     style: {
-      ...Wc(e)
+      ...Uc(e)
     },
     children: /* @__PURE__ */ i(C, {
       className: "table-cell-text",
@@ -6757,19 +6752,19 @@ function Jc(e) {
 }
 function Kc(e) {
   switch (e.type) {
-    case je.string:
+    case He.string:
       return /* @__PURE__ */ i(Yc, {
         ...e
       });
-    case je.eloc:
+    case He.eloc:
       return /* @__PURE__ */ i(Qc, {
         ...e
       });
-    case je.number:
+    case He.number:
       return /* @__PURE__ */ i(Xc, {
         ...e
       });
-    case je.percentage:
+    case He.percentage:
       return /* @__PURE__ */ i(Jc, {
         ...e
       });
@@ -6778,7 +6773,7 @@ function Kc(e) {
 const Zc = (e) => {
   const t = Fc(e), n = $c(t.triggerManager, rr.id), {
     colorManager: r
-  } = Te(Ne);
+  } = Le(qe);
   return Tt((o) => new td(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
 };
 function ed({
@@ -6798,19 +6793,19 @@ function ed({
   } = a, {
     classes: g,
     cx: c
-  } = jc(), f = S.useMemo(() => l ? Object.keys(n[0]).map((se) => ({
+  } = jc(), f = w.useMemo(() => l ? Object.keys(n[0]).map((se) => ({
     label: se,
     value_field: se,
-    value_type: je.string
+    value_type: He.string
   })) : s, [l, s, n]), p = Zc({
     getColIndex: Tt((se) => f.indexOf(se.column.columnDef.meta), [f]),
     vizManager: e.vizManager,
     instance: t
   }), m = G(() => {
     const se = wc(), De = f.map((me) => se.accessor(me.value_field, {
-      cell: (qe) => /* @__PURE__ */ i(Kc, {
-        tableCellContext: p(qe.cell),
-        value: qe.getValue(),
+      cell: (Ge) => /* @__PURE__ */ i(Kc, {
+        tableCellContext: p(Ge.cell),
+        value: Ge.getValue(),
         type: me.value_type
       }),
       header: me.label,
@@ -6823,7 +6818,7 @@ function ed({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...De];
-  }, [f, p]), [b, v] = be([]), w = Vc({
+  }, [f, p]), [b, v] = be([]), S = Vc({
     data: n,
     state: {
       sorting: b
@@ -6834,7 +6829,7 @@ function ed({
     getSortedRowModel: _c()
   }), {
     rows: F
-  } = w.getRowModel(), $ = S.useRef(null), A = fl({
+  } = S.getRowModel(), $ = w.useRef(null), A = fl({
     parentRef: $,
     size: F.length,
     estimateSize: Tt(() => 28, []),
@@ -6860,7 +6855,7 @@ function ed({
       striped: a.striped,
       children: [/* @__PURE__ */ i("thead", {
         className: g.thead,
-        children: w.getHeaderGroups().map((se) => /* @__PURE__ */ i("tr", {
+        children: S.getHeaderGroups().map((se) => /* @__PURE__ */ i("tr", {
           children: se.headers.map((De) => /* @__PURE__ */ i("th", {
             style: {
               width: De.getSize()
@@ -6977,7 +6972,7 @@ class rd {
       steps: Vo
     }, {
       deep: !1
-    }), Yt(() => Wt(this.steps), () => {
+    }), Yt(() => Ut(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -7015,7 +7010,7 @@ function od(e) {
     setFalse: c
   }] = _t(!1), f = r % 2 === 1, p = f && o != null, m = !f && o != null, b = `map ${o} to color ${r}`, v = () => {
     s(o), c();
-  }, w = () => {
+  }, S = () => {
     c(), t == null || t(l);
   }, F = we(o).format({
     average: !0
@@ -7064,7 +7059,7 @@ function od(e) {
             }), /* @__PURE__ */ i(T, {
               "data-testid": "palette-item-ok",
               size: "xs",
-              onClick: w,
+              onClick: S,
               children: "OK"
             })]
           })]
@@ -7087,7 +7082,7 @@ const id = V(({
 }) => {
   const {
     classes: t
-  } = Ai(), n = Ua(0, 13, 1).map((r) => 100 / 12 * r).map((r) => [e.interpolation.getColor(r), r]);
+  } = Ai(), n = Wa(0, 13, 1).map((r) => 100 / 12 * r).map((r) => [e.interpolation.getColor(r), r]);
   return /* @__PURE__ */ i("div", {
     className: t.palette,
     children: n.map(([r, o], a) => /* @__PURE__ */ i(od, {
@@ -7098,7 +7093,7 @@ const id = V(({
     }, r))
   });
 }), ad = V(function(t) {
-  const n = We(() => new rd(), []);
+  const n = Ue(() => new rd(), []);
   return ne(() => {
     n.fromProps(t);
   }), n.interpolation == null ? null : /* @__PURE__ */ i(id, {
@@ -7112,24 +7107,24 @@ const id = V(({
   } = e, o = r.getColorInterpolations(), [a, l] = be(t), s = r.decodeInterpolation(a.interpolation) || o[0], [u, {
     setTrue: g,
     setFalse: c
-  }] = _t(), f = o.map((w) => ({
-    label: w.displayName,
-    value: r.encodeColor(w),
-    group: w.category
+  }] = _t(), f = o.map((S) => ({
+    label: S.displayName,
+    value: r.encodeColor(S),
+    group: S.category
   }));
-  function p(w) {
-    w && l((F) => ({
+  function p(S) {
+    S && l((F) => ({
       ...F,
-      interpolation: w
+      interpolation: S
     }));
   }
   const m = () => {
-    c(), n == null || n(Wt(a));
+    c(), n == null || n(Ut(a));
   };
-  function b(w) {
+  function b(S) {
     l((F) => ({
       ...F,
-      steps: w
+      steps: S
     }));
   }
   const v = () => {
@@ -7147,7 +7142,7 @@ const id = V(({
       onClose: c,
       children: u && /* @__PURE__ */ d(R, {
         "data-testid": "color-interpolation-modal",
-        children: [/* @__PURE__ */ i(B, {
+        children: [/* @__PURE__ */ i(j, {
           label: "Color style",
           value: a.interpolation,
           data: f,
@@ -7193,15 +7188,15 @@ function dd(e, t) {
 const gd = (e) => {
   const {
     colorManager: t
-  } = Te(Ne), [n, r] = be(Oi(e.value)), [o, a] = be(cd(t, e.value)), l = Nr(o), [s, u] = be(dd(t, e.value)), g = Nr(s);
+  } = Le(qe), [n, r] = be(Oi(e.value)), [o, a] = be(cd(t, e.value)), l = Nr(o), [s, u] = be(dd(t, e.value)), g = Nr(s);
   return /* @__PURE__ */ d(y, {
     align: "end",
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       label: "Cell background",
       value: n || "none",
       onChange: (m) => {
-        var b, v, w;
-        r(m || "none"), m === "static" ? (b = e.onChange) == null || b.call(e, l.current) : m === "none" || !m ? (v = e.onChange) == null || v.call(e, "none") : (w = e.onChange) == null || w.call(e, g.current);
+        var b, v, S;
+        r(m || "none"), m === "static" ? (b = e.onChange) == null || b.call(e, l.current) : m === "none" || !m ? (v = e.onChange) == null || v.call(e, "none") : (S = e.onChange) == null || S.call(e, g.current);
       },
       data: sd
     }), n === "static" && /* @__PURE__ */ i(Qe, {
@@ -7219,7 +7214,7 @@ const gd = (e) => {
       }
     })]
   });
-}, pd = Object.values(je).map((e) => ({
+}, pd = Object.values(He).map((e) => ({
   label: e,
   value: e
 }));
@@ -7229,7 +7224,7 @@ function fd({
   onChange: n,
   sx: r
 }) {
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: e,
     data: pd,
     value: t,
@@ -7253,7 +7248,7 @@ function hd({
   const o = e.data || [], a = () => r.insertListItem("columns", {
     label: Se(),
     value_field: "value",
-    value_type: je.string
+    value_type: He.string
   });
   return /* @__PURE__ */ i(R, {
     mt: "md",
@@ -7344,12 +7339,12 @@ function hd({
           }), /* @__PURE__ */ d(y, {
             position: "apart",
             grow: !0,
-            children: [/* @__PURE__ */ i(Ue, {
+            children: [/* @__PURE__ */ i(ze, {
               label: "Striped",
               ...r.getInputProps("striped", {
                 type: "checkbox"
               })
-            }), /* @__PURE__ */ i(Ue, {
+            }), /* @__PURE__ */ i(ze, {
               label: "Highlight on hover",
               ...r.getInputProps("highlightOnHover", {
                 type: "checkbox"
@@ -7366,7 +7361,7 @@ function hd({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(Ue, {
+        children: [/* @__PURE__ */ i(ze, {
           label: "Use Original Data Columns",
           ...r.getInputProps("use_raw_columns", {
             type: "checkbox"
@@ -7806,7 +7801,7 @@ function Id({
     yAxis3D: g,
     zAxis3D: c
   } = ue({}, t, ar), f = G(() => {
-    const b = Wa(n, (v) => v[s]);
+    const b = Ua(n, (v) => v[s]);
     return de(b, s);
   }, [n, s]), p = G(() => {
     const b = vo(n, (v) => v[s]);
@@ -7864,7 +7859,7 @@ function Vd({
     control: a,
     handleSubmit: l,
     reset: s
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   return ne(() => {
@@ -8079,7 +8074,7 @@ function Md({
     xAxisData: c,
     boxplotData: f
   } = G(() => {
-    const m = U.groupBy(n, a.data_key);
+    const m = W.groupBy(n, a.data_key);
     return {
       xAxisData: Object.keys(m),
       boxplotData: Object.values(m).map((b) => b.map((v) => v[l.data_key]))
@@ -8171,7 +8166,7 @@ function kd({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Value",
           required: !0,
           data: r,
@@ -8332,13 +8327,13 @@ function zd({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   ne(() => {
     g(o);
   }, [o]), s(["x_axis", "y_axis", "reference_lines", "color"]);
-  const c = u(), f = G(() => !ze(c, t), [c, t]);
+  const c = u(), f = G(() => !Te(c, t), [c, t]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -8557,7 +8552,7 @@ function qd({ regressions: e = [] }, t) {
 }
 function Gd(e, t, n, r) {
   const o = t.map((a) => [a[n], a[r]]);
-  return U.unionBy(o, e, 0);
+  return W.unionBy(o, e, 0);
 }
 function Bd(e, t, n) {
   const r = t.reduce((o, a) => {
@@ -8586,33 +8581,48 @@ function Bd(e, t, n) {
     }
   }));
 }
-function jd({ x_axis_data_key: e }, { y_axis_data_key: t, yAxisIndex: n, label_position: r, name: o, group_by_key: a, stack: l, color: s, ...u }, g, c, f) {
-  const p = {
+function jd({ x_axis_data_key: e }, {
+  y_axis_data_key: t,
+  yAxisIndex: n,
+  label_position: r,
+  name: o,
+  group_by_key: a,
+  stack: l,
+  color: s,
+  display_name_on_line: u,
+  ...g
+}, c, f, p) {
+  const m = {
     label: {
       show: !!r,
       position: r,
-      formatter: f[n != null ? n : "default"]
+      formatter: p[n != null ? n : "default"]
     },
     name: o,
     xAxisId: "main-x-axis",
     yAxisIndex: n,
     stack: l,
     color: s,
-    ...u
+    ...g
   };
-  if (!a)
-    return p.data = c.map((b) => b[t]), p;
-  const m = Ya(c, a);
-  return Object.entries(m).map(([b, v]) => {
-    const w = mo(p);
-    return w.data = Gd(g, v, e, t), w.name = b, w.color = void 0, w;
+  if (u && (m.endLabel = {
+    show: !0,
+    formatter: o,
+    offset: [-12, 12],
+    align: "right"
+  }), !a)
+    return m.data = f.map((v) => v[t]), m;
+  const b = Ya(f, a);
+  return Object.entries(b).map(([v, S]) => {
+    const F = mo(m);
+    return F.data = Gd(c, S, e, t), F.name = v, F.color = void 0, F;
   });
 }
 function Hd(e, t, n, r) {
   const o = t.map((l) => [l, 0]);
   return e.series.map((l) => jd(e, l, o, n, r)).flat().concat(Bd(e.reference_lines, e.variables, n));
 }
-function Ud(e, t) {
+function Wd(e, t) {
   const n = e.series.reduce(
     (r, { yAxisIndex: o, name: a }) => (r[a] = o, r),
     {}
@@ -8633,7 +8643,7 @@ function Ud(e, t) {
     }
   };
 }
-function Wd(e, t, n) {
+function Ud(e, t, n) {
   var r;
   return [
     {
@@ -8718,12 +8728,12 @@ function Xd(e, t) {
     {
       default: ({ value: g }) => g
     }
-  ), r = U.uniq(t.map((g) => g[e.x_axis_data_key])), o = Hd(e, r, t, n), { regressionDataSets: a, regressionSeries: l, regressionXAxes: s } = qd(e, t), u = {
-    xAxis: Wd(e, r, s),
+  ), r = W.uniq(t.map((g) => g[e.x_axis_data_key])), o = Hd(e, r, t, n), { regressionDataSets: a, regressionSeries: l, regressionXAxes: s } = qd(e, t), u = {
+    xAxis: Ud(e, r, s),
     yAxis: Yd(e, n),
     dataset: [...a],
     series: [...o, ...l],
-    tooltip: Ud(e, n),
+    tooltip: Wd(e, n),
     grid: Nd(e)
   };
   return ot({}, u, Qd);
@@ -8761,7 +8771,7 @@ function Jd({
   width: n,
   height: r
 }) {
-  const o = S.useMemo(() => Xd(e, t), [e, t]);
+  const o = w.useMemo(() => Xd(e, t), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ i(Ke, {
     echarts: ce,
     option: o,
@@ -8785,7 +8795,7 @@ function Kd({
   } = _n(), {
     ref: u,
     height: g
-  } = _n(), c = S.useMemo(() => {
+  } = _n(), c = w.useMemo(() => {
     const {
       stats: {
         templates: p,
@@ -8797,7 +8807,7 @@ function Kd({
       bottom: Vn(p.bottom, m, r)
     };
   }, [n, r]), f = Math.max(0, a - s - g);
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     children: [no(n.stats.templates.top) && /* @__PURE__ */ i(C, {
       ref: l,
       align: "left",
@@ -8854,7 +8864,7 @@ function Zd({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Value",
           required: !0,
           data: r,
@@ -9011,7 +9021,7 @@ function rg({
           }
         }) => {
           var c;
-          return /* @__PURE__ */ i(B, {
+          return /* @__PURE__ */ i(j, {
             label: "Y Axis",
             data: o,
             disabled: o.length === 0,
@@ -9038,7 +9048,7 @@ function rg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Method",
           data: tg,
           sx: {
@@ -9071,7 +9081,7 @@ function rg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Line Type",
           data: ng,
           sx: {
@@ -9138,7 +9148,7 @@ function og({
   }), l = t("regressions"), s = r.map((f, p) => ({
     ...f,
     ...l[p]
-  })), u = t("y_axes"), g = S.useMemo(() => u.map(({
+  })), u = t("y_axes"), g = w.useMemo(() => u.map(({
     name: f
   }, p) => ({
     label: f,
@@ -9228,7 +9238,7 @@ function ag({
       control: e,
       render: ({
         field: n
-      }) => /* @__PURE__ */ i(B, {
+      }) => /* @__PURE__ */ i(j, {
         label: "Bar Gap",
         data: ig,
         sx: {
@@ -9278,7 +9288,7 @@ function ug({
         control: e,
         render: ({
           field: n
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Line Type",
           data: sg,
           sx: {
@@ -9309,7 +9319,7 @@ function ug({
         control: e,
         render: ({
           field: n
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Step",
           data: lg,
           sx: {
@@ -9323,21 +9333,41 @@ function ug({
             n.onChange(o);
           }
         })
-      }), /* @__PURE__ */ i(D, {
-        name: `series.${t}.smooth`,
-        control: e,
-        render: ({
-          field: n
-        }) => /* @__PURE__ */ i(H, {
-          sx: {
-            flexGrow: 1
-          },
-          children: /* @__PURE__ */ i(Ue, {
-            label: "Smooth Line",
-            checked: n.value,
-            onChange: (r) => n.onChange(r.currentTarget.checked)
+      }), /* @__PURE__ */ d(R, {
+        children: [/* @__PURE__ */ i(D, {
+          name: `series.${t}.smooth`,
+          control: e,
+          render: ({
+            field: n
+          }) => /* @__PURE__ */ i(B, {
+            sx: {
+              flexGrow: 1
+            },
+            children: /* @__PURE__ */ i(ze, {
+              label: "Smooth Line",
+              checked: n.value,
+              onChange: (r) => n.onChange(r.currentTarget.checked)
+            })
           })
-        })
+        }), /* @__PURE__ */ i(D, {
+          name: `series.${t}.display_name_on_line`,
+          control: e,
+          render: ({
+            field: n
+          }) => {
+            var r;
+            return /* @__PURE__ */ i(B, {
+              sx: {
+                flexGrow: 1
+              },
+              children: /* @__PURE__ */ i(ze, {
+                label: "Display Name on Line",
+                checked: (r = n.value) != null ? r : !1,
+                onChange: (o) => n.onChange(o.currentTarget.checked)
+              })
+            });
+          }
+        })]
       })]
     })]
   });
@@ -9509,7 +9539,7 @@ function pg({
           }
         }) => {
           var c;
-          return /* @__PURE__ */ i(B, {
+          return /* @__PURE__ */ i(j, {
             label: "Y Axis",
             data: o,
             disabled: o.length === 0,
@@ -9556,7 +9586,7 @@ function pg({
       control: e,
       render: ({
         field: s
-      }) => /* @__PURE__ */ i(B, {
+      }) => /* @__PURE__ */ i(j, {
         label: "Label Position",
         data: gg,
         ...s
@@ -9613,6 +9643,7 @@ function fg({
     y_axis_data_key: "value",
     yAxisIndex: 0,
     label_position: "top",
+    display_name_on_line: !1,
     stack: "",
     color: "#000",
     step: !1,
@@ -9623,7 +9654,7 @@ function fg({
       type: "solid",
       width: 1
     }
-  }), g = t("y_axes"), c = S.useMemo(() => g.map(({
+  }), g = t("y_axes"), c = w.useMemo(() => g.map(({
     name: f
   }, p) => ({
     label: f,
@@ -9947,7 +9978,7 @@ function wg({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Align",
           required: !0,
           data: xg,
@@ -9970,7 +10001,7 @@ function wg({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Position",
           required: !0,
           data: Cg,
@@ -10060,7 +10091,8 @@ function _g(e) {
     smooth: m = !1,
     step: b = !1,
     group_by_key: v = "",
-    lineStyle: w = {
+    display_name_on_line: S = !1,
+    lineStyle: F = {
       type: "solid",
       width: 1
     }
@@ -10080,7 +10112,8 @@ function _g(e) {
       smooth: m,
       step: b,
       group_by_key: v,
-      lineStyle: w
+      display_name_on_line: S,
+      lineStyle: F
     };
   }
   return e.map(t);
@@ -10113,7 +10146,7 @@ function Ig({
     set: n
   } = Q(e.instanceData, "config"), r = e.data, o = G(() => ot({}, t, sr), [t]), a = G(() => Dg(o), [o]);
   ne(() => {
-    !ze(o, a) && (console.log("config malformed, resetting to defaults", o, a), n(a));
+    !Te(o, a) && (console.log("config malformed, resetting to defaults", o, a), n(a));
   }, [o, a]);
   const {
     control: l,
@@ -10121,13 +10154,13 @@ function Ig({
     watch: u,
     getValues: g,
     reset: c
-  } = Le({
+  } = Ne({
     defaultValues: a
   });
   ne(() => {
     c(a);
   }, [a]);
-  const f = g(), p = G(() => !ze(f, o), [f, o]);
+  const f = g(), p = G(() => !Te(f, o), [f, o]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -10396,7 +10429,7 @@ function kg(e, t) {
     },
     color: n
   };
-  return U.merge({}, Mg, a);
+  return W.merge({}, Mg, a);
 }
 const ur = {
   series_name_key: "name",
@@ -10412,7 +10445,7 @@ function Ag({
     width: n,
     height: r
   } = e.viewport, o = e.data, a = G(() => kg(ot({}, t, ur), o), [t, o]);
-  return !n || !r || !t || fo(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ i(H, {
+  return !n || !r || !t || fo(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ i(B, {
     children: /* @__PURE__ */ i(Ke, {
       echarts: ce,
       option: a,
@@ -10580,7 +10613,7 @@ function Tg({
     series_name_key: l
   }), [a, l]);
   ne(() => {
-    !ze(o, s) && r(s);
+    !Te(o, s) && r(s);
   }, [o, s]);
   const {
     control: u,
@@ -10588,13 +10621,13 @@ function Tg({
     watch: c,
     getValues: f,
     reset: p
-  } = Le({
+  } = Ne({
     defaultValues: s
   });
   ne(() => {
-    ze(f(), s) || p(s);
+    Te(f(), s) || p(s);
   }, [o]), c(["series_name_key"]);
-  const m = f(), b = G(() => !ze(m, o), [m, o]);
+  const m = f(), b = G(() => !Te(m, o), [m, o]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -10620,7 +10653,7 @@ function Tg({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ i(H, {
+      }), /* @__PURE__ */ i(B, {
         py: "sm",
         children: /* @__PURE__ */ i(D, {
           name: "series_name_key",
@@ -10668,13 +10701,13 @@ const Ng = {
 function qg(e, t) {
   switch (e.config.method) {
     case "linear":
-      return [...Ge.regressionLinear()(t)];
+      return [...Be.regressionLinear()(t)];
     case "exponential":
-      return [...Ge.regressionExp()(t)];
+      return [...Be.regressionExp()(t)];
     case "logarithmic":
-      return [...Ge.regressionLog()(t)];
+      return [...Be.regressionLog()(t)];
     case "polynomial":
-      return [...Ge.regressionPoly().order(e.config.order)(t)];
+      return [...Be.regressionPoly().order(e.config.order)(t)];
     default:
       return [];
   }
@@ -10719,7 +10752,7 @@ const Bg = {
 };
 function jg(e, t) {
   var a, l;
-  const n = U.uniqBy(
+  const n = W.uniqBy(
     t.map((s) => [s[e.x_axis.data_key], s[e.regression.y_axis_data_key]]),
     0
   ), { regressionSeries: r } = Gg(e, n), o = {
@@ -10759,7 +10792,7 @@ function Hg(e, t) {
     y_axis: o
   } = t, a = e.map((l) => [l[r.data_key], l[n.y_axis_data_key]]);
   if (n.transform.config.method === "linear") {
-    const l = Ge.regressionLinear()(a), {
+    const l = Be.regressionLinear()(a), {
       a: s,
       b: u,
       rSquared: g
@@ -10798,7 +10831,7 @@ function Hg(e, t) {
       a: l,
       b: s,
       rSquared: u
-    } = Ge.regressionExp()(a);
+    } = Be.regressionExp()(a);
     return {
       expression: /* @__PURE__ */ d(y, {
         position: "center",
@@ -10842,7 +10875,7 @@ function Hg(e, t) {
       a: l,
       b: s,
       rSquared: u
-    } = Ge.regressionLog()(a);
+    } = Be.regressionLog()(a);
     return {
       expression: /* @__PURE__ */ d(y, {
         position: "center",
@@ -10882,7 +10915,7 @@ function Hg(e, t) {
     };
   }
   if (n.transform.config.method === "polynomial") {
-    const l = Ge.regressionPoly().order(n.transform.config.order)(a), {
+    const l = Be.regressionPoly().order(n.transform.config.order)(a), {
       rSquared: s
     } = l;
     return console.log(l), {
@@ -10928,7 +10961,7 @@ const cr = {
 };
 ce.use([Qt, Eo, dt, gt, pt, Ze]);
 ce.registerTransform(Mo.regression);
-function Ug({
+function Wg({
   context: e
 }) {
   const {
@@ -10951,7 +10984,7 @@ function Ug({
   if (!n || !r || !t)
     return null;
   let g = r;
-  return l && (g -= 20), /* @__PURE__ */ d(H, {
+  return l && (g -= 20), /* @__PURE__ */ d(B, {
     children: [l && /* @__PURE__ */ i(C, {
       align: "center",
       size: 12,
@@ -11014,7 +11047,7 @@ function Ug({
     })]
   });
 }
-const Wg = [{
+const Ug = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -11073,9 +11106,9 @@ function Yg({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Method",
-          data: Wg,
+          data: Ug,
           sx: {
             flex: 1
           },
@@ -11123,13 +11156,13 @@ function Qg({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   ne(() => {
     g(o);
   }, [o]), s(["x_axis", "y_axis", "regression"]);
-  const c = u(), f = G(() => !ze(c, t), [c, t]);
+  const c = u(), f = G(() => !Te(c, t), [c, t]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -11243,7 +11276,7 @@ const Jg = {
   displayName: "Regression Chart",
   migrator: new Xg(),
   name: "regressionChart",
-  viewRender: Ug,
+  viewRender: Wg,
   configRender: Qg,
   createConfig: () => cr
 }, dr = {
@@ -11303,9 +11336,9 @@ function ep({
     barData: g,
     lineData: c
   } = G(() => {
-    const p = n.map((v) => [v[a.data_key], Number(v[l])]).sort((v, w) => w[1] - v[1]), m = p.reduce((v, w) => v + w[1], 0), b = p.reduce((v, w, F) => {
+    const p = n.map((v) => [v[a.data_key], Number(v[l])]).sort((v, S) => S[1] - v[1]), m = p.reduce((v, S) => v + S[1], 0), b = p.reduce((v, S, F) => {
       const $ = F === 0 ? 0 : v[F - 1][1];
-      return v.push([w[0], $ + w[1]]), v;
+      return v.push([S[0], $ + S[1]]), v;
     }, []).map((v) => [v[0], v[1] / m]);
     return {
       barData: p,
@@ -11400,13 +11433,13 @@ function tp({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   ne(() => {
     g(o);
   }, [o]), s(["x_axis", "data_key", "bar", "line"]);
-  const c = u(), f = G(() => !ze(c, t), [c, t]);
+  const c = u(), f = G(() => !Te(c, t), [c, t]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -11632,7 +11665,7 @@ const rp = {
     vizManager: e,
     colorManager: t
   };
-}, Ne = La(Ti());
+}, qe = La(Ti());
 try {
   bt.install(zi);
 } catch {
@@ -11680,7 +11713,7 @@ function lp(e) {
       value: t.urlTemplate,
       onChange: l,
       onBlur: o
-    }), /* @__PURE__ */ i(Ue, {
+    }), /* @__PURE__ */ i(ze, {
       label: "Open in new Tab",
       checked: t.openInNewTab,
       onChange: (s) => a(s.currentTarget.checked)
@@ -11742,7 +11775,7 @@ const fp = {
     viewID: n == null ? void 0 : n.viewID
   });
   const o = (n == null ? void 0 : n.viewID) || "";
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     defaultValue: o,
     value: o,
     onChange: (l) => void r({
@@ -11837,7 +11870,7 @@ class wp {
         operationData: new lt(o, "data")
       };
     };
-    this.attachments = new Wn(t, "__OPERATIONS", r);
+    this.attachments = new Un(t, "__OPERATIONS", r);
   }
   async runOperation(t, n) {
     const r = await this.attachments.getInstance(t);
@@ -11888,7 +11921,7 @@ class Sp {
         triggerData: new lt(o, "data")
       };
     };
-    this.attachments = new Wn(t, ro, r);
+    this.attachments = new Un(t, ro, r);
   }
   watchTriggerSnapshotList(t) {
     return this.instance.instanceData.watchItem(
@@ -11898,7 +11931,7 @@ class Sp {
           (o) => ({
             id: de(o, "id"),
             schemaRef: de(o, "schemaRef"),
-            config: Wt(de(o, "data.config"))
+            config: Ut(de(o, "data.config"))
           })
         );
         t(r);
@@ -11943,7 +11976,7 @@ class Li {
         operationRef: u
       };
     };
-    this.attachments = new Wn(t, "__INTERACTIONS", o);
+    this.attachments = new Un(t, "__INTERACTIONS", o);
   }
   async addInteraction(t, n) {
     const r = t.id, o = n.id, a = `[${r}]:[${o}]`;
@@ -12058,7 +12091,7 @@ const Rp = V(({
     data: t
   } = pe(), n = e.viz, {
     vizManager: r
-  } = Te(Ne), o = e.json, a = We(() => r.getOrCreateInstance(o), [r, n.type]), l = We(() => new Li(a, r.resolveComponent(n.type), pr), [a, n.type]);
+  } = Le(qe), o = e.json, a = Ue(() => r.getOrCreateInstance(o), [r, n.type]), l = Ue(() => new Li(a, r.resolveComponent(n.type), pr), [a, n.type]);
   return ne(() => a.instanceData.watchItem(
     null,
     Xa((s) => {
@@ -12082,7 +12115,7 @@ const Rp = V(({
 }, Fp = V(() => {
   const {
     panel: e
-  } = pe(), [t, n] = S.useState(e.description), r = e.description !== t, o = S.useCallback(() => {
+  } = pe(), [t, n] = w.useState(e.description), r = e.description !== t, o = w.useCallback(() => {
     !r || e.setDescription(t);
   }, [r, t]);
   return /* @__PURE__ */ d(R, {
@@ -12123,7 +12156,7 @@ const Rp = V(({
     style: t
   } = e;
   return /* @__PURE__ */ i(K, {
-    children: /* @__PURE__ */ i(Ue, {
+    children: /* @__PURE__ */ i(ze, {
       label: "Border",
       checked: t.border.enabled,
       onChange: (n) => t.border.setEnabled(n.currentTarget.checked)
@@ -12190,7 +12223,7 @@ const Rp = V(({
   } = pe(), {
     title: t,
     setTitle: n
-  } = e, [r, o] = Ro(t), a = t !== r, l = S.useCallback(() => {
+  } = e, [r, o] = Ro(t), a = t !== r, l = w.useCallback(() => {
     !a || n(r);
   }, [a, r]);
   return /* @__PURE__ */ i(E, {
@@ -12245,7 +12278,7 @@ function kp() {
         labelPosition: "center",
         variant: "dashed"
       }), /* @__PURE__ */ i(Mp, {}), /* @__PURE__ */ i(Fp, {})]
-    }), /* @__PURE__ */ i(H, {
+    }), /* @__PURE__ */ i(B, {
       sx: {
         height: "100%",
         flexGrow: 1,
@@ -12261,7 +12294,7 @@ const Ap = V(function() {
       queryID: n,
       setQueryID: r
     }
-  } = pe(), o = S.useMemo(() => t.queries.current.map((a) => ({
+  } = pe(), o = w.useMemo(() => t.queries.current.map((a) => ({
     value: a.id,
     label: a.id
   })), [t.queries.current]);
@@ -12274,7 +12307,7 @@ const Ap = V(function() {
       },
       children: [/* @__PURE__ */ i(C, {
         children: "Select a Query"
-      }), /* @__PURE__ */ i(B, {
+      }), /* @__PURE__ */ i(j, {
         data: o,
         value: n,
         onChange: r,
@@ -12290,7 +12323,7 @@ const Ap = V(function() {
   });
 });
 function Ni(e, t, n) {
-  const r = We(() => /* @__PURE__ */ new Set(), []), o = e.resolveComponent(t.type), [a, l] = be(!1);
+  const r = Ue(() => /* @__PURE__ */ new Set(), []), o = e.resolveComponent(t.type), [a, l] = be(!1);
   return Rt(async () => {
     if (await o.migrator.needMigration(t) && !r.has(t.id))
       try {
@@ -12344,7 +12377,7 @@ function Pp(e) {
 function zp(e, t) {
   const {
     vizManager: n
-  } = Te(Ne), {
+  } = Le(qe), {
     panel: {
       viz: r,
       title: o,
@@ -12376,31 +12409,32 @@ const Tp = ["richText"], qi = V(function({
   height: t,
   viz: n,
   data: r,
-  loading: o
+  loading: o,
+  error: a
 }) {
   const {
-    ref: a,
-    width: l,
-    height: s
-  } = _n(), u = S.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), g = zp(r, {
-    w: l,
-    h: s
+    ref: l,
+    width: s,
+    height: u
+  } = _n(), g = w.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), c = zp(r, {
+    w: s,
+    h: u
   });
   return Tp.includes(n.type) ? /* @__PURE__ */ i("div", {
     className: "viz-root",
     style: {
       height: t
     },
-    ref: a,
+    ref: l,
     children: /* @__PURE__ */ i(ut, {
-      children: g
+      children: c
     })
   }) : o ? /* @__PURE__ */ i("div", {
     className: "viz-root",
     style: {
       height: t
     },
-    ref: a,
+    ref: l,
     children: /* @__PURE__ */ i(Gt, {
       visible: o,
       exitTransitionDuration: 0
@@ -12410,13 +12444,21 @@ const Tp = ["richText"], qi = V(function({
     style: {
       height: t
     },
-    ref: a,
-    children: [u && /* @__PURE__ */ i(C, {
+    ref: l,
+    children: [a && /* @__PURE__ */ i(C, {
+      color: "red",
+      size: "md",
+      align: "center",
+      sx: {
+        fontFamily: "monospace"
+      },
+      children: a
+    }), !a && g && /* @__PURE__ */ i(C, {
       color: "gray",
       align: "center",
       children: "Empty Data"
-    }), !u && /* @__PURE__ */ i(ut, {
-      children: g
+    }), !g && /* @__PURE__ */ i(ut, {
+      children: c
     })]
   });
 }), Lp = V(() => {
@@ -12437,7 +12479,7 @@ const Tp = ["richText"], qi = V(function({
 function Np() {
   const {
     vizManager: e
-  } = Te(Ne);
+  } = Le(qe);
   return G(() => e.availableVizList.map((t) => ({
     value: t.name,
     label: t.displayName
@@ -12466,7 +12508,7 @@ function Gp() {
     }
   } = pe(), {
     vizManager: c
-  } = Te(Ne), f = {
+  } = Le(qe), f = {
     title: n,
     description: o,
     viz: t,
@@ -12498,7 +12540,7 @@ const Bp = V(() => {
     }
   } = pe(), [n, r] = Ro(t.type), o = t.type !== n, {
     vizManager: a
-  } = Te(Ne), l = S.useCallback(() => {
+  } = Le(qe), l = w.useCallback(() => {
     if (!o)
       return;
     const m = qp(a, n);
@@ -12509,7 +12551,7 @@ const Bp = V(() => {
     } catch (b) {
       console.error(b);
     }
-  }, u = S.useMemo(() => {
+  }, u = w.useMemo(() => {
     var m;
     return (m = An.find((b) => b.value === n)) == null ? void 0 : m.Panel;
   }, [n, An]), g = Gp(), c = u ? Ht(u, {
@@ -12518,7 +12560,7 @@ const Bp = V(() => {
     setConf: t.setConf
   }) : null, f = g || c, p = Np();
   return /* @__PURE__ */ d(K, {
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       label: "Visualization",
       value: n,
       onChange: r,
@@ -12556,7 +12598,7 @@ function jp() {
         height: "100%"
       },
       children: /* @__PURE__ */ i(Bp, {})
-    }), /* @__PURE__ */ i(H, {
+    }), /* @__PURE__ */ i(B, {
       sx: {
         height: "100%",
         flexGrow: 1,
@@ -12572,14 +12614,14 @@ const Hp = V(function({
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e), [o, a] = be("Visualization"), {
+  } = w.useContext($e), [o, a] = be("Visualization"), {
     panel: l,
     loading: s
   } = pe(), {
     id: u,
     title: g
   } = l;
-  return S.useEffect(() => {
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Fe, {
     size: "96vw",
@@ -12650,20 +12692,20 @@ const Hp = V(function({
       })
     })
   });
-}), Up = V(({
+}), Wp = V(({
   view: e
 }) => {
-  const t = ee(), n = za(), [r, o] = S.useState(!1), a = () => o(!0), l = () => o(!1), {
+  const t = ee(), n = za(), [r, o] = w.useState(!1), a = () => o(!0), l = () => o(!1), {
     panel: s
   } = pe(), {
     id: u,
     queryID: g
   } = s, {
     inEditMode: c
-  } = S.useContext($e), f = () => t.queries.refetchDataByQueryID(g), {
+  } = w.useContext($e), f = () => t.queries.refetchDataByQueryID(g), {
     viewPanelInFullScreen: p,
     inFullScreen: m
-  } = S.useContext(Bn), b = () => {
+  } = w.useContext(Bn), b = () => {
     e.panels.duplicateByID(u);
   }, v = () => n.openConfirmModal({
     title: "Delete this panel?",
@@ -12673,11 +12715,11 @@ const Hp = V(function({
     },
     onCancel: () => console.log("Cancel"),
     onConfirm: () => e.panels.removeByID(u)
-  }), w = S.useCallback(() => {
+  }), S = w.useCallback(() => {
     p(u);
   }, [u, p]);
   return /* @__PURE__ */ d(K, {
-    children: [/* @__PURE__ */ i(H, {
+    children: [/* @__PURE__ */ i(B, {
       sx: {
         position: "absolute",
         top: 0,
@@ -12688,7 +12730,7 @@ const Hp = V(function({
       children: /* @__PURE__ */ d(ve, {
         withinPortal: !0,
         children: [/* @__PURE__ */ i(ve.Target, {
-          children: /* @__PURE__ */ i(H, {
+          children: /* @__PURE__ */ i(B, {
             className: "panel-dropdown-target",
             sx: {
               width: "100%",
@@ -12709,7 +12751,7 @@ const Hp = V(function({
             }),
             children: "Download Data"
           }), !m && /* @__PURE__ */ i(ve.Item, {
-            onClick: w,
+            onClick: S,
             icon: /* @__PURE__ */ i(ol, {
               size: 14
             }),
@@ -12747,7 +12789,7 @@ const Hp = V(function({
     })]
   });
 });
-const Wp = V(function() {
+const Up = V(function() {
   const {
     panel: t
   } = pe(), {
@@ -12792,24 +12834,25 @@ const fr = V(function({
 }) {
   const r = ee(), {
     inEditMode: o
-  } = Te($e), {
+  } = Le($e), {
     data: a,
-    state: l
-  } = r.getDataStuffByID(t.queryID), s = Yp(t.viz.type), u = s && l === "loading", g = t.title ? "calc(100% - 25px - 5px)" : "100%", c = Xp(t, s, o), f = s || o;
+    state: l,
+    error: s
+  } = r.getDataStuffByID(t.queryID), u = Yp(t.viz.type), g = u && l === "loading", c = t.title ? "calc(100% - 25px - 5px)" : "100%", f = Xp(t, u, o), p = u || o;
   return /* @__PURE__ */ i(Ol, {
     value: {
       panel: t,
       data: a,
-      loading: u
+      loading: g
     },
-    children: /* @__PURE__ */ d(H, {
+    children: /* @__PURE__ */ d(B, {
       className: "panel-root",
       p: 5,
       pt: 0,
       sx: {
-        ...c
+        ...f
       },
-      children: [/* @__PURE__ */ i(H, {
+      children: [/* @__PURE__ */ i(B, {
         sx: {
           position: "absolute",
           left: 0,
@@ -12818,13 +12861,14 @@ const fr = V(function({
           zIndex: 310
         },
         children: /* @__PURE__ */ i(Ko, {})
-      }), f && /* @__PURE__ */ i(Up, {
+      }), p && /* @__PURE__ */ i(Wp, {
         view: n
-      }), /* @__PURE__ */ i(Wp, {}), /* @__PURE__ */ i(qi, {
+      }), /* @__PURE__ */ i(Up, {}), /* @__PURE__ */ i(qi, {
         viz: t.viz,
         data: a,
-        loading: u,
-        height: g
+        loading: g,
+        error: s,
+        height: c
       })]
     })
   });
@@ -12870,9 +12914,9 @@ const fr = V(function({
   });
 });
 function Bi(e, t, n) {
-  const r = e.id === "Main", [o, a] = S.useState(() => r && e.panels.findByID(t) ? t : null), l = S.useCallback((c) => {
+  const r = e.id === "Main", [o, a] = w.useState(() => r && e.panels.findByID(t) ? t : null), l = w.useCallback((c) => {
     a(c), r && n(c);
-  }, [r, n]), s = S.useCallback(() => {
+  }, [r, n]), s = w.useCallback(() => {
     a(null), r && n("");
   }, [r, n]), u = o ? e.panels.findByID(o) : null;
   return {
@@ -12883,7 +12927,7 @@ function Bi(e, t, n) {
   };
 }
 function ji() {
-  S.useEffect(() => {
+  w.useEffect(() => {
     const e = Cl(".dashboard-sticky-area", {
       useStickyClasses: !0,
       parentClass: "dashboard-sticky-parent"
@@ -12893,7 +12937,7 @@ function ji() {
     };
   }, []);
 }
-const Jp = S.forwardRef(({
+const Jp = w.forwardRef(({
   handleAxis: e
 }, t) => /* @__PURE__ */ i(P, {
   ref: t,
@@ -12913,7 +12957,7 @@ const Jp = S.forwardRef(({
   children: /* @__PURE__ */ i(ll, {
     size: 16
   })
-})), Kp = S.forwardRef(({
+})), Kp = w.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ i(P, {
@@ -12942,7 +12986,7 @@ const Jp = S.forwardRef(({
   isDraggable: o,
   isResizable: a
 }) {
-  const l = S.useCallback((s) => {
+  const l = w.useCallback((s) => {
     s.forEach(({
       i: u,
       ...g
@@ -12994,7 +13038,7 @@ const Jp = S.forwardRef(({
   });
 }), rf = V(({
   children: e
-}) => /* @__PURE__ */ i(H, {
+}) => /* @__PURE__ */ i(B, {
   children: e
 })), of = V(({
   children: e,
@@ -13003,7 +13047,7 @@ const Jp = S.forwardRef(({
   size: t.config.width,
   overflow: "inside",
   opened: !0,
-  onClose: U.noop,
+  onClose: W.noop,
   withCloseButton: !1,
   title: t.name,
   trapFocus: !0,
@@ -13064,7 +13108,7 @@ const Jp = S.forwardRef(({
       viewPanelInFullScreen: a,
       inFullScreen: s
     },
-    children: /* @__PURE__ */ d(H, {
+    children: /* @__PURE__ */ d(B, {
       className: "dashboard-view",
       mx: -10,
       sx: {
@@ -13079,9 +13123,9 @@ const Jp = S.forwardRef(({
         saveChanges: n
       }), /* @__PURE__ */ i(af, {
         view: t,
-        children: /* @__PURE__ */ d(H, {
+        children: /* @__PURE__ */ d(B, {
           className: "dashboard-sticky-parent",
-          children: [/* @__PURE__ */ i(H, {
+          children: [/* @__PURE__ */ i(B, {
             className: "dashboard-sticky-area",
             children: /* @__PURE__ */ i(qo, {
               view: t
@@ -13097,7 +13141,7 @@ const Jp = S.forwardRef(({
   });
 }), sf = V(({
   children: e
-}) => /* @__PURE__ */ i(H, {
+}) => /* @__PURE__ */ i(B, {
   children: e
 })), uf = V(({
   children: e,
@@ -13160,7 +13204,7 @@ const Jp = S.forwardRef(({
       viewPanelInFullScreen: o,
       inFullScreen: l
     },
-    children: /* @__PURE__ */ d(H, {
+    children: /* @__PURE__ */ d(B, {
       className: "dashboard-view",
       mx: -10,
       sx: {
@@ -13172,12 +13216,12 @@ const Jp = S.forwardRef(({
         panel: s,
         exitFullScreen: a
       }), !l && /* @__PURE__ */ i(Jo, {
-        saveChanges: U.noop
+        saveChanges: W.noop
       }), /* @__PURE__ */ i(cf, {
         view: t,
-        children: /* @__PURE__ */ d(H, {
+        children: /* @__PURE__ */ d(B, {
           className: "dashboard-sticky-parent",
-          children: [/* @__PURE__ */ i(H, {
+          children: [/* @__PURE__ */ i(B, {
             className: "dashboard-sticky-area",
             children: /* @__PURE__ */ i(qo, {
               view: t
@@ -13199,11 +13243,11 @@ const Jp = S.forwardRef(({
   setValue(t) {
     e.value = t;
   }
-})), Ui = x.model("FilterConfigModel_Select", {
+})), Wi = x.model("FilterConfigModel_Select", {
   required: x.boolean,
   default_value: x.string,
   static_options: x.optional(x.array(Hi), []),
-  options_query: Wo
+  options_query: Uo
 }).actions((e) => ({
   addStaticOption(t) {
     e.static_options.push(t);
@@ -13220,7 +13264,7 @@ const Jp = S.forwardRef(({
   setOptionsQuery(t) {
     e.options_query = t;
   }
-})), gf = () => Ui.create({
+})), gf = () => Wi.create({
   required: !1,
   default_value: "",
   static_options: [],
@@ -13229,10 +13273,10 @@ const Jp = S.forwardRef(({
     key: "",
     sql: ""
   }
-}), Wi = x.model("FilterConfigModel_MultiSelect", {
+}), Ui = x.model("FilterConfigModel_MultiSelect", {
   default_value: x.optional(x.array(x.string), []),
   static_options: x.optional(x.array(Hi), []),
-  options_query: Wo
+  options_query: Uo
 }).actions((e) => ({
   addStaticOption(t) {
     e.static_options.push(t);
@@ -13246,7 +13290,7 @@ const Jp = S.forwardRef(({
   setOptionsQuery(t) {
     e.options_query = t;
   }
-})), pf = () => Wi.create({
+})), pf = () => Ui.create({
   default_value: [],
   static_options: [],
   options_query: {
@@ -13318,8 +13362,8 @@ const Jp = S.forwardRef(({
     Ce.DateRange
   ]),
   config: x.union(
-    Ui,
     Wi,
+    Ui,
     Yo,
     Yi,
     Qi
@@ -13386,20 +13430,20 @@ const bf = x.model("FiltersModel", {
   values: x.optional(x.frozen(), {})
 }).views((e) => ({
   get changed() {
-    return !U.isEqual(e.original, e.current);
+    return !W.isEqual(e.original, e.current);
   },
   get firstID() {
     if (e.current.length !== 0)
       return e.current[0].id;
   },
   get inOrder() {
-    return U.sortBy(e.current, "order");
+    return W.sortBy(e.current, "order");
   },
   get empty() {
     return e.current.length === 0;
   },
   visibleInView(t) {
-    return U.sortBy(
+    return W.sortBy(
       e.current.filter((n) => n.visibleInViewsIDs.includes(t)),
       "order"
     );
@@ -13416,7 +13460,7 @@ const bf = x.model("FiltersModel", {
   }
 })).actions((e) => ({
   reset() {
-    e.current = U.cloneDeep(e.original);
+    e.current = W.cloneDeep(e.original);
   },
   replace(t) {
     e.current = Je(t);
@@ -13519,11 +13563,11 @@ var hr = { exports: {} };
         return r(g, c, f);
       var m = g.type === "application/octet-stream", b = /constructor/i.test(l.HTMLElement) || l.safari, v = /CriOS\/[\d]+/.test(navigator.userAgent);
       if ((v || m && b || s) && typeof FileReader < "u") {
-        var w = new FileReader();
-        w.onloadend = function() {
-          var A = w.result;
+        var S = new FileReader();
+        S.onloadend = function() {
+          var A = S.result;
           A = v ? A : A.replace(/^data:[^;]*;/, "data:attachment/file;"), p ? p.location.href = A : location = A, p = null;
-        }, w.readAsDataURL(g);
+        }, S.readAsDataURL(g);
       } else {
         var F = l.URL || l.webkitURL, $ = F.createObjectURL(g);
         p ? p.location = $ : location.href = $, p = null, setTimeout(function() {
@@ -13624,7 +13668,9 @@ const Ki = x.model("QueryModel", {
           })
         ), e.state = "idle";
       } catch (t) {
-        console.error(t), e.error = t, e.state = "error";
+        e.data.length = 0;
+        const n = t.response.data;
+        e.error = n.detail.message, e.state = "error";
       }
     }
   })
@@ -13643,7 +13689,7 @@ const Ki = x.model("QueryModel", {
   current: x.optional(x.array(wf), [])
 }).views((e) => ({
   get changed() {
-    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !U.isEqual(t.configurations, e.current[n].configurations));
+    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !W.isEqual(t.configurations, e.current[n].configurations));
   },
   get firstID() {
     if (e.current.length !== 0)
@@ -13731,14 +13777,17 @@ const Ki = x.model("QueryModel", {
   current: x.optional(x.array(ao), [])
 }).views((e) => ({
   get changed() {
-    return !U.isEqual(e.original, e.current);
+    return !W.isEqual(e.original, e.current);
   },
   get json() {
     return e.current.map((t) => t.json);
+  },
+  get record() {
+    return e.current.reduce((t, n) => (t[n.key] = n.value, t), {});
   }
 })).actions((e) => ({
   reset() {
-    e.current = U.cloneDeep(e.original);
+    e.current = W.cloneDeep(e.original);
   },
   replace(t) {
     e.current = Je(t);
@@ -13984,7 +14033,7 @@ const Ki = x.model("QueryModel", {
   idOfVIE: x.string
 }).views((e) => ({
   get changed() {
-    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !U.isEqual(t.json, e.current[n].json));
+    return e.original.length !== e.current.length ? !0 : e.original.some((t, n) => !W.isEqual(t.json, e.current[n].json));
   },
   get json() {
     return e.current.map((t) => t.json);
@@ -14111,7 +14160,7 @@ const kf = x.model({
     return n ? {
       data: n.data.toJSON(),
       state: n.state,
-      error: void 0
+      error: n.error
     } : {
       data: [],
       state: "idle",
@@ -14154,12 +14203,12 @@ const hh = V(function({
   setFullScreenPanelID: s
 }) {
   rt.baseURL !== a.apiBaseURL && (rt.baseURL = a.apiBaseURL);
-  const [u, g] = S.useState(!1), c = S.useMemo(() => ea(n, t), [n]);
-  Oo(c, !0), S.useEffect(() => {
+  const [u, g] = w.useState(!1), c = w.useMemo(() => ea(n, t), [n]);
+  Oo(c, !0), w.useEffect(() => {
     c.context.replace(t);
   }, [t]);
   const f = async () => {
-    const m = [...c.queries.json], b = [...c.sqlSnippets.json], v = [...c.views.json], w = {
+    const m = [...c.queries.json], b = [...c.sqlSnippets.json], v = [...c.views.json], S = {
       ...n,
       filters: [...c.filters.current],
       views: v,
@@ -14168,8 +14217,8 @@ const hh = V(function({
         queries: m
       }
     };
-    await r(w);
-  }, p = We(Ti, []);
+    await r(S);
+  }, p = Ue(Ti, []);
   return /* @__PURE__ */ i(uo, {
     children: /* @__PURE__ */ i(zo, {
       value: c,
@@ -14180,12 +14229,12 @@ const hh = V(function({
           inEditMode: !0,
           inUseMode: !1
         },
-        children: /* @__PURE__ */ i(H, {
+        children: /* @__PURE__ */ i(B, {
           className: `${o} dashboard-root`,
           sx: {
             position: "relative"
           },
-          children: /* @__PURE__ */ i(Ne.Provider, {
+          children: /* @__PURE__ */ i(qe.Provider, {
             value: p,
             children: c.views.visibleViews.map((m) => /* @__PURE__ */ i(lf, {
               view: m,
@@ -14207,8 +14256,8 @@ const hh = V(function({
   setFullScreenPanelID: a
 }) => {
   rt.baseURL !== r.apiBaseURL && (rt.baseURL = r.apiBaseURL);
-  const l = S.useMemo(() => ea(t, e), [t]);
-  return Oo(l, !1), S.useEffect(() => {
+  const l = w.useMemo(() => ea(t, e), [t]);
+  return Oo(l, !1), w.useEffect(() => {
     l.context.replace(e);
   }, [e]), /* @__PURE__ */ i(uo, {
     children: /* @__PURE__ */ i(zo, {
@@ -14216,11 +14265,11 @@ const hh = V(function({
       children: /* @__PURE__ */ i($e.Provider, {
         value: {
           layoutFrozen: !0,
-          freezeLayout: U.noop,
+          freezeLayout: W.noop,
           inEditMode: !1,
           inUseMode: !0
         },
-        children: /* @__PURE__ */ i(H, {
+        children: /* @__PURE__ */ i(B, {
           className: `${n} dashboard-root dashboard-sticky-parent`,
           children: l.views.visibleViews.map((s) => /* @__PURE__ */ i(df, {
             view: s,
@@ -14241,15 +14290,15 @@ var ta = { exports: {} };
     return function(o, a, l) {
       var s, u = function(p, m, b) {
         b === void 0 && (b = {});
-        var v = new Date(p), w = function(F, $) {
+        var v = new Date(p), S = function(F, $) {
           $ === void 0 && ($ = {});
           var A = $.timeZoneName || "short", L = F + "|" + A, 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: A }), r[L] = Y), Y;
         }(m, b);
-        return w.formatToParts(v);
+        return S.formatToParts(v);
       }, g = function(p, m) {
-        for (var b = u(p, m), v = [], w = 0; w < b.length; w += 1) {
-          var F = b[w], $ = F.type, A = F.value, L = n[$];
+        for (var b = u(p, m), v = [], S = 0; S < b.length; S += 1) {
+          var F = b[S], $ = F.type, A = F.value, L = n[$];
           L >= 0 && (v[L] = parseInt(A, 10));
         }
         var Y = v[3], le = Y === 24 ? 0 : Y, ie = v[0] + "-" + v[1] + "-" + v[2] + " " + le + ":" + v[4] + ":" + v[5] + ":000", ye = +p;
@@ -14257,7 +14306,7 @@ var ta = { exports: {} };
       }, c = a.prototype;
       c.tz = function(p, m) {
         p === void 0 && (p = s);
-        var b = this.utcOffset(), v = this.toDate(), w = v.toLocaleString("en-US", { timeZone: p }), F = Math.round((v - new Date(w)) / 1e3 / 60), $ = l(w).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - F, !0);
+        var b = this.utcOffset(), v = this.toDate(), S = v.toLocaleString("en-US", { timeZone: p }), F = Math.round((v - new Date(S)) / 1e3 / 60), $ = l(S).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - F, !0);
         if (m) {
           var A = $.utcOffset();
           $ = $.add(b - A, "minute");
@@ -14276,17 +14325,17 @@ var ta = { exports: {} };
         var b = l(this.format("YYYY-MM-DD HH:mm:ss:SSS"));
         return f.call(b, p, m).tz(this.$x.$timezone, !0);
       }, l.tz = function(p, m, b) {
-        var v = b && m, w = b || m || s, F = g(+l(), w);
+        var v = b && m, S = b || m || s, F = g(+l(), S);
         if (typeof p != "string")
-          return l(p).tz(w);
+          return l(p).tz(S);
         var $ = function(le, ie, ye) {
           var fe = le - 60 * ie * 1e3, Re = g(fe, ye);
           if (ie === Re)
             return [fe, ie];
           var se = g(fe -= 60 * (Re - ie) * 1e3, ye);
           return Re === se ? [fe, Re] : [le - 60 * Math.min(Re, se) * 1e3, Math.max(Re, se)];
-        }(l.utc(p, v).valueOf(), F, w), A = $[0], L = $[1], Y = l(A).utcOffset(L);
-        return Y.$x.$timezone = w, Y;
+        }(l.utc(p, v).valueOf(), F, S), A = $[0], L = $[1], Y = l(A).utcOffset(L);
+        return Y.$x.$timezone = S, Y;
       }, l.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, l.tz.setDefault = function(p) {
@@ -14305,11 +14354,11 @@ var na = { exports: {} };
     return function(a, l, s) {
       var u = l.prototype;
       s.utc = function(v) {
-        var w = { date: v, utc: !0, args: arguments };
-        return new l(w);
+        var S = { date: v, utc: !0, args: arguments };
+        return new l(S);
       }, u.utc = function(v) {
-        var w = s(this.toDate(), { locale: this.$L, utc: !0 });
-        return v ? w.add(this.utcOffset(), n) : w;
+        var S = s(this.toDate(), { locale: this.$L, utc: !0 });
+        return v ? S.add(this.utcOffset(), n) : S;
       }, u.local = function() {
         return s(this.toDate(), { locale: this.$L, utc: !1 });
       };
@@ -14326,7 +14375,7 @@ var na = { exports: {} };
           c.call(this);
       };
       var f = u.utcOffset;
-      u.utcOffset = function(v, w) {
+      u.utcOffset = function(v, S) {
         var F = this.$utils().u;
         if (F(v))
           return this.$u ? 0 : F(this.$offset) ? f.call(this) : this.$offset;
@@ -14340,7 +14389,7 @@ var na = { exports: {} };
         }(v), v === null))
           return this;
         var $ = Math.abs(v) <= 16 ? 60 * v : v, A = this;
-        if (w)
+        if (S)
           return A.$offset = $, A.$u = v === 0, A;
         if (v !== 0) {
           var L = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
@@ -14351,8 +14400,8 @@ var na = { exports: {} };
       };
       var p = u.format;
       u.format = function(v) {
-        var w = v || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
-        return p.call(this, w);
+        var S = v || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+        return p.call(this, S);
       }, u.valueOf = function() {
         var v = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
         return this.$d.valueOf() - 6e4 * v;
@@ -14368,11 +14417,11 @@ var na = { exports: {} };
         return v === "s" && this.$offset ? s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : m.call(this);
       };
       var b = u.diff;
-      u.diff = function(v, w, F) {
+      u.diff = function(v, S, F) {
         if (v && this.$u === v.$u)
-          return b.call(this, v, w, F);
+          return b.call(this, v, S, F);
         var $ = this.local(), A = s(v).local();
-        return b.call($, A, w, F);
+        return b.call($, A, S, F);
       };
     };
   });