@devtable/dashboard 13.6.1 → 13.7.0

package/dist/dashboard.es.js

@@ -146,58 +146,58 @@ var ar = {};
 var mo;
 function cx() {
   return mo || (mo = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = L, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), f = Symbol.iterator, j = "@@iterator";
-    function T(v) {
-      if (v === null || typeof v != "object")
+    var t = L, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), f = Symbol.iterator, v = "@@iterator";
+    function T(j) {
+      if (j === null || typeof j != "object")
         return null;
-      var A = f && v[f] || v[j];
+      var A = f && j[f] || j[v];
       return typeof A == "function" ? A : null;
     }
     var E = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(v) {
+    function P(j) {
       {
         for (var A = arguments.length, V = new Array(A > 1 ? A - 1 : 0), U = 1; U < A; U++)
           V[U - 1] = arguments[U];
-        q("error", v, V);
+        q("error", j, V);
       }
     }
-    function q(v, A, V) {
+    function q(j, A, V) {
       {
         var U = E.ReactDebugCurrentFrame, de = U.getStackAddendum();
         de !== "" && (A += "%s", V = V.concat([de]));
         var fe = V.map(function(ce) {
           return String(ce);
         });
-        fe.unshift("Warning: " + A), Function.prototype.apply.call(console[v], console, fe);
+        fe.unshift("Warning: " + A), Function.prototype.apply.call(console[j], console, fe);
       }
     }
     var Z = !1, ae = !1, K = !1, J = !1, ve = !1, ye;
     ye = Symbol.for("react.module.reference");
-    function Ft(v) {
-      return !!(typeof v == "string" || typeof v == "function" || v === s || v === a || ve || v === i || v === d || v === u || J || v === p || Z || ae || K || typeof v == "object" && v !== null && (v.$$typeof === m || v.$$typeof === h || v.$$typeof === o || v.$$typeof === l || v.$$typeof === c || // This needs to include all possible module reference object
+    function Ft(j) {
+      return !!(typeof j == "string" || typeof j == "function" || j === s || j === a || ve || j === i || j === d || j === u || J || j === p || Z || ae || K || typeof j == "object" && j !== null && (j.$$typeof === m || j.$$typeof === h || j.$$typeof === o || j.$$typeof === l || j.$$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
       // with.
-      v.$$typeof === ye || v.getModuleId !== void 0));
+      j.$$typeof === ye || j.getModuleId !== void 0));
     }
-    function Ee(v, A, V) {
-      var U = v.displayName;
+    function Ee(j, A, V) {
+      var U = j.displayName;
       if (U)
         return U;
       var de = A.displayName || A.name || "";
       return de !== "" ? V + "(" + de + ")" : V;
     }
-    function Dr(v) {
-      return v.displayName || "Context";
+    function Dr(j) {
+      return j.displayName || "Context";
     }
-    function ot(v) {
-      if (v == null)
+    function ot(j) {
+      if (j == null)
         return null;
-      if (typeof v.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof v == "function")
-        return v.displayName || v.name || null;
-      if (typeof v == "string")
-        return v;
-      switch (v) {
+      if (typeof j.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof j == "function")
+        return j.displayName || j.name || null;
+      if (typeof j == "string")
+        return j;
+      switch (j) {
         case s:
           return "Fragment";
         case n:
@@ -211,21 +211,21 @@ function cx() {
         case u:
           return "SuspenseList";
       }
-      if (typeof v == "object")
-        switch (v.$$typeof) {
+      if (typeof j == "object")
+        switch (j.$$typeof) {
           case l:
-            var A = v;
+            var A = j;
             return Dr(A) + ".Consumer";
           case o:
-            var V = v;
+            var V = j;
             return Dr(V._context) + ".Provider";
           case c:
-            return Ee(v, v.render, "ForwardRef");
+            return Ee(j, j.render, "ForwardRef");
           case h:
-            var U = v.displayName || null;
-            return U !== null ? U : ot(v.type) || "Memo";
+            var U = j.displayName || null;
+            return U !== null ? U : ot(j.type) || "Memo";
           case m: {
-            var de = v, fe = de._payload, ce = de._init;
+            var de = j, fe = de._payload, ce = de._init;
             try {
               return ot(ce(fe));
             } catch {
@@ -243,20 +243,20 @@ function cx() {
       {
         if (rr === 0) {
           La = console.log, Ea = console.info, Aa = console.warn, Ra = console.error, $a = console.group, Pa = console.groupCollapsed, Oa = console.groupEnd;
-          var v = {
+          var j = {
             configurable: !0,
             enumerable: !0,
             value: Fa,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: v,
-            log: v,
-            warn: v,
-            error: v,
-            group: v,
-            groupCollapsed: v,
-            groupEnd: v
+            info: j,
+            log: j,
+            warn: j,
+            error: j,
+            group: j,
+            groupCollapsed: j,
+            groupEnd: j
           });
         }
         rr++;
@@ -265,31 +265,31 @@ function cx() {
     function $u() {
       {
         if (rr--, rr === 0) {
-          var v = {
+          var j = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: mn({}, v, {
+            log: mn({}, j, {
               value: La
             }),
-            info: mn({}, v, {
+            info: mn({}, j, {
               value: Ea
             }),
-            warn: mn({}, v, {
+            warn: mn({}, j, {
               value: Aa
             }),
-            error: mn({}, v, {
+            error: mn({}, j, {
               value: Ra
             }),
-            group: mn({}, v, {
+            group: mn({}, j, {
               value: $a
             }),
-            groupCollapsed: mn({}, v, {
+            groupCollapsed: mn({}, j, {
               value: Pa
             }),
-            groupEnd: mn({}, v, {
+            groupEnd: mn({}, j, {
               value: Oa
             })
           });
@@ -298,7 +298,7 @@ function cx() {
       }
     }
     var Ps = E.ReactCurrentDispatcher, Os;
-    function Mr(v, A, V) {
+    function Mr(j, A, V) {
       {
         if (Os === void 0)
           try {
@@ -308,7 +308,7 @@ function cx() {
             Os = U && U[1] || "";
           }
         return `
-` + Os + v;
+` + Os + j;
       }
     }
     var Fs = !1, Lr;
@@ -316,11 +316,11 @@ function cx() {
       var Pu = typeof WeakMap == "function" ? WeakMap : Map;
       Lr = new Pu();
     }
-    function Va(v, A) {
-      if (!v || Fs)
+    function Va(j, A) {
+      if (!j || Fs)
         return "";
       {
-        var V = Lr.get(v);
+        var V = Lr.get(j);
         if (V !== void 0)
           return V;
       }
@@ -345,14 +345,14 @@ function cx() {
             } catch (Vt) {
               U = Vt;
             }
-            Reflect.construct(v, [], ce);
+            Reflect.construct(j, [], ce);
           } else {
             try {
               ce.call();
             } catch (Vt) {
               U = Vt;
             }
-            v.call(ce.prototype);
+            j.call(ce.prototype);
           }
         } else {
           try {
@@ -360,7 +360,7 @@ function cx() {
           } catch (Vt) {
             U = Vt;
           }
-          v();
+          j();
         }
       } catch (Vt) {
         if (Vt && U && typeof Vt.stack == "string") {
@@ -375,7 +375,7 @@ function cx() {
                   if (ze--, Te--, Te < 0 || re[ze] !== Je[Te]) {
                     var ut = `
 ` + re[ze].replace(" at new ", " at ");
-                    return v.displayName && ut.includes("<anonymous>") && (ut = ut.replace("<anonymous>", v.displayName)), typeof v == "function" && Lr.set(v, ut), ut;
+                    return j.displayName && ut.includes("<anonymous>") && (ut = ut.replace("<anonymous>", j.displayName)), typeof j == "function" && Lr.set(j, ut), ut;
                   }
                 while (ze >= 1 && Te >= 0);
               break;
@@ -384,37 +384,37 @@ function cx() {
       } finally {
         Fs = !1, Ps.current = fe, $u(), Error.prepareStackTrace = de;
       }
-      var Rn = v ? v.displayName || v.name : "", Za = Rn ? Mr(Rn) : "";
-      return typeof v == "function" && Lr.set(v, Za), Za;
+      var Rn = j ? j.displayName || j.name : "", Za = Rn ? Mr(Rn) : "";
+      return typeof j == "function" && Lr.set(j, Za), Za;
     }
-    function Ou(v, A, V) {
-      return Va(v, !1);
+    function Ou(j, A, V) {
+      return Va(j, !1);
     }
-    function Fu(v) {
-      var A = v.prototype;
+    function Fu(j) {
+      var A = j.prototype;
       return !!(A && A.isReactComponent);
     }
-    function Er(v, A, V) {
-      if (v == null)
+    function Er(j, A, V) {
+      if (j == null)
         return "";
-      if (typeof v == "function")
-        return Va(v, Fu(v));
-      if (typeof v == "string")
-        return Mr(v);
-      switch (v) {
+      if (typeof j == "function")
+        return Va(j, Fu(j));
+      if (typeof j == "string")
+        return Mr(j);
+      switch (j) {
         case d:
           return Mr("Suspense");
         case u:
           return Mr("SuspenseList");
       }
-      if (typeof v == "object")
-        switch (v.$$typeof) {
+      if (typeof j == "object")
+        switch (j.$$typeof) {
           case c:
-            return Ou(v.render);
+            return Ou(j.render);
           case h:
-            return Er(v.type, A, V);
+            return Er(j.type, A, V);
           case m: {
-            var U = v, de = U._payload, fe = U._init;
+            var U = j, de = U._payload, fe = U._init;
             try {
               return Er(fe(de), A, V);
             } catch {
@@ -424,25 +424,25 @@ function cx() {
       return "";
     }
     var Ar = Object.prototype.hasOwnProperty, qa = {}, Na = E.ReactDebugCurrentFrame;
-    function Rr(v) {
-      if (v) {
-        var A = v._owner, V = Er(v.type, v._source, A ? A.type : null);
+    function Rr(j) {
+      if (j) {
+        var A = j._owner, V = Er(j.type, j._source, A ? A.type : null);
         Na.setExtraStackFrame(V);
       } else
         Na.setExtraStackFrame(null);
     }
-    function Vu(v, A, V, U, de) {
+    function Vu(j, A, V, U, de) {
       {
         var fe = Function.call.bind(Ar);
-        for (var ce in v)
-          if (fe(v, ce)) {
+        for (var ce in j)
+          if (fe(j, ce)) {
             var re = void 0;
             try {
-              if (typeof v[ce] != "function") {
-                var Je = Error((U || "React class") + ": " + V + " type `" + ce + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof v[ce] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof j[ce] != "function") {
+                var Je = Error((U || "React class") + ": " + V + " type `" + ce + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof j[ce] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Je.name = "Invariant Violation", Je;
               }
-              re = v[ce](A, ce, U, V, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              re = j[ce](A, ce, U, V, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ze) {
               re = ze;
             }
@@ -451,28 +451,28 @@ function cx() {
       }
     }
     var qu = Array.isArray;
-    function Vs(v) {
-      return qu(v);
+    function Vs(j) {
+      return qu(j);
     }
-    function Nu(v) {
+    function Nu(j) {
       {
-        var A = typeof Symbol == "function" && Symbol.toStringTag, V = A && v[Symbol.toStringTag] || v.constructor.name || "Object";
+        var A = typeof Symbol == "function" && Symbol.toStringTag, V = A && j[Symbol.toStringTag] || j.constructor.name || "Object";
         return V;
       }
     }
-    function Bu(v) {
+    function Bu(j) {
       try {
-        return Ba(v), !1;
+        return Ba(j), !1;
       } catch {
         return !0;
       }
     }
-    function Ba(v) {
-      return "" + v;
+    function Ba(j) {
+      return "" + j;
     }
-    function Wa(v) {
-      if (Bu(v))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Nu(v)), Ba(v);
+    function Wa(j) {
+      if (Bu(j))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Nu(j)), Ba(j);
     }
     var sr = E.ReactCurrentOwner, Wu = {
       key: !0,
@@ -481,56 +481,56 @@ function cx() {
       __source: !0
     }, Ga, Qa, qs;
     qs = {};
-    function Gu(v) {
-      if (Ar.call(v, "ref")) {
-        var A = Object.getOwnPropertyDescriptor(v, "ref").get;
+    function Gu(j) {
+      if (Ar.call(j, "ref")) {
+        var A = Object.getOwnPropertyDescriptor(j, "ref").get;
         if (A && A.isReactWarning)
           return !1;
       }
-      return v.ref !== void 0;
+      return j.ref !== void 0;
     }
-    function Qu(v) {
-      if (Ar.call(v, "key")) {
-        var A = Object.getOwnPropertyDescriptor(v, "key").get;
+    function Qu(j) {
+      if (Ar.call(j, "key")) {
+        var A = Object.getOwnPropertyDescriptor(j, "key").get;
         if (A && A.isReactWarning)
           return !1;
       }
-      return v.key !== void 0;
+      return j.key !== void 0;
     }
-    function Hu(v, A) {
-      if (typeof v.ref == "string" && sr.current && A && sr.current.stateNode !== A) {
+    function Hu(j, A) {
+      if (typeof j.ref == "string" && sr.current && A && sr.current.stateNode !== A) {
         var V = ot(sr.current.type);
-        qs[V] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ot(sr.current.type), v.ref), qs[V] = !0);
+        qs[V] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ot(sr.current.type), j.ref), qs[V] = !0);
       }
     }
-    function Uu(v, A) {
+    function Uu(j, A) {
       {
         var V = function() {
           Ga || (Ga = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", A));
         };
-        V.isReactWarning = !0, Object.defineProperty(v, "key", {
+        V.isReactWarning = !0, Object.defineProperty(j, "key", {
           get: V,
           configurable: !0
         });
       }
     }
-    function Yu(v, A) {
+    function Yu(j, A) {
       {
         var V = function() {
           Qa || (Qa = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", A));
         };
-        V.isReactWarning = !0, Object.defineProperty(v, "ref", {
+        V.isReactWarning = !0, Object.defineProperty(j, "ref", {
           get: V,
           configurable: !0
         });
       }
     }
-    var Ku = function(v, A, V, U, de, fe, ce) {
+    var Ku = function(j, A, V, U, de, fe, ce) {
       var re = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
-        type: v,
+        type: j,
         key: A,
         ref: V,
         props: ce,
@@ -554,53 +554,53 @@ function cx() {
         value: de
       }), Object.freeze && (Object.freeze(re.props), Object.freeze(re)), re;
     };
-    function Ju(v, A, V, U, de) {
+    function Ju(j, A, V, U, de) {
       {
         var fe, ce = {}, re = null, Je = null;
         V !== void 0 && (Wa(V), re = "" + V), Qu(A) && (Wa(A.key), re = "" + A.key), Gu(A) && (Je = A.ref, Hu(A, de));
         for (fe in A)
           Ar.call(A, fe) && !Wu.hasOwnProperty(fe) && (ce[fe] = A[fe]);
-        if (v && v.defaultProps) {
-          var ze = v.defaultProps;
+        if (j && j.defaultProps) {
+          var ze = j.defaultProps;
           for (fe in ze)
             ce[fe] === void 0 && (ce[fe] = ze[fe]);
         }
         if (re || Je) {
-          var Te = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
+          var Te = typeof j == "function" ? j.displayName || j.name || "Unknown" : j;
           re && Uu(ce, Te), Je && Yu(ce, Te);
         }
-        return Ku(v, re, Je, de, U, sr.current, ce);
+        return Ku(j, re, Je, de, U, sr.current, ce);
       }
     }
     var Ns = E.ReactCurrentOwner, Ha = E.ReactDebugCurrentFrame;
-    function An(v) {
-      if (v) {
-        var A = v._owner, V = Er(v.type, v._source, A ? A.type : null);
+    function An(j) {
+      if (j) {
+        var A = j._owner, V = Er(j.type, j._source, A ? A.type : null);
         Ha.setExtraStackFrame(V);
       } else
         Ha.setExtraStackFrame(null);
     }
     var Bs;
     Bs = !1;
-    function Ws(v) {
-      return typeof v == "object" && v !== null && v.$$typeof === e;
+    function Ws(j) {
+      return typeof j == "object" && j !== null && j.$$typeof === e;
     }
     function Ua() {
       {
         if (Ns.current) {
-          var v = ot(Ns.current.type);
-          if (v)
+          var j = ot(Ns.current.type);
+          if (j)
             return `
 
-Check the render method of \`` + v + "`.";
+Check the render method of \`` + j + "`.";
         }
         return "";
       }
     }
-    function Xu(v) {
+    function Xu(j) {
       {
-        if (v !== void 0) {
-          var A = v.fileName.replace(/^.*[\\\/]/, ""), V = v.lineNumber;
+        if (j !== void 0) {
+          var A = j.fileName.replace(/^.*[\\\/]/, ""), V = j.lineNumber;
           return `
 
 Check your code at ` + A + ":" + V + ".";
@@ -609,11 +609,11 @@ Check your code at ` + A + ":" + V + ".";
       }
     }
     var Ya = {};
-    function Zu(v) {
+    function Zu(j) {
       {
         var A = Ua();
         if (!A) {
-          var V = typeof v == "string" ? v : v.displayName || v.name;
+          var V = typeof j == "string" ? j : j.displayName || j.name;
           V && (A = `
 
 Check the top-level render call using <` + V + ">.");
@@ -621,41 +621,41 @@ Check the top-level render call using <` + V + ">.");
         return A;
       }
     }
-    function Ka(v, A) {
+    function Ka(j, A) {
       {
-        if (!v._store || v._store.validated || v.key != null)
+        if (!j._store || j._store.validated || j.key != null)
           return;
-        v._store.validated = !0;
+        j._store.validated = !0;
         var V = Zu(A);
         if (Ya[V])
           return;
         Ya[V] = !0;
         var U = "";
-        v && v._owner && v._owner !== Ns.current && (U = " It was passed a child from " + ot(v._owner.type) + "."), An(v), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', V, U), An(null);
+        j && j._owner && j._owner !== Ns.current && (U = " It was passed a child from " + ot(j._owner.type) + "."), An(j), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', V, U), An(null);
       }
     }
-    function Ja(v, A) {
+    function Ja(j, A) {
       {
-        if (typeof v != "object")
+        if (typeof j != "object")
           return;
-        if (Vs(v))
-          for (var V = 0; V < v.length; V++) {
-            var U = v[V];
+        if (Vs(j))
+          for (var V = 0; V < j.length; V++) {
+            var U = j[V];
             Ws(U) && Ka(U, A);
           }
-        else if (Ws(v))
-          v._store && (v._store.validated = !0);
-        else if (v) {
-          var de = T(v);
-          if (typeof de == "function" && de !== v.entries)
-            for (var fe = de.call(v), ce; !(ce = fe.next()).done; )
+        else if (Ws(j))
+          j._store && (j._store.validated = !0);
+        else if (j) {
+          var de = T(j);
+          if (typeof de == "function" && de !== j.entries)
+            for (var fe = de.call(j), ce; !(ce = fe.next()).done; )
               Ws(ce.value) && Ka(ce.value, A);
         }
       }
     }
-    function eh(v) {
+    function eh(j) {
       {
-        var A = v.type;
+        var A = j.type;
         if (A == null || typeof A == "string")
           return;
         var V;
@@ -669,7 +669,7 @@ Check the top-level render call using <` + V + ">.");
           return;
         if (V) {
           var U = ot(A);
-          Vu(V, v.props, "prop", U, v);
+          Vu(V, j.props, "prop", U, j);
         } else if (A.PropTypes !== void 0 && !Bs) {
           Bs = !0;
           var de = ot(A);
@@ -678,30 +678,30 @@ Check the top-level render call using <` + V + ">.");
         typeof A.getDefaultProps == "function" && !A.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function th(v) {
+    function th(j) {
       {
-        for (var A = Object.keys(v.props), V = 0; V < A.length; V++) {
+        for (var A = Object.keys(j.props), V = 0; V < A.length; V++) {
           var U = A[V];
           if (U !== "children" && U !== "key") {
-            An(v), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", U), An(null);
+            An(j), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", U), An(null);
             break;
           }
         }
-        v.ref !== null && (An(v), P("Invalid attribute `ref` supplied to `React.Fragment`."), An(null));
+        j.ref !== null && (An(j), P("Invalid attribute `ref` supplied to `React.Fragment`."), An(null));
       }
     }
-    function Xa(v, A, V, U, de, fe) {
+    function Xa(j, A, V, U, de, fe) {
       {
-        var ce = Ft(v);
+        var ce = Ft(j);
         if (!ce) {
           var re = "";
-          (v === void 0 || typeof v == "object" && v !== null && Object.keys(v).length === 0) && (re += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (j === void 0 || typeof j == "object" && j !== null && Object.keys(j).length === 0) && (re += " 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 Je = Xu(de);
           Je ? re += Je : re += Ua();
           var ze;
-          v === null ? ze = "null" : Vs(v) ? ze = "array" : v !== void 0 && v.$$typeof === e ? (ze = "<" + (ot(v.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : ze = typeof v, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ze, re);
+          j === null ? ze = "null" : Vs(j) ? ze = "array" : j !== void 0 && j.$$typeof === e ? (ze = "<" + (ot(j.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : ze = typeof j, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ze, re);
         }
-        var Te = Ju(v, A, V, de, fe);
+        var Te = Ju(j, A, V, de, fe);
         if (Te == null)
           return Te;
         if (ce) {
@@ -710,21 +710,21 @@ Check the top-level render call using <` + V + ">.");
             if (U)
               if (Vs(ut)) {
                 for (var Rn = 0; Rn < ut.length; Rn++)
-                  Ja(ut[Rn], v);
+                  Ja(ut[Rn], j);
                 Object.freeze && Object.freeze(ut);
               } else
                 P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ja(ut, v);
+              Ja(ut, j);
         }
-        return v === s ? th(Te) : eh(Te), Te;
+        return j === s ? th(Te) : eh(Te), Te;
       }
     }
-    function nh(v, A, V) {
-      return Xa(v, A, V, !0);
+    function nh(j, A, V) {
+      return Xa(j, A, V, !0);
     }
-    function rh(v, A, V) {
-      return Xa(v, A, V, !1);
+    function rh(j, A, V) {
+      return Xa(j, A, V, !1);
     }
     var sh = rh, ih = nh;
     ar.Fragment = s, ar.jsx = sh, ar.jsxs = ih;
@@ -1731,7 +1731,7 @@ class Pi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const cc = "13.6.1", ng = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const cc = "13.7.0", ng = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: cc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1925,7 +1925,7 @@ function ag({
     y: O(o),
     z: O(l)
   }), [a, o, l]), {
-    min: j,
+    min: v,
     max: T
   } = C(() => {
     const P = zh(h, (Z) => Z[f.columnKey]), q = Ih(h, (Z) => Z[f.columnKey]);
@@ -1939,7 +1939,7 @@ function ag({
     visualMap: {
       show: !0,
       dimension: 2,
-      min: j,
+      min: v,
       max: T,
       inRange: {
         color: ["#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8", "#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026"]
@@ -2286,12 +2286,12 @@ const Ct = ne(({
     }));
   }, f = () => {
     p(Ue().func_content);
-  }, j = n ?? i("chart.axis.customize_label");
+  }, v = n ?? i("chart.axis.customize_label");
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(I, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
-    }, children: j }),
-    /* @__PURE__ */ r.jsx(we, { size: 800, title: j, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
+    }, children: v }),
+    /* @__PURE__ */ r.jsx(we, { size: 800, title: v, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(ee, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (T) => u(T.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(_g, { value: c.func_content, onChange: p, disabled: !c.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -3278,7 +3278,7 @@ const uf = z(({
     variables: l
   } = t, c = df(i, n), d = async () => {
     const p = await i.triggerManager.createOrGetTrigger(Cn(), i.triggerManager.getTriggerSchemaList()[0]), f = await i.operationManager.createOrGetOperation(Cn(), i.operationManager.getOperationSchemaList()[0]);
-    await i.addInteraction(p, f), s((j) => j + 1);
+    await i.addInteraction(p, f), s((v) => v + 1);
   };
   async function u(p) {
     await i.removeInteraction(p.id), s((f) => f + 1);
@@ -3397,20 +3397,20 @@ function vf(t, e) {
   const n = [], s = [];
   return {
     boxplotData: Object.entries(t).map(([a, o]) => {
-      const l = o.map((E) => E[e]).sort((E, P) => E - P), c = Br(l, 0.25) ?? 0, d = Br(l, 0.5) ?? 0, u = Br(l, 0.75) ?? 0, h = u - c, m = c - 1.5 * h, p = u + 1.5 * h, f = Math.max(l[0], m), j = Math.min(S.last(l) ?? 0, p);
+      const l = o.map((E) => E[e]).sort((E, P) => E - P), c = Br(l, 0.25) ?? 0, d = Br(l, 0.5) ?? 0, u = Br(l, 0.75) ?? 0, h = u - c, m = c - 1.5 * h, p = u + 1.5 * h, f = Math.max(l[0], m), v = Math.min(S.last(l) ?? 0, p);
       return o.filter((E) => {
         const P = E[e];
-        return P < f || P > j;
+        return P < f || P > v;
       }).forEach((E) => n.push([a, E[e], E])), o.filter((E) => {
         const P = E[e];
-        return P >= f && P <= j;
+        return P >= f && P <= v;
       }).forEach((E) => s.push([a, E[e], E])), {
         name: a,
         min: f,
         q1: c,
         median: d,
         q3: u,
-        max: j
+        max: v
       };
     }),
     outliersData: n,
@@ -3533,7 +3533,7 @@ function Cf(t, e, n) {
     median: e.coord([l, h]),
     q3: e.coord([l, m]),
     max: e.coord([l, p])
-  }, j = {
+  }, v = {
     left: o[1].offset,
     center: (o[1].offset + o[1].width) / 2,
     right: o[1].width
@@ -3543,35 +3543,35 @@ function Cf(t, e, n) {
   }, E = [
     // max
     {
-      x1: f.max[0] + j.left,
-      x2: f.max[0] + j.right,
+      x1: f.max[0] + v.left,
+      x2: f.max[0] + v.right,
       y1: f.max[1],
       y2: f.max[1]
     },
     // median
     {
-      x1: f.median[0] + j.left,
-      x2: f.median[0] + j.right,
+      x1: f.median[0] + v.left,
+      x2: f.median[0] + v.right,
       y1: f.median[1],
       y2: f.median[1]
     },
     // min
     {
-      x1: f.min[0] + j.left,
-      x2: f.min[0] + j.right,
+      x1: f.min[0] + v.left,
+      x2: f.min[0] + v.right,
       y1: f.min[1],
       y2: f.min[1]
     },
     // vertical center lines
     {
-      x1: f.min[0] + j.center,
-      x2: f.min[0] + j.center,
+      x1: f.min[0] + v.center,
+      x2: f.min[0] + v.center,
       y1: f.min[1],
       y2: f.q1[1]
     },
     {
-      x1: f.max[0] + j.center,
-      x2: f.max[0] + j.center,
+      x1: f.max[0] + v.center,
+      x2: f.max[0] + v.center,
       y1: f.max[1],
       y2: f.q3[1]
     }
@@ -3588,9 +3588,9 @@ function Cf(t, e, n) {
   }), T.children.push({
     type: "rect",
     shape: {
-      x: f.q1[0] + j.left,
+      x: f.q1[0] + v.left,
       y: f.q1[1],
-      width: j.right - j.left,
+      width: v.right - v.left,
       height: f.q3[1] - f.q1[1]
     },
     style: {
@@ -3922,13 +3922,13 @@ function Nf({
   } = t.viewport, c = je({}, s, Vi), d = yt({
     vizManager: t.vizManager,
     instance: e
-  }), u = bt(d.triggerManager, Sc.id), h = En(a, c.x_axis.data_key), m = Ge((j) => {
-    const T = S.get(h, j.name, {
+  }), u = bt(d.triggerManager, Sc.id), h = En(a, c.x_axis.data_key), m = Ge((v) => {
+    const T = S.get(h, v.name, {
       error: "rowData is not found"
     });
     u.forEach((E) => {
       d.runInteraction(E.id, {
-        ...j,
+        ...v,
         rowData: T
       });
     });
@@ -4126,7 +4126,7 @@ function Qf(t) {
   } = Mc(), [l, c] = Q(a), [d, {
     setTrue: u,
     setFalse: h
-  }] = st(!1), m = i % 2 === 1, p = m && a != null, f = !m && a != null, j = `map ${a} to color ${i}`, T = () => {
+  }] = st(!1), m = i % 2 === 1, p = m && a != null, f = !m && a != null, v = `map ${a} to color ${i}`, T = () => {
     c(a), h();
   }, E = () => {
     h(), n == null || n(l);
@@ -4137,7 +4137,7 @@ function Qf(t) {
     absolute: !1
   });
   return /* @__PURE__ */ r.jsxs("div", { "data-testid": `palette-item-${i}`, className: o.paletteItem, children: [
-    /* @__PURE__ */ r.jsx(w, { title: j, style: {
+    /* @__PURE__ */ r.jsx(w, { title: v, style: {
       opacity: p ? 1 : 0
     }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: P }),
     /* @__PURE__ */ r.jsxs(qn, { width: 200, trapFocus: !0, opened: d, onClose: h, zIndex: 340, withinPortal: !0, children: [
@@ -4155,7 +4155,7 @@ function Qf(t) {
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ r.jsx(w, { title: j, style: {
+    /* @__PURE__ */ r.jsx(w, { title: v, style: {
       opacity: f ? 1 : 0
     }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: P })
   ] });
@@ -4194,7 +4194,7 @@ const Hf = z(({
       interpolation: P
     }));
   }
-  const j = () => {
+  const v = () => {
     m(), i == null || i(Jt(l));
   };
   function T(P) {
@@ -4213,7 +4213,7 @@ const Hf = z(({
       /* @__PURE__ */ r.jsx(Uf, { steps: l.steps, interpolation: d, onChange: T }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(I, { onClick: E, variant: "subtle", children: e("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: j, children: e("common.actions.save") })
+        /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: v, children: e("common.actions.save") })
       ] })
     ] }) })
   ] });
@@ -4315,20 +4315,20 @@ const Hf = z(({
   } = ps({
     control: t,
     name: n
-  }), m = e(n), p = d.map((j, T) => ({
-    ...j,
+  }), m = e(n), p = d.map((v, T) => ({
+    ...v,
     ...m[T]
   })), f = () => {
     u(s());
   };
   return /* @__PURE__ */ r.jsxs(_, { defaultValue: "0", styles: Zf, children: [
     /* @__PURE__ */ r.jsxs(_.List, { children: [
-      p.map((j, T) => /* @__PURE__ */ r.jsx(_.Tab, { value: T.toString(), children: l(j, T) }, j.id)),
+      p.map((v, T) => /* @__PURE__ */ r.jsx(_.Tab, { value: T.toString(), children: l(v, T) }, v.id)),
       /* @__PURE__ */ r.jsx(_.Tab, { onClick: f, value: "add", children: /* @__PURE__ */ r.jsx(xe, { label: a, children: /* @__PURE__ */ r.jsx(an, { children: /* @__PURE__ */ r.jsx(wt, { size: 18, color: "#228be6" }) }) }) })
     ] }),
-    p.map((j, T) => /* @__PURE__ */ r.jsx(_.Panel, { value: T.toString(), children: /* @__PURE__ */ r.jsxs(k, { children: [
+    p.map((v, T) => /* @__PURE__ */ r.jsx(_.Panel, { value: T.toString(), children: /* @__PURE__ */ r.jsxs(k, { children: [
       i({
-        field: j,
+        field: v,
         index: T
       }),
       /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed" }),
@@ -4336,11 +4336,11 @@ const Hf = z(({
         top: 15,
         right: 5
       }, disabled: c == null ? void 0 : c({
-        field: j,
+        field: v,
         index: T,
         fields: p
       }), children: o })
-    ] }) }, j.id))
+    ] }) }, v.id))
   ] });
 }, Cs = ne(({
   value: t,
@@ -5074,8 +5074,8 @@ const Wi = {
     width: h,
     height: m
   } = t.viewport, p = i.payloadForSQL, f = () => {
-    s.forEach((j) => {
-      n.runInteraction(j.id, {});
+    s.forEach((v) => {
+      n.runInteraction(v.id, {});
     });
   };
   return /* @__PURE__ */ r.jsx(an, { sx: {
@@ -5445,7 +5445,7 @@ function Bb({
       columnKey: c
     } = O(a.y_axis_data_key), d = S.groupBy(ys(n, a.y_axis_data_key), l);
     Object.entries(d).forEach(([u, h]) => {
-      const m = h.map((f, j) => [j, Number(f[c])]);
+      const m = h.map((f, v) => [v, Number(f[c])]);
       i(a, u, u, m);
     });
   }), s;
@@ -5611,7 +5611,7 @@ function Xb({
   symbolSize: h,
   hide_in_legend: m,
   ...p
-}, f, j, T, E) {
+}, f, v, T, E) {
   const P = e.type !== "category", q = {
     label: {
       show: !!i,
@@ -5623,7 +5623,7 @@ function Xb({
     yAxisIndex: s,
     stack: c,
     color: d,
-    symbolSize: Jb(h, j, t, T),
+    symbolSize: Jb(h, v, t, T),
     hide_in_legend: m,
     labelLayout: {
       hideOverlap: !0
@@ -5643,7 +5643,7 @@ function Xb({
   }), !o || o === t)
     return q.data = Yb({
       dataTemplate: f,
-      data: j,
+      data: v,
       aggregation_on_value: l,
       x_axis_data_key: t,
       y_axis_data_key: n,
@@ -5651,7 +5651,7 @@ function Xb({
     }), q;
   const Z = Kb({
     group_by_key: o,
-    data: j,
+    data: v,
     x_axis_data_key: t,
     y_axis_data_key: n
   });
@@ -5698,12 +5698,12 @@ function ny(t, e, n, s) {
       }) => {
         if (Array.isArray(p) && p.length === 2 && (p = p[1]), !h)
           return p;
-        const f = i[h], j = s[f] ?? s.default;
+        const f = i[h], v = s[f] ?? s.default;
         return `
         <tr>
           <td>${m}</td>
           <th style="text-align: right; padding: 0 1em;">${h}</th>
-          <td style="text-align: left; padding: 0 1em;">${j({
+          <td style="text-align: left; padding: 0 1em;">${v({
           value: p
         })}</td>
         </tr>
@@ -5888,8 +5888,8 @@ function dy({
     const f = S.get(o, p.name, {
       error: "rowData is not found"
     });
-    l.forEach((j) => {
-      i.runInteraction(j.id, {
+    l.forEach((v) => {
+      i.runInteraction(v.id, {
         ...p,
         rowData: f
       });
@@ -5936,12 +5936,12 @@ function uy({
       top: gr(T.top, i, o),
       bottom: gr(T.bottom, i, o)
     };
-  }, [a, o]), f = Math.max(0, kt(c) - u - m), j = St(l);
+  }, [a, o]), f = Math.max(0, kt(c) - u - m), v = St(l);
   return /* @__PURE__ */ r.jsxs(it, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: bo(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(p.top).map((T, E) => /* @__PURE__ */ r.jsx(L.Fragment, { children: T }, E)) }),
-    /* @__PURE__ */ r.jsx(dy, { variables: i, width: j, height: f, data: o, conf: a, interactionManager: n }),
+    /* @__PURE__ */ r.jsx(dy, { variables: i, width: v, height: f, data: o, conf: a, interactionManager: n }),
     /* @__PURE__ */ r.jsx(w, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
       display: bo(a.stats.templates.bottom) ? "block" : "none"
     }, children: Object.values(p.bottom).map((T, E) => /* @__PURE__ */ r.jsx(L.Fragment, { children: T }, E)) })
@@ -7665,8 +7665,8 @@ class ht {
         let m = d ? e == c ? -1 : e == h ? 1 : n : n, p = c + i + (m < 0 ? 0 : u);
         if (s)
           return p;
-        let f = e == (n < 0 ? c : h) ? null : Ty(l / 3, e - c), j = e == c ? Bc : e == h ? Nc : Qr;
-        return (n < 0 ? e != c : e != h) && (j |= Wc), new wo(p, j, f);
+        let f = e == (n < 0 ? c : h) ? null : Ty(l / 3, e - c), v = e == c ? Bc : e == h ? Nc : Qr;
+        return (n < 0 ? e != c : e != h) && (v |= Wc), new wo(p, v, f);
       }
       i += u - d;
     }
@@ -8111,8 +8111,8 @@ function Hr(t, e, n = 1, s) {
       return !1;
     let p = h.content.cutByIndex(m, h.childCount), f = s && s[u + 1];
     f && (p = p.replaceChild(0, f.type.create(f.attrs)));
-    let j = s && s[u] || h;
-    if (!h.canReplace(m + 1, h.childCount) || !j.type.validContent(p))
+    let v = s && s[u] || h;
+    if (!h.canReplace(m + 1, h.childCount) || !v.type.validContent(p))
       return !1;
   }
   let l = i.indexAfter(a), c = s && s[0];
@@ -8701,8 +8701,8 @@ class $y {
   }
   createChain(e, n = !0) {
     const { rawCommands: s, editor: i, state: a } = this, { view: o } = i, l = [], c = !!e, d = e || a.tr, u = () => (!c && n && !d.getMeta("preventDispatch") && !this.hasCustomState && o.dispatch(d), l.every((m) => m === !0)), h = {
-      ...Object.fromEntries(Object.entries(s).map(([m, p]) => [m, (...j) => {
-        const T = this.buildProps(d, n), E = p(...j)(T);
+      ...Object.fromEntries(Object.entries(s).map(([m, p]) => [m, (...v) => {
+        const T = this.buildProps(d, n), E = p(...v)(T);
         return l.push(E), h;
       }])),
       run: u
@@ -8868,8 +8868,8 @@ const By = () => ({ editor: t, view: e }) => (requestAnimationFrame(() => {
         return;
       const f = Ly(p);
       if (l.type.isTextblock) {
-        const { defaultType: j } = h.parent.contentMatchAt(h.index());
-        e.setNodeMarkup(p.start, j);
+        const { defaultType: v } = h.parent.contentMatchAt(h.index());
+        e.setNodeMarkup(p.start, v);
       }
       (f || f === 0) && e.lift(p, f);
     });
@@ -9198,11 +9198,11 @@ function E_(t, e, n = {}) {
   const l = [];
   if (i.forEach(({ $from: h, $to: m }) => {
     const p = h.pos, f = m.pos;
-    t.doc.nodesBetween(p, f, (j, T) => {
-      if (!j.isText && !j.marks.length)
+    t.doc.nodesBetween(p, f, (v, T) => {
+      if (!v.isText && !v.marks.length)
         return;
-      const E = Math.max(p, T), P = Math.min(f, T + j.nodeSize), q = P - E;
-      o += q, l.push(...j.marks.map((Z) => ({
+      const E = Math.max(p, T), P = Math.min(f, T + v.nodeSize), q = P - E;
+      o += q, l.push(...v.marks.map((Z) => ({
         mark: Z,
         from: E,
         to: P
@@ -9239,7 +9239,7 @@ function A_(t, e, n) {
       if (d)
         return !1;
       if (u.isInline) {
-        const p = !m || m.type.allowsMarkType(n), f = !!n.isInSet(u.marks) || !u.marks.some((j) => j.type.excludes(n));
+        const p = !m || m.type.allowsMarkType(n), f = !!n.isInSet(u.marks) || !u.marks.some((v) => v.type.excludes(n));
         d = p && f;
       }
       return !d;
@@ -9259,13 +9259,13 @@ const R_ = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
       l.forEach((d) => {
         const u = d.$from.pos, h = d.$to.pos;
         s.doc.nodesBetween(u, h, (m, p) => {
-          const f = Math.max(p, u), j = Math.min(p + m.nodeSize, h);
+          const f = Math.max(p, u), v = Math.min(p + m.nodeSize, h);
           m.marks.find((E) => E.type === c) ? m.marks.forEach((E) => {
-            c === E.type && n.addMark(f, j, c.create({
+            c === E.type && n.addMark(f, v, c.create({
               ...E.attrs,
               ...e
             }));
-          }) : n.addMark(f, j, c.create(e));
+          }) : n.addMark(f, v, c.create(e));
         });
       });
   return A_(s, n, c);
@@ -9317,7 +9317,7 @@ const q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
         attrs: u
       }
     ] : void 0), f && (e.split(e.mapping.map(l.pos), 1, p), m && !h && !l.parentOffset && l.parent.type !== m)) {
-      const j = e.mapping.map(l.before()), T = e.doc.resolve(j);
+      const v = e.mapping.map(l.before()), T = e.doc.resolve(v);
       l.node(-1).canReplaceWith(T.index(), T.index() + 1, m) && e.setNodeMarkup(e.mapping.map(l.before()), m);
     }
     t && Mo(n, i.extensionManager.splittableMarks), e.scrollIntoView();
@@ -9355,7 +9355,7 @@ const q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   }
   const m = c.pos === l.end() ? u.contentMatchAt(0).defaultType : null, p = Ur(h, u.type.name, u.attrs), f = Ur(h, l.node().type.name, l.node().attrs);
   e.delete(l.pos, c.pos);
-  const j = m ? [
+  const v = m ? [
     { type: o, attrs: p },
     { type: m, attrs: f }
   ] : [{ type: o, attrs: p }];
@@ -9363,7 +9363,7 @@ const q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     return !1;
   if (s) {
     const { selection: T, storedMarks: E } = n, { splittableMarks: P } = i.extensionManager, q = E || T.$to.parentOffset && T.$from.marks();
-    if (e.split(l.pos, 2, j).scrollIntoView(), !q || !s)
+    if (e.split(l.pos, 2, v).scrollIntoView(), !q || !s)
       return !0;
     const Z = q.filter((ae) => P.includes(ae.type.name));
     e.ensureMarks(Z);
@@ -9388,10 +9388,10 @@ const q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   const i = t.doc.nodeAt(s);
   return n.node.type === (i == null ? void 0 : i.type) && Gc(t.doc, s) && t.join(s), !0;
 }, B_ = (t, e, n, s = {}) => ({ editor: i, tr: a, state: o, dispatch: l, chain: c, commands: d, can: u }) => {
-  const { extensions: h, splittableMarks: m } = i.extensionManager, p = Ye(t, o.schema), f = Ye(e, o.schema), { selection: j, storedMarks: T } = o, { $from: E, $to: P } = j, q = E.blockRange(P), Z = T || j.$to.parentOffset && j.$from.marks();
+  const { extensions: h, splittableMarks: m } = i.extensionManager, p = Ye(t, o.schema), f = Ye(e, o.schema), { selection: v, storedMarks: T } = o, { $from: E, $to: P } = v, q = E.blockRange(P), Z = T || v.$to.parentOffset && v.$from.marks();
   if (!q)
     return !1;
-  const ae = ta((K) => Do(K.type.name, h))(j);
+  const ae = ta((K) => Do(K.type.name, h))(v);
   if (q.depth >= 1 && ae && q.depth - ae.depth <= 1) {
     if (ae.node.type === p)
       return d.liftListItem(f);
@@ -9443,8 +9443,8 @@ const q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     return !0;
   if (u && o) {
     let { from: m, to: p } = l;
-    const f = (a = d.marks().find((T) => T.type === c)) === null || a === void 0 ? void 0 : a.attrs, j = Kc(d, c, f);
-    j && (m = j.from, p = j.to), n.removeMark(m, p, c);
+    const f = (a = d.marks().find((T) => T.type === c)) === null || a === void 0 ? void 0 : a.attrs, v = Kc(d, c, f);
+    v && (m = v.from, p = v.to), n.removeMark(m, p, c);
   } else
     h.forEach((m) => {
       n.removeMark(m.$from.pos, m.$to.pos, c);
@@ -9461,8 +9461,8 @@ const q_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
         ...e
       }), o && h.marks.length && h.marks.forEach((p) => {
         if (o === p.type) {
-          const f = Math.max(m, d), j = Math.min(m + h.nodeSize, u);
-          n.addMark(f, j, o.create({
+          const f = Math.max(m, d), v = Math.min(m + h.nodeSize, u);
+          n.addMark(f, v, o.create({
             ...p.attrs,
             ...e
           }));
@@ -11110,9 +11110,9 @@ function Qv(t, e) {
     } = n;
     if (!s || !i)
       return {};
-    const h = O(s), m = O(i), p = e[h.queryID].map((j) => ({
-      name: j[h.columnKey],
-      value: j[m.columnKey]
+    const h = O(s), m = O(i), p = e[h.queryID].map((v) => ({
+      name: v[h.columnKey],
+      value: v[m.columnKey]
     })), f = ft(a.overflow.on_axis);
     return {
       type: "funnel",
@@ -11691,10 +11691,10 @@ function xj({
       value: ""
     }
   }, p = [u, h, m], f = s[`${l}---${c}`];
-  return f && t.tooltip.metrics.forEach((j) => {
-    const T = O(j.data_key);
+  return f && t.tooltip.metrics.forEach((v) => {
+    const T = O(v.data_key);
     p.push({
-      label: j.name,
+      label: v.name,
       value: pj(S.get(f, T.columnKey, "")),
       style: {
         label: "",
@@ -12267,7 +12267,7 @@ function Ej(t, e, n, s, i) {
   }, {}), o = kj(t.visualMap, a), {
     min: l,
     max: c
-  } = o, d = dj(t), u = uj(t), h = O(t.x_axis.data_key), m = O(t.y_axis.data_key), p = O(t.heat_block.data_key), f = S.uniq(e[h.queryID].map((q) => q[h.columnKey])), j = S.uniq(e[h.queryID].map((q) => q[m.columnKey])), T = e[h.queryID].map((q) => {
+  } = o, d = dj(t), u = uj(t), h = O(t.x_axis.data_key), m = O(t.y_axis.data_key), p = O(t.heat_block.data_key), f = S.uniq(e[h.queryID].map((q) => q[h.columnKey])), v = S.uniq(e[h.queryID].map((q) => q[m.columnKey])), T = e[h.queryID].map((q) => {
     const Z = S.get(q, h.columnKey), ae = S.get(q, m.columnKey), K = S.get(q, p.columnKey), J = {
       value: [Z, ae, K]
     }, {
@@ -12277,10 +12277,10 @@ function Ej(t, e, n, s, i) {
     return ve || (J.visualMap = !1, J.itemStyle = {
       color: ye
     }), J;
-  }), E = Lj(f.length, j.length, s, i);
+  }), E = Lj(f.length, v.length, s, i);
   return {
     xAxis: fj(t, f, d.x_axis, E),
-    yAxis: bj(t, j, d.y_axis, E),
+    yAxis: bj(t, v, d.y_axis, E),
     series: mj(t, T, E),
     tooltip: gj(t, e, d, u),
     grid: hj(t),
@@ -12375,8 +12375,8 @@ function $j({
     const [m, p] = h.value, f = S.get(o, `${m}---${p}`, {
       error: "rowData is not found"
     });
-    l.forEach((j) => {
-      i.runInteraction(j.id, {
+    l.forEach((v) => {
+      i.runInteraction(v.id, {
         ...h,
         rowData: f
       });
@@ -13001,8 +13001,8 @@ function cw(t, e, n) {
   if (a.queryID !== o.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const l = e[a.queryID].map((m) => [m[a.columnKey], Number(m[o.columnKey])]).sort((m, p) => p[1] - m[1]), c = l.reduce((m, p) => m + p[1], 0), d = l.reduce((m, p, f) => {
-    const j = f === 0 ? 0 : m[f - 1][1];
-    return m.push([p[0], j + p[1]]), m;
+    const v = f === 0 ? 0 : m[f - 1][1];
+    return m.push([p[0], v + p[1]]), m;
   }, []).map((m) => [m[0], m[1] / c]), {
     markLine: u,
     markArea: h
@@ -13161,8 +13161,8 @@ function xw({
     const f = S.get(u, p.name, {
       error: "rowData is not found"
     });
-    d.forEach((j) => {
-      c.runInteraction(j.id, {
+    d.forEach((v) => {
+      c.runInteraction(v.id, {
         ...p,
         rowData: f
       });
@@ -14091,10 +14091,10 @@ function s0({
     const {
       queryID: h,
       columnKey: m
-    } = O(t.series_name_key), p = S.keyBy(e[h], m), f = t.additional_series.reduce((j, T) => {
+    } = O(t.series_name_key), p = S.keyBy(e[h], m), f = t.additional_series.reduce((v, T) => {
       const E = O(T.name_key), P = S.keyBy(e[E.queryID], E.columnKey);
       return {
-        ...j,
+        ...v,
         ...P
       };
     }, p);
@@ -15870,8 +15870,8 @@ function wS(t, e) {
         </tr>`], m = t.tooltip.metrics.map((f) => `<tr>
         <th style="text-align: right;">${f.name}</th>
         ${o.map(({
-        value: j
-      }) => `<td style="text-align: right; padding: 0 1em;">${jS(Wr(j, f.data_key))}</td>`).join("")}
+        value: v
+      }) => `<td style="text-align: right; padding: 0 1em;">${jS(Wr(v, f.data_key))}</td>`).join("")}
       </tr>`);
       return h.push(...m), `
       <table style="width: auto">
@@ -16037,22 +16037,22 @@ function TS({
   } = mr(), p = L.useMemo(() => {
     const {
       stats: {
-        templates: j
+        templates: v
       }
     } = a;
     return {
-      top: gr(j.top, i, o),
-      bottom: gr(j.bottom, i, o)
+      top: gr(v.top, i, o),
+      bottom: gr(v.bottom, i, o)
     };
   }, [a, o]), f = Math.max(0, kt(c) - u - m);
   return !l || !c ? null : /* @__PURE__ */ r.jsxs(it, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: $o(a.stats.templates.top) ? "block" : "none"
-    }, children: Object.values(p.top).map((j) => j) }),
+    }, children: Object.values(p.top).map((v) => v) }),
     /* @__PURE__ */ r.jsx(IS, { variables: i, width: St(l), height: f, data: o, conf: a, interactionManager: n }),
     /* @__PURE__ */ r.jsx(w, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
       display: $o(a.stats.templates.bottom) ? "block" : "none"
-    }, children: Object.values(p.bottom).map((j) => j) })
+    }, children: Object.values(p.bottom).map((v) => v) })
   ] });
 }
 const DS = ne(({
@@ -18039,7 +18039,7 @@ function Oo({
     getColIndex: Ge((ye) => p.indexOf(ye.column.columnDef.meta), [p]),
     vizManager: i.vizManager,
     instance: a
-  }), j = C(() => {
+  }), v = C(() => {
     const ye = Hl();
     return p.map((Ee) => {
       const Dr = vx(Ee.value_field);
@@ -18058,7 +18058,7 @@ function Oo({
       sorting: T
     },
     onSortingChange: E,
-    columns: j,
+    columns: v,
     getCoreRowModel: Yl(),
     getSortedRowModel: hp()
   }), {
@@ -18173,15 +18173,15 @@ const y1 = ne((t, e) => {
     t: n
   } = y(), {
     colorManager: s
-  } = Yt(Ot), [i, a] = Q(_d(t.value)), [o, l] = Q(f1(s, t.value)), c = ro(o), [d, u] = Q(b1(s, t.value)), h = ro(d), m = (j) => {
+  } = Yt(Ot), [i, a] = Q(_d(t.value)), [o, l] = Q(f1(s, t.value)), c = ro(o), [d, u] = Q(b1(s, t.value)), h = ro(d), m = (v) => {
     var T, E, P;
-    a(j || "none"), j === "static" ? (T = t.onChange) == null || T.call(t, c.current) : j === "none" || !j ? (E = t.onChange) == null || E.call(t, "none") : (P = t.onChange) == null || P.call(t, h.current);
-  }, p = (j) => {
+    a(v || "none"), v === "static" ? (T = t.onChange) == null || T.call(t, c.current) : v === "none" || !v ? (E = t.onChange) == null || E.call(t, "none") : (P = t.onChange) == null || P.call(t, h.current);
+  }, p = (v) => {
     var T;
-    l(j), (T = t.onChange) == null || T.call(t, j);
-  }, f = (j) => {
+    l(v), (T = t.onChange) == null || T.call(t, v);
+  }, f = (v) => {
     var T;
-    u(j), (T = t.onChange) == null || T.call(t, j);
+    u(v), (T = t.onChange) == null || T.call(t, v);
   };
   return /* @__PURE__ */ r.jsxs(k, { align: "stretch", children: [
     /* @__PURE__ */ r.jsx(Kf, { label: n("viz.table.column.cell_background"), value: i || "none", onChange: m }),
@@ -18797,13 +18797,13 @@ function V1({
     const {
       func_content: p,
       horizontal_align: f,
-      font_size: j,
+      font_size: v,
       font_weight: T
     } = i;
     return {
       func_content: p,
       horizontal_align: f,
-      font_size: j,
+      font_size: v,
       font_weight: T
     };
   }, [i]);
@@ -19369,8 +19369,8 @@ function yC({
     const [m, p] = h.value, f = S.get(o, m, {
       error: "rowData is not found"
     });
-    l.forEach((j) => {
-      i.runInteraction(j.id, {
+    l.forEach((v) => {
+      i.runInteraction(v.id, {
         ...h,
         rowData: f
       });
@@ -19905,7 +19905,7 @@ function QC({
   invisible: u,
   id: h,
   ...m
-}, p, f, j, T, E) {
+}, p, f, v, T, E) {
   const P = {
     label: {
       show: !!s,
@@ -19929,7 +19929,7 @@ function QC({
   if (!a || a === t.data_key)
     return P.data = WC({
       dataTemplate: p,
-      data: j,
+      data: v,
       aggregation_on_value: o,
       name_data_key: t.data_key,
       value_data_key: e,
@@ -19937,7 +19937,7 @@ function QC({
     }), P;
   const q = GC({
     group_by_key: a,
-    data: j,
+    data: v,
     name_data_key: t.data_key,
     value_data_key: e
   });
@@ -20863,8 +20863,8 @@ function Sz(t, e, n, s) {
     const h = S.countBy(n[u], (p) => p.level.diff), m = S.sum(Object.values(h));
     Object.entries(h).forEach(([p, f]) => {
       i[p] || (i[p] = []);
-      const j = f / m;
-      i[p].push([u, j, f, m]);
+      const v = f / m;
+      i[p].push([u, v, f, m]);
     });
   });
   const a = Object.entries(i).map(([u]) => Number(u)).sort((u, h) => u - h), o = Math.max(...a), l = Math.min(...a), c = Tn([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
@@ -20886,7 +20886,7 @@ function Sz(t, e, n, s) {
         const {
           x: p,
           percentage: f,
-          count: j,
+          count: v,
           sum: T
         } = wz(m);
         return `
@@ -20916,7 +20916,7 @@ function Sz(t, e, n, s) {
               </tr>
               <tr>
                 <th style="text-align: right;">数量</th>
-                <td style="text-align: left; padding: 0 1em;">${j}</td>
+                <td style="text-align: left; padding: 0 1em;">${v}</td>
               </tr>
               <tr>
                 <th style="text-align: right;">总数</th>
@@ -22298,10 +22298,10 @@ function II({
       value: ""
     }
   }, p = [u, h, m], f = s[`${l}---${c}`];
-  return f && t.tooltip.metrics.forEach((j) => {
-    const T = O(j.data_key);
+  return f && t.tooltip.metrics.forEach((v) => {
+    const T = O(v.data_key);
     p.push({
-      label: j.name,
+      label: v.name,
       value: zI(S.get(f, T.columnKey, "")),
       style: {
         label: "",
@@ -22479,8 +22479,8 @@ function AI({
     const [m, p] = h.value, f = S.get(o, `${m}---${p}`, {
       error: "rowData is not found"
     });
-    l.forEach((j) => {
-      i.runInteraction(j.id, {
+    l.forEach((v) => {
+      i.runInteraction(v.id, {
         ...h,
         rowData: f
       });
@@ -23214,9 +23214,9 @@ const UI = ({
     classNames: e,
     styles: n,
     unstyled: s
-  }), [j, T] = Q(!1), E = (K) => {
+  }), [v, T] = Q(!1), E = (K) => {
     T(K);
-  }, P = j && (l == null ? void 0 : l.length) > 0, [q, Z] = Q(""), ae = C(() => {
+  }, P = v && (l == null ? void 0 : l.length) > 0, [q, Z] = Q(""), ae = C(() => {
     if (!q)
       return d;
     const K = q.toLowerCase(), J = (ve) => {
@@ -23608,7 +23608,7 @@ const nT = ({
     t: p
   } = y(), {
     classes: f,
-    cx: j
+    cx: v
   } = aT({
     radius: i
   }, {
@@ -23636,8 +23636,8 @@ const nT = ({
         allowClear: !0,
         treeCheckStrictly: m,
         labelInValue: !0,
-        className: j(f.root, "check-select"),
-        dropdownClassName: j(f.dropdown, ""),
+        className: v(f.root, "check-select"),
+        dropdownClassName: v(f.dropdown, ""),
         onDropdownVisibleChange: P,
         transitionName: "rc-tree-select-dropdown-slide-up",
         choiceTransitionName: "rc-tree-select-selection__choice-zoom",
@@ -23760,8 +23760,8 @@ const mT = ({
   const d = i.filters.visibleInView(e.id), u = C(() => d.every((f) => f.should_auto_submit), [d]), h = C(() => d.filter((f) => S.get(f, "config.required", !1)), [d]), m = C(() => h.length === 0 ? !1 : h.some((f) => !f.requiredAndPass(c[f.key])), [c, h]);
   if (d.length === 0)
     return null;
-  const p = (f, j) => (T, E) => {
-    j(T), (f.should_auto_submit || E) && i.filters.setValueByKey(f.key, T);
+  const p = (f, v) => (T, E) => {
+    v(T), (f.should_auto_submit || E) && i.filters.setValueByKey(f.key, T);
   };
   return /* @__PURE__ */ r.jsxs("form", { onSubmit: o(i.filters.setValues), children: [
     /* @__PURE__ */ r.jsx(mT, { opened: n, toggle: s }),
@@ -23771,8 +23771,8 @@ const mT = ({
       padding: "16px"
     }, children: [
       /* @__PURE__ */ r.jsx(b, { align: "flex-start", children: d.map((f) => /* @__PURE__ */ r.jsx(g, { name: f.key, control: a, render: ({
-        field: j
-      }) => /* @__PURE__ */ r.jsx(dT, { filter: f, value: j.value, onChange: p(f, j.onChange) }) }, f.id)) }),
+        field: v
+      }) => /* @__PURE__ */ r.jsx(dT, { filter: f, value: v.value, onChange: p(f, v.onChange) }) }, f.id)) }),
       !u && /* @__PURE__ */ r.jsx(b, { sx: {
         alignSelf: "flex-end"
       }, children: /* @__PURE__ */ r.jsx(uT, { disabled: m }) })
@@ -26125,57 +26125,58 @@ class JT {
   }
 }
 const XT = (t) => new JT(t), ZT = z(({
-  view: t
+  view: t,
+  title: e
 }) => {
   const {
-    t: e
-  } = y(), n = me(), s = le(), i = At(), {
-    panel: a,
-    downloadPanelScreenshot: o
+    t: n
+  } = y(), s = me(), i = le(), a = At(), {
+    panel: o,
+    downloadPanelScreenshot: l
   } = gt(), {
-    id: l
-  } = a, {
-    viewPanelInFullScreen: c,
-    inFullScreen: d
-  } = L.useContext(Rs), u = () => {
-    s.duplicatePanelByID(l, t.id);
-  }, h = () => {
-    n.editor.open(["_VIEWS_", t.id, "_PANELS_", l]);
-  }, m = () => i.openConfirmModal({
-    title: `${e("panel.delete")}?`,
+    id: c
+  } = o, {
+    viewPanelInFullScreen: d,
+    inFullScreen: u
+  } = L.useContext(Rs), h = () => {
+    i.duplicatePanelByID(c, t.id);
+  }, m = () => {
+    s.editor.open(["_VIEWS_", t.id, "_PANELS_", c]);
+  }, p = () => a.openConfirmModal({
+    title: `${n("panel.delete")}?`,
     labels: {
-      confirm: e("common.actions.confirm"),
-      cancel: e("common.actions.cancel")
+      confirm: n("common.actions.confirm"),
+      cancel: n("common.actions.cancel")
     },
     onCancel: () => console.log("Cancel"),
-    onConfirm: () => s.removePanelByID(l, t.id),
+    onConfirm: () => i.removePanelByID(c, t.id),
     confirmProps: {
       color: "red"
     },
     zIndex: 320
-  }), p = L.useCallback(() => {
-    c(l);
-  }, [l, c]), f = !d && t.type !== W.Modal;
+  }), f = L.useCallback(() => {
+    d(c);
+  }, [c, d]), v = !u && t.type !== W.Modal;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(M, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
-  }, children: /* @__PURE__ */ r.jsxs(Y, { withinPortal: !0, children: [
+  }, title: e, children: /* @__PURE__ */ r.jsxs(Y, { withinPortal: !0, children: [
     /* @__PURE__ */ r.jsx(Y.Target, { children: /* @__PURE__ */ r.jsx(M, { className: "panel-dropdown-target", sx: {
       width: "100%"
     } }) }),
     /* @__PURE__ */ r.jsxs(Y.Dropdown, { children: [
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.refreshData, icon: /* @__PURE__ */ r.jsx(Ii, { size: 14 }), children: e("common.actions.refresh") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.downloadData, icon: /* @__PURE__ */ r.jsx(Ti, { size: 14 }), children: e("common.actions.download_data") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.downloadSchema, icon: /* @__PURE__ */ r.jsx(zn, { size: 14 }), children: e("common.actions.download_schema") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: o, icon: /* @__PURE__ */ r.jsx(gs, { size: 14 }), children: e("common.actions.download_screenshot") }),
-      f && /* @__PURE__ */ r.jsx(Y.Item, { onClick: p, icon: /* @__PURE__ */ r.jsx(jl, { size: 14 }), disabled: !0, children: e("common.actions.enter_fullscreen") }),
-      /* @__PURE__ */ r.jsx(R, { label: e("common.actions.edit"), labelPosition: "center" }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: h, icon: /* @__PURE__ */ r.jsx(wl, { size: 14 }), children: e("common.titles.settings") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: u, icon: /* @__PURE__ */ r.jsx(dm, { size: 14 }), children: e("common.actions.duplicate") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { color: "red", onClick: m, icon: /* @__PURE__ */ r.jsx(Rt, { size: 14 }), children: e("common.actions.delete") })
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: o.refreshData, icon: /* @__PURE__ */ r.jsx(Ii, { size: 14 }), children: n("common.actions.refresh") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: o.downloadData, icon: /* @__PURE__ */ r.jsx(Ti, { size: 14 }), children: n("common.actions.download_data") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: o.downloadSchema, icon: /* @__PURE__ */ r.jsx(zn, { size: 14 }), children: n("common.actions.download_schema") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: l, icon: /* @__PURE__ */ r.jsx(gs, { size: 14 }), children: n("common.actions.download_screenshot") }),
+      v && /* @__PURE__ */ r.jsx(Y.Item, { onClick: f, icon: /* @__PURE__ */ r.jsx(jl, { size: 14 }), disabled: !0, children: n("common.actions.enter_fullscreen") }),
+      /* @__PURE__ */ r.jsx(R, { label: n("common.actions.edit"), labelPosition: "center" }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: m, icon: /* @__PURE__ */ r.jsx(wl, { size: 14 }), children: n("common.titles.settings") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: h, icon: /* @__PURE__ */ r.jsx(dm, { size: 14 }), children: n("common.actions.duplicate") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { color: "red", onClick: p, icon: /* @__PURE__ */ r.jsx(Rt, { size: 14 }), children: n("common.actions.delete") })
     ] })
   ] }) }) });
 });
@@ -26454,40 +26455,41 @@ const hD = z(function({
   view: n
 }) {
   const s = uD(e);
-  return /* @__PURE__ */ r.jsx(xu, { panel: e, panelStyle: s, dropdownContent: /* @__PURE__ */ r.jsx(ZT, { view: n }) });
+  return /* @__PURE__ */ r.jsx(xu, { panel: e, panelStyle: s, dropdownContent: /* @__PURE__ */ r.jsx(ZT, { view: n, title: e.name }) });
 });
 function mD(t) {
   return !["richText", "button"].includes(t);
 }
 const pD = z(({
-  view: t
+  view: t,
+  title: e
 }) => {
   const {
-    t: e
+    t: n
   } = y(), {
-    panel: n,
-    downloadPanelScreenshot: s
+    panel: s,
+    downloadPanelScreenshot: i
   } = cn(), {
-    id: i
-  } = n, {
-    viewPanelInFullScreen: a,
-    inFullScreen: o
-  } = L.useContext(Rs), l = L.useCallback(() => {
-    a(i);
-  }, [i, a]), c = !o && t.type !== W.Modal;
-  return mD(n.viz.type) ? /* @__PURE__ */ r.jsx(M, { sx: {
+    id: a
+  } = s, {
+    viewPanelInFullScreen: o,
+    inFullScreen: l
+  } = L.useContext(Rs), c = L.useCallback(() => {
+    o(a);
+  }, [a, o]), d = !l && t.type !== W.Modal;
+  return mD(s.viz.type) ? /* @__PURE__ */ r.jsx(M, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
-  }, children: /* @__PURE__ */ r.jsxs(Y, { withinPortal: !0, children: [
+  }, title: e, children: /* @__PURE__ */ r.jsxs(Y, { withinPortal: !0, children: [
     /* @__PURE__ */ r.jsx(Y.Target, { children: /* @__PURE__ */ r.jsx(M, { className: "panel-dropdown-target" }) }),
     /* @__PURE__ */ r.jsxs(Y.Dropdown, { children: [
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: n.refreshData, icon: /* @__PURE__ */ r.jsx(Ii, { size: 14 }), children: e("common.actions.refresh") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: n.downloadData, icon: /* @__PURE__ */ r.jsx(Ti, { size: 14 }), children: e("common.actions.download_data") }),
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: s, icon: /* @__PURE__ */ r.jsx(gs, { size: 14 }), children: e("common.actions.download_screenshot") }),
-      c && /* @__PURE__ */ r.jsx(Y.Item, { onClick: l, icon: /* @__PURE__ */ r.jsx(jl, { size: 14 }), children: e("common.actions.enter_fullscreen") })
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: s.refreshData, icon: /* @__PURE__ */ r.jsx(Ii, { size: 14 }), children: n("common.actions.refresh") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: s.downloadData, icon: /* @__PURE__ */ r.jsx(Ti, { size: 14 }), children: n("common.actions.download_data") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: i, icon: /* @__PURE__ */ r.jsx(gs, { size: 14 }), children: n("common.actions.download_screenshot") }),
+      d && /* @__PURE__ */ r.jsx(Y.Item, { onClick: c, icon: /* @__PURE__ */ r.jsx(jl, { size: 14 }), children: n("common.actions.enter_fullscreen") })
     ] })
   ] }) }) : null;
 });
@@ -26501,7 +26503,7 @@ const gu = z(({
   view: e
 }) => {
   const n = xD(t);
-  return /* @__PURE__ */ r.jsx(xu, { panel: t, panelStyle: n, dropdownContent: /* @__PURE__ */ r.jsx(pD, { view: e }) });
+  return /* @__PURE__ */ r.jsx(xu, { panel: t, panelStyle: n, dropdownContent: /* @__PURE__ */ r.jsx(pD, { title: t.name, view: e }) });
 }), gD = {
   modal: {
     display: "flex",
@@ -28187,7 +28189,7 @@ const rM = x.model({
     }
     if (Array.isArray(n)) {
       const m = n.map((p) => {
-        const f = p.panelIDs.map((j) => u.get(j) ?? j);
+        const f = p.panelIDs.map((v) => u.get(v) ?? v);
         return {
           ...p,
           id: Gt(),
@@ -28197,24 +28199,24 @@ const rM = x.model({
       t.views.appendMultiple(m);
     }
     if (Array.isArray(o)) {
-      const m = (j, T) => t.layouts.breakpointNameRecord[j] === T;
+      const m = (v, T) => t.layouts.breakpointNameRecord[v] === T;
       let p = [];
-      const f = o.filter((j) => m(j.name, j.breakpoint));
-      f.forEach((j) => {
-        j.id === "basis" && (p = j.list), j.list.forEach((T) => {
+      const f = o.filter((v) => m(v.name, v.breakpoint));
+      f.forEach((v) => {
+        v.id === "basis" && (p = v.list), v.list.forEach((T) => {
           const E = u.get(T.panelID);
           T.id = Gt(), T.panelID = E;
         });
-      }), t.layouts.list.forEach((j) => {
-        const T = f.find((E) => E.name === j.name && E.breakpoint === j.breakpoint);
+      }), t.layouts.list.forEach((v) => {
+        const T = f.find((E) => E.name === v.name && E.breakpoint === v.breakpoint);
         if (!T) {
           p.forEach((E) => {
-            j.addLayout(E);
+            v.addLayout(E);
           });
           return;
         }
         T.list.forEach((E) => {
-          j.addLayout(E);
+          v.addLayout(E);
         });
       });
     }
@@ -28291,7 +28293,7 @@ function sM({
     definition: {
       queries: p,
       sqlSnippets: f,
-      mock_context: j = {}
+      mock_context: v = {}
     }
   } = a;
   return _u.create({
@@ -28301,14 +28303,14 @@ function sM({
     create_time: s,
     update_time: i,
     version: c,
-    filters: su(d, o, j, l),
+    filters: su(d, o, v, l),
     queries: {
       current: p
     },
     sqlSnippets: {
       current: f
     },
-    mock_context: Ed(j),
+    mock_context: Ed(v),
     views: yu(u),
     panels: {
       list: h
@@ -30413,7 +30415,7 @@ const cM = z(({
           return "Screen sizes should be unique by min width";
       }
     }
-  }), f = l("list"), j = h.map((J, ve) => ({
+  }), f = l("list"), v = h.map((J, ve) => ({
     ...J,
     ...f[ve]
   })), T = () => {
@@ -30447,7 +30449,7 @@ const cM = z(({
         /* @__PURE__ */ r.jsx("th", {})
       ] }) }),
       /* @__PURE__ */ r.jsxs("tbody", { children: [
-        j.map((J, ve) => /* @__PURE__ */ r.jsxs("tr", { children: [
+        v.map((J, ve) => /* @__PURE__ */ r.jsxs("tr", { children: [
           /* @__PURE__ */ r.jsx("th", { children: J.id === "basis" ? J.name : /* @__PURE__ */ r.jsx(g, { name: `list.${ve}.name`, control: a, render: ({
             field: ye
           }) => /* @__PURE__ */ r.jsx(D, { size: "xs", label: "", required: !0, sx: {
@@ -30751,7 +30753,7 @@ const wM = z(({
       }));
     };
   }, [m]);
-  const [f] = c(["content"]), j = !f, T = (E = o == null ? void 0 : o.content) == null ? void 0 : E.message;
+  const [f] = c(["content"]), v = !f, T = (E = o == null ? void 0 : o.content) == null ? void 0 : E.message;
   return B(() => {
     !f || T ? n() : e();
   }, [f, T]), /* @__PURE__ */ r.jsx(M, { mx: "auto", sx: {
@@ -30773,7 +30775,7 @@ const wM = z(({
       ] })
     ] }) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(vM, { content: f }),
-      /* @__PURE__ */ r.jsx(b, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(I, { type: "submit", color: "green", disabled: j, children: s("common.actions.confirm") }) })
+      /* @__PURE__ */ r.jsx(b, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(I, { type: "submit", color: "green", disabled: v, children: s("common.actions.confirm") }) })
     ] })
   ] }) });
 }), Jo = {
@@ -30854,11 +30856,11 @@ function IM(t, e, n) {
       } = p;
       switch (m) {
         case "builtin:op:open-link":
-          let j = f.urlTemplate.substring(0, 100);
-          f.urlTemplate.length >= 20 && (j += "..."), o.type = "interaction", o.data.interactions.push({
+          let v = f.urlTemplate.substring(0, 100);
+          f.urlTemplate.length >= 20 && (v += "..."), o.type = "interaction", o.data.interactions.push({
             schemaRef: m,
             urlTemplate: f.urlTemplate,
-            shortURLTemplate: j
+            shortURLTemplate: v
           });
           return;
         case "builtin:op:open_view":
@@ -32358,7 +32360,7 @@ function AL({
     ] }),
     /* @__PURE__ */ r.jsxs(b, { children: [
       i.map((m, p) => /* @__PURE__ */ r.jsx(Wn, { value: m, onChange: (f) => {
-        a((j) => (j.splice(p, 1, f), [...j]));
+        a((v) => (v.splice(p, 1, f), [...v]));
       }, swatches: h, rightSection: /* @__PURE__ */ r.jsx(X, { onClick: () => l(p), color: "red", children: /* @__PURE__ */ r.jsx(Rt, { size: 14 }) }), sx: {
         width: "45%"
       } })),
@@ -32388,7 +32390,7 @@ function $L({
     /* @__PURE__ */ r.jsxs(b, { children: [
       a.map((h, m) => /* @__PURE__ */ r.jsx(D, { type: s, value: h, onChange: (p) => {
         const f = p.currentTarget.value;
-        o((j) => (j.splice(m, 1, f), [...j]));
+        o((v) => (v.splice(m, 1, f), [...v]));
       }, rightSection: /* @__PURE__ */ r.jsx(X, { onClick: () => c(m), color: "red", children: /* @__PURE__ */ r.jsx(Rt, { size: 14 }) }), sx: {
         width: "45%"
       } })),
@@ -33823,8 +33825,8 @@ WHERE
   B(() => {
     l(t.key), m(t.value);
   }, [t]);
-  const f = h !== t.value, j = At(), T = () => {
-    j.openConfirmModal({
+  const f = h !== t.value, v = At(), T = () => {
+    v.openConfirmModal({
       title: `${s("sql_snippet.delete")}?`,
       labels: {
         confirm: s("common.actions.confirm"),
@@ -34072,11 +34074,11 @@ WHERE
     const {
       enabled: p,
       func_content: f
-    } = o, j = {
+    } = o, v = {
       enabled: p,
       func_content: f
     };
-    l(j), e(j);
+    l(v), e(v);
   }, u = () => {
     a(), l(t);
   }, h = (p) => {
@@ -34501,31 +34503,31 @@ const wA = {
     data: p = []
   } = Sn($i), {
     data: f = []
-  } = Sn(ic), j = L.useMemo(() => aM(e, n, p, f, t, c ?? {}), [e, n]);
-  L.useImperativeHandle(m, () => j, [j]), ju(j.content, !0), L.useEffect(() => {
-    j.context.replace(t);
+  } = Sn(ic), v = L.useMemo(() => aM(e, n, p, f, t, c ?? {}), [e, n]);
+  L.useImperativeHandle(m, () => v, [v]), ju(v.content, !0), L.useEffect(() => {
+    v.context.replace(t);
   }, [t]), L.useEffect(() => {
-    j.datasources.replace(p);
+    v.datasources.replace(p);
   }, [p]), L.useEffect(() => {
-    j.globalSQLSnippets.replace(f);
+    v.globalSQLSnippets.replace(f);
   }, [f]), L.useEffect(() => {
-    d == null || d(j.content.filters.values);
-  }, [d, j.content.filters.values]), L.useEffect(() => {
-    c && j.content.filters.patchValues(c);
-  }, [c, j.content.filters.patchValues]), L.useEffect(() => tt(() => Jt(j.json), (q) => {
+    d == null || d(v.content.filters.values);
+  }, [d, v.content.filters.values]), L.useEffect(() => {
+    c && v.content.filters.patchValues(c);
+  }, [c, v.content.filters.patchValues]), L.useEffect(() => tt(() => Jt(v.json), (q) => {
     o == null || o(q);
-  }), [j]);
+  }), [v]);
   const T = async () => {
-    await s(j.json, j.content.json);
+    await s(v.json, v.content.json);
   }, E = jt(_a, []), P = wu(E);
   return /* @__PURE__ */ r.jsx(vu, { lang: h, children: /* @__PURE__ */ r.jsx(ul, { children: /* @__PURE__ */ r.jsx(jc, { children: /* @__PURE__ */ r.jsx(pc, { value: {
     searchButtonProps: a.searchButtonProps
-  }, children: /* @__PURE__ */ r.jsx(uc, { value: j, children: /* @__PURE__ */ r.jsx(gc, { value: j.content, children: /* @__PURE__ */ r.jsx(Fi.Provider, { value: {
+  }, children: /* @__PURE__ */ r.jsx(uc, { value: v, children: /* @__PURE__ */ r.jsx(gc, { value: v.content, children: /* @__PURE__ */ r.jsx(Fi.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ r.jsx(Ot.Provider, { value: E, children: /* @__PURE__ */ r.jsxs(As, { configure: P, children: [
     /* @__PURE__ */ r.jsx(dl, { padding: 0, header: /* @__PURE__ */ r.jsx(zM, { onExit: u, saveDashboardChanges: T, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(eL, {}), styles: wA, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
       position: "relative"
-    }, children: j.content.views.visibleViews.map((q) => /* @__PURE__ */ r.jsx($D, { view: q }, q.id)) }) }),
+    }, children: v.content.views.visibleViews.map((q) => /* @__PURE__ */ r.jsx($D, { view: q }, q.id)) }) }),
     /* @__PURE__ */ r.jsx(_A, {})
   ] }) }) }) }) }) }) }) }) });
 }, C2 = z(ne(SA));
@@ -34651,7 +34653,7 @@ function kA({
     definition: {
       queries: p,
       sqlSnippets: f,
-      mock_context: j = {}
+      mock_context: v = {}
     }
   } = a;
   return Au.create({
@@ -34661,10 +34663,10 @@ function kA({
     create_time: s,
     update_time: i,
     version: c,
-    filters: su(d, o, j, l),
+    filters: su(d, o, v, l),
     queries: UT(p),
     sqlSnippets: KT(f),
-    mock_context: Ed(j),
+    mock_context: Ed(v),
     views: NT(u),
     panels: {
       list: h
@@ -34745,7 +34747,7 @@ const IA = ({
     setFullScreenPanelID: o
   }, children: /* @__PURE__ */ r.jsx(Fi.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Ot.Provider, { value: p, children: /* @__PURE__ */ r.jsx(As, { configure: f, children: m.content.views.visibleViews.map((j) => /* @__PURE__ */ r.jsx(Ca, { view: j }, j.id)) }) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Ot.Provider, { value: p, children: /* @__PURE__ */ r.jsx(As, { configure: f, children: m.content.views.visibleViews.map((v) => /* @__PURE__ */ r.jsx(Ca, { view: v }, v.id)) }) }) }) }) }) }) }) }) }) }) });
 }, z2 = z(IA);
 $.extend(wp);
 $.extend(Sp);