@devtable/dashboard 9.6.0 → 9.7.0

package/dist/dashboard.es.js

@@ -1,13 +1,13 @@
 var Dc = Object.defineProperty;
 var Lc = (e, t, r) => t in e ? Dc(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var W = (e, t, r) => (Lc(e, typeof t != "symbol" ? t + "" : t, r), r);
-import $, { useEffect as j, createContext as To, useMemo as L, useState as U, forwardRef as ke, useCallback as He, useContext as bt, useRef as Do, createElement as sr, memo as Ic } from "react";
-import { Box as O, Text as C, Button as I, Checkbox as ve, Group as v, Tooltip as Re, createStyles as un, Stack as S, Badge as In, CloseButton as Lo, Select as E, TextInput as z, Modal as Te, ActionIcon as H, Menu as Ve, Divider as A, Switch as Ye, NumberInput as re, useMantineTheme as Io, ColorInput as Ai, ColorSwatch as jr, Slider as $c, Overlay as Vt, Tabs as b, Center as Ut, CheckIcon as zc, MANTINE_SIZES as Mc, SimpleGrid as Yt, SegmentedControl as Ac, Textarea as Rc, Collapse as Ri, HoverCard as Tt, Table as Ft, Popover as Or, LoadingOverlay as Xt, NativeSelect as Ec, Flex as En, MultiSelect as lr, Paper as Ei, Code as Ya, Alert as Oc, Header as Vc, ThemeIcon as Vr, List as Ha, UnstyledButton as Fc, Navbar as kt, JsonInput as $o, Radio as Qa, Skeleton as Ua, NavLink as Gr, Pagination as Pc, Anchor as Xa, AppShell as zo } from "@mantine/core";
+var j = (e, t, r) => (Lc(e, typeof t != "symbol" ? t + "" : t, r), r);
+import $, { useEffect as q, createContext as To, useMemo as L, useState as U, forwardRef as ke, useCallback as He, useContext as bt, useRef as Do, createElement as sr, memo as Ic } from "react";
+import { Box as O, Text as C, Button as I, Checkbox as ve, Group as v, Tooltip as Ee, createStyles as un, Stack as S, Badge as In, CloseButton as Lo, Select as E, TextInput as z, Modal as Te, ActionIcon as H, Menu as Ve, Divider as A, Switch as Ye, NumberInput as re, useMantineTheme as Io, ColorInput as Ai, ColorSwatch as jr, Slider as $c, Overlay as Vt, Tabs as b, Center as Ut, CheckIcon as zc, MANTINE_SIZES as Mc, SimpleGrid as Yt, SegmentedControl as Ac, Textarea as Rc, Collapse as Ri, HoverCard as Tt, Table as Ft, Popover as Or, LoadingOverlay as Xt, NativeSelect as Ec, Flex as En, MultiSelect as lr, Paper as Ei, Code as Ya, Alert as Oc, Header as Vc, ThemeIcon as Vr, List as Ha, UnstyledButton as Fc, Navbar as kt, JsonInput as $o, Radio as Qa, Skeleton as Ua, NavLink as Gr, Pagination as Pc, Anchor as Xa, AppShell as zo } from "@mantine/core";
 import { useModals as Dt, ModalsProvider as Mo } from "@mantine/modals";
 import { useCreation as dt, usePrevious as Bc, useBoolean as Xe, useLatest as Za, useRequest as On, useAsyncEffect as Vn } from "ahooks";
 import { observer as D } from "mobx-react-lite";
-import k, { template as Oi, cloneDeepWith as Ao, get as se, isFunction as Nc, omit as Ht, values as Ro, unset as qc, isObject as Eo, set as Vi, orderBy as Wc, last as Oo, defaults as Ie, minBy as jc, maxBy as Gc, cloneDeep as Pe, isEqual as we, defaultsDeep as _e, keyBy as Vo, isEmpty as Fi, isNumber as Yc, findLastIndex as Hc, isString as Fo, range as Qc, throttle as Uc, pick as Po } from "lodash";
-import { useForm as $e, useWatch as Xc, Controller as x, useFieldArray as Ee } from "react-hook-form";
+import k, { template as Oi, cloneDeepWith as Ao, get as se, isFunction as Nc, omit as Ht, values as Ro, unset as qc, isObject as Eo, set as Vi, orderBy as Wc, last as Oo, defaults as $e, minBy as jc, maxBy as Gc, cloneDeep as Pe, isEqual as we, defaultsDeep as _e, keyBy as Vo, isEmpty as Fi, isNumber as Yc, findLastIndex as Hc, isString as Fo, range as Qc, throttle as Uc, pick as Po } from "lodash";
+import { useForm as ze, useWatch as Xc, Controller as x, useFieldArray as Oe } from "react-hook-form";
 import { IconInfoCircle as Fn, IconPlus as Pt, IconDeviceFloppy as Pn, IconBorderAll as Zc, IconTrash as ln, IconArrowDown as Kc, IconArrowUp as Jc, IconArrowsLeftRight as ed, IconVariable as td, IconCodeDots as nd, IconFilter as Bo, IconCopy as rd, IconDatabase as cr, IconBoxMultiple as No, IconMenu2 as id, IconDownload as ad, IconCode as od, IconCaretDown as sd, IconRecycle as qo, IconAlertTriangle as Wo, IconArrowLeft as ld, IconPlaylistAdd as cd, IconCircleDashed as dd, IconCircleDot as ud, IconCircleOff as hd, IconAdjustments as pd, IconLink as md, IconSettings as gd, IconArrowCurveRight as fd, IconX as jo, IconEye as bd, IconTable as xd, IconColumns as yd, IconPlayerSkipBack as vd } from "@tabler/icons";
 import { Link as Go, RichTextEditor as ie, useRichTextEditorContext as wd } from "@mantine/tiptap";
 import { Color as Yo } from "@tiptap/extension-color";
@@ -25,7 +25,7 @@ import rs from "@tiptap/extension-underline";
 import { useEditor as is } from "@tiptap/react";
 import as from "@tiptap/starter-kit";
 import { DateRangePicker as _d } from "@mantine/dates";
-import J from "dayjs";
+import K from "dayjs";
 import { Calendar as Cd, InfoCircle as hn, Refresh as os, Download as ss, ArrowsMaximize as Sd, Settings as ls, Copy as kd, Trash as xe, DeviceFloppy as be, ArrowRight as Fr, PlaylistAdd as dr, Recycle as xt, Plus as Be, AlertCircle as Td, ArrowsMove as Dd, ChevronDownRight as Ld, ArrowLeft as Id, ChevronsUpRight as $d, ArrowBarToRight as zd } from "tabler-icons-react";
 import Md, { Option as Ad } from "rc-select";
 import Rd, { SHOW_PARENT as Ed } from "rc-tree-select";
@@ -118,14 +118,14 @@ function ou() {
     var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function F(_) {
       {
-        for (var M = arguments.length, B = new Array(M > 1 ? M - 1 : 0), ee = 1; ee < M; ee++)
-          B[ee - 1] = arguments[ee];
-        q("error", _, B);
+        for (var M = arguments.length, B = new Array(M > 1 ? M - 1 : 0), J = 1; J < M; J++)
+          B[J - 1] = arguments[J];
+        W("error", _, B);
       }
     }
-    function q(_, M, B) {
+    function W(_, M, B) {
       {
-        var ee = R.ReactDebugCurrentFrame, me = ee.getStackAddendum();
+        var J = R.ReactDebugCurrentFrame, me = J.getStackAddendum();
         me !== "" && (M += "%s", B = B.concat([me]));
         var ye = B.map(function(le) {
           return String(le);
@@ -135,7 +135,7 @@ function ou() {
     }
     var Q = !1, N = !1, P = !1, V = !1, Y = !1, ne;
     ne = Symbol.for("react.module.reference");
-    function te(_) {
+    function ee(_) {
       return !!(typeof _ == "string" || typeof _ == "function" || _ === i || _ === o || Y || _ === a || _ === d || _ === p || V || _ === g || Q || N || P || typeof _ == "object" && _ !== null && (_.$$typeof === h || _.$$typeof === m || _.$$typeof === l || _.$$typeof === s || _.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
@@ -143,9 +143,9 @@ function ou() {
       _.$$typeof === ne || _.getModuleId !== void 0));
     }
     function de(_, M, B) {
-      var ee = _.displayName;
-      if (ee)
-        return ee;
+      var J = _.displayName;
+      if (J)
+        return J;
       var me = M.displayName || M.name || "";
       return me !== "" ? B + "(" + me + ")" : B;
     }
@@ -184,8 +184,8 @@ function ou() {
           case c:
             return de(_, _.render, "ForwardRef");
           case m:
-            var ee = _.displayName || null;
-            return ee !== null ? ee : ge(_.type) || "Memo";
+            var J = _.displayName || null;
+            return J !== null ? J : ge(_.type) || "Memo";
           case h: {
             var me = _, ye = me._payload, le = me._init;
             try {
@@ -197,14 +197,14 @@ function ou() {
         }
       return null;
     }
-    var ue = Object.assign, Ce = 0, De, qe, pt, Ze, _t, Wt, jn;
+    var ue = Object.assign, Ce = 0, Le, qe, pt, Ze, _t, Wt, jn;
     function Gn() {
     }
     Gn.__reactDisabledLog = !0;
     function Ir() {
       {
         if (Ce === 0) {
-          De = console.log, qe = console.info, pt = console.warn, Ze = console.error, _t = console.group, Wt = console.groupCollapsed, jn = console.groupEnd;
+          Le = console.log, qe = console.info, pt = console.warn, Ze = console.error, _t = console.group, Wt = console.groupCollapsed, jn = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -234,7 +234,7 @@ function ou() {
           };
           Object.defineProperties(console, {
             log: ue({}, _, {
-              value: De
+              value: Le
             }),
             info: ue({}, _, {
               value: qe
@@ -266,8 +266,8 @@ function ou() {
           try {
             throw Error();
           } catch (me) {
-            var ee = me.stack.trim().match(/\n( *(at )?)/);
-            en = ee && ee[1] || "";
+            var J = me.stack.trim().match(/\n( *(at )?)/);
+            en = J && J[1] || "";
           }
         return `
 ` + en + _;
@@ -286,7 +286,7 @@ function ou() {
         if (B !== void 0)
           return B;
       }
-      var ee;
+      var J;
       jt = !0;
       var me = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -305,14 +305,14 @@ function ou() {
             try {
               Reflect.construct(le, []);
             } catch (Ct) {
-              ee = Ct;
+              J = Ct;
             }
             Reflect.construct(_, [], le);
           } else {
             try {
               le.call();
             } catch (Ct) {
-              ee = Ct;
+              J = Ct;
             }
             _.call(le.prototype);
           }
@@ -320,26 +320,26 @@ function ou() {
           try {
             throw Error();
           } catch (Ct) {
-            ee = Ct;
+            J = Ct;
           }
           _();
         }
       } catch (Ct) {
-        if (Ct && ee && typeof Ct.stack == "string") {
+        if (Ct && J && typeof Ct.stack == "string") {
           for (var ae = Ct.stack.split(`
-`), Ge = ee.stack.split(`
-`), Le = ae.length - 1, Me = Ge.length - 1; Le >= 1 && Me >= 0 && ae[Le] !== Ge[Me]; )
-            Me--;
-          for (; Le >= 1 && Me >= 0; Le--, Me--)
-            if (ae[Le] !== Ge[Me]) {
-              if (Le !== 1 || Me !== 1)
+`), Ge = J.stack.split(`
+`), Ie = ae.length - 1, Ae = Ge.length - 1; Ie >= 1 && Ae >= 0 && ae[Ie] !== Ge[Ae]; )
+            Ae--;
+          for (; Ie >= 1 && Ae >= 0; Ie--, Ae--)
+            if (ae[Ie] !== Ge[Ae]) {
+              if (Ie !== 1 || Ae !== 1)
                 do
-                  if (Le--, Me--, Me < 0 || ae[Le] !== Ge[Me]) {
+                  if (Ie--, Ae--, Ae < 0 || ae[Ie] !== Ge[Ae]) {
                     var nt = `
-` + ae[Le].replace(" at new ", " at ");
+` + ae[Ie].replace(" at new ", " at ");
                     return _.displayName && nt.includes("<anonymous>") && (nt = nt.replace("<anonymous>", _.displayName)), typeof _ == "function" && zt.set(_, nt), nt;
                   }
-                while (Le >= 1 && Me >= 0);
+                while (Ie >= 1 && Ae >= 0);
               break;
             }
         }
@@ -376,7 +376,7 @@ function ou() {
           case m:
             return Mt(_.type, M, B);
           case h: {
-            var ee = _, me = ee._payload, ye = ee._init;
+            var J = _, me = J._payload, ye = J._init;
             try {
               return Mt(ye(me), M, B);
             } catch {
@@ -393,7 +393,7 @@ function ou() {
       } else
         Ra.setExtraStackFrame(null);
     }
-    function sc(_, M, B, ee, me) {
+    function sc(_, M, B, J, me) {
       {
         var ye = Function.call.bind(_n);
         for (var le in _)
@@ -401,14 +401,14 @@ function ou() {
             var ae = void 0;
             try {
               if (typeof _[le] != "function") {
-                var Ge = Error((ee || "React class") + ": " + B + " type `" + le + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof _[le] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var Ge = Error((J || "React class") + ": " + B + " type `" + le + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof _[le] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Ge.name = "Invariant Violation", Ge;
               }
-              ae = _[le](M, le, ee, B, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Le) {
-              ae = Le;
+              ae = _[le](M, le, J, B, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (Ie) {
+              ae = Ie;
             }
-            ae && !(ae instanceof Error) && (Yn(me), F("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ee || "React class", B, le, typeof ae), Yn(null)), ae instanceof Error && !(ae.message in Aa) && (Aa[ae.message] = !0, Yn(me), F("Failed %s type: %s", B, ae.message), Yn(null));
+            ae && !(ae instanceof Error) && (Yn(me), F("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", J || "React class", B, le, typeof ae), Yn(null)), ae instanceof Error && !(ae.message in Aa) && (Aa[ae.message] = !0, Yn(me), F("Failed %s type: %s", B, ae.message), Yn(null));
           }
       }
     }
@@ -487,7 +487,7 @@ function ou() {
         });
       }
     }
-    var bc = function(_, M, B, ee, me, ye, le) {
+    var bc = function(_, M, B, J, me, ye, le) {
       var ae = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -508,7 +508,7 @@ function ou() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: ee
+        value: J
       }), Object.defineProperty(ae, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -516,22 +516,22 @@ function ou() {
         value: me
       }), Object.freeze && (Object.freeze(ae.props), Object.freeze(ae)), ae;
     };
-    function xc(_, M, B, ee, me) {
+    function xc(_, M, B, J, me) {
       {
         var ye, le = {}, ae = null, Ge = null;
         B !== void 0 && (Oa(B), ae = "" + B), pc(M) && (Oa(M.key), ae = "" + M.key), hc(M) && (Ge = M.ref, mc(M, me));
         for (ye in M)
           _n.call(M, ye) && !uc.hasOwnProperty(ye) && (le[ye] = M[ye]);
         if (_ && _.defaultProps) {
-          var Le = _.defaultProps;
-          for (ye in Le)
-            le[ye] === void 0 && (le[ye] = Le[ye]);
+          var Ie = _.defaultProps;
+          for (ye in Ie)
+            le[ye] === void 0 && (le[ye] = Ie[ye]);
         }
         if (ae || Ge) {
-          var Me = typeof _ == "function" ? _.displayName || _.name || "Unknown" : _;
-          ae && gc(le, Me), Ge && fc(le, Me);
+          var Ae = typeof _ == "function" ? _.displayName || _.name || "Unknown" : _;
+          ae && gc(le, Ae), Ge && fc(le, Ae);
         }
-        return bc(_, ae, Ge, me, ee, Cn.current, le);
+        return bc(_, ae, Ge, me, J, Cn.current, le);
       }
     }
     var Ar = R.ReactCurrentOwner, Pa = R.ReactDebugCurrentFrame;
@@ -592,8 +592,8 @@ Check the top-level render call using <` + B + ">.");
         if (Na[B])
           return;
         Na[B] = !0;
-        var ee = "";
-        _ && _._owner && _._owner !== Ar.current && (ee = " It was passed a child from " + ge(_._owner.type) + "."), rn(_), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, ee), rn(null);
+        var J = "";
+        _ && _._owner && _._owner !== Ar.current && (J = " It was passed a child from " + ge(_._owner.type) + "."), rn(_), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, J), rn(null);
       }
     }
     function Wa(_, M) {
@@ -602,8 +602,8 @@ Check the top-level render call using <` + B + ">.");
           return;
         if (zr(_))
           for (var B = 0; B < _.length; B++) {
-            var ee = _[B];
-            Er(ee) && qa(ee, M);
+            var J = _[B];
+            Er(J) && qa(J, M);
           }
         else if (Er(_))
           _._store && (_._store.validated = !0);
@@ -630,8 +630,8 @@ Check the top-level render call using <` + B + ">.");
         else
           return;
         if (B) {
-          var ee = ge(M);
-          sc(B, _.props, "prop", ee, _);
+          var J = ge(M);
+          sc(B, _.props, "prop", J, _);
         } else if (M.PropTypes !== void 0 && !Rr) {
           Rr = !0;
           var me = ge(M);
@@ -643,33 +643,33 @@ Check the top-level render call using <` + B + ">.");
     function _c(_) {
       {
         for (var M = Object.keys(_.props), B = 0; B < M.length; B++) {
-          var ee = M[B];
-          if (ee !== "children" && ee !== "key") {
-            rn(_), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ee), rn(null);
+          var J = M[B];
+          if (J !== "children" && J !== "key") {
+            rn(_), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", J), rn(null);
             break;
           }
         }
         _.ref !== null && (rn(_), F("Invalid attribute `ref` supplied to `React.Fragment`."), rn(null));
       }
     }
-    function ja(_, M, B, ee, me, ye) {
+    function ja(_, M, B, J, me, ye) {
       {
-        var le = te(_);
+        var le = ee(_);
         if (!le) {
           var ae = "";
           (_ === void 0 || typeof _ == "object" && _ !== null && Object.keys(_).length === 0) && (ae += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var Ge = yc(me);
           Ge ? ae += Ge : ae += Ba();
-          var Le;
-          _ === null ? Le = "null" : zr(_) ? Le = "array" : _ !== void 0 && _.$$typeof === t ? (Le = "<" + (ge(_.type) || "Unknown") + " />", ae = " Did you accidentally export a JSX literal instead of a component?") : Le = typeof _, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Le, ae);
+          var Ie;
+          _ === null ? Ie = "null" : zr(_) ? Ie = "array" : _ !== void 0 && _.$$typeof === t ? (Ie = "<" + (ge(_.type) || "Unknown") + " />", ae = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof _, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, ae);
         }
-        var Me = xc(_, M, B, me, ye);
-        if (Me == null)
-          return Me;
+        var Ae = xc(_, M, B, me, ye);
+        if (Ae == null)
+          return Ae;
         if (le) {
           var nt = M.children;
           if (nt !== void 0)
-            if (ee)
+            if (J)
               if (zr(nt)) {
                 for (var an = 0; an < nt.length; an++)
                   Wa(nt[an], _);
@@ -679,7 +679,7 @@ Check the top-level render call using <` + B + ">.");
             else
               Wa(nt, _);
         }
-        return _ === i ? _c(Me) : wc(Me), Me;
+        return _ === i ? _c(Ae) : wc(Ae), Ae;
       }
     }
     function Cc(_, M, B) {
@@ -697,7 +697,7 @@ Check the top-level render call using <` + B + ">.");
 })(iu);
 const G = Mn.Fragment, n = Mn.jsx, u = Mn.jsxs;
 function ys(e, t) {
-  j(() => {
+  q(() => {
     const r = (i) => {
       console.log(i);
       const {
@@ -712,7 +712,7 @@ function ys(e, t) {
     return window.addEventListener("open-view", r), () => {
       window.removeEventListener("open-view", r);
     };
-  }, [e, t]), j(() => {
+  }, [e, t]), q(() => {
     const r = (i) => {
       console.log(i);
       const {
@@ -730,7 +730,7 @@ function ys(e, t) {
     return window.addEventListener("set-filter-values", r), () => {
       window.removeEventListener("set-filter-values", r);
     };
-  }, [e]), j(() => {
+  }, [e]), q(() => {
     function r(a) {
       return Array.isArray(a) ? [] : typeof a == "object" ? {} : typeof a == "boolean" ? !1 : typeof a == "string" ? "" : typeof a == "number" ? 0 : a;
     }
@@ -747,7 +747,7 @@ function ys(e, t) {
     return window.addEventListener("clear-filter-values", i), () => {
       window.removeEventListener("clear-filter-values", i);
     };
-  }, [e]), j(() => {
+  }, [e]), q(() => {
     const r = (i) => {
       console.log(i);
       const {
@@ -780,7 +780,7 @@ function ys(e, t) {
 }
 class su {
   constructor(t) {
-    W(this, "symbol");
+    j(this, "symbol");
     this.symbol = Symbol(t);
   }
 }
@@ -789,9 +789,9 @@ function St(e) {
 }
 class qi {
   constructor() {
-    W(this, "parent");
-    W(this, "factoryRegistry", /* @__PURE__ */ new Map());
-    W(this, "instanceRegistry", /* @__PURE__ */ new Map());
+    j(this, "parent");
+    j(this, "factoryRegistry", /* @__PURE__ */ new Map());
+    j(this, "instanceRegistry", /* @__PURE__ */ new Map());
   }
   createScoped() {
     const t = new qi();
@@ -836,14 +836,14 @@ const lu = {
   viewPanelInFullScreen: k.noop,
   inFullScreen: !1
 }, Wi = $.createContext(lu), ws = $.createContext(null), _s = ws.Provider;
-function Oe() {
+function De() {
   const e = $.useContext(ws);
   if (!e)
     throw new Error("Please use ModelContextProvider");
   return e;
 }
 const Cs = $.createContext(null), Ss = Cs.Provider;
-function Z() {
+function te() {
   const e = $.useContext(Cs);
   if (!e)
     throw new Error("Please use ContentModelContextProvider");
@@ -993,7 +993,7 @@ const ji = {
     content: e,
     editable: !1
   });
-  j(() => {
+  q(() => {
     r == null || r.commands.setContent(e);
   }, [e, r]);
   const i = L(() => k.defaultsDeep({}, {
@@ -1003,7 +1003,7 @@ const ji = {
 }, hu = ({
   description: e,
   isDescriptionEmpty: t
-}) => t ? null : /* @__PURE__ */ n(Re, { color: "white", label: /* @__PURE__ */ n(br, { value: e, styles: {
+}) => t ? null : /* @__PURE__ */ n(Ee, { color: "white", label: /* @__PURE__ */ n(br, { value: e, styles: {
   root: {
     border: "none"
   },
@@ -1046,8 +1046,8 @@ const ji = {
   value: r = [null, null],
   onChange: i
 }) => {
-  const a = Array.isArray(r) ? r.map((c) => c ? J(c).toDate() : null) : [null, null], o = (c) => {
-    i(c.map((d) => d && J(d).format(t.inputFormat)));
+  const a = Array.isArray(r) ? r.map((c) => c ? K(c).toDate() : null) : [null, null], o = (c) => {
+    i(c.map((d) => d && K(d).format(t.inputFormat)));
   }, l = t.getMinDate(a[0]), s = t.getMaxDate(a[0]);
   return /* @__PURE__ */ n(
     _d,
@@ -1258,23 +1258,23 @@ const ji = {
     classNames: t,
     styles: r,
     unstyled: i
-  }), [h, g] = U(!1), w = (q) => {
-    g(q);
+  }), [h, g] = U(!1), w = (W) => {
+    g(W);
   }, y = h && (s == null ? void 0 : s.length) > 0, [T, R] = U(""), F = L(() => {
     if (!T)
       return d;
-    const q = T.toLowerCase(), Q = (N) => N.description.toLowerCase().includes(q) || N.label.toLowerCase().includes(q);
+    const W = T.toLowerCase(), Q = (N) => N.description.toLowerCase().includes(W) || N.label.toLowerCase().includes(W);
     return d.filter(Q);
   }, [T, d]);
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
     /* @__PURE__ */ u(v, { position: "apart", children: [
       /* @__PURE__ */ n(C, { className: p.label, children: l }),
-      y && /* @__PURE__ */ n(Re, { label: `${s.length} selected`, children: /* @__PURE__ */ n(In, { children: s.length }) })
+      y && /* @__PURE__ */ n(Ee, { label: `${s.length} selected`, children: /* @__PURE__ */ n(In, { children: s.length }) })
     ] }),
-    /* @__PURE__ */ n(Md, { disabled: e, allowClear: !0, className: m(p.root, "check-select"), dropdownClassName: m(p.dropdown, ""), onDropdownVisibleChange: w, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: o, clearIcon: () => /* @__PURE__ */ n(Lo, {}), value: s, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, maxTagTextLength: 10, maxTagPlaceholder: (q) => `${q.length} selected`, searchValue: T, onSearch: R, filterOption: !1, children: F.map((q) => /* @__PURE__ */ n(Ad, { children: /* @__PURE__ */ n(v, { noWrap: !0, children: /* @__PURE__ */ u("div", { children: [
-      /* @__PURE__ */ n(C, { size: "sm", "data-role": "label", children: q.label }),
-      /* @__PURE__ */ n(C, { size: "xs", color: "dimmed", "data-role": "description", children: q.description })
-    ] }) }) }, q.value)) })
+    /* @__PURE__ */ n(Md, { disabled: e, allowClear: !0, className: m(p.root, "check-select"), dropdownClassName: m(p.dropdown, ""), onDropdownVisibleChange: w, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: o, clearIcon: () => /* @__PURE__ */ n(Lo, {}), value: s, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, maxTagTextLength: 10, maxTagPlaceholder: (W) => `${W.length} selected`, searchValue: T, onSearch: R, filterOption: !1, children: F.map((W) => /* @__PURE__ */ n(Ad, { children: /* @__PURE__ */ n(v, { noWrap: !0, children: /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ n(C, { size: "sm", "data-role": "label", children: W.label }),
+      /* @__PURE__ */ n(C, { size: "xs", color: "dimmed", "data-role": "description", children: W.description })
+    ] }) }) }, W.value)) })
   ] });
 }, fu = D(({
   label: e,
@@ -1282,7 +1282,7 @@ const ji = {
   value: r,
   onChange: i
 }) => {
-  const a = Z(), o = !!t.options_query_id, {
+  const a = te(), o = !!t.options_query_id, {
     state: l
   } = a.getDataStuffByID(t.options_query_id), s = l === "loading", c = t.min_width ? t.min_width : "200px", d = o ? s : !1;
   return /* @__PURE__ */ n(gu, { label: e, options: t.options, style: {
@@ -1304,10 +1304,10 @@ const ji = {
   value: r,
   onChange: i
 }) => {
-  const a = Z(), o = !!t.options_query_id, {
+  const a = te(), o = !!t.options_query_id, {
     state: l
   } = a.getDataStuffByID(t.options_query_id), s = l === "loading";
-  return j(() => {
+  return q(() => {
     var p;
     const {
       default_selection_count: c
@@ -1633,7 +1633,7 @@ const vu = ({
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
     /* @__PURE__ */ u(v, { position: "apart", children: [
       /* @__PURE__ */ n(C, { className: p.label, children: l }),
-      y && /* @__PURE__ */ n(Re, { label: `${s.length} selected`, children: /* @__PURE__ */ n(In, { children: s.length }) })
+      y && /* @__PURE__ */ n(Ee, { label: `${s.length} selected`, children: /* @__PURE__ */ n(In, { children: s.length }) })
     ] }),
     /* @__PURE__ */ n(
       Rd,
@@ -1720,20 +1720,20 @@ const vu = ({
 }, r) => /* @__PURE__ */ n("div", { className: "filter-root", ref: r, children: /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(Du, { filter: e, formFieldProps: t }) }) }))), $s = D(function({
   view: t
 }) {
-  const r = Z(), {
+  const r = te(), {
     control: i,
     handleSubmit: a,
     reset: o
-  } = $e({
+  } = ze({
     defaultValues: r.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
   }), l = Xc({
     control: i
   });
-  j(() => {
+  q(() => {
     o(r.filters.values);
-  }, [r.filters.values, o]), j(() => {
+  }, [r.filters.values, o]), q(() => {
     r.filters.updatePreviewValues(l);
   }, [l]);
   const s = r.filters.visibleInView(t.id), c = L(() => s.every((h) => h.should_auto_submit), [s]), d = L(() => s.filter((h) => k.get(h, "config.required", !1)), [s]), p = L(() => d.length === 0 ? !1 : d.some((h) => !h.requiredAndPass(l[h.key])), [l, d]);
@@ -1775,7 +1775,7 @@ const zs = D(() => {
         padding: 0
       }
     } }) }),
-    /* @__PURE__ */ n(Re, { label: "Click to see description", position: "top-start", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "subtle", color: "blue", onClick: () => r((a) => !a), sx: {
+    /* @__PURE__ */ n(Ee, { label: "Click to see description", position: "top-start", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "subtle", color: "blue", onClick: () => r((a) => !a), sx: {
       verticalAlign: "baseline",
       cursor: "pointer"
     }, children: /* @__PURE__ */ n(hn, { size: 20 }) }) })
@@ -1783,7 +1783,7 @@ const zs = D(() => {
 }), Iu = D(({
   view: e
 }) => {
-  const t = Oe(), r = Z(), i = Dt(), {
+  const t = De(), r = te(), i = Dt(), {
     panel: a
   } = We(), {
     id: o,
@@ -1847,7 +1847,7 @@ const $u = D(function() {
   }, children: /* @__PURE__ */ n(C, { align: "center", lineClamp: 1, weight: "bold", children: r }) }) : null;
 }), yt = (e, t) => {
   const [r, i] = U([]);
-  return j(() => e.watchTriggerSnapshotList((a) => i(a.filter((o) => o.schemaRef === t))), []), r;
+  return q(() => e.watchTriggerSnapshotList((a) => i(a.filter((o) => o.schemaRef === t))), []), r;
 };
 class sn {
   constructor(t, r) {
@@ -1885,7 +1885,7 @@ class sn {
 }
 class Gi {
   constructor(t, r, i) {
-    W(this, "attachmentStorage");
+    j(this, "attachmentStorage");
     this.instance = t, this.attachmentKey = r, this.constructInstance = i, this.attachmentStorage = new sn(t.instanceData, r);
   }
   async getInstance(t) {
@@ -1905,7 +1905,7 @@ class Gi {
 }
 class Ms {
   constructor(t) {
-    W(this, "rootRef");
+    j(this, "rootRef");
     this.rootRef = us({
       current: t
     });
@@ -1947,8 +1947,8 @@ class Ms {
 }
 class zu {
   constructor() {
-    W(this, "channels", /* @__PURE__ */ new Map());
-    W(this, "globalChannel", new Ka());
+    j(this, "channels", /* @__PURE__ */ new Map());
+    j(this, "globalChannel", new Ka());
   }
   getChannel(t) {
     const r = this.channels.get(t);
@@ -1960,7 +1960,7 @@ class zu {
 }
 class Mu {
   constructor(t) {
-    W(this, "instances", /* @__PURE__ */ new Map());
+    j(this, "instances", /* @__PURE__ */ new Map());
     this.pluginManager = t;
   }
   get availableVizList() {
@@ -2081,7 +2081,7 @@ const Au = (e) => {
   getColor: xr(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Es = "@devtable/dashboard", Yi = "9.6.0", Os = "Apache-2.0", Vs = {
+}, Es = "@devtable/dashboard", Yi = "9.7.0", Os = "Apache-2.0", Vs = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Fs = [
@@ -2273,8 +2273,8 @@ const Au = (e) => {
 }, Symbol.toStringTag, { value: "Module" }));
 class Wu {
   constructor(t) {
-    W(this, "staticColors", /* @__PURE__ */ new Map());
-    W(this, "interpolations", /* @__PURE__ */ new Map());
+    j(this, "staticColors", /* @__PURE__ */ new Map());
+    j(this, "interpolations", /* @__PURE__ */ new Map());
     t.installedPlugins.forEach((r) => {
       r.manifest.color.forEach((i) => {
         this.register(i);
@@ -2307,12 +2307,12 @@ class ju {
      * Id to plugin map
      * @private
      */
-    W(this, "plugins", /* @__PURE__ */ new Map());
+    j(this, "plugins", /* @__PURE__ */ new Map());
     /**
      * Name to component map
      */
-    W(this, "vizComponents", /* @__PURE__ */ new Map());
-    W(this, "factory", {
+    j(this, "vizComponents", /* @__PURE__ */ new Map());
+    j(this, "factory", {
       viz: (t) => {
         const r = this.vizComponents.get(t);
         if (r)
@@ -2337,7 +2337,7 @@ class ju {
 }
 class Gu {
   constructor() {
-    W(this, "migrations", []);
+    j(this, "migrations", []);
   }
   version(t, r) {
     return this.migrations.push({
@@ -2357,7 +2357,7 @@ class Gu {
     return o.reduce((s, c) => c.handler(s, i), r);
   }
 }
-class ze extends Gu {
+class Me extends Gu {
   constructor() {
     super(), this.configVersions();
   }
@@ -2386,11 +2386,11 @@ class ze extends Gu {
     return se(r, "version", 0) < this.VERSION;
   }
 }
-const K = (e, t) => {
+const Z = (e, t) => {
   const [r, {
     setFalse: i
   }] = Xe(!0), [a, o] = U();
-  j(() => (e.getItem(t).then((s) => {
+  q(() => (e.getItem(t).then((s) => {
     o(s), i();
   }), e.watchItem(t, (s) => {
     o(s);
@@ -2426,7 +2426,7 @@ function Yu({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), r = e.data, {
+  } = Z(e.instanceData, "config"), r = e.data, {
     width: i,
     height: a
   } = e.viewport, {
@@ -2436,7 +2436,7 @@ function Yu({
     xAxis3D: c,
     yAxis3D: d,
     zAxis3D: p
-  } = Ie({}, t, Hi), m = L(() => {
+  } = $e({}, t, Hi), m = L(() => {
     const w = jc(r, (y) => y[s]);
     return se(w, s);
   }, [r, s]), h = L(() => {
@@ -2514,14 +2514,14 @@ function Qu({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = Ie({}, t, Hi), {
+  } = Z(e.instanceData, "config"), i = e.data, a = $e({}, t, Hi), {
     control: o,
     handleSubmit: l,
     reset: s
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  return j(() => {
+  return q(() => {
     s(a);
   }, [t]), t ? /* @__PURE__ */ n(S, { spacing: "xs", children: /* @__PURE__ */ u("form", { onSubmit: l(r), children: [
     /* @__PURE__ */ n(C, { children: "X Axis" }),
@@ -2574,10 +2574,10 @@ function Qu({
     ] }) })
   ] }) }) : null;
 }
-class Uu extends ze {
+class Uu extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -3058,7 +3058,7 @@ function dh({
   onChange: r,
   pt: i = "sm"
 }, a) {
-  j(() => {
+  q(() => {
     typeof t == "string" && (console.log(t), r({
       type: t,
       config: {}
@@ -3328,7 +3328,7 @@ class yh {
     valueRange: t,
     colorRange: r
   }) {
-    W(this, "mapper");
+    j(this, "mapper");
     this.mapper = pn(t, r);
   }
   getColor(t) {
@@ -3538,12 +3538,12 @@ function Lh({
 }) {
   const {
     value: r
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: i
   } = e, a = e.data, {
     width: o,
     height: l
-  } = e.viewport, s = Ie({}, r, Qi), c = wt({
+  } = e.viewport, s = $e({}, r, Qi), c = wt({
     vizManager: e.vizManager,
     instance: t
   }), d = yt(c.triggerManager, Hs.id), p = L(() => k.keyBy(a, s.x_axis.data_key), [a, s.x_axis.data_key]), m = He((w) => {
@@ -3611,7 +3611,7 @@ function $h({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((p, m) => ({
@@ -3654,7 +3654,7 @@ const zh = ({
     setTrue: a,
     setFalse: o
   }] = Xe(), [l, s] = U(e);
-  j(() => {
+  q(() => {
     s(e);
   }, [e]);
   const c = (g) => {
@@ -3765,18 +3765,18 @@ function Rh({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, {
+  } = Z(e.instanceData, "config"), i = e.data, {
     variables: a
-  } = e, o = L(() => Ie({}, t, Qi), [t]), {
+  } = e, o = L(() => $e({}, t, Qi), [t]), {
     control: l,
     handleSubmit: s,
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]), c(["x_axis", "y_axis", "reference_lines", "color"]);
   const m = d(), h = L(() => !we(m, t), [m, t]);
@@ -3888,10 +3888,10 @@ function Ph(e) {
   };
   return k.defaultsDeep(i, e);
 }
-class Bh extends ze {
+class Bh extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 6);
+    j(this, "VERSION", 6);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -3999,9 +3999,9 @@ const Ui = {
   const r = wt({
     vizManager: e.vizManager,
     instance: t
-  }), i = yt(r.triggerManager, Zs.id), a = Z(), {
+  }), i = yt(r.triggerManager, Zs.id), a = te(), {
     value: o
-  } = K(e.instanceData, "config"), l = L(() => _e({}, o, Ui), [o]), {
+  } = Z(e.instanceData, "config"), l = L(() => _e({}, o, Ui), [o]), {
     content: s,
     horizontal_align: c,
     vertical_align: d,
@@ -4094,10 +4094,10 @@ function Jh({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config");
+  } = Z(e.instanceData, "config");
   e.data;
   const i = L(() => _e({}, t, Ui), [t]), a = i;
-  j(() => {
+  q(() => {
     !we(i, a) && (console.log("config malformed, resetting to defaults", i, a), r(a));
   }, [i, a]);
   const {
@@ -4106,10 +4106,10 @@ function Jh({
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  j(() => {
+  q(() => {
     d(a);
   }, [a]);
   const p = c(), m = L(() => !we(p, i), [p, i]);
@@ -4153,10 +4153,10 @@ function Jh({
     ] })
   ] });
 }
-class ep extends ze {
+class ep extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 2);
+    j(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -4574,13 +4574,13 @@ function bp({
       y_axis_data_key: t,
       valueTypedXAxis: w
     }), F;
-  const q = fp({
+  const W = fp({
     group_by_key: o,
     data: y,
     x_axis_data_key: e,
     y_axis_data_key: t
   });
-  return Object.entries(q).map(([Q, N]) => {
+  return Object.entries(W).map(([Q, N]) => {
     const P = Pe(F);
     return P.name = Q, P.color = void 0, P.data = N, P;
   });
@@ -4797,7 +4797,7 @@ function Dp({
   }), [c]), h = (g) => {
     p.current = g, io(g);
   };
-  return j(() => {
+  return q(() => {
     p.current && io(p.current);
   }, [d]), !r || !i ? null : /* @__PURE__ */ n(et, { echarts: fe, option: d, style: {
     width: r,
@@ -4813,9 +4813,9 @@ function Lp({
     instance: t
   }), {
     value: i
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => Ie({}, i, Zi), [i]), l = e.data, {
+  } = e, o = L(() => $e({}, i, Zi), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport, {
@@ -4870,7 +4870,7 @@ const ea = ke(({
       /* @__PURE__ */ n(O, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Slider for X Axis", checked: e.x_axis_slider, onChange: (a) => i("x_axis_slider")(a.currentTarget.checked) }) }),
-      /* @__PURE__ */ n(Re, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ n(O, { sx: {
+      /* @__PURE__ */ n(Ee, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ n(O, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n(Ye, { label: "Slider for Y Axis", disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (a) => i("y_axis_slider")(a.currentTarget.checked) }) }) })
     ] })
@@ -4943,7 +4943,7 @@ function Mp({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "reference_areas"
   }), l = t("reference_areas"), s = i.map((p, m) => ({
@@ -5085,7 +5085,7 @@ function Op({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((h, g) => ({
@@ -5244,7 +5244,7 @@ function Bp({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "regressions"
   }), l = t("regressions"), s = i.map((m, h) => ({
@@ -5668,7 +5668,7 @@ function em({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "series"
   }), l = t("series"), s = i.map((m, h) => ({
@@ -5855,7 +5855,7 @@ function om({
     fields: r,
     append: i,
     remove: a
-  } = Ee({
+  } = Oe({
     control: e,
     name: "y_axes"
   }), o = t("y_axes"), l = r.map((c, d) => ({
@@ -5887,7 +5887,7 @@ function sm({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: i
   } = e, a = e.data, o = L(() => _e({}, t, Zi), [t]), {
     control: l,
@@ -5895,10 +5895,10 @@ function sm({
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]);
   const m = d(), h = L(() => !we(m, o), [m, o]);
@@ -6178,10 +6178,10 @@ function wm(e) {
     })
   };
 }
-class _m extends ze {
+class _m extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 15);
+    j(this, "VERSION", 15);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -6439,7 +6439,7 @@ function Rm({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), r = L(() => Ie({}, t, na), [t]), i = e.data, {
+  } = Z(e.instanceData, "config"), r = L(() => $e({}, t, na), [t]), i = e.data, {
     width: a,
     height: o
   } = e.viewport;
@@ -6575,7 +6575,7 @@ const Em = [{
         width: "100%"
       }, children: [
         /* @__PURE__ */ n(C, { children: "Min Value" }),
-        /* @__PURE__ */ n(Re, { label: "Check to enable specific min value", children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(x, { name: `series.${i}.min.enable_value`, control: t, render: ({
+        /* @__PURE__ */ n(Ee, { label: "Check to enable specific min value", children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(x, { name: `series.${i}.min.enable_value`, control: t, render: ({
           field: d
         }) => /* @__PURE__ */ n(ve, { size: "xs", checked: d.value, onChange: (p) => d.onChange(p.currentTarget.checked) }) }) }) })
       ] }), ...c }) }),
@@ -6592,7 +6592,7 @@ const Em = [{
         width: "100%"
       }, children: [
         /* @__PURE__ */ n(C, { children: "Max Value" }),
-        /* @__PURE__ */ n(Re, { label: "Check to enable specific max value", children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(x, { name: `series.${i}.max.enable_value`, control: t, render: ({
+        /* @__PURE__ */ n(Ee, { label: "Check to enable specific max value", children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(x, { name: `series.${i}.max.enable_value`, control: t, render: ({
           field: d
         }) => /* @__PURE__ */ n(ve, { size: "xs", checked: d.value, onChange: (p) => d.onChange(p.currentTarget.checked) }) }) }) })
       ] }), ...c }) }),
@@ -6636,14 +6636,14 @@ const Em = [{
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "series"
   }), l = t("series"), s = i.map((m, h) => ({
     ...m,
     ...l[h]
   })), c = k.get(s, "0.id"), [d, p] = U(c ?? null);
-  return j(() => {
+  return q(() => {
     c && p((m) => m !== null ? m : c);
   }, [c]), /* @__PURE__ */ u(b, { value: d, onTabChange: (m) => p(m), styles: {
     panel: {
@@ -6653,7 +6653,7 @@ const Em = [{
   }, children: [
     /* @__PURE__ */ u(b.List, { children: [
       s.map((m, h) => /* @__PURE__ */ n(b.Tab, { value: m.id, children: m.name }, m.id)),
-      /* @__PURE__ */ n(b.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n(Re, { label: "TODO", children: /* @__PURE__ */ n(Ut, { children: /* @__PURE__ */ n(Pt, { size: 18, color: "#228be6" }) }) }) })
+      /* @__PURE__ */ n(b.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n(Ee, { label: "TODO", children: /* @__PURE__ */ n(Ut, { children: /* @__PURE__ */ n(Pt, { size: 18, color: "#228be6" }) }) }) })
     ] }),
     s.map((m, h) => /* @__PURE__ */ n(b.Panel, { value: m.id, children: /* @__PURE__ */ n(Bm, { item: m, control: e, index: h, remove: o, data: r }) }, m.id))
   ] });
@@ -6664,16 +6664,16 @@ function qm({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => k.defaultsDeep({}, t, na), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => k.defaultsDeep({}, t, na), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  j(() => {
+  q(() => {
     d(a);
   }, [a]), s([]);
   const p = c(), m = L(() => !k.isEqual(p, a), [p, a]);
@@ -6714,10 +6714,10 @@ function Wm(e) {
     })
   };
 }
-class jm extends ze {
+class jm extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 2);
+    j(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -7112,9 +7112,9 @@ function sg({
     instance: t
   }), {
     value: i
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => Ie({}, i, ia), [i]), l = e.data, {
+  } = e, o = L(() => $e({}, i, ia), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -7184,7 +7184,7 @@ const cg = ({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "tooltip.metrics"
   }), l = t("tooltip.metrics"), s = i.map((h, g) => ({
@@ -7195,7 +7195,7 @@ const cg = ({
     data_key: "",
     name: ""
   }), d = t("tooltip.metrics.0.id"), [p, m] = U(() => d ?? null);
-  return j(() => {
+  return q(() => {
     d && m((h) => h !== null ? h : d);
   }, [d]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
@@ -7259,7 +7259,7 @@ const hg = ({
     setTrue: a,
     setFalse: o
   }] = Xe(), [l, s] = U(e);
-  j(() => {
+  q(() => {
     s(e);
   }, [e]);
   const c = (g) => {
@@ -7407,8 +7407,8 @@ function bg({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, ia), [t]), o = L(() => k.cloneDeep(a), [a]);
-  j(() => {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, ia), [t]), o = L(() => k.cloneDeep(a), [a]);
+  q(() => {
     !we(a, o) && (console.log("config malformed, resetting to defaults", a, o), r(o));
   }, [a, o]);
   const {
@@ -7417,10 +7417,10 @@ function bg({
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]);
   const m = d(), h = L(() => !we(m, a), [m, a]);
@@ -7455,10 +7455,10 @@ function bg({
     ] })
   ] }) });
 }
-class xg extends ze {
+class xg extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => (console.log("🟥 unexpected calling"), {
@@ -7782,10 +7782,10 @@ function Mg({
 }) {
   const {
     value: r
-  } = K(e.instanceData, "config"), i = e.data, {
+  } = Z(e.instanceData, "config"), i = e.data, {
     width: a,
     height: o
-  } = e.viewport, l = Ie({}, r, aa), s = zg(l, i), c = wt({
+  } = e.viewport, l = $e({}, r, aa), s = zg(l, i), c = wt({
     vizManager: e.vizManager,
     instance: t
   }), d = yt(c.triggerManager, tl.id), p = L(() => k.keyBy(i, l.x_axis.data_key), [i, l.x_axis.data_key]), m = He((g) => {
@@ -7993,16 +7993,16 @@ function qg({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => Ie({}, t, aa), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => $e({}, t, aa), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  j(() => {
+  q(() => {
     d(a);
   }, [a]), s(["x_axis", "data_key", "bar", "line", "dataZoom"]);
   const p = c(), m = L(() => !we(p, t), [p, t]);
@@ -8139,10 +8139,10 @@ function Ug(e) {
   };
   return k.defaultsDeep(i, e);
 }
-class Xg extends ze {
+class Xg extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 8);
+    j(this, "VERSION", 8);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -8347,7 +8347,7 @@ function nf({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), r = e.data, {
+  } = Z(e.instanceData, "config"), r = e.data, {
     width: i,
     height: a
   } = e.viewport, o = L(() => tf(_e({}, t, oa), r, i), [t, r, i]);
@@ -8362,16 +8362,16 @@ function rf({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, oa), [t]), o = L(() => k.clone(a), [a]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, oa), [t]), o = L(() => k.clone(a), [a]), {
     control: l,
     handleSubmit: s,
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]);
   const m = d(), h = L(() => !k.isEqual(m, a), [m, a]);
@@ -8409,10 +8409,10 @@ function af(e) {
     color_field: t
   };
 }
-class of extends ze {
+class of extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 2);
+    j(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -8643,7 +8643,7 @@ function gf({
     instance: t
   }), {
     value: i
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: a
   } = e, o = L(() => k.defaults({}, i, Cr), [i]), l = e.data, {
     width: s,
@@ -8700,7 +8700,7 @@ function bf({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "dimensions"
   }), l = t("dimensions"), s = i.map((g, w) => ({
@@ -8716,7 +8716,7 @@ function bf({
       formatter: je
     });
   }, d = k.get(s, "0.id", null), [p, m] = U(d);
-  j(() => {
+  q(() => {
     m((g) => g || d);
   }, [d]);
   const h = (g) => {
@@ -8749,16 +8749,16 @@ function xf({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, Cr), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, Cr), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  j(() => {
+  q(() => {
     d(a);
   }, [a]), s(["series_name_key", "background", "label"]);
   const p = c(), m = L(() => !we(p, a), [p, a]);
@@ -8834,10 +8834,10 @@ function wf(e) {
   };
   return k.defaultsDeep(t, e);
 }
-class _f extends ze {
+class _f extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 4);
+    j(this, "VERSION", 4);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -9347,7 +9347,7 @@ function qf({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     width: r,
     height: i
   } = e.viewport, a = L(() => {
@@ -9446,7 +9446,7 @@ const Gf = ({
     setTrue: o,
     setFalse: l
   }] = Xe(), [s, c] = U(e);
-  j(() => {
+  q(() => {
     c(e);
   }, [e]);
   const d = (w) => {
@@ -9559,16 +9559,16 @@ function Qf({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => Ie({}, t, sa), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => $e({}, t, sa), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  j(() => {
+  q(() => {
     d(a);
   }, [a]), s(["x_axis", "y_axis", "regression"]);
   const p = c(), m = L(() => !we(p, t), [p, t]);
@@ -9613,10 +9613,10 @@ function Uf(e) {
   };
   return k.defaultsDeep(t, e);
 }
-class Xf extends ze {
+class Xf extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 2);
+    j(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -9650,7 +9650,7 @@ function Kf({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), r = L(() => Ie({}, t, Tr), [t]);
+  } = Z(e.instanceData, "config"), r = L(() => $e({}, t, Tr), [t]);
   return r != null && r.content ? /* @__PURE__ */ n(br, { value: r.content, styles: {
     root: {
       border: "none",
@@ -9697,7 +9697,7 @@ const la = ke(({
       s(h.getHTML());
     }
   });
-  j(() => {
+  q(() => {
     s(e), c == null || c.commands.setContent(e);
   }, [e]);
   const d = () => {
@@ -9761,15 +9761,15 @@ function eb({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = L(() => Ie({}, t, Tr), [t]), {
+  } = Z(e.instanceData, "config"), i = L(() => $e({}, t, Tr), [t]), {
     control: a,
     handleSubmit: o,
     watch: l,
     reset: s
-  } = $e({
+  } = ze({
     defaultValues: i
   });
-  l("content"), j(() => {
+  l("content"), q(() => {
     s(i);
   }, [i]);
   const c = Do(null), d = () => {
@@ -9800,13 +9800,13 @@ function eb({
     }, label: "Content", onSubmit: d }) })
   ] }) });
 }
-class tb extends ze {
+class tb extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   fixMalformedConfig(r) {
-    return Ie({}, r, Tr);
+    return $e({}, r, Tr);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -10343,9 +10343,9 @@ function wb({
     instance: t
   }), {
     value: i
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => Ie({}, i, ca), [i]), l = e.data, {
+  } = e, o = L(() => $e({}, i, ca), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport, {
@@ -10457,7 +10457,7 @@ function Sb({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "reference_areas"
   }), l = t("reference_areas"), s = i.map((h, g) => ({
@@ -10601,7 +10601,7 @@ function Lb({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((h, g) => ({
@@ -10994,7 +10994,7 @@ const Gb = ({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "tooltip.metrics"
   }), l = t("tooltip.metrics"), s = i.map((h, g) => ({
@@ -11005,7 +11005,7 @@ const Gb = ({
     data_key: "",
     name: ""
   }), d = t("tooltip.metrics.0.id"), [p, m] = U(() => d ?? null);
-  return j(() => {
+  return q(() => {
     d && m((h) => h !== null ? h : d);
   }, [d]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
@@ -11078,7 +11078,7 @@ const Ub = ({
     setTrue: a,
     setFalse: o
   }] = Xe(), [l, s] = U(e);
-  j(() => {
+  q(() => {
     s(e);
   }, [e]);
   const c = (g) => {
@@ -11231,7 +11231,7 @@ function tx({
     fields: r,
     append: i,
     remove: a
-  } = Ee({
+  } = Oe({
     control: e,
     name: "y_axes"
   }), o = t("y_axes"), l = r.map((c, d) => ({
@@ -11282,10 +11282,10 @@ function ix({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: i
   } = e, a = e.data, o = L(() => _e({}, t, ca), [t]), l = L(() => rx(o), [o]);
-  j(() => {
+  q(() => {
     !we(o, l) && (console.log("config malformed, resetting to defaults", o, l), r(l));
   }, [o, l]);
   const {
@@ -11294,10 +11294,10 @@ function ix({
     watch: d,
     getValues: p,
     reset: m
-  } = $e({
+  } = ze({
     defaultValues: l
   });
-  j(() => {
+  q(() => {
     m(l);
   }, [l]);
   const h = p(), g = L(() => !we(h, o), [h, o]);
@@ -11406,10 +11406,10 @@ function cx(e) {
   };
   return k.defaultsDeep({}, e, t);
 }
-class dx extends ze {
+class dx extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 8);
+    j(this, "VERSION", 8);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -11545,10 +11545,10 @@ function gx(e) {
   const t = Pe(e), r = se(t, "color.valueRange");
   return r !== void 0 && Vi(t, "color.valueRange", r.map((i) => Number(i))), t;
 }
-class fx extends ze {
+class fx extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 2);
+    j(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -11590,9 +11590,9 @@ const bx = {
 }, yx = D(({
   context: e
 }) => {
-  const t = Z(), {
+  const t = te(), {
     value: r = da
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: i
   } = e, {
     template: a,
@@ -11643,13 +11643,13 @@ function _x({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = $.useMemo(() => _e({}, t, da), [t]), {
+  } = Z(e.instanceData, "config"), i = $.useMemo(() => _e({}, t, da), [t]), {
     control: a,
     handleSubmit: o,
     watch: l,
     getValues: s,
     reset: c
-  } = $e({
+  } = ze({
     defaultValues: i
   });
   $.useEffect(() => {
@@ -11850,7 +11850,7 @@ function Ax({
     variables: t
   } = e, {
     value: r
-  } = K(e.instanceData, "config"), i = L(() => Ie({}, r, ua), [r]), a = e.data, {
+  } = Z(e.instanceData, "config"), i = L(() => $e({}, r, ua), [r]), a = e.data, {
     width: o,
     height: l
   } = e.viewport, s = L(() => Mx(i, a, t), [i, a, t]);
@@ -11942,7 +11942,7 @@ const Ex = [{
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "levels"
   }), l = t("levels"), s = i.map((h, g) => ({
@@ -11960,7 +11960,7 @@ const Ex = [{
       padding: 0
     }
   }), d = t("levels.0.id"), [p, m] = U(() => d ?? null);
-  return j(() => {
+  return q(() => {
     d && m((h) => h !== null ? h : d);
   }, [d]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
@@ -11995,16 +11995,16 @@ function Px({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, ua), [t]), o = L(() => k.clone(a), [a]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, ua), [t]), o = L(() => k.clone(a), [a]), {
     control: l,
     handleSubmit: s,
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]);
   const m = d(), h = L(() => !k.isEqual(m, a), [m, a]);
@@ -12069,10 +12069,10 @@ function qx(e) {
     levels: t
   };
 }
-class Wx extends ze {
+class Wx extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 4);
+    j(this, "VERSION", 4);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -12170,7 +12170,7 @@ const ml = ["function text({ value }) {", "    // your code goes here", "    ret
 function fl(e) {
   const {
     value: t
-  } = K(e.instanceData, "config");
+  } = Z(e.instanceData, "config");
   return t ? t.columns.map((r, i) => ({
     label: r.label,
     value: i.toString()
@@ -12186,9 +12186,9 @@ function Ux(e) {
   const t = fl(e.instance), r = Qx(e.sampleData), i = t.length > 0 ? t : r, {
     value: a,
     set: o
-  } = K(e.trigger.triggerData, "config"), {
+  } = Z(e.trigger.triggerData, "config"), {
     column: l
-  } = Ie({}, a, Hx), s = (c) => {
+  } = $e({}, a, Hx), s = (c) => {
     isNaN(+c) ? o({
       column: c
     }) : o({
@@ -12203,7 +12203,7 @@ function Xx(e, t) {
 function Zx(e) {
   const t = fl(e.instance), {
     value: r
-  } = K(e.trigger.triggerData, "config");
+  } = Z(e.trigger.triggerData, "config");
   return /* @__PURE__ */ n(C, { children: Xx(r, t) });
 }
 const Kx = un((e) => ({
@@ -12429,7 +12429,7 @@ function hy({
     width: a
   } = e.viewport, {
     value: o = ha
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     use_raw_columns: l,
     columns: s,
     ...c
@@ -12448,13 +12448,13 @@ function hy({
     instance: t
   }), g = L(() => {
     const ue = ms();
-    return m.map((De) => ue.accessor(De.value_field, {
-      cell: (qe) => /* @__PURE__ */ n(dy, { tableCellContext: h(qe.cell), value: qe.getValue(), type: De.value_type, ...De }),
-      header: De.label,
+    return m.map((Le) => ue.accessor(Le.value_field, {
+      cell: (qe) => /* @__PURE__ */ n(dy, { tableCellContext: h(qe.cell), value: qe.getValue(), type: Le.value_type, ...Le }),
+      header: Le.label,
       enableSorting: !0,
-      meta: De,
-      size: De.width,
-      minSize: De.width
+      meta: Le,
+      size: Le.width,
+      minSize: Le.width
     }));
   }, [m, h]), [w, y] = U([]), T = gs({
     data: r,
@@ -12467,7 +12467,7 @@ function hy({
     getSortedRowModel: jd()
   }), {
     rows: R
-  } = T.getRowModel(), F = $.useRef(null), q = Gd({
+  } = T.getRowModel(), F = $.useRef(null), W = Gd({
     parentRef: F,
     size: R.length,
     estimateSize: He(() => 28, []),
@@ -12475,7 +12475,7 @@ function hy({
   }), {
     virtualItems: Q,
     totalSize: N
-  } = q, P = Q.length > 0 && ((pe = Q == null ? void 0 : Q[0]) == null ? void 0 : pe.start) || 0, V = Q.length > 0 ? N - (((ge = Q == null ? void 0 : Q[Q.length - 1]) == null ? void 0 : ge.end) || 0) : 0, Y = R.length, ne = Y > 0, te = ne ? i - 22 : i, de = ne ? 22 : 0;
+  } = W, P = Q.length > 0 && ((pe = Q == null ? void 0 : Q[0]) == null ? void 0 : pe.start) || 0, V = Q.length > 0 ? N - (((ge = Q == null ? void 0 : Q[Q.length - 1]) == null ? void 0 : ge.end) || 0) : 0, Y = R.length, ne = Y > 0, ee = ne ? i - 22 : i, de = ne ? 22 : 0;
   return !Array.isArray(r) || r.length === 0 ? /* @__PURE__ */ n(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: F, style: {
     height: i,
     width: a
@@ -12490,7 +12490,7 @@ function hy({
     ] }) }),
     /* @__PURE__ */ u(Ft, { sx: {
       ...Jx,
-      maxHeight: te
+      maxHeight: ee
     }, ...c, striped: o.striped, children: [
       /* @__PURE__ */ n("thead", { className: d.thead, style: {
         top: de
@@ -12503,7 +12503,7 @@ function hy({
         } }) }),
         Q.map((ue) => {
           const Ce = R[ue.index];
-          return /* @__PURE__ */ n("tr", { children: Ce.getVisibleCells().map((De) => /* @__PURE__ */ n("td", { children: tr(De.column.columnDef.cell, De.getContext()) }, De.id)) }, Ce.id);
+          return /* @__PURE__ */ n("tr", { children: Ce.getVisibleCells().map((Le) => /* @__PURE__ */ n("td", { children: tr(Le.column.columnDef.cell, Le.getContext()) }, Le.id)) }, Ce.id);
         }),
         V > 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { style: {
           height: `${V}px`
@@ -12547,9 +12547,9 @@ class my {
     /**
      * map toValue to fromValue
      */
-    W(this, "steps", /* @__PURE__ */ new Map());
-    W(this, "interpolation");
-    W(this, "onChange");
+    j(this, "steps", /* @__PURE__ */ new Map());
+    j(this, "interpolation");
+    j(this, "onChange");
     Bn(this, {
       steps: us
     }, {
@@ -12628,7 +12628,7 @@ const fy = D(({
   return /* @__PURE__ */ n("div", { className: t.palette, children: r.map(([i, a], o) => /* @__PURE__ */ n(gy, { index: o, color: i, value: e.getStepFromValue(a), onChange: (l) => e.changeStep(l, a) }, i)) });
 }), by = D(function(t) {
   const r = dt(() => new my(), []);
-  return j(() => {
+  return q(() => {
     r.fromProps(t);
   }), r.interpolation == null ? null : /* @__PURE__ */ n(fy, { model: r });
 }), xy = (e) => {
@@ -12738,7 +12738,7 @@ const Cy = ke((e, t) => {
   }, p = () => {
     s(ml);
   };
-  return j(() => {
+  return q(() => {
     s(e);
   }, [e]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ n(I, { variant: "filled", mt: 24, onClick: a, sx: {
@@ -12829,7 +12829,7 @@ const Cy = ke((e, t) => {
     append: a,
     remove: o,
     update: l
-  } = Ee({
+  } = Oe({
     control: e,
     name: "columns"
   }), s = () => {
@@ -12931,8 +12931,8 @@ function Ay({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, ha), [t]), o = L(() => My(a), [a]);
-  j(() => {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, ha), [t]), o = L(() => My(a), [a]);
+  q(() => {
     !we(a, o) && (console.log("config malformed, resetting to defaults", a, o), r(o));
   }, [a, o]);
   const {
@@ -12941,10 +12941,10 @@ function Ay({
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]);
   const m = d(), h = L(() => !we(m, a), [m, a]);
@@ -12992,10 +12992,10 @@ function Ry(e) {
     }))
   };
 }
-class Ey extends ze {
+class Ey extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 3);
+    j(this, "VERSION", 3);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -13050,9 +13050,9 @@ const Ur = {
 }, Oy = D(({
   context: e
 }) => {
-  const t = Z(), {
+  const t = te(), {
     value: r = ma
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: i
   } = e, a = e.data, {
     func_content: o,
@@ -13096,7 +13096,7 @@ const Ur = {
   }, p = () => {
     s(yl);
   };
-  return j(() => {
+  return q(() => {
     s(e);
   }, [e]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ n(I, { variant: "filled", mt: 24, onClick: a, sx: {
@@ -13129,7 +13129,7 @@ function By({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = L(() => _e({}, t, ma), [t]), a = L(() => {
+  } = Z(e.instanceData, "config"), i = L(() => _e({}, t, ma), [t]), a = L(() => {
     const {
       func_content: h,
       horizontal_align: g,
@@ -13143,7 +13143,7 @@ function By({
       font_weight: y
     };
   }, [i]);
-  j(() => {
+  q(() => {
     !we(i, a) && (console.log("config malformed, resetting to defaults", i, a), r(a));
   }, [i, a]);
   const {
@@ -13152,7 +13152,7 @@ function By({
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
   $.useEffect(() => {
@@ -13191,10 +13191,10 @@ function By({
     ] })
   ] }) });
 }
-class Ny extends ze {
+class Ny extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -13302,7 +13302,7 @@ function Hy({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), r = L(() => _e({}, t, ga), [t]), {
+  } = Z(e.instanceData, "config"), r = L(() => _e({}, t, ga), [t]), {
     width: i,
     height: a
   } = e.viewport, o = e.data ?? [], {
@@ -13328,16 +13328,16 @@ function Qy({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = L(() => _e({}, t, ga), [t]), {
+  } = Z(e.instanceData, "config"), i = L(() => _e({}, t, ga), [t]), {
     control: a,
     handleSubmit: o,
     watch: l,
     getValues: s,
     reset: c
-  } = $e({
+  } = ze({
     defaultValues: i
   });
-  j(() => {
+  q(() => {
     c(i);
   }, [i]), l(["expertSystemURL", "goal", "path", "question"]);
   const d = s(), p = L(() => !we(d, i), [d, i]);
@@ -13364,10 +13364,10 @@ function Qy({
     }, children: "Submit Changes" })
   ] }) });
 }
-class Uy extends ze {
+class Uy extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -13394,7 +13394,7 @@ function Zy(e, t, r) {
   if (!e)
     return r[0];
   try {
-    return [t, J(t).add(1, "year").subtract(1, "day").valueOf()];
+    return [t, K(t).add(1, "year").subtract(1, "day").valueOf()];
   } catch (i) {
     return console.error(i), r[0];
   }
@@ -13564,13 +13564,13 @@ const ov = {
   grid: {
     containLabel: !0
   }
-}, sv = (e) => J(e).get("year");
+}, sv = (e) => K(e).get("year");
 function lv(e, t) {
-  const r = e.calendar.data_key, i = k.groupBy(t, (c) => sv(c[r])), a = Object.keys(i), o = t.map((c) => J(c[r]).valueOf()), l = k.min(o), s = k.max(o);
+  const r = e.calendar.data_key, i = k.groupBy(t, (c) => sv(c[r])), a = Object.keys(i), o = t.map((c) => K(c[r]).valueOf()), l = k.min(o), s = k.max(o);
   return {
     minDate: l ?? 0,
     maxDate: s ?? 0,
-    dateSpan: J(s).diff(l, "day"),
+    dateSpan: K(s).diff(l, "day"),
     dataByYear: i,
     years: a
   };
@@ -13692,7 +13692,7 @@ function mv({
     instance: t
   }), {
     value: i
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: a
   } = e, o = L(() => k.defaults({}, i, fa), [i]), l = e.data, {
     width: s,
@@ -13764,7 +13764,7 @@ const fv = ({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "tooltip.metrics"
   }), l = t("tooltip.metrics"), s = i.map((h, g) => ({
@@ -13775,7 +13775,7 @@ const fv = ({
     data_key: "",
     name: ""
   }), d = t("tooltip.metrics.0.id"), [p, m] = U(() => d ?? null);
-  return j(() => {
+  return q(() => {
     d && m((h) => h !== null ? h : d);
   }, [d]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
@@ -13842,8 +13842,8 @@ function wv({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, fa), [t]), o = L(() => k.cloneDeep(a), [a]);
-  j(() => {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => _e({}, t, fa), [t]), o = L(() => k.cloneDeep(a), [a]);
+  q(() => {
     !we(a, o) && (console.log("config malformed, resetting to defaults", a, o), r(o));
   }, [a, o]);
   const {
@@ -13852,10 +13852,10 @@ function wv({
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]);
   const m = d(), h = L(() => !we(m, a), [m, a]);
@@ -13888,10 +13888,10 @@ function wv({
     ] })
   ] }) });
 }
-class _v extends ze {
+class _v extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -14072,13 +14072,13 @@ function Mv({
       value_data_key: t,
       valueTypedXAxis: w
     }), F;
-  const q = zv({
+  const W = zv({
     group_by_key: o,
     data: y,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(q).map(([Q, N]) => {
+  return Object.entries(W).map(([Q, N]) => {
     const P = Pe(F);
     return P.name = Q, P.color = void 0, P.data = N, P;
   });
@@ -14358,9 +14358,9 @@ function Gv({
     instance: t
   }), {
     value: i
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => Ie({}, i, xa), [i]), l = e.data, {
+  } = e, o = L(() => $e({}, i, xa), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -14464,7 +14464,7 @@ function Uv({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "reference_lines"
   }), l = t("reference_lines"), s = i.map((g, w) => ({
@@ -14500,7 +14500,7 @@ function Uv({
 }
 function Xv(e) {
   const [t, r] = U(e);
-  return j(() => {
+  return q(() => {
     r(e);
   }, [e]), {
     tab: t,
@@ -14668,7 +14668,7 @@ function t0({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "series"
   }), l = t("series"), s = i.map((w, y) => ({
@@ -14762,7 +14762,7 @@ function i0({
     fields: r,
     append: i,
     remove: a
-  } = Ee({
+  } = Oe({
     control: e,
     name: "x_axes"
   }), o = t("x_axes"), l = r.map((d, p) => ({
@@ -14821,7 +14821,7 @@ function o0({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), {
+  } = Z(e.instanceData, "config"), {
     variables: i
   } = e, a = e.data, o = L(() => k.defaultsDeep({}, t, xa), [t]), {
     control: l,
@@ -14829,10 +14829,10 @@ function o0({
     watch: c,
     getValues: d,
     reset: p
-  } = $e({
+  } = ze({
     defaultValues: o
   });
-  j(() => {
+  q(() => {
     p(o);
   }, [o]), c([]);
   const m = d(), h = L(() => !k.isEqual(m, o), [m, o]);
@@ -14867,10 +14867,10 @@ function o0({
     ] })
   ] }) });
 }
-class s0 extends ze {
+class s0 extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -15559,7 +15559,7 @@ function M0({
 }) {
   const {
     value: t
-  } = K(e.instanceData, "config"), r = L(() => Ie({}, t, ya), [t]), i = e.data, {
+  } = Z(e.instanceData, "config"), r = L(() => $e({}, t, ya), [t]), i = e.data, {
     width: a,
     height: o
   } = e.viewport, {
@@ -15569,7 +15569,7 @@ function M0({
     estimated_value: c,
     actual_value: d
   } = s.data_keys, [p, m] = U(d);
-  if (j(() => {
+  if (q(() => {
     m((w) => w || d);
   }, [d]), !l.data_key || !c || !d)
     return null;
@@ -15677,7 +15677,7 @@ const E0 = ({
     fields: i,
     append: a,
     remove: o
-  } = Ee({
+  } = Oe({
     control: e,
     name: "metrics"
   }), l = t("metrics"), s = i.map((h, g) => ({
@@ -15688,7 +15688,7 @@ const E0 = ({
     data_key: "",
     name: ""
   }), d = t("metrics.0.id"), [p, m] = U(() => d ?? null);
-  return j(() => {
+  return q(() => {
     d && m((h) => h !== null ? h : d);
   }, [d]), /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
@@ -15723,16 +15723,16 @@ function V0({
   const {
     value: t,
     set: r
-  } = K(e.instanceData, "config"), i = e.data, a = L(() => k.defaultsDeep({}, t, ya), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => k.defaultsDeep({}, t, ya), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = $e({
+  } = ze({
     defaultValues: a
   });
-  j(() => {
+  q(() => {
     d(a);
   }, [a]), s([]);
   const p = c(), m = L(() => !k.isEqual(p, a), [p, a]);
@@ -15765,10 +15765,10 @@ function V0({
     ] })
   ] }) });
 }
-class F0 extends ze {
+class F0 extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -15842,7 +15842,7 @@ const P0 = {
     viz: [Ur, Cx, qy, nb, jx, sf, l0, Xu, Nh, Gm, yg, Cv, Zg, Cm, ux, Cf, Zf, Xy, P0, tp],
     color: [...B0, ...N0]
   }
-}), Tn = new ju(), Ae = {
+}), Tn = new ju(), Re = {
   pluginManager: St("pluginManager"),
   vizManager: St("vizManager"),
   colorManager: St("colorManager"),
@@ -15874,11 +15874,11 @@ function q0(e, t) {
   const {
     value: r,
     set: i
-  } = K(e.operation.operationData, "config"), [a, o] = U(Ie({}, r, t)), l = async () => {
+  } = Z(e.operation.operationData, "config"), [a, o] = U($e({}, r, t)), l = async () => {
     await i(a);
   };
-  return j(() => {
-    o(Ie({}, r, t));
+  return q(() => {
+    o($e({}, r, t));
   }, [r]), {
     config: a,
     setConfig: o,
@@ -15925,10 +15925,10 @@ async function j0(e, t) {
     }
   }));
 }
-class G0 extends ze {
+class G0 extends Me {
   constructor() {
     super(...arguments);
-    W(this, "VERSION", 1);
+    j(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (r) => r);
@@ -15952,7 +15952,7 @@ function H0(e) {
   const {
     value: t,
     set: r
-  } = K(e.operationData, "config"), i = (a) => void r({
+  } = Z(e.operationData, "config"), i = (a) => void r({
     template: a
   });
   return [(t == null ? void 0 : t.template) || "", i];
@@ -15971,10 +15971,10 @@ const X0 = {
   configRender: Q0,
   run: U0
 }, Z0 = D((e) => {
-  const t = Z(), {
+  const t = te(), {
     value: r,
     set: i
-  } = K(e.operation.operationData, "config");
+  } = Z(e.operation.operationData, "config");
   console.log({
     value: r,
     viewID: r == null ? void 0 : r.viewID
@@ -16000,10 +16000,10 @@ const J0 = {
 }, ew = {
   dictionary: {}
 }, tw = D((e) => {
-  const t = Z(), {
+  const t = te(), {
     value: r = ew,
     set: i
-  } = K(e.operation.operationData, "config"), {
+  } = Z(e.operation.operationData, "config"), {
     dictionary: a = {}
   } = r, o = (c, d) => {
     i({
@@ -16063,10 +16063,10 @@ const rw = {
 }, iw = {
   filter_keys: []
 }, aw = D((e) => {
-  const t = Z(), {
+  const t = te(), {
     value: r = iw,
     set: i
-  } = K(e.operation.operationData, "config"), {
+  } = Z(e.operation.operationData, "config"), {
     filter_keys: a = []
   } = r, o = (s) => {
     i({
@@ -16095,7 +16095,7 @@ const sw = {
 }, Dr = [X0, Y0, J0, rw, sw];
 class lw {
   constructor(t, r = Dr) {
-    W(this, "attachments");
+    j(this, "attachments");
     this.operations = r;
     const i = async (a) => {
       const {
@@ -16171,7 +16171,7 @@ class lw {
 const bo = "__TRIGGERS";
 class cw {
   constructor(t, r) {
-    W(this, "attachments");
+    j(this, "attachments");
     this.instance = t, this.component = r;
     const i = async (a) => {
       const {
@@ -16242,9 +16242,9 @@ class cw {
 }
 class wa {
   constructor(t, r, i) {
-    W(this, "operationManager");
-    W(this, "triggerManager");
-    W(this, "attachments");
+    j(this, "operationManager");
+    j(this, "triggerManager");
+    j(this, "attachments");
     this.operationManager = new lw(t, i), this.triggerManager = new cw(t, r);
     const a = async (o) => {
       const {
@@ -16333,10 +16333,10 @@ const wt = ({
 };
 class dw {
   constructor(t, r) {
-    W(this, "operationId");
-    W(this, "operation");
-    W(this, "operationSchema");
-    W(this, "variables", []);
+    j(this, "operationId");
+    j(this, "operation");
+    j(this, "operationSchema");
+    j(this, "variables", []);
     this.operationManager = t, this.instance = r, Bn(this);
   }
   get schemaList() {
@@ -16407,10 +16407,10 @@ const gw = D((e) => {
 });
 class fw {
   constructor(t, r) {
-    W(this, "triggerId");
-    W(this, "trigger");
-    W(this, "triggerSchema");
-    W(this, "sampleData");
+    j(this, "triggerId");
+    j(this, "trigger");
+    j(this, "triggerSchema");
+    j(this, "sampleData");
     this.triggerManager = t, this.instance = r, Bn(this);
   }
   get schemaList() {
@@ -16547,7 +16547,7 @@ const Sw = D(({
   } = We(), r = e.viz, {
     vizManager: i
   } = bt(vt), a = e.json, o = dt(() => i.getOrCreateInstance(a), [i, a]), l = dt(() => new wa(o, i.resolveComponent(r.type), Dr), [o, r.type]);
-  return j(() => o.instanceData.watchItem(
+  return q(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
     Uc((s) => {
@@ -16570,14 +16570,14 @@ const Sw = D(({
 var Sl = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(Sl || {}), Jn = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(Jn || {});
 class Lw {
   constructor(t) {
-    W(this, "vizInstance");
-    W(this, "operationManager");
-    W(this, "triggerManager");
-    W(this, "vizManager");
-    W(this, "runningMigration");
-    W(this, "panelModel");
-    W(this, "status", "notStarted");
-    this.panelModel = t.getRequired(Ae.instanceScope.panelModel), this.vizInstance = t.getRequired(Ae.instanceScope.vizInstance), this.operationManager = t.getRequired(Ae.instanceScope.operationManager), this.triggerManager = t.getRequired(Ae.instanceScope.triggerManager), this.vizManager = t.getRequired(Ae.vizManager);
+    j(this, "vizInstance");
+    j(this, "operationManager");
+    j(this, "triggerManager");
+    j(this, "vizManager");
+    j(this, "runningMigration");
+    j(this, "panelModel");
+    j(this, "status", "notStarted");
+    this.panelModel = t.getRequired(Re.instanceScope.panelModel), this.vizInstance = t.getRequired(Re.instanceScope.vizInstance), this.operationManager = t.getRequired(Re.instanceScope.operationManager), this.triggerManager = t.getRequired(Re.instanceScope.triggerManager), this.vizManager = t.getRequired(Re.vizManager);
   }
   async createMigrationTask() {
     const t = [];
@@ -16622,15 +16622,15 @@ function kl(e) {
     panel: t
   } = We();
   return He((r) => {
-    const i = r.getRequired(Ae.vizManager), a = i.resolveComponent(e.viz.type);
-    return r.createScoped().provideFactory(Ae.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Ae.instanceScope.interactionManager, (o) => {
-      const l = o.getRequired(Ae.instanceScope.vizInstance);
+    const i = r.getRequired(Re.vizManager), a = i.resolveComponent(e.viz.type);
+    return r.createScoped().provideFactory(Re.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Re.instanceScope.interactionManager, (o) => {
+      const l = o.getRequired(Re.instanceScope.vizInstance);
       return new wa(l, a, Dr);
-    }).provideFactory(Ae.instanceScope.operationManager, (o) => o.getRequired(Ae.instanceScope.interactionManager).operationManager).provideFactory(Ae.instanceScope.triggerManager, (o) => o.getRequired(Ae.instanceScope.interactionManager).triggerManager).provideValue(Ae.instanceScope.panelModel, t).provideFactory(Ae.instanceScope.migrator, (o) => new Lw(o));
+    }).provideFactory(Re.instanceScope.operationManager, (o) => o.getRequired(Re.instanceScope.interactionManager).operationManager).provideFactory(Re.instanceScope.triggerManager, (o) => o.getRequired(Re.instanceScope.interactionManager).triggerManager).provideValue(Re.instanceScope.panelModel, t).provideFactory(Re.instanceScope.migrator, (o) => new Lw(o));
   }, [e.viz.type, e.viz.conf]);
 }
 function Tl(e) {
-  const [t, r] = U(!1), i = vs().getRequired(Ae.instanceScope.migrator);
+  const [t, r] = U(!1), i = vs().getRequired(Re.instanceScope.migrator);
   return Vn(async () => {
     const a = i.status === Jn.notStarted;
     r(i.status === Jn.done), i.status === Jn.notStarted && i.runMigration().then((o) => {
@@ -16641,8 +16641,8 @@ function Tl(e) {
   }, [i]), t;
 }
 function Dl(e, t) {
-  const r = vs().getRequired(Ae.instanceScope.vizInstance);
-  return j(() => (r.instanceData.setItem(null, t.viz.conf), r.instanceData.watchItem(null, (i) => {
+  const r = vs().getRequired(Re.instanceScope.vizInstance);
+  return q(() => (r.instanceData.setItem(null, t.viz.conf), r.instanceData.watchItem(null, (i) => {
     e(i);
   })), [e, t.viz.type]), r;
 }
@@ -16761,7 +16761,7 @@ const _a = D(function({
   panel: t,
   view: r
 }) {
-  const i = Z(), {
+  const i = te(), {
     inEditMode: a
   } = bt(Jt), {
     data: o,
@@ -16816,7 +16816,7 @@ const Ow = $.forwardRef(({
   view: e,
   className: t = "layout"
 }) => {
-  const r = Z(), {
+  const r = te(), {
     panels: i,
     layouts: a
   } = r.panels.panelsByIDs(e.panelIDs), o = $.useCallback((s) => {
@@ -16843,7 +16843,7 @@ const Ow = $.forwardRef(({
   const {
     panels: i,
     layouts: a
-  } = Z().panels.panelsByIDs(t.panelIDs);
+  } = te().panels.panelsByIDs(t.panelIDs);
   return /* @__PURE__ */ n(Bw, { className: `dashboard-layout ${r}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: a, children: i.map((o) => /* @__PURE__ */ n("div", { "data-grid": {
     ...o.layout
   }, className: "panel-grid-item", children: /* @__PURE__ */ n(_a, { view: t, panel: o }) }, o.id)) });
@@ -16929,7 +16929,7 @@ const jw = D(({
   children: e,
   view: t
 }) => {
-  const r = Dt(), i = Z(), a = L(() => i.views.options.filter((c) => c.type === oe.Division), [t.id, i.views.options]), o = t.config, l = (c) => r.openConfirmModal({
+  const r = Dt(), i = te(), a = L(() => i.views.options.filter((c) => c.type === oe.Division), [t.id, i.views.options]), o = t.config, l = (c) => r.openConfirmModal({
     title: "Delete this tab?",
     labels: {
       confirm: "Confirm",
@@ -17039,7 +17039,7 @@ const jw = D(({
 function Jw(e, t, r) {
   const {
     panels: i
-  } = Z(), a = e.id === "Main", [o, l] = $.useState(() => a && i.findByID(t) ? t : null), s = $.useCallback((m) => {
+  } = te(), a = e.id === "Main", [o, l] = $.useState(() => a && i.findByID(t) ? t : null), s = $.useCallback((m) => {
     l(m), a && r(m);
   }, [a, r]), c = $.useCallback(() => {
     l(null), a && r("");
@@ -17057,7 +17057,7 @@ const e_ = D(({
   children: e,
   view: t
 }) => {
-  const r = Z(), i = t.config, a = r.views.visibleViewIDs.includes(t.id), o = () => r.views.rmVisibleViewID(t.id);
+  const r = te(), i = t.config, a = r.views.visibleViewIDs.includes(t.id), o = () => r.views.rmVisibleViewID(t.id);
   return /* @__PURE__ */ n(Te, { size: i.width, centered: !0, overflow: "inside", opened: a, onClose: o, withCloseButton: !1, title: i.custom_modal_title.value, trapFocus: !0, onDragStart: (l) => {
     l.stopPropagation();
   }, styles: {
@@ -17077,7 +17077,7 @@ const e_ = D(({
   children: e,
   view: t
 }) => {
-  const r = Z(), i = t.config;
+  const r = te(), i = t.config;
   return /* @__PURE__ */ u(O, { className: "render-view-tabs", children: [
     /* @__PURE__ */ u(b, { variant: i.variant, orientation: i.orientation, defaultValue: i.tabs.length > 0 ? i.tabs[0].id : "0", styles: {
       panel: {
@@ -17238,7 +17238,7 @@ f.model({
 function Ml(e, t) {
   return e.map((r) => {
     try {
-      return r ? J.tz(r, "UTC").format(t) : null;
+      return r ? K.tz(r, "UTC").format(t) : null;
     } catch {
       return console.log(`[date-range] failed parsing ${r}`), null;
     }
@@ -17282,14 +17282,14 @@ const l_ = f.model("FilterConfigModel_DateRange", {
       max_days: r
     } = e;
     if (!(!r || !t))
-      return J(t).startOf("day").add(r, "days").toDate();
+      return K(t).startOf("day").add(r, "days").toDate();
   },
   getMinDate(t) {
     const {
       max_days: r
     } = e;
     if (!(!r || !t))
-      return J(t).startOf("day").subtract(r, "days").toDate();
+      return K(t).startOf("day").subtract(r, "days").toDate();
   }
 })).actions((e) => ({
   setFilterValue(t) {
@@ -17326,7 +17326,7 @@ const l_ = f.model("FilterConfigModel_DateRange", {
   }) {
     return {
       ...t,
-      default_value: e.map((r) => r === null ? null : J.tz(r, "UTC").toISOString())
+      default_value: e.map((r) => r === null ? null : K.tz(r, "UTC").toISOString())
     };
   },
   postProcessor(e) {
@@ -17699,7 +17699,7 @@ function Pl(e, t) {
   if (t._name === "date-range")
     try {
       const [...r] = e;
-      return r.map((i) => i === null ? i : J.tz(i, "UTC").format(t.inputFormat) ?? i);
+      return r.map((i) => i === null ? i : K.tz(i, "UTC").format(t.inputFormat) ?? i);
     } catch (r) {
       return console.error(r), e;
     }
@@ -17850,7 +17850,7 @@ function Nl(e) {
 const xn = {
   CryptoJS: xs,
   d3Array: Wd,
-  dayjs: J,
+  dayjs: K,
   lodash: k,
   numbro: he,
   mathjs: Kn,
@@ -18298,7 +18298,7 @@ const V_ = f.model("QueryModel", {
     }
   })
 })).actions((e) => ({
-  fetchData: e.typedAsHTTP ? e.runHTTP : e.runSQL,
+  fetchData: () => e.typedAsHTTP ? e.runHTTP() : e.runSQL(),
   beforeDestroy() {
     var t;
     (t = e.controller) == null || t.abort();
@@ -18989,8 +18989,8 @@ const X_ = f.model("EditorModel", {
 }));
 class J_ {
   constructor(t) {
-    W(this, "origin");
-    W(this, "copy");
+    j(this, "origin");
+    j(this, "copy");
     this.origin = t, this.copy = Ud(t), Bn(this, {}, {
       autoBind: !0,
       deep: !1
@@ -19788,7 +19788,7 @@ const g1 = f.model({
   postProcessor(e) {
     delete e.origin;
     const t = bs(e.queries.current.map((r) => Po(r, ["id", "key", "type", "sql"])));
-    return Ie({}, {
+    return $e({}, {
       queries: {
         current: t
       }
@@ -19896,12 +19896,12 @@ function Hl({
   });
 }
 function Ql(e) {
-  return $.useCallback((t) => t.provideValue(Ae.pluginManager, e.pluginManager).provideValue(Ae.vizManager, e.vizManager).provideValue(Ae.colorManager, e.colorManager), []);
+  return $.useCallback((t) => t.provideValue(Re.pluginManager, e.pluginManager).provideValue(Re.vizManager, e.vizManager).provideValue(Re.colorManager, e.colorManager), []);
 }
 const x1 = D(({
   headerMenuItems: e = null
 }) => {
-  const t = Oe(), r = Z(), i = () => {
+  const t = De(), r = te(), i = () => {
     const a = JSON.stringify(r.json, null, 2), o = `${t.name}__${r.name}`;
     w_(o, a);
   };
@@ -19916,7 +19916,7 @@ const x1 = D(({
 }), y1 = D(({
   saveDashboardChanges: e
 }) => {
-  const t = Dt(), r = Z(), i = () => {
+  const t = Dt(), r = te(), i = () => {
     t.openConfirmModal({
       title: /* @__PURE__ */ u(v, { position: "left", children: [
         /* @__PURE__ */ n(Wo, { size: 18, color: "red" }),
@@ -19958,7 +19958,7 @@ const x1 = D(({
   headerSlot: t = null,
   headerMenuItems: r
 }) => {
-  const i = Jd(), a = Oe(), o = () => {
+  const i = Jd(), a = De(), o = () => {
     i(`/dashboard/${a.id}`);
   }, l = Dt(), s = () => {
     l.openConfirmModal({
@@ -20011,7 +20011,7 @@ const x1 = D(({
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
 }, _1 = D(() => {
-  const e = Z();
+  const e = te();
   return /* @__PURE__ */ n(O, { sx: w1, pl: {
     base: 200,
     xs: 200,
@@ -20369,7 +20369,7 @@ const W1 = Ic(({
 const j1 = {
   interaction: W1
 }, G1 = D(() => {
-  const e = Z(), {
+  const e = te(), {
     edges: t,
     nodes: r
   } = N1(e);
@@ -20456,7 +20456,7 @@ function Q1({
     }), children: /* @__PURE__ */ n(v, { sx: {
       width: "calc(100% - 28px)"
     }, onClick: e, children: /* @__PURE__ */ n(C, { size: "sm", children: t }) }) }),
-    r && /* @__PURE__ */ n(Re, { label: "Edit", position: "right", withinPortal: !0, children: /* @__PURE__ */ n(H, { onClick: i, variant: "light", color: "blue", sx: {
+    r && /* @__PURE__ */ n(Ee, { label: "Edit", position: "right", withinPortal: !0, children: /* @__PURE__ */ n(H, { onClick: i, variant: "light", color: "blue", sx: {
       position: "absolute",
       top: 0,
       bottom: 0,
@@ -20468,7 +20468,7 @@ function Q1({
   ] });
 }
 const U1 = D(() => {
-  const e = Oe(), t = Z(), r = He((a) => () => t.views.setIDOfVIE(a), [t]), i = (a) => {
+  const e = De(), t = te(), r = He((a) => () => t.views.setIDOfVIE(a), [t]), i = (a) => {
     e.editor.open(["_VIEWS_", a]);
   };
   return /* @__PURE__ */ u(O, { sx: {
@@ -20486,7 +20486,7 @@ const U1 = D(() => {
     }, children: "Add a View" })
   ] });
 }), X1 = D(() => {
-  const e = Oe(), t = Z(), r = () => {
+  const e = De(), t = te(), r = () => {
     if (!t.queries.firstID) {
       e.editor.open(["_QUERIES_", ""]);
       return;
@@ -20516,13 +20516,13 @@ const U1 = D(() => {
           borderColor: "#e9ecef"
         }
       }, children: [
-        /* @__PURE__ */ n(Re, { label: "Filters", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
+        /* @__PURE__ */ n(Ee, { label: "Filters", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: i, children: /* @__PURE__ */ n(Bo, { size: 20 }) }) }),
-        /* @__PURE__ */ n(Re, { label: "Queries", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
+        /* @__PURE__ */ n(Ee, { label: "Queries", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: r, children: /* @__PURE__ */ n(cr, { size: 20 }) }) }),
-        /* @__PURE__ */ n(Re, { label: "Interactions Viewer", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
+        /* @__PURE__ */ n(Ee, { label: "Interactions Viewer", withinPortal: !0, children: /* @__PURE__ */ n(H, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: l, children: /* @__PURE__ */ n(md, { size: 20 }) }) })
       ] }),
@@ -20600,7 +20600,7 @@ const U1 = D(() => {
   value: e,
   onChange: t
 }) => {
-  const r = Z(), i = $.useMemo(() => r.queries.options, [r.queries.current]), a = i.length === 0;
+  const r = te(), i = $.useMemo(() => r.queries.options, [r.queries.current]), a = i.length === 0;
   return /* @__PURE__ */ n(E, { label: "Pick a query", data: i, value: e, onChange: t, allowDeselect: !1, clearable: !0, sx: {
     flexGrow: 1
   }, disabled: a, error: a ? "You need to add a query in Data Settings" : void 0 });
@@ -20818,7 +20818,7 @@ const U1 = D(() => {
 }], dC = D(function({
   filter: t
 }) {
-  const r = Z(), i = $.useMemo(() => lC[t.type], [t.type]);
+  const r = te(), i = $.useMemo(() => lC[t.type], [t.type]);
   return /* @__PURE__ */ u(v, { grow: !0, spacing: 20, align: "top", children: [
     /* @__PURE__ */ u(O, { sx: {
       maxWidth: "600px"
@@ -20857,7 +20857,7 @@ const U1 = D(() => {
 }), uC = D(({
   id: e
 }) => {
-  const t = Dt(), r = Oe(), i = Z();
+  const t = Dt(), r = De(), i = te();
   if (e === "")
     return null;
   const a = i.filters.findByID(e);
@@ -20885,6 +20885,9 @@ const U1 = D(() => {
         onConfirm: () => {
           i.filters.removeByID(e), o();
         },
+        confirmProps: {
+          color: "red"
+        },
         zIndex: 320
       });
     }, children: "Delete this filter" }) }),
@@ -20895,7 +20898,7 @@ const U1 = D(() => {
     }, children: /* @__PURE__ */ n(dC, { filter: a }) })
   ] });
 }), hC = D(() => {
-  const e = Z(), [t, r] = U(() => JSON.stringify(e.mock_context.current, null, 4)), i = () => {
+  const e = te(), [t, r] = U(() => JSON.stringify(e.mock_context.current, null, 4)), i = () => {
     try {
       e.mock_context.replace(JSON.parse(t));
     } catch (o) {
@@ -20970,7 +20973,7 @@ const U1 = D(() => {
   } = e, [i, a] = hs(t), o = t !== i, l = $.useCallback(() => {
     o && r(i);
   }, [o, i]);
-  return j(() => {
+  return q(() => {
     a(t);
   }, [t]), /* @__PURE__ */ n(z, { value: i, onChange: a, label: /* @__PURE__ */ u(v, { children: [
     /* @__PURE__ */ n(C, { children: "Panel Title" }),
@@ -20996,7 +20999,7 @@ function fC() {
 const bC = ({
   queryID: e
 }) => {
-  const t = Z(), {
+  const t = te(), {
     state: r,
     error: i
   } = t.getDataStuffByID(e), a = $.useMemo(() => t.queries.findByID(e), [t, e]);
@@ -21067,7 +21070,7 @@ function ec({
 const tc = D(function({
   id: t
 }) {
-  const r = Z(), {
+  const r = te(), {
     data: i,
     state: a
   } = r.getDataStuffByID(t), o = a === "loading", l = () => {
@@ -21104,7 +21107,7 @@ const tc = D(function({
     ] })
   ] });
 }), yC = D(function() {
-  const t = Oe(), r = Z(), {
+  const t = De(), r = te(), {
     panel: {
       queryID: i,
       setQueryID: a
@@ -21130,7 +21133,7 @@ const tc = D(function({
             flexGrow: "1 !important"
           },
           maxDropdownHeight: 300,
-          rightSection: i && /* @__PURE__ */ n(Re, { label: "Open this query", children: /* @__PURE__ */ n(H, { variant: "subtle", color: "blue", onClick: o, children: /* @__PURE__ */ n(fd, { size: 16 }) }) })
+          rightSection: i && /* @__PURE__ */ n(Ee, { label: "Open this query", children: /* @__PURE__ */ n(H, { variant: "subtle", color: "blue", onClick: o, children: /* @__PURE__ */ n(fd, { size: 16 }) }) })
         }
       )
     ] }),
@@ -21139,7 +21142,7 @@ const tc = D(function({
 }), vC = D(({
   height: e
 }) => {
-  const t = Z(), {
+  const t = te(), {
     data: r,
     loading: i,
     error: a,
@@ -21207,8 +21210,8 @@ const tc = D(function({
 };
 class _C {
   constructor(t) {
-    W(this, "panel");
-    W(this, "selected");
+    j(this, "panel");
+    j(this, "selected");
     this.panel = t, Bn(this, {}, {
       deep: !1,
       autoBind: !0
@@ -21351,7 +21354,7 @@ const RC = D(({
   submit: t
 }) => {
   const [r, i] = hs(e);
-  j(() => {
+  q(() => {
     i(e);
   }, [e]);
   const a = AC();
@@ -21442,8 +21445,8 @@ const VC = D(() => {
   panel: e,
   sourceViewID: t
 }) => {
-  const r = Z(), [i, a] = U(t);
-  j(() => {
+  const r = te(), [i, a] = U(t);
+  q(() => {
     a(t);
   }, [t]);
   const [o, {
@@ -21503,12 +21506,12 @@ function BC(e) {
 const NC = D(({
   panel: e
 }) => {
-  const t = Dt(), r = Oe(), i = Z(), [a, o] = U("Data"), {
+  const t = Dt(), r = De(), i = te(), [a, o] = U("Data"), {
     data: l,
     state: s,
     error: c
   } = i.getDataStuffByID(e.queryID), d = i.queries.findByID(e.queryID), m = BC(e.viz.type) && s === "loading", h = m || c || !d || !!d.stateMessage, g = r.editor.path[1];
-  j(() => {
+  q(() => {
     o((T) => h && T === "Visualization" ? "Data" : T);
   }, [e.id, h]);
   const w = () => {
@@ -21550,8 +21553,8 @@ const NC = D(({
       /* @__PURE__ */ u(b.List, { children: [
         /* @__PURE__ */ n(b.Tab, { value: "Data", disabled: m, children: "Data" }),
         /* @__PURE__ */ n(b.Tab, { value: "Panel", children: "Panel" }),
-        /* @__PURE__ */ n(b.Tab, { value: "Variables", disabled: h, children: /* @__PURE__ */ n(Re, { label: "Requires data", disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n(C, { children: "Variables" }) }) }),
-        /* @__PURE__ */ n(b.Tab, { value: "Visualization", disabled: h, children: /* @__PURE__ */ n(Re, { label: "Requires data", disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n(C, { children: "Visualization" }) }) }),
+        /* @__PURE__ */ n(b.Tab, { value: "Variables", disabled: h, children: /* @__PURE__ */ n(Ee, { label: "Requires data", disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n(C, { children: "Variables" }) }) }),
+        /* @__PURE__ */ n(b.Tab, { value: "Visualization", disabled: h, children: /* @__PURE__ */ n(Ee, { label: "Requires data", disabled: !h, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n(C, { children: "Visualization" }) }) }),
         /* @__PURE__ */ n(b.Tab, { value: "Interactions", children: "Interactions" })
       ] }),
       /* @__PURE__ */ u(b.Panel, { value: "Data", children: [
@@ -21568,7 +21571,7 @@ const NC = D(({
   viewID: e,
   panelID: t
 }) => {
-  const r = Z();
+  const r = te();
   if (!r.views.findByID(e))
     return /* @__PURE__ */ u(C, { size: 14, children: [
       "View by ID[",
@@ -21593,14 +21596,14 @@ const NC = D(({
   /* @__PURE__ */ n(Ua, { width: t, height: r, radius: "xs" })
 ] }), Ln = ({
   value: e
-}) => e === null || e === "" ? null : /* @__PURE__ */ n(Re, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Fn, { size: 14 }) }) }), WC = ({
+}) => e === null || e === "" ? null : /* @__PURE__ */ n(Ee, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Fn, { size: 14 }) }) }), WC = ({
   column: e
 }) => {
   const {
     column_key: t,
     column_key_text: r
   } = e;
-  return t ? /* @__PURE__ */ n(Re, { label: r, disabled: !r, children: /* @__PURE__ */ n(In, { children: t }) }) : null;
+  return t ? /* @__PURE__ */ n(Ee, { label: r, disabled: !r, children: /* @__PURE__ */ n(In, { children: t }) }) : null;
 }, jC = D(({
   dataSource: e
 }) => {
@@ -21892,7 +21895,7 @@ const XC = D(({
   }
 }, rS = D(({
   dataSource: e
-}) => (j(() => {
+}) => (q(() => {
   e.loadTablesIfEmpty();
 }, [e]), e.tables.error ? /* @__PURE__ */ n(C, { color: "red", size: "md", align: "center", sx: {
   fontFamily: "monospace"
@@ -21937,7 +21940,7 @@ const XC = D(({
   triggerButtonProps: t = {}
 }) => {
   const [r, i] = U(!1);
-  return /* @__PURE__ */ u(G, { children: [
+  return e.type === "http" ? null : /* @__PURE__ */ u(G, { children: [
     /* @__PURE__ */ n(Te, { opened: r, onClose: () => i(!1), title: /* @__PURE__ */ u(v, { position: "apart", sx: {
       flexGrow: 1
     }, children: [
@@ -21972,7 +21975,7 @@ const XC = D(({
   value: e,
   onChange: t
 }) => {
-  const r = Oe(), {
+  const r = De(), {
     data: i = [],
     loading: a
   } = On(Da, {
@@ -22003,6 +22006,8 @@ const XC = D(({
     },
     rightSection: {
       pointerEvents: "none",
+      justifyContent: "flex-end",
+      paddingRight: "10px",
       ".mantine-Text-root": {
         userSelect: "none"
       }
@@ -22011,7 +22016,7 @@ const XC = D(({
 }), sS = (e) => {
   const {
     queryModel: t
-  } = e, r = Oe(), i = Z(), o = i.findQueryUsage(t.id).length > 0, l = Dt(), s = () => {
+  } = e, r = De(), i = te(), o = i.findQueryUsage(t.id).length > 0, l = Dt(), s = () => {
     l.openConfirmModal({
       title: "Delete this query?",
       labels: {
@@ -22022,10 +22027,13 @@ const XC = D(({
       onConfirm: () => {
         i.queries.removeQuery(t.id), r.editor.setPath(["_QUERIES_", ""]);
       },
+      confirmProps: {
+        color: "red"
+      },
       zIndex: 320
     });
   };
-  return o ? /* @__PURE__ */ n(Re, { label: "Can't delete this query for it's being used, check out Usage tab for details", withArrow: !0, events: {
+  return o ? /* @__PURE__ */ n(Ee, { label: "Can't delete this query for it's being used, check out Usage tab for details", withArrow: !0, events: {
     hover: !0,
     focus: !1,
     touch: !1
@@ -22072,7 +22080,10 @@ function dS() {
         border: "none"
       },
       content: {
-        padding: 0
+        padding: 0,
+        table: {
+          marginBottom: 0
+        }
       }
     } }) }),
     /* @__PURE__ */ n(I, { variant: "light", color: "violet", size: "xs", onClick: t, leftIcon: /* @__PURE__ */ n(Fn, { size: 16 }), children: "About parameter 'utils'" })
@@ -22108,7 +22119,7 @@ const uS = ({
   }, d = () => {
     l(i);
   };
-  j(() => {
+  q(() => {
     l(e);
   }, [e]);
   const p = o !== e;
@@ -22145,7 +22156,7 @@ WHERE
   showSQLSnippets: t = !0,
   sx: r = {}
 }) {
-  const i = Oe(), a = Z(), o = i.context.current, l = (() => {
+  const i = De(), a = te(), o = i.context.current, l = (() => {
     const s = {
       context: {
         ...a.mock_context.current,
@@ -22185,7 +22196,7 @@ WHERE
     }, children: "See Global Variables" })
   ] });
 }), So = {
-  pre: ["function build_request({ context, filters }, utils) {", "    // build the quest", "    return { method, url, params, headers, data }", "}"].join(`
+  pre: ["function build_request({ context, filters }, utils) {", "    // build the quest", "    return { method: 'POST', url: '/', params: {}, headers: {}, data: {} }", "}"].join(`
 `),
   post: ["function process_result(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
@@ -22207,7 +22218,7 @@ WHERE
   queryID: e,
   usage: t
 }) => {
-  const r = Oe().editor, i = (o) => {
+  const r = De().editor, i = (o) => {
     if (o.type === "filter") {
       r.setPath(["_FILTERS_", o.id]);
       return;
@@ -22277,7 +22288,7 @@ WHERE
 } }), fS = D(({
   value: e
 }) => {
-  const r = Z().payloadForSQL, i = $.useMemo(() => {
+  const r = te().payloadForSQL, i = $.useMemo(() => {
     const {
       context: a,
       mock_context: o,
@@ -22338,18 +22349,22 @@ WHERE
 }, xS = D(({
   queryModel: e
 }) => {
-  const t = Z(), r = L(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), i = t.findQueryUsage(e.id), a = i.length === 0;
+  const t = te(), r = L(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [i, a] = U(r);
+  q(() => {
+    a((s) => s !== "Configurations" && r === "Configurations" ? "Configurations" : s);
+  }, [r]);
+  const o = t.findQueryUsage(e.id), l = o.length === 0;
   return /* @__PURE__ */ n(S, { sx: {
     flexGrow: 1
-  }, my: 0, p: 0, children: /* @__PURE__ */ u(b, { defaultValue: r, orientation: "horizontal", keepMounted: !1, sx: {
+  }, my: 0, p: 0, children: /* @__PURE__ */ u(b, { value: i, onTabChange: a, defaultValue: r, orientation: "horizontal", keepMounted: !1, sx: {
     flexGrow: 1
   }, children: [
     /* @__PURE__ */ u(b.List, { grow: !0, children: [
       /* @__PURE__ */ n(b.Tab, { value: "Configurations", children: "Configurations" }),
       e.typedAsSQL && /* @__PURE__ */ n(b.Tab, { value: "SQL", children: "Request" }),
       e.typedAsHTTP && /* @__PURE__ */ n(b.Tab, { value: "HTTP", children: "Request" }),
-      /* @__PURE__ */ n(b.Tab, { value: "Data", disabled: !e.datasource, children: /* @__PURE__ */ n(Re, { label: "Need to pick a Data Source first", disabled: e.datasource, withinPortal: !0, children: /* @__PURE__ */ n(C, { children: "Data" }) }) }),
-      /* @__PURE__ */ n(b.Tab, { value: "Usage", disabled: a, children: /* @__PURE__ */ n(Re, { label: "This query is not used for any filter or panel", disabled: !a, withinPortal: !0, children: /* @__PURE__ */ n(C, { children: "Usage" }) }) })
+      /* @__PURE__ */ n(b.Tab, { value: "Data", disabled: !e.datasource, children: /* @__PURE__ */ n(Ee, { label: "Need to pick a Data Source first", disabled: e.datasource, withinPortal: !0, children: /* @__PURE__ */ n(C, { children: "Data" }) }) }),
+      /* @__PURE__ */ n(b.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ n(Ee, { label: "This query is not used for any filter or panel", disabled: !l, withinPortal: !0, children: /* @__PURE__ */ n(C, { children: "Usage" }) }) })
     ] }),
     /* @__PURE__ */ n(b.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ n(cS, { queryModel: e }) }),
     e.typedAsSQL && /* @__PURE__ */ n(b.Panel, { value: "SQL", sx: Xn, children: /* @__PURE__ */ n(S, { sx: {
@@ -22365,19 +22380,19 @@ WHERE
     /* @__PURE__ */ n(b.Panel, { value: "Usage", sx: {
       ...Xn,
       overflow: "hidden"
-    }, children: /* @__PURE__ */ n(mS, { queryID: e.id, usage: i }) })
+    }, children: /* @__PURE__ */ n(mS, { queryID: e.id, usage: o }) })
   ] }) });
 }), yS = D(({
   id: e
 }) => {
-  const r = Z().queries.findByID(e);
+  const r = te().queries.findByID(e);
   return e === "" ? null : r ? /* @__PURE__ */ n(S, { sx: {
     height: "100%"
   }, spacing: "sm", children: /* @__PURE__ */ n(xS, { queryModel: r }) }) : /* @__PURE__ */ n(C, { size: 14, color: "red", children: "Invalid Query ID" });
 }), vS = D(({
   value: e
 }) => {
-  const t = Z(), {
+  const t = te(), {
     context: r,
     mock_context: i,
     filterValues: a
@@ -22393,7 +22408,7 @@ WHERE
   }, c = o !== e.key, d = e.isADuplicatedKey(o), [p, m] = U(e.value), h = () => {
     e.setValue(p);
   };
-  j(() => {
+  q(() => {
     l(e.key), m(e.value);
   }, [e]);
   const g = p !== e.value, w = Dt();
@@ -22428,6 +22443,9 @@ WHERE
           },
           onCancel: () => console.log("Cancel"),
           onConfirm: t,
+          confirmProps: {
+            color: "red"
+          },
           zIndex: 320
         });
       }, children: "Delete this SQL Snippet" })
@@ -22458,7 +22476,7 @@ WHERE
 }), _S = D(({
   id: e
 }) => {
-  const t = Oe(), r = Z(), i = L(() => r.sqlSnippets.findByKey(e), [e]);
+  const t = De(), r = te(), i = L(() => r.sqlSnippets.findByKey(e), [e]);
   if (!e)
     return null;
   if (!i)
@@ -22618,7 +22636,7 @@ WHERE
 ] }) : null), AS = D(({
   id: e
 }) => {
-  const t = Dt(), r = Oe(), i = Z();
+  const t = Dt(), r = De(), i = te();
   if (e === "")
     return null;
   const a = i.views.findByID(e);
@@ -22680,22 +22698,22 @@ function BS(e) {
 const NS = D(() => /* @__PURE__ */ n(S, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ n(ac, {}) })), qS = D(() => {
-  const e = Oe().editor, t = e.path;
+  const e = De().editor, t = e.path;
   return RS(t) ? /* @__PURE__ */ n(NS, {}) : ES(t) ? /* @__PURE__ */ n(hC, {}) : OS(t) ? /* @__PURE__ */ n(O, { p: "xs", pl: 20, children: /* @__PURE__ */ n(uC, { id: t[1] }) }) : VS(t) ? /* @__PURE__ */ n(_S, { id: t[1] }) : FS(t) ? /* @__PURE__ */ n(yS, { id: t[1] }) : PS(t) ? /* @__PURE__ */ n(O, { p: "xs", pl: 20, children: /* @__PURE__ */ n(AS, { id: t[1] }) }) : BS(t) ? /* @__PURE__ */ n(qC, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ n(O, { children: e.path });
 }), WS = D(() => /* @__PURE__ */ n(qS, {})), jS = D(() => {
-  const e = Z();
+  const e = De();
   return /* @__PURE__ */ n(I, { variant: "subtle", leftIcon: /* @__PURE__ */ n(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const r = (/* @__PURE__ */ new Date()).getTime().toString(), i = {
       id: r,
       key: r,
       label: r,
-      order: e.filters.current.length + 1,
+      order: e.content.filters.current.length + 1,
       type: Il.TextInput,
       config: Fl(),
       visibleInViewsIDs: ["Main"],
       auto_submit: !1
     };
-    e.filters.append(i);
+    e.content.filters.append(i), e.editor.setPath(["_FILTERS_", r]);
   }, sx: {
     width: "100%",
     borderRadius: 0
@@ -22707,7 +22725,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
 }), GS = D(({
   parentID: e
 }) => {
-  const t = Z();
+  const t = te();
   if (!e)
     return null;
   const r = t.views.findByID(e);
@@ -22720,7 +22738,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
     }
   }, children: "Add a Panel" }) : null;
 }), YS = D(() => {
-  const e = Z();
+  const e = De();
   return /* @__PURE__ */ n(I, { variant: "subtle", leftIcon: /* @__PURE__ */ n(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const r = (/* @__PURE__ */ new Date()).getTime().toString(), i = {
       id: r,
@@ -22729,7 +22747,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
       key: "",
       sql: ""
     };
-    e.queries.append(i);
+    e.content.queries.append(i), e.editor.setPath(["_QUERIES_", r]);
   }, sx: {
     width: "100%",
     borderRadius: 0
@@ -22739,13 +22757,13 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
     }
   }, children: "Add a Query" });
 }), HS = D(() => {
-  const e = Z();
+  const e = De();
   return /* @__PURE__ */ n(I, { variant: "subtle", leftIcon: /* @__PURE__ */ n(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
-    const i = {
-      key: (/* @__PURE__ */ new Date()).getTime().toString(),
+    const r = (/* @__PURE__ */ new Date()).getTime().toString(), i = {
+      key: r,
       value: ""
     };
-    e.sqlSnippets.append(i);
+    e.content.sqlSnippets.append(i), e.editor.setPath(["_SQL_SNIPPETS_", r]);
   }, sx: {
     width: "100%",
     borderRadius: 0
@@ -22755,7 +22773,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
     }
   }, children: "Add a SQL Snippet" });
 }), QS = D(() => {
-  const e = Z();
+  const e = te();
   return /* @__PURE__ */ n(I, { variant: "subtle", leftIcon: /* @__PURE__ */ n(Pt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
     width: "100%",
     borderRadius: 0
@@ -22767,21 +22785,21 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
 }), US = D(({
   action_type: e,
   parentID: t
-}) => (Z(), e === "_Add_A_Filter_" ? /* @__PURE__ */ n(jS, {}) : e === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ n(HS, {}) : e === "_Add_A_QUERY_" ? /* @__PURE__ */ n(YS, {}) : e === "_Add_A_VIEW_" ? /* @__PURE__ */ n(QS, {}) : e === "_Add_A_PANEL_" ? /* @__PURE__ */ n(GS, { parentID: t }) : null)), oc = D(({
+}) => (te(), e === "_Add_A_Filter_" ? /* @__PURE__ */ n(jS, {}) : e === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ n(HS, {}) : e === "_Add_A_QUERY_" ? /* @__PURE__ */ n(YS, {}) : e === "_Add_A_VIEW_" ? /* @__PURE__ */ n(QS, {}) : e === "_Add_A_PANEL_" ? /* @__PURE__ */ n(GS, { parentID: t }) : null)), oc = D(({
   option: e
 }) => {
   var d;
-  const t = Oe().editor, r = t.isOptionActive, i = r(t.path, e), a = t.isOptionOpened, o = t.navigate, l = a(e), [s, c] = U(l);
-  return j(() => {
+  const t = De().editor, r = t.isOptionActive, i = r(t.path, e), a = t.isOptionOpened, o = t.navigate, l = a(e), [s, c] = U(l);
+  return q(() => {
     c(l);
   }, [l]), /* @__PURE__ */ n(Gr, { active: i, defaultOpened: l, opened: s, onChange: c, label: e.label, onClick: () => o(e), icon: e.Icon ? /* @__PURE__ */ n(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ n(US, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ n(oc, { option: p }, p.value)) }, e.label);
 }), XS = D(() => {
-  const e = Oe();
+  const e = De();
   return /* @__PURE__ */ n(O, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ n(oc, { option: t }, t.value)) });
 }), ZS = D(() => {
-  const e = Oe();
+  const e = De();
   return /* @__PURE__ */ u(kt, { p: 0, width: {
     base: 200,
     xs: 200,
@@ -22827,7 +22845,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
     height: "100vh"
   }
 }, JS = D(() => {
-  const e = Oe().editor;
+  const e = De().editor;
   return /* @__PURE__ */ n(Te, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionDuration: 0, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
     modal: {
       padding: "0 !important"
@@ -22835,7 +22853,7 @@ const NS = D(() => /* @__PURE__ */ n(S, { sx: {
   }, children: /* @__PURE__ */ n(zo, { padding: 0, navbar: /* @__PURE__ */ n(ZS, {}), styles: KS, children: /* @__PURE__ */ n(WS, {}) }) });
 }), ek = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function tk(e) {
-  j(() => {
+  q(() => {
     if (Pr.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
@@ -23144,9 +23162,9 @@ var ii = {}, mk = {
     }, h = function(y, T) {
       var R, F = s.meridiem;
       if (F) {
-        for (var q = 1; q <= 24; q += 1)
-          if (y.indexOf(F(q, 0, T)) > -1) {
-            R = q > 12;
+        for (var W = 1; W <= 24; W += 1)
+          if (y.indexOf(F(W, 0, T)) > -1) {
+            R = W > 12;
             break;
           }
       } else
@@ -23185,23 +23203,23 @@ var ii = {}, mk = {
     function w(y) {
       var T, R;
       T = y, R = s && s.formats;
-      for (var F = (y = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(ne, te, de) {
+      for (var F = (y = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(ne, ee, de) {
         var pe = de && de.toUpperCase();
-        return te || R[de] || r[de] || R[pe].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ge, ue, Ce) {
+        return ee || R[de] || r[de] || R[pe].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ge, ue, Ce) {
           return ue || Ce.slice(1);
         });
-      })).match(i), q = F.length, Q = 0; Q < q; Q += 1) {
+      })).match(i), W = F.length, Q = 0; Q < W; Q += 1) {
         var N = F[Q], P = g[N], V = P && P[0], Y = P && P[1];
         F[Q] = Y ? { regex: V, parser: Y } : N.replace(/^\[|\]$/g, "");
       }
       return function(ne) {
-        for (var te = {}, de = 0, pe = 0; de < q; de += 1) {
+        for (var ee = {}, de = 0, pe = 0; de < W; de += 1) {
           var ge = F[de];
           if (typeof ge == "string")
             pe += ge.length;
           else {
-            var ue = ge.regex, Ce = ge.parser, De = ne.slice(pe), qe = ue.exec(De)[0];
-            Ce.call(te, qe), ne = ne.replace(qe, "");
+            var ue = ge.regex, Ce = ge.parser, Le = ne.slice(pe), qe = ue.exec(Le)[0];
+            Ce.call(ee, qe), ne = ne.replace(qe, "");
           }
         }
         return function(pt) {
@@ -23210,23 +23228,23 @@ var ii = {}, mk = {
             var _t = pt.hours;
             Ze ? _t < 12 && (pt.hours += 12) : _t === 12 && (pt.hours = 0), delete pt.afternoon;
           }
-        }(te), te;
+        }(ee), ee;
       };
     }
     return function(y, T, R) {
       R.p.customParseFormat = !0, y && y.parseTwoDigitYear && (c = y.parseTwoDigitYear);
-      var F = T.prototype, q = F.parse;
+      var F = T.prototype, W = F.parse;
       F.parse = function(Q) {
         var N = Q.date, P = Q.utc, V = Q.args;
         this.$u = P;
         var Y = V[1];
         if (typeof Y == "string") {
-          var ne = V[2] === !0, te = V[3] === !0, de = ne || te, pe = V[2];
-          te && (pe = V[2]), s = this.$locale(), !ne && pe && (s = R.Ls[pe]), this.$d = function(De, qe, pt) {
+          var ne = V[2] === !0, ee = V[3] === !0, de = ne || ee, pe = V[2];
+          ee && (pe = V[2]), s = this.$locale(), !ne && pe && (s = R.Ls[pe]), this.$d = function(Le, qe, pt) {
             try {
               if (["x", "X"].indexOf(qe) > -1)
-                return new Date((qe === "X" ? 1e3 : 1) * De);
-              var Ze = w(qe)(De), _t = Ze.year, Wt = Ze.month, jn = Ze.day, Gn = Ze.hours, Ir = Ze.minutes, $r = Ze.seconds, yn = Ze.milliseconds, en = Ze.zone, $t = /* @__PURE__ */ new Date(), jt = jn || (_t || Wt ? 1 : $t.getDate()), zt = _t || $t.getFullYear(), tn = 0;
+                return new Date((qe === "X" ? 1e3 : 1) * Le);
+              var Ze = w(qe)(Le), _t = Ze.year, Wt = Ze.month, jn = Ze.day, Gn = Ze.hours, Ir = Ze.minutes, $r = Ze.seconds, yn = Ze.milliseconds, en = Ze.zone, $t = /* @__PURE__ */ new Date(), jt = jn || (_t || Wt ? 1 : $t.getDate()), zt = _t || $t.getFullYear(), tn = 0;
               _t && !Wt || (tn = Wt > 0 ? Wt - 1 : $t.getMonth());
               var nn = Gn || 0, vn = Ir || 0, wn = $r || 0, Mt = yn || 0;
               return en ? new Date(Date.UTC(zt, tn, jt, nn, vn, wn, Mt + 60 * en.offset * 1e3)) : pt ? new Date(Date.UTC(zt, tn, jt, nn, vn, wn, Mt)) : new Date(zt, tn, jt, nn, vn, wn, Mt);
@@ -23245,7 +23263,7 @@ var ii = {}, mk = {
             ue === ge && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
-          q.call(this, Q);
+          W.call(this, Q);
       };
     };
   });
@@ -23296,18 +23314,18 @@ var oi = {}, xk = {
       return T(N) ? Math.ceil(N) : Math.floor(N);
     }, F = function(N) {
       return Math.abs(N);
-    }, q = function(N, P) {
+    }, W = function(N, P) {
       return N ? T(N) ? { negative: !0, format: "" + F(N) + P } : { negative: !1, format: "" + N + P } : { negative: !1, format: "" };
     }, Q = function() {
       function N(V, Y, ne) {
-        var te = this;
+        var ee = this;
         if (this.$d = {}, this.$l = ne, V === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), Y)
           return w(V * h[y(Y)], this);
         if (typeof V == "number")
           return this.$ms = V, this.parseFromMilliseconds(), this;
         if (typeof V == "object")
           return Object.keys(V).forEach(function(ge) {
-            te.$d[y(ge)] = V[ge];
+            ee.$d[y(ge)] = V[ge];
           }), this.calMilliseconds(), this;
         if (typeof V == "string") {
           var de = V.match(m);
@@ -23330,18 +23348,18 @@ var oi = {}, xk = {
         var V = this.$ms;
         this.$d.years = R(V / d), V %= d, this.$d.months = R(V / p), V %= p, this.$d.days = R(V / s), V %= s, this.$d.hours = R(V / l), V %= l, this.$d.minutes = R(V / o), V %= o, this.$d.seconds = R(V / a), V %= a, this.$d.milliseconds = V;
       }, P.toISOString = function() {
-        var V = q(this.$d.years, "Y"), Y = q(this.$d.months, "M"), ne = +this.$d.days || 0;
+        var V = W(this.$d.years, "Y"), Y = W(this.$d.months, "M"), ne = +this.$d.days || 0;
         this.$d.weeks && (ne += 7 * this.$d.weeks);
-        var te = q(ne, "D"), de = q(this.$d.hours, "H"), pe = q(this.$d.minutes, "M"), ge = this.$d.seconds || 0;
+        var ee = W(ne, "D"), de = W(this.$d.hours, "H"), pe = W(this.$d.minutes, "M"), ge = this.$d.seconds || 0;
         this.$d.milliseconds && (ge += this.$d.milliseconds / 1e3);
-        var ue = q(ge, "S"), Ce = V.negative || Y.negative || te.negative || de.negative || pe.negative || ue.negative, De = de.format || pe.format || ue.format ? "T" : "", qe = (Ce ? "-" : "") + "P" + V.format + Y.format + te.format + De + de.format + pe.format + ue.format;
+        var ue = W(ge, "S"), Ce = V.negative || Y.negative || ee.negative || de.negative || pe.negative || ue.negative, Le = de.format || pe.format || ue.format ? "T" : "", qe = (Ce ? "-" : "") + "P" + V.format + Y.format + ee.format + Le + de.format + pe.format + ue.format;
         return qe === "P" || qe === "-P" ? "P0D" : qe;
       }, P.toJSON = function() {
         return this.toISOString();
       }, P.format = function(V) {
         var Y = V || "YYYY-MM-DDTHH:mm:ss", ne = { Y: this.$d.years, YY: i.s(this.$d.years, 2, "0"), YYYY: i.s(this.$d.years, 4, "0"), M: this.$d.months, MM: i.s(this.$d.months, 2, "0"), D: this.$d.days, DD: i.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: i.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: i.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: i.s(this.$d.seconds, 2, "0"), SSS: i.s(this.$d.milliseconds, 3, "0") };
-        return Y.replace(c, function(te, de) {
-          return de || String(ne[te]);
+        return Y.replace(c, function(ee, de) {
+          return de || String(ne[ee]);
         });
       }, P.as = function(V) {
         return this.$ms / h[y(V)];
@@ -23349,8 +23367,8 @@ var oi = {}, xk = {
         var Y = this.$ms, ne = y(V);
         return ne === "milliseconds" ? Y %= 1e3 : Y = ne === "weeks" ? R(Y / h[ne]) : this.$d[ne], Y === 0 ? 0 : Y;
       }, P.add = function(V, Y, ne) {
-        var te;
-        return te = Y ? V * h[y(Y)] : g(V) ? V.$ms : w(V, this).$ms, w(this.$ms + te * (ne ? -1 : 1), this);
+        var ee;
+        return ee = Y ? V * h[y(Y)] : g(V) ? V.$ms : w(V, this).$ms, w(this.$ms + ee * (ne ? -1 : 1), this);
       }, P.subtract = function(V, Y) {
         return this.add(V, Y, !0);
       }, P.locale = function(V) {
@@ -23395,15 +23413,15 @@ var oi = {}, xk = {
       }, N;
     }();
     return function(N, P, V) {
-      r = V, i = V().$utils(), V.duration = function(te, de) {
+      r = V, i = V().$utils(), V.duration = function(ee, de) {
         var pe = V.locale();
-        return w(te, { $l: pe }, de);
+        return w(ee, { $l: pe }, de);
       }, V.isDuration = g;
       var Y = P.prototype.add, ne = P.prototype.subtract;
-      P.prototype.add = function(te, de) {
-        return g(te) && (te = te.asMilliseconds()), Y.bind(this)(te, de);
-      }, P.prototype.subtract = function(te, de) {
-        return g(te) && (te = te.asMilliseconds()), ne.bind(this)(te, de);
+      P.prototype.add = function(ee, de) {
+        return g(ee) && (ee = ee.asMilliseconds()), Y.bind(this)(ee, de);
+      }, P.prototype.subtract = function(ee, de) {
+        return g(ee) && (ee = ee.asMilliseconds()), ne.bind(this)(ee, de);
       };
     };
   });
@@ -23646,14 +23664,14 @@ var bi = {}, Bk = {
       var o = i.prototype, l = function(m) {
         return m && (m.indexOf ? m : m.s);
       }, s = function(m, h, g, w, y) {
-        var T = m.name ? m : m.$locale(), R = l(T[h]), F = l(T[g]), q = R || F.map(function(N) {
+        var T = m.name ? m : m.$locale(), R = l(T[h]), F = l(T[g]), W = R || F.map(function(N) {
           return N.slice(0, w);
         });
         if (!y)
-          return q;
+          return W;
         var Q = T.weekStart;
-        return q.map(function(N, P) {
-          return q[(P + (Q || 0)) % 7];
+        return W.map(function(N, P) {
+          return W[(P + (Q || 0)) % 7];
         });
       }, c = function() {
         return a.Ls[a.locale()];
@@ -23735,8 +23753,8 @@ var xi = {}, qk = {
         var d = this.$locale().formats, p = function(m, h) {
           return m.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(g, w, y) {
             var T = y && y.toUpperCase();
-            return w || h[y] || r[y] || h[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(R, F, q) {
-              return F || q.slice(1);
+            return w || h[y] || r[y] || h[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(R, F, W) {
+              return F || W.slice(1);
             });
           });
         }(c, d === void 0 ? {} : d);
@@ -23799,11 +23817,11 @@ var vi = {}, Yk = {
             return /* @__PURE__ */ new Date();
           var T = w ? a.utc() : a();
           Object.keys(g).forEach(function(Y) {
-            var ne, te;
-            y[ne = Y, te = o.$utils().p(ne), te === "date" ? "day" : te] = g[Y];
+            var ne, ee;
+            y[ne = Y, ee = o.$utils().p(ne), ee === "date" ? "day" : ee] = g[Y];
           });
-          var R = y.day || (y.year || y.month >= 0 ? 1 : T.date()), F = y.year || T.year(), q = y.month >= 0 ? y.month : y.year || y.day ? 0 : T.month(), Q = y.hour || 0, N = y.minute || 0, P = y.second || 0, V = y.millisecond || 0;
-          return w ? new Date(Date.UTC(F, q, R, Q, N, P, V)) : new Date(F, q, R, Q, N, P, V);
+          var R = y.day || (y.year || y.month >= 0 ? 1 : T.date()), F = y.year || T.year(), W = y.month >= 0 ? y.month : y.year || y.day ? 0 : T.month(), Q = y.hour || 0, N = y.minute || 0, P = y.second || 0, V = y.millisecond || 0;
+          return w ? new Date(Date.UTC(F, W, R, Q, N, P, V)) : new Date(F, W, R, Q, N, P, V);
         }
         return g;
       }, s = o.parse;
@@ -23944,7 +23962,7 @@ var Si = {}, eT = {
         return o.fromToBase(d, p, m, h);
       }
       a.en.relativeTime = l, o.fromToBase = function(d, p, m, h, g) {
-        for (var w, y, T, R = m.$locale().relativeTime || l, F = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], q = F.length, Q = 0; Q < q; Q += 1) {
+        for (var w, y, T, R = m.$locale().relativeTime || l, F = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], W = F.length, Q = 0; Q < W; Q += 1) {
           var N = F[Q];
           N.d && (w = h ? a(d).diff(m, N.d, !0) : m.diff(d, N.d, !0));
           var P = (r.rounding || Math.round)(Math.abs(w));
@@ -23994,14 +24012,14 @@ var ki = {}, nT = {
         w === void 0 && (w = {});
         var y = new Date(h), T = function(R, F) {
           F === void 0 && (F = {});
-          var q = F.timeZoneName || "short", Q = R + "|" + q, N = i[Q];
-          return N || (N = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: R, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: q }), i[Q] = N), N;
+          var W = F.timeZoneName || "short", Q = R + "|" + W, N = i[Q];
+          return N || (N = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: R, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: W }), i[Q] = N), N;
         }(g, w);
         return T.formatToParts(y);
       }, d = function(h, g) {
         for (var w = c(h, g), y = [], T = 0; T < w.length; T += 1) {
-          var R = w[T], F = R.type, q = R.value, Q = r[F];
-          Q >= 0 && (y[Q] = parseInt(q, 10));
+          var R = w[T], F = R.type, W = R.value, Q = r[F];
+          Q >= 0 && (y[Q] = parseInt(W, 10));
         }
         var N = y[3], P = N === 24 ? 0 : N, V = y[0] + "-" + y[1] + "-" + y[2] + " " + P + ":" + y[4] + ":" + y[5] + ":000", Y = +h;
         return (l.utc(V).valueOf() - (Y -= Y % 1e3)) / 6e4;
@@ -24010,8 +24028,8 @@ var ki = {}, nT = {
         h === void 0 && (h = s);
         var w = this.utcOffset(), y = this.toDate(), T = y.toLocaleString("en-US", { timeZone: h }), R = Math.round((y - new Date(T)) / 1e3 / 60), F = l(T).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(y.getTimezoneOffset() / 15) - R, !0);
         if (g) {
-          var q = F.utcOffset();
-          F = F.add(w - q, "minute");
+          var W = F.utcOffset();
+          F = F.add(w - W, "minute");
         }
         return F.$x.$timezone = h, F;
       }, p.offsetName = function(h) {
@@ -24031,12 +24049,12 @@ var ki = {}, nT = {
         if (typeof h != "string")
           return l(h).tz(T);
         var F = function(P, V, Y) {
-          var ne = P - 60 * V * 1e3, te = d(ne, Y);
-          if (V === te)
+          var ne = P - 60 * V * 1e3, ee = d(ne, Y);
+          if (V === ee)
             return [ne, V];
-          var de = d(ne -= 60 * (te - V) * 1e3, Y);
-          return te === de ? [ne, te] : [P - 60 * Math.min(te, de) * 1e3, Math.max(te, de)];
-        }(l.utc(h, y).valueOf(), R, T), q = F[0], Q = F[1], N = l(q).utcOffset(Q);
+          var de = d(ne -= 60 * (ee - V) * 1e3, Y);
+          return ee === de ? [ne, ee] : [P - 60 * Math.min(ee, de) * 1e3, Math.max(ee, de)];
+        }(l.utc(h, y).valueOf(), R, T), W = F[0], Q = F[1], N = l(W).utcOffset(Q);
         return N.$x.$timezone = T, N;
       }, l.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -24161,15 +24179,15 @@ var Ii = {}, dT = {
           return ne === 0 ? 0 : Y === "+" ? ne : -ne;
         }(y), y === null))
           return this;
-        var F = Math.abs(y) <= 16 ? 60 * y : y, q = this;
+        var F = Math.abs(y) <= 16 ? 60 * y : y, W = this;
         if (T)
-          return q.$offset = F, q.$u = y === 0, q;
+          return W.$offset = F, W.$u = y === 0, W;
         if (y !== 0) {
           var Q = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (q = this.local().add(F + Q, r)).$offset = F, q.$x.$localOffset = Q;
+          (W = this.local().add(F + Q, r)).$offset = F, W.$x.$localOffset = Q;
         } else
-          q = this.utc();
-        return q;
+          W = this.utc();
+        return W;
       };
       var h = c.format;
       c.format = function(y) {
@@ -24193,8 +24211,8 @@ var Ii = {}, dT = {
       c.diff = function(y, T, R) {
         if (y && this.$u === y.$u)
           return w.call(this, y, T, R);
-        var F = this.local(), q = s(y).local();
-        return w.call(F, q, T, R);
+        var F = this.local(), W = s(y).local();
+        return w.call(F, W, T, R);
       };
     };
   });
@@ -24275,41 +24293,41 @@ var Mi = {}, fT = {
   });
 })(fT);
 const bT = Mi;
-J.extend(ak);
-J.extend(sk);
-J.extend(ck);
-J.extend(uk);
-J.extend(pk);
-J.extend(gk);
-J.extend(bk);
-J.extend(yk);
-J.extend(wk);
-J.extend(Ck);
-J.extend(kk);
-J.extend(zk);
-J.extend(Ak);
-J.extend(Ek);
-J.extend(Vk);
-J.extend(Pk);
-J.extend(Dk);
-J.extend(Ik);
-J.extend(Nk);
-J.extend(Wk);
-J.extend(Gk);
-J.extend(Hk);
-J.extend(Uk);
-J.extend(Zk);
-J.extend(Jk);
-J.extend(tT);
-J.extend(rT);
-J.extend(aT);
-J.extend(sT);
-J.extend(cT);
-J.extend(uT);
-J.extend(gT);
-J.extend(bT);
-J.extend(pT);
-J.tz.setDefault("UTC");
+K.extend(ak);
+K.extend(sk);
+K.extend(ck);
+K.extend(uk);
+K.extend(pk);
+K.extend(gk);
+K.extend(bk);
+K.extend(yk);
+K.extend(wk);
+K.extend(Ck);
+K.extend(kk);
+K.extend(zk);
+K.extend(Ak);
+K.extend(Ek);
+K.extend(Vk);
+K.extend(Pk);
+K.extend(Dk);
+K.extend(Ik);
+K.extend(Nk);
+K.extend(Wk);
+K.extend(Gk);
+K.extend(Hk);
+K.extend(Uk);
+K.extend(Zk);
+K.extend(Jk);
+K.extend(tT);
+K.extend(rT);
+K.extend(aT);
+K.extend(sT);
+K.extend(cT);
+K.extend(uT);
+K.extend(gT);
+K.extend(bT);
+K.extend(pT);
+K.tz.setDefault("UTC");
 const TD = () => Promise.resolve().then(() => qu).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
@@ -24351,9 +24369,9 @@ export {
   o1 as getNewPanel,
   TD as getVersion,
   _D as initialDashboardContent,
-  Z as useContentModelContext,
+  te as useContentModelContext,
   uu as useFullScreenPanelContext,
-  Oe as useModelContext,
+  De as useModelContext,
   We as usePanelContext,
   Ql as useTopLevelServices
 };