@devtable/dashboard 8.6.3 → 8.6.4

package/dist/dashboard.es.js

@@ -1,7 +1,7 @@
 var Bw = Object.defineProperty;
 var jw = (e, t, n) => t in e ? Bw(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ve = (e, t, n) => (jw(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Box as ke, Text as W, Button as fe, Checkbox as Mn, Group as j, MultiSelect as da, Select as Oe, TextInput as xe, createStyles as fa, Stack as q, Tooltip as wn, Badge as Kw, CloseButton as Ww, Modal as gn, ActionIcon as We, Menu as mr, Divider as Ie, Switch as kn, NumberInput as Rt, useMantineTheme as Dg, ColorInput as xu, ColorSwatch as vc, Slider as Gw, Overlay as oi, Tabs as B, Center as pa, CheckIcon as qw, MANTINE_SIZES as Uw, SimpleGrid as Bo, SegmentedControl as Yw, Textarea as Xw, Collapse as Su, Table as _u, Accordion as oo, Popover as Tl, LoadingOverlay as ha, Flex as Bs, Paper as Cu, Code as yf, Alert as Qw, Header as Zw, ThemeIcon as kl, HoverCard as Ml, List as bf, UnstyledButton as Jw, Navbar as Cr, JsonInput as Pg, NavLink as ex, AppShell as Ag } from "@mantine/core";
+import { Box as Me, Text as W, Button as fe, Checkbox as Mn, Group as j, MultiSelect as da, Select as Oe, TextInput as xe, createStyles as fa, Stack as q, Tooltip as wn, Badge as Kw, CloseButton as Ww, Modal as gn, ActionIcon as We, Menu as mr, Divider as Ie, Switch as kn, NumberInput as Rt, useMantineTheme as Dg, ColorInput as xu, ColorSwatch as vc, Slider as Gw, Overlay as oi, Tabs as B, Center as pa, CheckIcon as qw, MANTINE_SIZES as Uw, SimpleGrid as Bo, SegmentedControl as Yw, Textarea as Xw, Collapse as Su, Table as _u, Accordion as oo, Popover as Tl, LoadingOverlay as ha, Flex as Bs, Paper as Cu, Code as yf, Alert as Qw, Header as Zw, ThemeIcon as kl, HoverCard as Ml, List as bf, UnstyledButton as Jw, Navbar as Cr, JsonInput as Pg, NavLink as ex, AppShell as Ag } from "@mantine/core";
 import { useModals as ii, ModalsProvider as Ng } from "@mantine/modals";
 import { useCreation as Jn, usePrevious as tx, useBoolean as Ln, useLatest as wf, useRequest as ga, useAsyncEffect as ma } from "ahooks";
 import { observer as ne } from "mobx-react-lite";
@@ -536,7 +536,7 @@ function Ux() {
       __source: !0
     }, dt, et, gt;
     gt = {};
-    function Me(I) {
+    function ke(I) {
       if (Ce.call(I, "ref")) {
         var J = Object.getOwnPropertyDescriptor(I, "ref").get;
         if (J && J.isReactWarning)
@@ -609,7 +609,7 @@ function Ux() {
     function wt(I, J, Z, he, we) {
       {
         var Pe, je = {}, Le = null, Qe = null;
-        Z !== void 0 && (Ke(Z), Le = "" + Z), Be(J) && (Ke(J.key), Le = "" + J.key), Me(J) && (Qe = J.ref, st(J, we));
+        Z !== void 0 && (Ke(Z), Le = "" + Z), Be(J) && (Ke(J.key), Le = "" + J.key), ke(J) && (Qe = J.ref, st(J, we));
         for (Pe in J)
           Ce.call(J, Pe) && !bt.hasOwnProperty(Pe) && (je[Pe] = J[Pe]);
         if (I && I.defaultProps) {
@@ -823,7 +823,7 @@ class yo extends ee.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ y(ke, {
+      return /* @__PURE__ */ y(Me, {
         children: [/* @__PURE__ */ l(W, {
           size: "xs",
           children: (t = this.state.error) == null ? void 0 : t.message
@@ -852,7 +852,7 @@ function Xx({
   value: r,
   onChange: o
 }) {
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     children: [/* @__PURE__ */ l(W, {
       children: "\xA0"
     }), /* @__PURE__ */ l(Mn, {
@@ -2774,7 +2774,7 @@ function O_(e, t) {
   }, [i, dt, Ke, Re]), gt = vt(function(ie, pe) {
     var be;
     return typeof c == "function" ? c(ie) : (be = c && (ie == null ? void 0 : ie[c])) !== null && be !== void 0 ? be : pe;
-  }, [c]), Me = vt(a || function(ie) {
+  }, [c]), ke = vt(a || function(ie) {
     return ie;
   }, [a]);
   function Be(ie, pe, be) {
@@ -2852,7 +2852,7 @@ function O_(e, t) {
       order: pe,
       key: be,
       item: ie,
-      renderItem: Me,
+      renderItem: ke,
       itemKey: be,
       registerSize: $t,
       display: pe <= Re
@@ -6180,7 +6180,7 @@ var ed = /* @__PURE__ */ C.forwardRef(function(e, t) {
   C.useEffect(function() {
     Ye(bm());
   }, []);
-  var Ke = C.useRef(null), qe = C.useRef(null), bt = C.useRef(null), dt = C.useRef(null), et = C.useRef(null), gt = kS(), Me = Zt(gt, 3), Be = Me[0], st = Me[1], $t = Me[2];
+  var Ke = C.useRef(null), qe = C.useRef(null), bt = C.useRef(null), dt = C.useRef(null), et = C.useRef(null), gt = kS(), ke = Zt(gt, 3), Be = ke[0], st = ke[1], $t = ke[2];
   C.useImperativeHandle(t, function() {
     var rt, Xe;
     return {
@@ -7120,15 +7120,15 @@ var T2 = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style
   overflowAnchor: "none"
 };
 function O2(e, t) {
-  var n = e.prefixCls, r = n === void 0 ? "rc-virtual-list" : n, o = e.className, i = e.height, a = e.itemHeight, s = e.fullHeight, c = s === void 0 ? !0 : s, u = e.style, d = e.data, p = e.children, f = e.itemKey, h = e.virtual, g = e.component, m = g === void 0 ? "div" : g, b = e.onScroll, v = e.onVisibleChange, x = s2(e, T2), S = !!(h !== !1 && i && a), w = S && d && a * d.length > i, _ = Fe(0), T = Wr(_, 2), O = T[0], N = T[1], L = Fe(!1), R = Wr(L, 2), k = R[0], P = R[1], $ = Et(r, o), E = d || k2, A = Se(), D = Se(), M = Se(), z = C.useCallback(function(Me) {
-    return typeof f == "function" ? f(Me) : Me == null ? void 0 : Me[f];
+  var n = e.prefixCls, r = n === void 0 ? "rc-virtual-list" : n, o = e.className, i = e.height, a = e.itemHeight, s = e.fullHeight, c = s === void 0 ? !0 : s, u = e.style, d = e.data, p = e.children, f = e.itemKey, h = e.virtual, g = e.component, m = g === void 0 ? "div" : g, b = e.onScroll, v = e.onVisibleChange, x = s2(e, T2), S = !!(h !== !1 && i && a), w = S && d && a * d.length > i, _ = Fe(0), T = Wr(_, 2), O = T[0], N = T[1], L = Fe(!1), R = Wr(L, 2), k = R[0], P = R[1], $ = Et(r, o), E = d || k2, A = Se(), D = Se(), M = Se(), z = C.useCallback(function(ke) {
+    return typeof f == "function" ? f(ke) : ke == null ? void 0 : ke[f];
   }, [f]), F = {
     getKey: z
   };
-  function K(Me) {
+  function K(ke) {
     N(function(Be) {
       var st;
-      typeof Me == "function" ? st = Me(Be) : st = Me;
+      typeof ke == "function" ? st = ke(Be) : st = ke;
       var $t = Ae(st);
       return A.current.scrollTop = $t, $t;
     });
@@ -7147,9 +7147,9 @@ function O2(e, t) {
         offset: void 0
       };
     if (!w) {
-      var Me;
+      var ke;
       return {
-        scrollHeight: ((Me = D.current) === null || Me === void 0 ? void 0 : Me.offsetHeight) || 0,
+        scrollHeight: ((ke = D.current) === null || ke === void 0 ? void 0 : ke.offsetHeight) || 0,
         start: 0,
         end: E.length - 1,
         offset: void 0
@@ -7169,42 +7169,42 @@ function O2(e, t) {
   G.current.start = Te, G.current.end = U;
   var ye = oe - i, Re = Se(ye);
   Re.current = ye;
-  function Ae(Me) {
-    var Be = Me;
+  function Ae(ke) {
+    var Be = ke;
     return Number.isNaN(Re.current) || (Be = Math.min(Be, Re.current)), Be = Math.max(Be, 0), Be;
   }
   var me = O <= 0, Je = O >= ye, He = Pv(me, Je);
-  function ot(Me) {
-    var Be = Me;
+  function ot(ke) {
+    var Be = ke;
     K(Be);
   }
-  function De(Me) {
-    var Be = Me.currentTarget.scrollTop;
-    Be !== O && K(Be), b == null || b(Me);
+  function De(ke) {
+    var Be = ke.currentTarget.scrollTop;
+    Be !== O && K(Be), b == null || b(ke);
   }
-  var Ye = _2(S, me, Je, function(Me) {
+  var Ye = _2(S, me, Je, function(ke) {
     K(function(Be) {
-      var st = Be + Me;
+      var st = Be + ke;
       return st;
     });
   }), Ke = Wr(Ye, 2), qe = Ke[0], bt = Ke[1];
-  E2(S, A, function(Me, Be) {
-    return He(Me, Be) ? !1 : (qe({
+  E2(S, A, function(ke, Be) {
+    return He(ke, Be) ? !1 : (qe({
       preventDefault: function() {
       },
-      deltaY: Me
+      deltaY: ke
     }), !0);
   }), Rr(function() {
-    function Me(Be) {
+    function ke(Be) {
       S && Be.preventDefault();
     }
-    return A.current.addEventListener("wheel", qe), A.current.addEventListener("DOMMouseScroll", bt), A.current.addEventListener("MozMousePixelScroll", Me), function() {
-      A.current && (A.current.removeEventListener("wheel", qe), A.current.removeEventListener("DOMMouseScroll", bt), A.current.removeEventListener("MozMousePixelScroll", Me));
+    return A.current.addEventListener("wheel", qe), A.current.addEventListener("DOMMouseScroll", bt), A.current.addEventListener("MozMousePixelScroll", ke), function() {
+      A.current && (A.current.removeEventListener("wheel", qe), A.current.removeEventListener("DOMMouseScroll", bt), A.current.removeEventListener("MozMousePixelScroll", ke));
     };
   }, [S]);
   var dt = b2(A, E, Ee, a, z, se, K, function() {
-    var Me;
-    (Me = M.current) === null || Me === void 0 || Me.delayHidden();
+    var ke;
+    (ke = M.current) === null || ke === void 0 || ke.delayHidden();
   });
   C.useImperativeHandle(t, function() {
     return {
@@ -7212,8 +7212,8 @@ function O2(e, t) {
     };
   }), Rr(function() {
     if (v) {
-      var Me = E.slice(Te, U + 1);
-      v(Me, E);
+      var ke = E.slice(Te, U + 1);
+      v(ke, E);
     }
   }, [Te, U, E]);
   var et = m2(E, Te, U, ce, p, F), gt = null;
@@ -7610,7 +7610,7 @@ var Iv = /* @__PURE__ */ C.forwardRef(function(e, t) {
         K ? it : it[0]
       );
     }
-  }, gt = C.useState(null), Me = Zt(gt, 2), Be = Me[0], st = Me[1], $t = C.useState(0), mt = Zt($t, 2), Ft = mt[0], wt = mt[1], en = O !== void 0 ? O : r !== "combobox", Ht = C.useCallback(function(ie, pe) {
+  }, gt = C.useState(null), ke = Zt(gt, 2), Be = ke[0], st = ke[1], $t = C.useState(0), mt = Zt($t, 2), Ft = mt[0], wt = mt[1], en = O !== void 0 ? O : r !== "combobox", Ht = C.useCallback(function(ie, pe) {
     var be = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, ze = be.source, it = ze === void 0 ? "keyboard" : ze;
     wt(pe), a && r === "combobox" && ie !== null && it === "keyboard" && st(String(ie));
   }, [a, r]), kt = function(pe, be, ze) {
@@ -9875,7 +9875,7 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
     }
   }), Ke = jr(Ye, 2), qe = Ke[0], bt = Ke[1], dt = function(he) {
     bt(he), f == null || f(he);
-  }, et = TD(k, P, R), gt = MD(et, De), Me = gt.keyEntities, Be = gt.valueEntities, st = C.useCallback(function(Z) {
+  }, et = TD(k, P, R), gt = MD(et, De), ke = gt.keyEntities, Be = gt.valueEntities, st = C.useCallback(function(Z) {
     var he = [], we = [];
     return Z.forEach(function(Pe) {
       Be.has(Pe) ? we.push(Pe) : he.push(Pe);
@@ -9935,10 +9935,10 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
     return It.map(function(Z) {
       return Z.value;
     });
-  }, [It]), On = OD(It, on, Ce, Me), Ut = jr(On, 2), ie = Ut[0], pe = Ut[1], be = C.useMemo(function() {
-    var Z = vh(ie, S, Me, De), he = Z.map(function(Le) {
+  }, [It]), On = OD(It, on, Ce, ke), Ut = jr(On, 2), ie = Ut[0], pe = Ut[1], be = C.useMemo(function() {
+    var Z = vh(ie, S, ke, De), he = Z.map(function(Le) {
       var Qe, Ue, nt;
-      return (Qe = (Ue = Me[Le]) === null || Ue === void 0 || (nt = Ue.node) === null || nt === void 0 ? void 0 : nt[De.value]) !== null && Qe !== void 0 ? Qe : Le;
+      return (Qe = (Ue = ke[Le]) === null || Ue === void 0 || (nt = Ue.node) === null || nt === void 0 ? void 0 : nt[De.value]) !== null && Qe !== void 0 ? Qe : Le;
     }), we = he.map(function(Le) {
       var Qe = It.find(function(Ue) {
         return Ue.value === Le;
@@ -9954,12 +9954,12 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
         label: (Qe = Le.label) !== null && Qe !== void 0 ? Qe : Le.value
       });
     });
-  }, [De, Ae, ie, It, wt, S, Me]), ze = kD(be), it = jr(ze, 1), xt = it[0], an = yh(function(Z, he, we) {
+  }, [De, Ae, ie, It, wt, S, ke]), ze = kD(be), it = jr(ze, 1), xt = it[0], an = yh(function(Z, he, we) {
     var Pe = wt(Z);
     if (ot(Pe), g && bt(""), s) {
       var je = Z;
       if (Ce) {
-        var Le = vh(Z, S, Me, De);
+        var Le = vh(Z, S, ke, De);
         je = Le.map(function(En) {
           var Tn = Be.get(En);
           return Tn ? Tn.node[De.value] : En;
@@ -9988,7 +9988,7 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
       }), Bt);
     }
   }), sn = C.useCallback(function(Z, he) {
-    var we, Pe = he.selected, je = he.source, Le = Me[Z], Qe = Le == null ? void 0 : Le.node, Ue = (we = Qe == null ? void 0 : Qe[De.value]) !== null && we !== void 0 ? we : Z;
+    var we, Pe = he.selected, je = he.source, Le = ke[Z], Qe = Le == null ? void 0 : Le.node, Ue = (we = Qe == null ? void 0 : Qe[De.value]) !== null && we !== void 0 ? we : Z;
     if (!Ae)
       an([Ue], {
         selected: !0,
@@ -10003,17 +10003,17 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
           return Be.get(Tn).key;
         }), ir;
         if (Pe) {
-          var gr = Ko(Bt, !0, Me);
+          var gr = Ko(Bt, !0, ke);
           ir = gr.checkedKeys;
         } else {
           var En = Ko(Bt, {
             checked: !1,
             halfCheckedKeys: pe
-          }, Me);
+          }, ke);
           ir = En.checkedKeys;
         }
         nt = [].concat(Br(vn), Br(ir.map(function(Tn) {
-          return Me[Tn].node[De.value];
+          return ke[Tn].node[De.value];
         })));
       }
       an(nt, {
@@ -10022,7 +10022,7 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
       }, je || "option");
     }
     Pe || !Ae ? c == null || c(Ue, Wc(Qe)) : u == null || u(Ue, Wc(Qe));
-  }, [st, Be, Me, De, Ae, St, an, Ce, c, u, ie, pe]), Rn = C.useCallback(function(Z) {
+  }, [st, Be, ke, De, Ae, St, an, Ce, c, u, ie, pe]), Rn = C.useCallback(function(Z) {
     if (de) {
       var he = {};
       Object.defineProperty(he, "documentClickClose", {
@@ -10072,9 +10072,9 @@ var ny = /* @__PURE__ */ C.forwardRef(function(e, t) {
       switcherIcon: X,
       treeLine: se,
       treeNodeFilterProp: v,
-      keyEntities: Me
+      keyEntities: ke
     };
-  }, [ye, $, E, A, ie, pe, D, M, z, F, Ee, oe, _e, X, se, v, Me]);
+  }, [ye, $, E, A, ie, pe, D, M, z, F, Ee, oe, _e, X, se, v, ke]);
   return /* @__PURE__ */ l(Qv.Provider, {
     value: I,
     children: /* @__PURE__ */ l(Xv.Provider, {
@@ -11118,7 +11118,7 @@ const hy = ne(() => {
     c(o);
   }, [o, c]), g = !u && e.type !== ut.Modal;
   return /* @__PURE__ */ l($e, {
-    children: /* @__PURE__ */ l(ke, {
+    children: /* @__PURE__ */ l(Me, {
       sx: {
         position: "absolute",
         top: 0,
@@ -11129,7 +11129,7 @@ const hy = ne(() => {
       children: /* @__PURE__ */ y(mr, {
         withinPortal: !0,
         children: [/* @__PURE__ */ l(mr.Target, {
-          children: /* @__PURE__ */ l(ke, {
+          children: /* @__PURE__ */ l(Me, {
             className: "panel-dropdown-target",
             sx: {
               width: "100%",
@@ -11457,7 +11457,7 @@ const XD = (e) => {
   getColor: al(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, yy = "@devtable/dashboard", ud = "8.6.3", by = "Apache-2.0", wy = {
+}, yy = "@devtable/dashboard", ud = "8.6.4", by = "Apache-2.0", wy = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, xy = [
@@ -12621,7 +12621,7 @@ ee.forwardRef(function({
     const u = ve.cloneDeep(t);
     ve.set(u, s, c), n(u);
   };
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     px: "sm",
     py: "md",
     ref: i,
@@ -13401,7 +13401,7 @@ const lA = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ y(ke, {
+}) => /* @__PURE__ */ y(Me, {
   sx: {
     position: "relative"
   },
@@ -14802,7 +14802,7 @@ function tN({
       bottom: na(m.bottom, o, a)
     };
   }, [i, a]), g = Math.max(0, c - d - f);
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     children: [/* @__PURE__ */ l(W, {
       ref: u,
       align: "left",
@@ -14847,7 +14847,7 @@ const _d = rn(({
       label: "Scroll to Zoom",
       labelPosition: "center"
     }), /* @__PURE__ */ y(j, {
-      children: [/* @__PURE__ */ l(ke, {
+      children: [/* @__PURE__ */ l(Me, {
         sx: {
           flexGrow: 1
         },
@@ -14856,7 +14856,7 @@ const _d = rn(({
           checked: e.x_axis_scroll,
           onChange: (o) => r("x_axis_scroll")(o.currentTarget.checked)
         })
-      }), /* @__PURE__ */ l(ke, {
+      }), /* @__PURE__ */ l(Me, {
         sx: {
           flexGrow: 1
         },
@@ -14871,7 +14871,7 @@ const _d = rn(({
       label: "Slider for Zooming",
       labelPosition: "center"
     }), /* @__PURE__ */ y(j, {
-      children: [/* @__PURE__ */ l(ke, {
+      children: [/* @__PURE__ */ l(Me, {
         sx: {
           flexGrow: 1
         },
@@ -14882,7 +14882,7 @@ const _d = rn(({
         })
       }), /* @__PURE__ */ l(wn, {
         label: "Not available for now, will overlap y-axis's label",
-        children: /* @__PURE__ */ l(ke, {
+        children: /* @__PURE__ */ l(Me, {
           sx: {
             flexGrow: 1
           },
@@ -15717,7 +15717,7 @@ function gN({
 const mN = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   children: /* @__PURE__ */ l(nr, {
     height: "500px",
     defaultLanguage: "javascript",
@@ -15761,7 +15761,7 @@ const mN = ({
     d(ra.dynamic.func_content);
   };
   return /* @__PURE__ */ y($e, {
-    children: [/* @__PURE__ */ l(ke, {
+    children: [/* @__PURE__ */ l(Me, {
       sx: {
         width: "50%"
       },
@@ -15976,7 +15976,7 @@ function _N({
           control: e,
           render: ({
             field: i
-          }) => /* @__PURE__ */ l(ke, {
+          }) => /* @__PURE__ */ l(Me, {
             sx: {
               flexGrow: 1
             },
@@ -15993,7 +15993,7 @@ function _N({
             field: i
           }) => {
             var a;
-            return /* @__PURE__ */ l(ke, {
+            return /* @__PURE__ */ l(Me, {
               sx: {
                 flexGrow: 1
               },
@@ -16012,7 +16012,7 @@ function _N({
         control: e,
         render: ({
           field: i
-        }) => /* @__PURE__ */ l(ke, {
+        }) => /* @__PURE__ */ l(Me, {
           mt: 10,
           mb: -10,
           sx: {
@@ -18331,7 +18331,7 @@ function NI({
     width: n,
     height: r
   } = e.viewport, o = e.data, i = le(() => AI(un({}, t, Td), o), [t, o]);
-  return !n || !r || !t || ku(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ l(ke, {
+  return !n || !r || !t || ku(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ l(Me, {
     children: /* @__PURE__ */ l(Ir, {
       echarts: qt,
       option: i,
@@ -18538,7 +18538,7 @@ function VI({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ l(ke, {
+      }), /* @__PURE__ */ l(Me, {
         py: "sm",
         children: /* @__PURE__ */ l(H, {
           name: "series_name_key",
@@ -18881,7 +18881,7 @@ function GI({
   if (!n || !r || !t)
     return null;
   let u = r;
-  return a && (u -= 20), /* @__PURE__ */ y(ke, {
+  return a && (u -= 20), /* @__PURE__ */ y(Me, {
     children: [a && /* @__PURE__ */ l(W, {
       align: "center",
       size: 12,
@@ -22656,7 +22656,7 @@ function MV({
     className: d(u.root, {
       "table-highlight-on-hover": i.highlightOnHover
     }),
-    children: [N > 0 && /* @__PURE__ */ l(ke, {
+    children: [N > 0 && /* @__PURE__ */ l(Me, {
       className: u.info_bar,
       sx: {
         height: 22
@@ -23051,7 +23051,7 @@ const BV = rn(({
       withCloseButton: !1,
       zIndex: 320,
       children: r && /* @__PURE__ */ y(q, {
-        children: [/* @__PURE__ */ l(ke, {
+        children: [/* @__PURE__ */ l(Me, {
           sx: {
             position: "relative"
           },
@@ -23612,7 +23612,7 @@ const QV = ({ conf: e, data: t }) => async () => {
   ...ld
 }, Dh = ({
   message: e
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   sx: eu,
   children: /* @__PURE__ */ l("div", {
     dangerouslySetInnerHTML: {
@@ -23668,7 +23668,7 @@ function JV({
   }), {
     refreshDeps: [i, n]
   });
-  return !r || !o || !n ? null : c ? /* @__PURE__ */ l(ke, {
+  return !r || !o || !n ? null : c ? /* @__PURE__ */ l(Me, {
     sx: {
       position: "relative",
       height: o
@@ -23676,7 +23676,7 @@ function JV({
     children: /* @__PURE__ */ l(ha, {
       visible: !0
     })
-  }) : s ? /* @__PURE__ */ l(ke, {
+  }) : s ? /* @__PURE__ */ l(Me, {
     sx: eu,
     "data-enable-scrollbar": !0,
     children: /* @__PURE__ */ l(ZV, {
@@ -23684,7 +23684,7 @@ function JV({
       width: r,
       height: o
     })
-  }) : !a || !Array.isArray(a.replies) || a.replies.length === 0 ? null : /* @__PURE__ */ l(ke, {
+  }) : !a || !Array.isArray(a.replies) || a.replies.length === 0 ? null : /* @__PURE__ */ l(Me, {
     sx: eu,
     "data-enable-scrollbar": !0,
     children: a.replies.map((d, p) => /* @__PURE__ */ l("div", {
@@ -24291,7 +24291,7 @@ function xz({
       bottom: na(m.bottom, o, a)
     };
   }, [i, a]), g = Math.max(0, c - d - f);
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     children: [/* @__PURE__ */ l(W, {
       ref: u,
       align: "left",
@@ -24592,7 +24592,7 @@ function Ez({
 const Tz = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   children: /* @__PURE__ */ l(nr, {
     height: "500px",
     defaultLanguage: "javascript",
@@ -24636,7 +24636,7 @@ const Tz = ({
     d(Oa.dynamic.func_content);
   };
   return /* @__PURE__ */ y($e, {
-    children: [/* @__PURE__ */ l(ke, {
+    children: [/* @__PURE__ */ l(Me, {
       sx: {
         width: "50%"
       },
@@ -24785,7 +24785,7 @@ const Tz = ({
 }), Az = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   children: /* @__PURE__ */ l(nr, {
     height: "500px",
     defaultLanguage: "javascript",
@@ -24844,7 +24844,7 @@ const Tz = ({
     d(Tb.dynamic.func_content);
   };
   return /* @__PURE__ */ y($e, {
-    children: [/* @__PURE__ */ l(ke, {
+    children: [/* @__PURE__ */ l(Me, {
       sx: {
         width: "50%"
       },
@@ -25282,7 +25282,7 @@ const Wz = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ y(ke, {
+}) => /* @__PURE__ */ y(Me, {
   sx: {
     position: "relative"
   },
@@ -25994,7 +25994,7 @@ const aF = {
 }), lF = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   sx: {
     position: "relative"
   },
@@ -27390,14 +27390,14 @@ const Hd = ne(function({
       data: i,
       loading: d
     },
-    children: /* @__PURE__ */ y(ke, {
+    children: /* @__PURE__ */ y(Me, {
       className: "panel-root",
       p: 5,
       pt: 0,
       sx: {
         ...f
       },
-      children: [/* @__PURE__ */ l(ke, {
+      children: [/* @__PURE__ */ l(Me, {
         sx: {
           position: "absolute",
           left: 0,
@@ -27536,7 +27536,7 @@ const MG = {
 var Ib = /* @__PURE__ */ ((e) => (e.Select = "select", e.TreeSelect = "tree-select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Ib || {});
 const y3 = ne(({
   children: e
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   pt: 10,
   pb: 100,
   children: e
@@ -27601,7 +27601,7 @@ const y3 = ne(({
   view: t
 }) => {
   const n = Ge(), r = le(() => n.views.options.filter((i) => i.type === ut.Division), [t.id, n.views.options]), o = t.config;
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     className: "preview-view-tabs",
     children: [/* @__PURE__ */ y(B, {
       variant: o.variant,
@@ -27633,7 +27633,7 @@ const y3 = ne(({
           sx: {
             position: "relative"
           },
-          children: [/* @__PURE__ */ y(ke, {
+          children: [/* @__PURE__ */ y(Me, {
             sx: {
               position: "absolute",
               top: 0,
@@ -27719,16 +27719,16 @@ const y3 = ne(({
       viewPanelInFullScreen: ve.noop,
       inFullScreen: !1
     },
-    children: /* @__PURE__ */ l(ke, {
+    children: /* @__PURE__ */ l(Me, {
       className: "dashboard-view",
       "data-enable-scrollbar": !0,
       children: /* @__PURE__ */ l(_3, {
         view: t,
-        children: /* @__PURE__ */ y(ke, {
+        children: /* @__PURE__ */ y(Me, {
           sx: {
             position: "relative"
           },
-          children: [/* @__PURE__ */ l(ke, {
+          children: [/* @__PURE__ */ l(Me, {
             className: "dashboard-sticky-area",
             sx: {
               position: "sticky",
@@ -27800,7 +27800,7 @@ function T3(e, t, n) {
 }
 const k3 = ne(({
   children: e
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   children: e
 })), M3 = ne(({
   children: e,
@@ -27840,7 +27840,7 @@ const k3 = ne(({
   view: t
 }) => {
   const n = Ge(), r = t.config;
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     className: "render-view-tabs",
     children: [/* @__PURE__ */ y(B, {
       variant: r.variant,
@@ -27912,7 +27912,7 @@ const k3 = ne(({
       viewPanelInFullScreen: o,
       inFullScreen: a
     },
-    children: /* @__PURE__ */ y(ke, {
+    children: /* @__PURE__ */ y(Me, {
       className: "dashboard-view",
       "data-enable-scrollbar": !0,
       children: [a && /* @__PURE__ */ l(E3, {
@@ -27921,11 +27921,11 @@ const k3 = ne(({
         exitFullScreen: i
       }), /* @__PURE__ */ l(D3, {
         view: t,
-        children: /* @__PURE__ */ y(ke, {
+        children: /* @__PURE__ */ y(Me, {
           sx: {
             position: "relative"
           },
-          children: [!a && /* @__PURE__ */ l(ke, {
+          children: [!a && /* @__PURE__ */ l(Me, {
             className: "dashboard-sticky-area",
             sx: {
               position: "sticky",
@@ -33296,13 +33296,13 @@ var Po = (e) => {
     if (R)
       return null;
     const Ce = (et) => {
-      const { edges: gt, addSelectedEdges: Me } = oe.getState();
-      if (L && (oe.setState({ nodesSelectionActive: !1 }), Me([n])), a) {
+      const { edges: gt, addSelectedEdges: ke } = oe.getState();
+      if (L && (oe.setState({ nodesSelectionActive: !1 }), ke([n])), a) {
         const Be = gt.find((st) => st.id === n);
         a(et, Be);
       }
     }, ye = Oi(n, oe.getState, s), Re = Oi(n, oe.getState, $), Ae = Oi(n, oe.getState, E), me = Oi(n, oe.getState, A), Je = Oi(n, oe.getState, D), He = (et, gt) => {
-      const Me = gt ? x : v, Be = (gt ? P : k) || null, st = gt ? "target" : "source", $t = () => !0, mt = gt, Ft = oe.getState().edges.find((Ht) => Ht.id === n);
+      const ke = gt ? x : v, Be = (gt ? P : k) || null, st = gt ? "target" : "source", $t = () => !0, mt = gt, Ft = oe.getState().edges.find((Ht) => Ht.id === n);
       X(!0), F == null || F(et, Ft, st);
       const wt = (Ht) => {
         X(!1), K == null || K(Ht, Ft, st);
@@ -33310,7 +33310,7 @@ var Po = (e) => {
       X0({
         event: et,
         handleId: Be,
-        nodeId: Me,
+        nodeId: ke,
         onConnect: (Ht) => z == null ? void 0 : z(Ft, Ht),
         isTarget: mt,
         getState: oe.getState,
@@ -33322,8 +33322,8 @@ var Po = (e) => {
     }, ot = (et) => He(et, !0), De = (et) => He(et, !1), Ye = () => Ee(!0), Ke = () => Ee(!1), qe = !L && !a, bt = typeof z < "u", dt = (et) => {
       var gt;
       if (V0.includes(et.key) && L) {
-        const { unselectNodesAndEdges: Me, addSelectedEdges: Be, edges: st } = oe.getState();
-        et.key === "Escape" ? ((gt = ce.current) == null || gt.blur(), Me({ edges: [st.find((mt) => mt.id === n)] })) : Be([n]);
+        const { unselectNodesAndEdges: ke, addSelectedEdges: Be, edges: st } = oe.getState();
+        et.key === "Escape" ? ((gt = ce.current) == null || gt.blur(), ke({ edges: [st.find((mt) => mt.id === n)] })) : Be([n]);
       }
     };
     return y("g", { className: mn([
@@ -34788,9 +34788,9 @@ const i6 = {
   overflow: "hidden",
   position: "relative",
   zIndex: 0
-}, Sw = rn(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i = i6, edgeTypes: a = a6, onNodeClick: s, onEdgeClick: c, onInit: u, onMove: d, onMoveStart: p, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: v, onNodeMouseEnter: x, onNodeMouseMove: S, onNodeMouseLeave: w, onNodeContextMenu: _, onNodeDoubleClick: T, onNodeDragStart: O, onNodeDrag: N, onNodeDragStop: L, onNodesDelete: R, onEdgesDelete: k, onSelectionChange: P, onSelectionDragStart: $, onSelectionDrag: E, onSelectionDragStop: A, onSelectionContextMenu: D, onSelectionStart: M, onSelectionEnd: z, connectionMode: F = So.Strict, connectionLineType: K = Gr.Bezier, connectionLineStyle: G, connectionLineComponent: te, connectionLineContainerStyle: re, deleteKeyCode: Y = "Backspace", selectionKeyCode: Q = "Shift", selectionOnDrag: de = !1, selectionMode: ue = ca.Full, panActivationKeyCode: ce = "Space", multiSelectionKeyCode: se = "Meta", zoomActivationKeyCode: Ee = "Meta", snapToGrid: _e = !1, snapGrid: X = l6, onlyRenderVisibleElements: oe = !1, selectNodesOnDrag: Te = !0, nodesDraggable: U, nodesConnectable: Ce, nodesFocusable: ye, nodeOrigin: Re = s6, edgesFocusable: Ae, elementsSelectable: me, defaultViewport: Je = c6, minZoom: He = 0.5, maxZoom: ot = 2, translateExtent: De = yu, preventScrolling: Ye = !0, nodeExtent: Ke, defaultMarkerColor: qe = "#b1b1b7", zoomOnScroll: bt = !0, zoomOnPinch: dt = !0, panOnScroll: et = !1, panOnScrollSpeed: gt = 0.5, panOnScrollMode: Me = qo.Free, zoomOnDoubleClick: Be = !0, panOnDrag: st = !0, onPaneClick: $t, onPaneMouseEnter: mt, onPaneMouseMove: Ft, onPaneMouseLeave: wt, onPaneScroll: en, onPaneContextMenu: Ht, children: kt, onEdgeUpdate: It, onEdgeContextMenu: on, onEdgeDoubleClick: St, onEdgeMouseEnter: On, onEdgeMouseMove: Ut, onEdgeMouseLeave: ie, onEdgeUpdateStart: pe, onEdgeUpdateEnd: be, edgeUpdaterRadius: ze = 10, onNodesChange: it, onEdgesChange: xt, noDragClassName: an = "nodrag", noWheelClassName: sn = "nowheel", noPanClassName: Rn = "nopan", fitView: Ot = !1, fitViewOptions: I, connectOnClick: J = !0, attributionPosition: Z, proOptions: he, defaultEdgeOptions: we, elevateNodesOnSelect: Pe = !0, elevateEdgesOnSelect: je = !1, disableKeyboardA11y: Le = !1, autoPanOnConnect: Qe = !0, autoPanOnNodeDrag: Ue = !0, connectionRadius: nt = 20, onError: Pt, style: vn, id: An, ...Bt }, ir) => {
+}, Sw = rn(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i = i6, edgeTypes: a = a6, onNodeClick: s, onEdgeClick: c, onInit: u, onMove: d, onMoveStart: p, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: v, onNodeMouseEnter: x, onNodeMouseMove: S, onNodeMouseLeave: w, onNodeContextMenu: _, onNodeDoubleClick: T, onNodeDragStart: O, onNodeDrag: N, onNodeDragStop: L, onNodesDelete: R, onEdgesDelete: k, onSelectionChange: P, onSelectionDragStart: $, onSelectionDrag: E, onSelectionDragStop: A, onSelectionContextMenu: D, onSelectionStart: M, onSelectionEnd: z, connectionMode: F = So.Strict, connectionLineType: K = Gr.Bezier, connectionLineStyle: G, connectionLineComponent: te, connectionLineContainerStyle: re, deleteKeyCode: Y = "Backspace", selectionKeyCode: Q = "Shift", selectionOnDrag: de = !1, selectionMode: ue = ca.Full, panActivationKeyCode: ce = "Space", multiSelectionKeyCode: se = "Meta", zoomActivationKeyCode: Ee = "Meta", snapToGrid: _e = !1, snapGrid: X = l6, onlyRenderVisibleElements: oe = !1, selectNodesOnDrag: Te = !0, nodesDraggable: U, nodesConnectable: Ce, nodesFocusable: ye, nodeOrigin: Re = s6, edgesFocusable: Ae, elementsSelectable: me, defaultViewport: Je = c6, minZoom: He = 0.5, maxZoom: ot = 2, translateExtent: De = yu, preventScrolling: Ye = !0, nodeExtent: Ke, defaultMarkerColor: qe = "#b1b1b7", zoomOnScroll: bt = !0, zoomOnPinch: dt = !0, panOnScroll: et = !1, panOnScrollSpeed: gt = 0.5, panOnScrollMode: ke = qo.Free, zoomOnDoubleClick: Be = !0, panOnDrag: st = !0, onPaneClick: $t, onPaneMouseEnter: mt, onPaneMouseMove: Ft, onPaneMouseLeave: wt, onPaneScroll: en, onPaneContextMenu: Ht, children: kt, onEdgeUpdate: It, onEdgeContextMenu: on, onEdgeDoubleClick: St, onEdgeMouseEnter: On, onEdgeMouseMove: Ut, onEdgeMouseLeave: ie, onEdgeUpdateStart: pe, onEdgeUpdateEnd: be, edgeUpdaterRadius: ze = 10, onNodesChange: it, onEdgesChange: xt, noDragClassName: an = "nodrag", noWheelClassName: sn = "nowheel", noPanClassName: Rn = "nopan", fitView: Ot = !1, fitViewOptions: I, connectOnClick: J = !0, attributionPosition: Z, proOptions: he, defaultEdgeOptions: we, elevateNodesOnSelect: Pe = !0, elevateEdgesOnSelect: je = !1, disableKeyboardA11y: Le = !1, autoPanOnConnect: Qe = !0, autoPanOnNodeDrag: Ue = !0, connectionRadius: nt = 20, onError: Pt, style: vn, id: An, ...Bt }, ir) => {
   const gr = kg(i, hK), En = kg(a, cK), Tn = An || "1";
-  return l("div", { ...Bt, style: { ...vn, ...u6 }, ref: ir, className: mn(["react-flow", o]), "data-testid": "rf__wrapper", id: An, children: y(xw, { children: [l(r6, { onInit: u, onMove: d, onMoveStart: p, onMoveEnd: f, onNodeClick: s, onEdgeClick: c, onNodeMouseEnter: x, onNodeMouseMove: S, onNodeMouseLeave: w, onNodeContextMenu: _, onNodeDoubleClick: T, nodeTypes: gr, edgeTypes: En, connectionLineType: K, connectionLineStyle: G, connectionLineComponent: te, connectionLineContainerStyle: re, selectionKeyCode: Q, selectionOnDrag: de, selectionMode: ue, deleteKeyCode: Y, multiSelectionKeyCode: se, panActivationKeyCode: ce, zoomActivationKeyCode: Ee, onlyRenderVisibleElements: oe, selectNodesOnDrag: Te, defaultViewport: Je, translateExtent: De, minZoom: He, maxZoom: ot, preventScrolling: Ye, zoomOnScroll: bt, zoomOnPinch: dt, zoomOnDoubleClick: Be, panOnScroll: et, panOnScrollSpeed: gt, panOnScrollMode: Me, panOnDrag: st, onPaneClick: $t, onPaneMouseEnter: mt, onPaneMouseMove: Ft, onPaneMouseLeave: wt, onPaneScroll: en, onPaneContextMenu: Ht, onSelectionContextMenu: D, onSelectionStart: M, onSelectionEnd: z, onEdgeUpdate: It, onEdgeContextMenu: on, onEdgeDoubleClick: St, onEdgeMouseEnter: On, onEdgeMouseMove: Ut, onEdgeMouseLeave: ie, onEdgeUpdateStart: pe, onEdgeUpdateEnd: be, edgeUpdaterRadius: ze, defaultMarkerColor: qe, noDragClassName: an, noWheelClassName: sn, noPanClassName: Rn, elevateEdgesOnSelect: je, rfId: Tn, disableKeyboardA11y: Le, nodeOrigin: Re, nodeExtent: Ke }), l(tK, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: h, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: v, nodesDraggable: U, nodesConnectable: Ce, nodesFocusable: ye, edgesFocusable: Ae, elementsSelectable: me, elevateNodesOnSelect: Pe, minZoom: He, maxZoom: ot, nodeExtent: Ke, onNodesChange: it, onEdgesChange: xt, snapToGrid: _e, snapGrid: X, connectionMode: F, translateExtent: De, connectOnClick: J, defaultEdgeOptions: we, fitView: Ot, fitViewOptions: I, onNodesDelete: R, onEdgesDelete: k, onNodeDragStart: O, onNodeDrag: N, onNodeDragStop: L, onSelectionDrag: E, onSelectionDragStart: $, onSelectionDragStop: A, noPanClassName: Rn, nodeOrigin: Re, rfId: Tn, autoPanOnConnect: Qe, autoPanOnNodeDrag: Ue, onError: Pt, connectionRadius: nt }), l(Jj, { onSelectionChange: P }), kt, l(kj, { proOptions: he, position: Z }), l(aK, { rfId: Tn, disableKeyboardA11y: Le })] }) });
+  return l("div", { ...Bt, style: { ...vn, ...u6 }, ref: ir, className: mn(["react-flow", o]), "data-testid": "rf__wrapper", id: An, children: y(xw, { children: [l(r6, { onInit: u, onMove: d, onMoveStart: p, onMoveEnd: f, onNodeClick: s, onEdgeClick: c, onNodeMouseEnter: x, onNodeMouseMove: S, onNodeMouseLeave: w, onNodeContextMenu: _, onNodeDoubleClick: T, nodeTypes: gr, edgeTypes: En, connectionLineType: K, connectionLineStyle: G, connectionLineComponent: te, connectionLineContainerStyle: re, selectionKeyCode: Q, selectionOnDrag: de, selectionMode: ue, deleteKeyCode: Y, multiSelectionKeyCode: se, panActivationKeyCode: ce, zoomActivationKeyCode: Ee, onlyRenderVisibleElements: oe, selectNodesOnDrag: Te, defaultViewport: Je, translateExtent: De, minZoom: He, maxZoom: ot, preventScrolling: Ye, zoomOnScroll: bt, zoomOnPinch: dt, zoomOnDoubleClick: Be, panOnScroll: et, panOnScrollSpeed: gt, panOnScrollMode: ke, panOnDrag: st, onPaneClick: $t, onPaneMouseEnter: mt, onPaneMouseMove: Ft, onPaneMouseLeave: wt, onPaneScroll: en, onPaneContextMenu: Ht, onSelectionContextMenu: D, onSelectionStart: M, onSelectionEnd: z, onEdgeUpdate: It, onEdgeContextMenu: on, onEdgeDoubleClick: St, onEdgeMouseEnter: On, onEdgeMouseMove: Ut, onEdgeMouseLeave: ie, onEdgeUpdateStart: pe, onEdgeUpdateEnd: be, edgeUpdaterRadius: ze, defaultMarkerColor: qe, noDragClassName: an, noWheelClassName: sn, noPanClassName: Rn, elevateEdgesOnSelect: je, rfId: Tn, disableKeyboardA11y: Le, nodeOrigin: Re, nodeExtent: Ke }), l(tK, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: h, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: v, nodesDraggable: U, nodesConnectable: Ce, nodesFocusable: ye, edgesFocusable: Ae, elementsSelectable: me, elevateNodesOnSelect: Pe, minZoom: He, maxZoom: ot, nodeExtent: Ke, onNodesChange: it, onEdgesChange: xt, snapToGrid: _e, snapGrid: X, connectionMode: F, translateExtent: De, connectOnClick: J, defaultEdgeOptions: we, fitView: Ot, fitViewOptions: I, onNodesDelete: R, onEdgesDelete: k, onNodeDragStart: O, onNodeDrag: N, onNodeDragStop: L, onSelectionDrag: E, onSelectionDragStart: $, onSelectionDragStop: A, noPanClassName: Rn, nodeOrigin: Re, rfId: Tn, autoPanOnConnect: Qe, autoPanOnNodeDrag: Ue, onError: Pt, connectionRadius: nt }), l(Jj, { onSelectionChange: P }), kt, l(kj, { proOptions: he, position: Z }), l(aK, { rfId: Tn, disableKeyboardA11y: Le })] }) });
 });
 Sw.displayName = "ReactFlow";
 const _w = ({ id: e, x: t, y: n, width: r, height: o, style: i, color: a, strokeColor: s, strokeWidth: c, className: u, borderRadius: d, shapeRendering: p, onClick: f }) => {
@@ -35225,7 +35225,7 @@ const Y6 = Nt(({
       type: "target",
       position: r,
       isConnectable: t
-    }), /* @__PURE__ */ l(ke, {
+    }), /* @__PURE__ */ l(Me, {
       sx: {
         position: "absolute",
         top: 0,
@@ -35315,7 +35315,7 @@ function J6({
   active: n,
   openSettings: r
 }) {
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     sx: {
       position: "relative"
     },
@@ -35370,7 +35370,7 @@ const e8 = ne(() => {
   const e = Ge(), t = vt((r) => () => e.views.setIDOfVIE(r), [e]), n = (r) => {
     e.editor.open(["_VIEWS_", r]);
   };
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     sx: {
       position: "relative"
     },
@@ -35942,7 +35942,7 @@ const e8 = ne(() => {
   const [n, r] = ee.useState(t.plainDefaultValue);
   return ee.useEffect(() => {
     r(t.plainDefaultValue);
-  }, [t]), /* @__PURE__ */ y(ke, {
+  }, [t]), /* @__PURE__ */ y(Me, {
     sx: {
       maxWidth: "480px"
     },
@@ -35999,7 +35999,7 @@ const e8 = ne(() => {
     grow: !0,
     spacing: 20,
     align: "top",
-    children: [/* @__PURE__ */ y(ke, {
+    children: [/* @__PURE__ */ y(Me, {
       sx: {
         maxWidth: "600px"
       },
@@ -36070,9 +36070,10 @@ const e8 = ne(() => {
   return r ? /* @__PURE__ */ y(q, {
     sx: {
       maxWidth: "1100px",
-      height: "100%"
+      height: "100vh"
     },
     spacing: "sm",
+    pb: 30,
     children: [/* @__PURE__ */ l(j, {
       position: "right",
       pt: 10,
@@ -36096,7 +36097,7 @@ const e8 = ne(() => {
         },
         children: "Delete this filter"
       })
-    }), /* @__PURE__ */ l(ke, {
+    }), /* @__PURE__ */ l(Me, {
       sx: {
         flexGrow: 1,
         maxHeight: "calc(100% - 52px)",
@@ -36302,7 +36303,7 @@ const S8 = ne(({
     }
   } = _n();
   return /* @__PURE__ */ l(yo, {
-    children: /* @__PURE__ */ l(ke, {
+    children: /* @__PURE__ */ l(Me, {
       sx: {
         height: "100%",
         flexGrow: 0,
@@ -36424,7 +36425,7 @@ function T8({
     columnResizeMode: "onChange",
     getCoreRowModel: vb()
   });
-  return e.length === 0 ? /* @__PURE__ */ l(ke, {
+  return e.length === 0 ? /* @__PURE__ */ l(Me, {
     sx: {
       height: "5em"
     }
@@ -36506,7 +36507,7 @@ const Aw = ne(function({
           })
         })]
       })]
-    }), /* @__PURE__ */ y(ke, {
+    }), /* @__PURE__ */ y(Me, {
       sx: {
         position: "relative",
         overflow: "auto"
@@ -36626,7 +36627,7 @@ const R8 = ee.forwardRef(function({
     const u = ve.cloneDeep(t);
     ve.set(u, s, c), n(u);
   };
-  return /* @__PURE__ */ y(ke, {
+  return /* @__PURE__ */ y(Me, {
     px: "sm",
     py: "md",
     ref: i,
@@ -36773,7 +36774,7 @@ const R8 = ee.forwardRef(function({
       className: "var-list-container",
       children: /* @__PURE__ */ y(q, {
         justify: "space-between",
-        children: [/* @__PURE__ */ l(ke, {
+        children: [/* @__PURE__ */ l(Me, {
           className: "var-list-actions",
           children: /* @__PURE__ */ l(fe, {
             variant: "light",
@@ -36900,7 +36901,7 @@ const B8 = ne(() => {
           size: 20
         })
       })
-    }), /* @__PURE__ */ l(ke, {
+    }), /* @__PURE__ */ l(Me, {
       pb: 50,
       sx: {
         maxHeight: "calc(100% - 80px)",
@@ -36936,7 +36937,7 @@ const B8 = ne(() => {
     width: "100%",
     height: "calc(100% - 36px)"
   },
-  children: [/* @__PURE__ */ l(ke, {
+  children: [/* @__PURE__ */ l(Me, {
     sx: {
       maxWidth: "calc(100% - 610px - 10px)",
       height: "100%",
@@ -37196,7 +37197,7 @@ const W8 = ne(({
 })), Z8 = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ l(ke, {
+}) => /* @__PURE__ */ l(Me, {
   sx: {
     position: "relative",
     flexGrow: 1
@@ -37623,7 +37624,7 @@ WHERE
 }) => {
   const t = Ge(), n = t.context.current, r = J3(e, n, t.mock_context.current, t.filters.values);
   return /* @__PURE__ */ l(gf, {
-    height: "400px",
+    height: "100%",
     value: r
   });
 }), sW = ne(({
@@ -37641,10 +37642,12 @@ WHERE
   }, [e]);
   const h = d !== e.value, g = ii();
   return /* @__PURE__ */ y(q, {
-    my: 0,
-    p: 0,
-    pt: "md",
-    pr: 20,
+    p: 20,
+    sx: {
+      maxWidth: "1100px",
+      height: "100vh"
+    },
+    spacing: "sm",
     children: [/* @__PURE__ */ y(j, {
       sx: {
         alignItems: "end"
@@ -37692,6 +37695,14 @@ WHERE
     }), /* @__PURE__ */ y(B, {
       value: r,
       onTabChange: o,
+      sx: {
+        flexGrow: 1
+      },
+      styles: {
+        panel: {
+          height: "calc(100% - 50px)"
+        }
+      },
       children: [/* @__PURE__ */ y(B.List, {
         sx: {
           position: "relative"
@@ -37720,7 +37731,7 @@ WHERE
         value: "SQL",
         pt: "sm",
         children: /* @__PURE__ */ l(gf, {
-          height: "400px",
+          height: "100%",
           value: d,
           onChange: p
         })
@@ -37737,17 +37748,10 @@ WHERE
   id: e
 }) => {
   const t = Ge(), n = le(() => t.sqlSnippets.findByKey(e), [e]);
-  return n ? /* @__PURE__ */ l(q, {
-    sx: {
-      maxWidth: "1100px",
-      height: "100%"
-    },
-    spacing: "sm",
-    children: /* @__PURE__ */ l(sW, {
-      item: n,
-      remove: () => t.sqlSnippets.removeByKey(e),
-      onKeyChanged: ve.noop
-    })
+  return n ? /* @__PURE__ */ l(sW, {
+    item: n,
+    remove: () => t.sqlSnippets.removeByKey(e),
+    onKeyChanged: ve.noop
   }) : /* @__PURE__ */ y(W, {
     size: 14,
     children: ["SQL Snippet by key[", e, "] is not found"]
@@ -37813,7 +37817,7 @@ WHERE
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ y(ke, {
+}) => /* @__PURE__ */ y(Me, {
   sx: {
     position: "relative"
   },
@@ -38037,7 +38041,7 @@ WHERE
         },
         children: "Delete this view"
       })
-    }), /* @__PURE__ */ l(ke, {
+    }), /* @__PURE__ */ l(Me, {
       sx: {
         flexGrow: 1,
         maxHeight: "calc(100% - 52px)",
@@ -38081,21 +38085,17 @@ const kW = ne(() => /* @__PURE__ */ l(q, {
   children: /* @__PURE__ */ l(Iw, {})
 })), MW = ne(() => {
   const e = Ge().editor, t = e.path;
-  return wW(t) ? /* @__PURE__ */ l(kW, {}) : xW(t) ? /* @__PURE__ */ l(v8, {}) : SW(t) ? /* @__PURE__ */ l(ke, {
+  return wW(t) ? /* @__PURE__ */ l(kW, {}) : xW(t) ? /* @__PURE__ */ l(v8, {}) : SW(t) ? /* @__PURE__ */ l(Me, {
     p: "xs",
     pl: 20,
     children: /* @__PURE__ */ l(m8, {
       id: t[1]
     })
-  }) : _W(t) ? /* @__PURE__ */ l(ke, {
-    p: "xs",
-    pl: 20,
-    children: /* @__PURE__ */ l(lW, {
-      id: t[1]
-    })
+  }) : _W(t) ? /* @__PURE__ */ l(lW, {
+    id: t[1]
   }) : CW(t) ? /* @__PURE__ */ l(iW, {
     id: t[1]
-  }) : EW(t) ? /* @__PURE__ */ l(ke, {
+  }) : EW(t) ? /* @__PURE__ */ l(Me, {
     p: "xs",
     pl: 20,
     children: /* @__PURE__ */ l(bW, {
@@ -38104,7 +38104,7 @@ const kW = ne(() => /* @__PURE__ */ l(q, {
   }) : TW(t) ? /* @__PURE__ */ l(G8, {
     viewID: t[1],
     panelID: t[3]
-  }) : /* @__PURE__ */ l(ke, {
+  }) : /* @__PURE__ */ l(Me, {
     children: e.path
   });
 }), OW = ne(() => (Ge().editor, /* @__PURE__ */ l(MW, {}))), RW = ne(() => {
@@ -38281,7 +38281,7 @@ const kW = ne(() => /* @__PURE__ */ l(q, {
   }, e.label);
 }), $W = ne(() => {
   const e = Ge();
-  return /* @__PURE__ */ l(ke, {
+  return /* @__PURE__ */ l(Me, {
     sx: {
       position: "relative"
     },
@@ -38451,7 +38451,7 @@ const kW = ne(() => /* @__PURE__ */ l(q, {
               }),
               navbar: /* @__PURE__ */ l(t8, {}),
               styles: FW,
-              children: /* @__PURE__ */ l(ke, {
+              children: /* @__PURE__ */ l(Me, {
                 className: `${o} dashboard-root`,
                 sx: {
                   position: "relative"
@@ -38499,7 +38499,7 @@ const DG = ne(({
             freezeLayout: ve.noop,
             inEditMode: !1
           },
-          children: /* @__PURE__ */ l(ke, {
+          children: /* @__PURE__ */ l(Me, {
             className: `${n} dashboard-root`,
             children: /* @__PURE__ */ l(pr.Provider, {
               value: c,