@devtable/dashboard 8.49.2 → 8.50.0

package/dist/dashboard.es.js

@@ -6,7 +6,7 @@ import { useModals as Ns, ModalsProvider as $R } from "@mantine/modals";
 import { useCreation as yi, usePrevious as v9, useBoolean as ya, useLatest as zE, useRequest as Sd, useAsyncEffect as Cd } from "ahooks";
 import { observer as Ie } from "mobx-react-lite";
 import * as q from "react";
-import Pe, { useEffect as We, createContext as vl, useMemo as ke, forwardRef as Gr, createElement as _s, useRef as st, useState as mt, useCallback as tr, useImperativeHandle as g9, useLayoutEffect as y9, useContext as Hn, useDebugValue as b9, memo as jr } from "react";
+import Pe, { useEffect as Ue, createContext as vl, useMemo as ke, forwardRef as Gr, createElement as _s, useRef as st, useState as mt, useCallback as tr, useImperativeHandle as g9, useLayoutEffect as y9, useContext as Hn, useDebugValue as b9, memo as jr } from "react";
 import _e, { template as US, cloneDeepWith as RR, get as lr, isFunction as x9, omit as il, values as FR, unset as w9, isObject as kR, set as WS, orderBy as S9, last as IR, defaults as cn, minBy as C9, maxBy as D9, cloneDeep as $n, isEqual as Xr, defaultsDeep as on, keyBy as PR, merge as E9, isEmpty as GS, isNumber as N9, findLastIndex as _9, isString as LR, range as A9, throttle as M9, pick as BR } from "lodash";
 import { useForm as xn, useWatch as T9, Controller as re, useFieldArray as _n } from "react-hook-form";
 import { Link as zR, RichTextEditor as er, useRichTextEditorContext as O9 } from "@mantine/tiptap";
@@ -46,7 +46,7 @@ import { types as J, getParent as hi, getRoot as Zn, cast as Fu, addDisposer as
 import d7 from "jszip";
 import JR from "crypto-js";
 function eF(e, t) {
-  We(() => {
+  Ue(() => {
     const r = (n) => {
       console.log(n);
       const { viewID: a } = n.detail;
@@ -59,7 +59,7 @@ function eF(e, t) {
     return window.addEventListener("open-view", r), () => {
       window.removeEventListener("open-view", r);
     };
-  }, [e, t]), We(() => {
+  }, [e, t]), Ue(() => {
     const r = (n) => {
       console.log(n);
       const { dictionary: a, payload: i } = n.detail;
@@ -74,7 +74,7 @@ function eF(e, t) {
     return window.addEventListener("set-filter-values", r), () => {
       window.removeEventListener("set-filter-values", r);
     };
-  }, [e]), We(() => {
+  }, [e]), Ue(() => {
     function r(a) {
       return Array.isArray(a) ? [] : typeof a == "object" ? {} : typeof a == "boolean" ? !1 : typeof a == "string" ? "" : typeof a == "number" ? 0 : a;
     }
@@ -89,7 +89,7 @@ function eF(e, t) {
     return window.addEventListener("clear-filter-values", n), () => {
       window.removeEventListener("clear-filter-values", n);
     };
-  }, [e]), We(() => {
+  }, [e]), Ue(() => {
     const r = (n) => {
       console.log(n);
       const { urlTemplate: a, openInNewTab: i, enableEncoding: o = !1, payload: s } = n.detail;
@@ -3381,7 +3381,7 @@ const Cf = ({ editor: e }) => {
     content: e,
     editable: !1
   });
-  We(() => {
+  Ue(() => {
     r == null || r.commands.setContent(e);
   }, [e, r]);
   const n = ke(() => _e.defaultsDeep({}, {
@@ -3574,7 +3574,7 @@ const RF = Gr(({
   const a = wt(), i = !!t.options_query_id, {
     state: o
   } = a.getDataStuffByID(t.options_query_id), s = o === "loading";
-  return We(() => {
+  return Ue(() => {
     var c, d;
     const {
       default_selection_count: l
@@ -4109,7 +4109,7 @@ const Sr = qF.exports, HF = function() {
   var e = navigator.userAgent || navigator.vendor || window.opera;
   return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(e == null ? void 0 : e.substr(0, 4));
 };
-var Ue = {
+var We = {
   MAC_ENTER: 3,
   BACKSPACE: 8,
   TAB: 9,
@@ -4217,58 +4217,58 @@ var Ue = {
   WIN_IME: 229,
   isTextModifyingKeyEvent: function(t) {
     var r = t.keyCode;
-    if (t.altKey && !t.ctrlKey || t.metaKey || r >= Ue.F1 && r <= Ue.F12)
+    if (t.altKey && !t.ctrlKey || t.metaKey || r >= We.F1 && r <= We.F12)
       return !1;
     switch (r) {
-      case Ue.ALT:
-      case Ue.CAPS_LOCK:
-      case Ue.CONTEXT_MENU:
-      case Ue.CTRL:
-      case Ue.DOWN:
-      case Ue.END:
-      case Ue.ESC:
-      case Ue.HOME:
-      case Ue.INSERT:
-      case Ue.LEFT:
-      case Ue.MAC_FF_META:
-      case Ue.META:
-      case Ue.NUMLOCK:
-      case Ue.NUM_CENTER:
-      case Ue.PAGE_DOWN:
-      case Ue.PAGE_UP:
-      case Ue.PAUSE:
-      case Ue.PRINT_SCREEN:
-      case Ue.RIGHT:
-      case Ue.SHIFT:
-      case Ue.UP:
-      case Ue.WIN_KEY:
-      case Ue.WIN_KEY_RIGHT:
+      case We.ALT:
+      case We.CAPS_LOCK:
+      case We.CONTEXT_MENU:
+      case We.CTRL:
+      case We.DOWN:
+      case We.END:
+      case We.ESC:
+      case We.HOME:
+      case We.INSERT:
+      case We.LEFT:
+      case We.MAC_FF_META:
+      case We.META:
+      case We.NUMLOCK:
+      case We.NUM_CENTER:
+      case We.PAGE_DOWN:
+      case We.PAGE_UP:
+      case We.PAUSE:
+      case We.PRINT_SCREEN:
+      case We.RIGHT:
+      case We.SHIFT:
+      case We.UP:
+      case We.WIN_KEY:
+      case We.WIN_KEY_RIGHT:
         return !1;
       default:
         return !0;
     }
   },
   isCharacterKey: function(t) {
-    if (t >= Ue.ZERO && t <= Ue.NINE || t >= Ue.NUM_ZERO && t <= Ue.NUM_MULTIPLY || t >= Ue.A && t <= Ue.Z || window.navigator.userAgent.indexOf("WebKit") !== -1 && t === 0)
+    if (t >= We.ZERO && t <= We.NINE || t >= We.NUM_ZERO && t <= We.NUM_MULTIPLY || t >= We.A && t <= We.Z || window.navigator.userAgent.indexOf("WebKit") !== -1 && t === 0)
       return !0;
     switch (t) {
-      case Ue.SPACE:
-      case Ue.QUESTION_MARK:
-      case Ue.NUM_PLUS:
-      case Ue.NUM_MINUS:
-      case Ue.NUM_PERIOD:
-      case Ue.NUM_DIVISION:
-      case Ue.SEMICOLON:
-      case Ue.DASH:
-      case Ue.EQUALS:
-      case Ue.COMMA:
-      case Ue.PERIOD:
-      case Ue.SLASH:
-      case Ue.APOSTROPHE:
-      case Ue.SINGLE_QUOTE:
-      case Ue.OPEN_SQUARE_BRACKET:
-      case Ue.BACKSLASH:
-      case Ue.CLOSE_SQUARE_BRACKET:
+      case We.SPACE:
+      case We.QUESTION_MARK:
+      case We.NUM_PLUS:
+      case We.NUM_MINUS:
+      case We.NUM_PERIOD:
+      case We.NUM_DIVISION:
+      case We.SEMICOLON:
+      case We.DASH:
+      case We.EQUALS:
+      case We.COMMA:
+      case We.PERIOD:
+      case We.SLASH:
+      case We.APOSTROPHE:
+      case We.SINGLE_QUOTE:
+      case We.OPEN_SQUARE_BRACKET:
+      case We.BACKSLASH:
+      case We.CLOSE_SQUARE_BRACKET:
         return !0;
       default:
         return !1;
@@ -5739,31 +5739,31 @@ var EN = function(t) {
 };
 function lW(e) {
   return ![
-    Ue.ESC,
-    Ue.SHIFT,
-    Ue.BACKSPACE,
-    Ue.TAB,
-    Ue.WIN_KEY,
-    Ue.ALT,
-    Ue.META,
-    Ue.WIN_KEY_RIGHT,
-    Ue.CTRL,
-    Ue.SEMICOLON,
-    Ue.EQUALS,
-    Ue.CAPS_LOCK,
-    Ue.CONTEXT_MENU,
-    Ue.F1,
-    Ue.F2,
-    Ue.F3,
-    Ue.F4,
-    Ue.F5,
-    Ue.F6,
-    Ue.F7,
-    Ue.F8,
-    Ue.F9,
-    Ue.F10,
-    Ue.F11,
-    Ue.F12
+    We.ESC,
+    We.SHIFT,
+    We.BACKSPACE,
+    We.TAB,
+    We.WIN_KEY,
+    We.ALT,
+    We.META,
+    We.WIN_KEY_RIGHT,
+    We.CTRL,
+    We.SEMICOLON,
+    We.EQUALS,
+    We.CAPS_LOCK,
+    We.CONTEXT_MENU,
+    We.F1,
+    We.F2,
+    We.F3,
+    We.F4,
+    We.F5,
+    We.F6,
+    We.F7,
+    We.F8,
+    We.F9,
+    We.F10,
+    We.F11,
+    We.F12
   ].includes(e);
 }
 var uW = function(t, r) {
@@ -5780,7 +5780,7 @@ var uW = function(t, r) {
   });
   var g = jF(0), y = gn(g, 2), C = y[0], b = y[1], S = function(T) {
     var L = T.which;
-    (L === Ue.UP || L === Ue.DOWN) && T.preventDefault(), m && m(T), L === Ue.ENTER && s === "tags" && !a.current && !o && (f == null || f(T.target.value)), lW(L) && p(!0);
+    (L === We.UP || L === We.DOWN) && T.preventDefault(), m && m(T), L === We.ENTER && s === "tags" && !a.current && !o && (f == null || f(T.target.value)), lW(L) && p(!0);
   }, x = function() {
     b(!0);
   }, w = st(null), D = function(T) {
@@ -5936,9 +5936,9 @@ var vW = /* @__PURE__ */ Gr(function(e, t) {
     return {};
   });
   var s = st(!1);
-  return !s.current && Lu() && (o.current = n(), i.current = o.current.parentNode, s.current = !0), We(function() {
+  return !s.current && Lu() && (o.current = n(), i.current = o.current.parentNode, s.current = !0), Ue(function() {
     r == null || r(e);
-  }), We(function() {
+  }), Ue(function() {
     return o.current.parentNode === null && i.current !== null && i.current.appendChild(o.current), function() {
       var l, u;
       (l = o.current) === null || l === void 0 || (u = l.parentNode) === null || u === void 0 || u.removeChild(o.current);
@@ -6150,7 +6150,7 @@ const OW = function() {
     };
   }, []), [r, t];
 };
-var v3 = Lu() ? y9 : We, FN = [xo, Zl, Ql, dC], g3 = !1, $W = !0;
+var v3 = Lu() ? y9 : Ue, FN = [xo, Zl, Ql, dC], g3 = !1, $W = !0;
 function y3(e) {
   return e === Ql || e === dC;
 }
@@ -6239,15 +6239,15 @@ function kW(e, t, r, n) {
       var j;
       !ue && t && s && (j = Ef), ue && t && i && (j = Nf), (ue && !t && u || !ue && d && !t && u) && (j = _f), j && (M(j), ge());
     }
-  }, [t]), We(function() {
+  }, [t]), Ue(function() {
     (F === Ef && !s || F === Nf && !i || F === _f && !u) && M(jl);
-  }, [s, i, u]), We(function() {
+  }, [s, i, u]), Ue(function() {
     return function() {
       U.current = !1, clearTimeout(K.current);
     };
   }, []);
   var z = q.useRef(!1);
-  We(function() {
+  Ue(function() {
     A && (z.current = !0), A !== void 0 && F === jl && ((z.current || A) && (N == null || N(A)), z.current = !0);
   }, [A, F]);
   var X = $;
@@ -8067,9 +8067,9 @@ const tJ = function(e, t) {
       }), c == null || c();
     });
   }
-  return We(function() {
+  return Ue(function() {
     s("measure");
-  }, [e]), We(function() {
+  }, [e]), Ue(function() {
     switch (a) {
       case "measure":
         t();
@@ -8088,7 +8088,7 @@ const tJ = function(e, t) {
           }
       }, c);
     }))));
-  }, [a]), We(function() {
+  }, [a]), Ue(function() {
     return function() {
       l();
     };
@@ -8250,7 +8250,7 @@ var nJ = ["visible", "mobile"], W3 = /* @__PURE__ */ q.forwardRef(function(e, t)
   var r = e.visible, n = e.mobile, a = wW(e, nJ), i = mt(r), o = fi(i, 2), s = o[0], l = o[1], u = mt(!1), c = fi(u, 2), d = c[0], f = c[1], p = Xn(Xn({}, a), {}, {
     visible: s
   });
-  We(function() {
+  Ue(function() {
     l(r), r && n && f(HF());
   }, [r, n]);
   var m = d ? /* @__PURE__ */ h(U3, {
@@ -8816,7 +8816,7 @@ var xC = /* @__PURE__ */ q.forwardRef(function(e, t) {
   }, [C]);
   var jt = jF(), pr = gn(jt, 2), pn = pr[0], hn = pr[1], Yn = function(Mt) {
     var Dn = pn(), In = Mt.which;
-    if (In === Ue.ENTER && (y !== "combobox" && Mt.preventDefault(), At || ze(!0)), hn(!!nt), In === Ue.BACKSPACE && !Dn && Z && !nt && d.length) {
+    if (In === We.ENTER && (y !== "combobox" && Mt.preventDefault(), At || ze(!0)), hn(!!nt), In === We.BACKSPACE && !Dn && Z && !nt && d.length) {
       for (var Tr = La(d), Sa = null, oi = Tr.length - 1; oi >= 0; oi -= 1) {
         var yc = Tr[oi];
         if (!yc.disabled) {
@@ -9561,7 +9561,7 @@ function qJ(e, t, r) {
     var v = e(p), g = s.current.get(v);
     m ? (s.current.set(v, m), d()) : s.current.delete(v), !g != !m && (m ? t == null || t(p) : r == null || r(p));
   }
-  return We(function() {
+  return Ue(function() {
     return c;
   }, []), [f, d, l.current, i];
 }
@@ -9879,13 +9879,13 @@ var ree = function(t, r) {
     }
     v(he.value, Q, pe);
   };
-  We(function() {
+  Ue(function() {
     L(g !== !1 ? k(0) : -1);
   }, [_.length, u]);
   var $ = q.useCallback(function(G) {
     return b.has(G) && l !== "combobox";
   }, [l, La(b).toString(), b.size]);
-  We(function() {
+  Ue(function() {
     var G = setTimeout(function() {
       if (!s && o && b.size === 1) {
         var ee = Array.from(b)[0], pe = _.findIndex(function(he) {
@@ -9913,23 +9913,23 @@ var ree = function(t, r) {
       onKeyDown: function(Q) {
         var ee = Q.which, pe = Q.ctrlKey;
         switch (ee) {
-          case Ue.N:
-          case Ue.P:
-          case Ue.UP:
-          case Ue.DOWN: {
+          case We.N:
+          case We.P:
+          case We.UP:
+          case We.DOWN: {
             var he = 0;
-            if (ee === Ue.UP ? he = -1 : ee === Ue.DOWN ? he = 1 : eee() && pe && (ee === Ue.N ? he = 1 : ee === Ue.P && (he = -1)), he !== 0) {
+            if (ee === We.UP ? he = -1 : ee === We.DOWN ? he = 1 : eee() && pe && (ee === We.N ? he = 1 : ee === We.P && (he = -1)), he !== 0) {
               var se = k(M + he, he);
               O(se), L(se, !0);
             }
             break;
           }
-          case Ue.ENTER: {
+          case We.ENTER: {
             var de = _[M];
             de && !de.data.disabled ? B(de.value) : B(void 0), o && Q.preventDefault();
             break;
           }
-          case Ue.ESC:
+          case We.ESC:
             c(!1), o && Q.stopPropagation();
         }
       },
@@ -11168,9 +11168,9 @@ var Fee = ["className", "style", "motion", "motionNodes", "motionType", "onMotio
   var n = t.className, a = t.style, i = t.motion, o = t.motionNodes, s = t.motionType, l = t.onMotionStart, u = t.onMotionEnd, c = t.active, d = t.treeNodeRequiredProps, f = Yh(t, Fee), p = q.useState(!0), m = Kl(p, 2), v = m[0], g = m[1], y = q.useContext(CC), C = y.prefixCls, b = q.useRef(!1), S = function() {
     b.current || u(), b.current = !0;
   };
-  return We(function() {
+  return Ue(function() {
     o && s === "hide" && v && g(!1);
-  }, [o]), We(function() {
+  }, [o]), Ue(function() {
     return o && l(), function() {
       o && S();
     };
@@ -11839,11 +11839,11 @@ var Vee = 10, EC = /* @__PURE__ */ function(e) {
     }, n.onKeyDown = function(s) {
       var l = n.state, u = l.activeKey, c = l.expandedKeys, d = l.checkedKeys, f = l.fieldNames, p = n.props, m = p.onKeyDown, v = p.checkable, g = p.selectable;
       switch (s.which) {
-        case Ue.UP: {
+        case We.UP: {
           n.offsetActiveKey(-1), s.preventDefault();
           break;
         }
-        case Ue.DOWN: {
+        case We.DOWN: {
           n.offsetActiveKey(1), s.preventDefault();
           break;
         }
@@ -11855,16 +11855,16 @@ var Vee = 10, EC = /* @__PURE__ */ function(e) {
           active: !0
         }));
         switch (s.which) {
-          case Ue.LEFT: {
+          case We.LEFT: {
             b && c.includes(u) ? n.onNodeExpand({}, S) : y.parent && n.onActiveChange(y.parent.key), s.preventDefault();
             break;
           }
-          case Ue.RIGHT: {
+          case We.RIGHT: {
             b && !c.includes(u) ? n.onNodeExpand({}, S) : y.children && y.children.length && n.onActiveChange(y.children[0].key), s.preventDefault();
             break;
           }
-          case Ue.ENTER:
-          case Ue.SPACE: {
+          case We.ENTER:
+          case We.SPACE: {
             v && !S.disabled && S.checkable !== !1 && !S.disableCheckbox ? n.onNodeCheck({}, S, !d.includes(u)) : !v && g && !S.disabled && S.selectable !== !1 && n.onNodeSelect({}, S);
             break;
           }
@@ -12163,13 +12163,13 @@ var Uee = {
       onKeyDown: function(me) {
         var Se, Me = me.which;
         switch (Me) {
-          case Ue.UP:
-          case Ue.DOWN:
-          case Ue.LEFT:
-          case Ue.RIGHT:
+          case We.UP:
+          case We.DOWN:
+          case We.LEFT:
+          case We.RIGHT:
             (Se = U.current) === null || Se === void 0 || Se.onKeyDown(me);
             break;
-          case Ue.ENTER: {
+          case We.ENTER: {
             if (xe) {
               var Ae = (xe == null ? void 0 : xe.node) || {}, Ce = Ae.selectable, Te = Ae.value;
               Ce !== !1 && ue(null, {
@@ -12181,7 +12181,7 @@ var Uee = {
             }
             break;
           }
-          case Ue.ESC:
+          case We.ESC:
             s(!1);
         }
       },
@@ -13097,7 +13097,7 @@ const dte = Ie(({
     const p = [...o], m = cte(p);
     return _H(m);
   }, [o, s]);
-  We(() => {
+  Ue(() => {
     const {
       default_selection_count: p
     } = t;
@@ -13197,9 +13197,9 @@ const dte = Ie(({
   }), o = T9({
     control: n
   });
-  We(() => {
+  Ue(() => {
     i(r.filters.values);
-  }, [r.filters.values, i]), We(() => {
+  }, [r.filters.values, i]), Ue(() => {
     r.filters.updatePreviewValues(o);
   }, [o]);
   const s = r.filters.visibleInView(t.id), l = ke(() => s.every((f) => f.should_auto_submit), [s]), u = ke(() => s.filter((f) => _e.get(f, "config.required", !1)), [s]), c = ke(() => u.length === 0 ? !1 : u.some((f) => !f.requiredAndPass(o[f.key])), [o, u]);
@@ -13422,7 +13422,7 @@ const mte = Ie(function() {
   }) : null;
 }), Xi = (e, t) => {
   const [r, n] = mt([]);
-  return We(() => e.watchTriggerSnapshotList(
+  return Ue(() => e.watchTriggerSnapshotList(
     (a) => n(a.filter((i) => i.schemaRef === t))
   ), []), r;
 };
@@ -13667,7 +13667,7 @@ const yte = (e) => {
   getColor: Xh(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Rk = "@devtable/dashboard", MC = "8.49.2", Fk = "Apache-2.0", kk = {
+}, Rk = "@devtable/dashboard", MC = "8.50.0", Fk = "Apache-2.0", kk = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Ik = [
@@ -13954,7 +13954,7 @@ class wn extends Tte {
 }
 const kt = (e, t) => {
   const [r, { setFalse: n }] = ya(!0), [a, i] = mt();
-  We(() => (e.getItem(t).then((s) => {
+  Ue(() => (e.getItem(t).then((s) => {
     i(s), n();
   }), e.watchItem(t, (s) => {
     i(s);
@@ -14101,7 +14101,7 @@ function Rte({
   } = xn({
     defaultValues: a
   });
-  return We(() => {
+  return Ue(() => {
     s(a);
   }, [t]), t ? /* @__PURE__ */ h(De, {
     spacing: "xs",
@@ -14616,7 +14616,7 @@ function Vte({
   onChange: r,
   pt: n = "sm"
 }, a) {
-  We(() => {
+  Ue(() => {
     typeof t == "string" && (console.log(t), r({
       type: t,
       config: {}
@@ -47791,7 +47791,11 @@ const Zbe = ({
   const [n, {
     setTrue: a,
     setFalse: i
-  }] = ya(), [o, s] = mt(e), l = (p) => {
+  }] = ya(), [o, s] = mt(e);
+  Ue(() => {
+    s(e);
+  }, [e]);
+  const l = (p) => {
     s({
       ...o,
       enabled: p
@@ -48023,7 +48027,7 @@ function e1e({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]), l(["x_axis", "y_axis", "reference_lines", "color"]);
   const d = u(), f = ke(() => !Xr(d, t), [d, t]);
@@ -48434,7 +48438,7 @@ function b1e({
   } = kt(e.instanceData, "config");
   e.data;
   const n = ke(() => on({}, t, M2), [t]), a = n;
-  We(() => {
+  Ue(() => {
     !Xr(n, a) && (console.log("config malformed, resetting to defaults", n, a), r(a));
   }, [n, a]);
   const {
@@ -48446,7 +48450,7 @@ function b1e({
   } = xn({
     defaultValues: a
   });
-  We(() => {
+  Ue(() => {
     u(a);
   }, [a]);
   const c = l(), d = ke(() => !Xr(c, n), [c, n]);
@@ -49168,7 +49172,7 @@ function j1e({
   }), [l]), f = (p) => {
     c.current = p, g$(p);
   };
-  return We(() => {
+  return Ue(() => {
     c.current && g$(c.current);
   }, [u]), !r || !n ? null : /* @__PURE__ */ h(Oa, {
     echarts: kr,
@@ -51204,7 +51208,7 @@ function _xe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]);
   const d = u(), f = ke(() => !Xr(d, i), [d, i]);
@@ -52142,7 +52146,7 @@ const twe = [{
     ...d,
     ...o[f]
   })), l = _e.get(s, "0.id"), [u, c] = mt(l != null ? l : null);
-  return We(() => {
+  return Ue(() => {
     l && c((d) => d !== null ? d : l);
   }, [l]), /* @__PURE__ */ I(ae, {
     value: u,
@@ -52197,7 +52201,7 @@ function lwe({
   } = xn({
     defaultValues: a
   });
-  We(() => {
+  Ue(() => {
     u(a);
   }, [a]), s([]);
   const c = l(), d = ke(() => !_e.isEqual(c, a), [c, a]);
@@ -52799,7 +52803,7 @@ const Mwe = ({
     data_key: "",
     name: ""
   }), u = t("tooltip.metrics.0.id"), [c, d] = mt(() => u != null ? u : null);
-  return We(() => {
+  return Ue(() => {
     u && d((f) => f !== null ? f : u);
   }, [u]), /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ I(fe, {
@@ -52906,7 +52910,11 @@ const $we = ({
   const [n, {
     setTrue: a,
     setFalse: i
-  }] = ya(), [o, s] = mt(e), l = (p) => {
+  }] = ya(), [o, s] = mt(e);
+  Ue(() => {
+    s(e);
+  }, [e]);
+  const l = (p) => {
     s({
       ...o,
       enabled: p
@@ -52931,9 +52939,7 @@ const $we = ({
   }, f = () => {
     d(Rwe.func_content);
   };
-  return We(() => {
-    s(e);
-  }, [e]), /* @__PURE__ */ I(lt, {
+  return /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ h(He, {
       variant: "filled",
       mt: 24,
@@ -53208,7 +53214,7 @@ function Pwe({
     value: t,
     set: r
   } = kt(e.instanceData, "config"), n = e.data, a = ke(() => on({}, t, L2), [t]), i = ke(() => _e.cloneDeep(a), [a]);
-  We(() => {
+  Ue(() => {
     !Xr(a, i) && (console.log("config malformed, resetting to defaults", a, i), r(i));
   }, [a, i]);
   const {
@@ -53220,7 +53226,7 @@ function Pwe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]);
   const d = u(), f = ke(() => !Xr(d, a), [d, a]);
@@ -54020,7 +54026,7 @@ function lSe({
   } = xn({
     defaultValues: a
   });
-  We(() => {
+  Ue(() => {
     u(a);
   }, [a]), s(["x_axis", "data_key", "bar", "line", "dataZoom"]);
   const c = l(), d = ke(() => !Xr(c, t), [c, t]);
@@ -54372,7 +54378,7 @@ function xSe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]);
   const d = u(), f = ke(() => !_e.isEqual(d, a), [d, a]);
@@ -54816,7 +54822,7 @@ function $Se({
       formatter: ba
     });
   }, u = _e.get(s, "0.id", null), [c, d] = mt(u);
-  We(() => {
+  Ue(() => {
     d((p) => p || u);
   }, [u]);
   const f = (p) => {
@@ -54881,7 +54887,7 @@ function RSe({
   } = xn({
     defaultValues: a
   });
-  We(() => {
+  Ue(() => {
     u(a);
   }, [a]), s(["series_name_key", "background", "label"]);
   const c = l(), d = ke(() => !Xr(c, a), [c, a]);
@@ -55517,7 +55523,7 @@ function GSe({
   } = xn({
     defaultValues: a
   });
-  We(() => {
+  Ue(() => {
     u(a);
   }, [a]), s(["x_axis", "y_axis", "regression"]);
   const c = l(), d = ke(() => !Xr(c, t), [c, t]);
@@ -55707,7 +55713,7 @@ const q2 = Gr(({
       s(f.getHTML());
     }
   });
-  We(() => {
+  Ue(() => {
     s(e), l == null || l.commands.setContent(e);
   }, [e]);
   const u = () => {
@@ -55776,7 +55782,7 @@ function ZSe({
   } = xn({
     defaultValues: n
   });
-  o("content"), We(() => {
+  o("content"), Ue(() => {
     s(n);
   }, [n]);
   const l = st(null), u = () => {
@@ -57518,7 +57524,7 @@ const qCe = ({
     data_key: "",
     name: ""
   }), u = t("tooltip.metrics.0.id"), [c, d] = mt(() => u != null ? u : null);
-  return We(() => {
+  return Ue(() => {
     u && d((f) => f !== null ? f : u);
   }, [u]), /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ I(fe, {
@@ -57621,7 +57627,11 @@ const WCe = ({
   const [n, {
     setTrue: a,
     setFalse: i
-  }] = ya(), [o, s] = mt(e), l = (p) => {
+  }] = ya(), [o, s] = mt(e);
+  Ue(() => {
+    s(e);
+  }, [e]);
+  const l = (p) => {
     s({
       ...o,
       enabled: p
@@ -57646,9 +57656,7 @@ const WCe = ({
   }, f = () => {
     d(B5.func_content);
   };
-  return We(() => {
-    s(e);
-  }, [e]), /* @__PURE__ */ I(lt, {
+  return /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ h(He, {
       variant: "filled",
       mt: 24,
@@ -58004,7 +58012,7 @@ function eDe({
   } = kt(e.instanceData, "config"), {
     variables: n
   } = e, a = e.data, i = ke(() => on({}, t, H2), [t]), o = ke(() => JCe(i), [i]);
-  We(() => {
+  Ue(() => {
     !Xr(i, o) && (console.log("config malformed, resetting to defaults", i, o), r(o));
   }, [i, o]);
   const {
@@ -58016,7 +58024,7 @@ function eDe({
   } = xn({
     defaultValues: o
   });
-  We(() => {
+  Ue(() => {
     d(o);
   }, [o]);
   const f = c(), p = ke(() => !Xr(f, i), [f, i]);
@@ -58814,7 +58822,7 @@ const NDe = [{
       padding: 0
     }
   }), u = t("levels.0.id"), [c, d] = mt(() => u != null ? u : null);
-  return We(() => {
+  return Ue(() => {
     u && d((f) => f !== null ? f : u);
   }, [u]), /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ I(fe, {
@@ -58886,7 +58894,7 @@ function TDe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]);
   const d = u(), f = ke(() => !_e.isEqual(d, a), [d, a]);
@@ -61612,7 +61620,7 @@ const U2e = Ie(({
   });
 }), W2e = Ie(function(t) {
   const r = yi(() => new q2e(), []);
-  return We(() => {
+  return Ue(() => {
     r.fromProps(t);
   }), r.interpolation == null ? null : /* @__PURE__ */ h(U2e, {
     model: r
@@ -61767,7 +61775,7 @@ const Z2e = Gr((e, t) => {
   }, c = () => {
     s(H5);
   };
-  return We(() => {
+  return Ue(() => {
     s(e);
   }, [e]), /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ h(He, {
@@ -62175,7 +62183,7 @@ function sEe({
     value: t,
     set: r
   } = kt(e.instanceData, "config"), n = e.data, a = ke(() => on({}, t, G2), [t]), i = ke(() => oEe(a), [a]);
-  We(() => {
+  Ue(() => {
     !Xr(a, i) && (console.log("config malformed, resetting to defaults", a, i), r(i));
   }, [a, i]);
   const {
@@ -62187,7 +62195,7 @@ function sEe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]);
   const d = u(), f = ke(() => !Xr(d, a), [d, a]);
@@ -62398,7 +62406,7 @@ const SS = {
   }, c = () => {
     s(o8);
   };
-  return We(() => {
+  return Ue(() => {
     s(e);
   }, [e]), /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ h(He, {
@@ -62475,7 +62483,7 @@ function hEe({
       font_weight: v
     };
   }, [n]);
-  We(() => {
+  Ue(() => {
     !Xr(n, a) && (console.log("config malformed, resetting to defaults", n, a), r(a));
   }, [n, a]);
   const {
@@ -62764,7 +62772,7 @@ function SEe({
   } = xn({
     defaultValues: n
   });
-  We(() => {
+  Ue(() => {
     l(n);
   }, [n]), o(["expertSystemURL", "goal", "path", "question"]);
   const u = s(), c = ke(() => !Xr(u, n), [u, n]);
@@ -63318,7 +63326,7 @@ const UEe = ({
     data_key: "",
     name: ""
   }), u = t("tooltip.metrics.0.id"), [c, d] = mt(() => u != null ? u : null);
-  return We(() => {
+  return Ue(() => {
     u && d((f) => f !== null ? f : u);
   }, [u]), /* @__PURE__ */ I(lt, {
     children: [/* @__PURE__ */ I(fe, {
@@ -63441,7 +63449,7 @@ function YEe({
     value: t,
     set: r
   } = kt(e.instanceData, "config"), n = e.data, a = ke(() => on({}, t, J2), [t]), i = ke(() => _e.cloneDeep(a), [a]);
-  We(() => {
+  Ue(() => {
     !Xr(a, i) && (console.log("config malformed, resetting to defaults", a, i), r(i));
   }, [a, i]);
   const {
@@ -63453,7 +63461,7 @@ function YEe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]);
   const d = u(), f = ke(() => !Xr(d, a), [d, a]);
@@ -64253,7 +64261,7 @@ function CNe({
 }
 function DNe(e) {
   const [t, r] = mt(e);
-  return We(() => {
+  return Ue(() => {
     r(e);
   }, [e]), { tab: t, setTab: r };
 }
@@ -64896,7 +64904,7 @@ function FNe({
   } = xn({
     defaultValues: i
   });
-  We(() => {
+  Ue(() => {
     c(i);
   }, [i]), l([]);
   const d = u(), f = ke(() => !_e.isEqual(d, i), [d, i]);
@@ -65095,7 +65103,7 @@ function BNe(e, t) {
   } = kt(e.operation.operationData, "config"), [a, i] = mt(cn({}, r, t)), o = async () => {
     await n(a);
   };
-  return We(() => {
+  return Ue(() => {
     i(cn({}, r, t));
   }, [r]), {
     config: a,
@@ -65901,7 +65909,7 @@ const w_e = Ie(({
   } = ta(), r = e.viz, {
     vizManager: n
   } = Hn(lo), a = e.json, i = yi(() => n.getOrCreateInstance(a), [n, a]), o = yi(() => new nE(i, n.resolveComponent(r.type), nx), [i, r.type]);
-  return We(() => i.instanceData.watchItem(
+  return Ue(() => i.instanceData.watchItem(
     null,
     M9((s) => {
       e.viz.setConf(s);
@@ -65993,7 +66001,7 @@ function f8(e) {
 }
 function p8(e, t) {
   const r = tF().getRequired(vn.instanceScope.vizInstance);
-  return We(() => (r.instanceData.setItem(null, t.viz.conf), r.instanceData.watchItem(null, (n) => {
+  return Ue(() => (r.instanceData.setItem(null, t.viz.conf), r.instanceData.watchItem(null, (n) => {
     e(n);
   })), [e, t.viz.type]), r;
 }
@@ -69356,7 +69364,7 @@ function gMe() {
   } = Hn(L8), {
     pathname: n
   } = vMe(), a = JSON.stringify(r.map((s) => s.pathnameBase)), i = st(!1);
-  return We(() => {
+  return Ue(() => {
     i.current = !0;
   }), tr(function(s, l) {
     if (l === void 0 && (l = {}), process.env.NODE_ENV !== "production" && uMe(i.current, "You should call navigate() in a React.useEffect(), not when your component is first rendered."), !i.current)
@@ -69391,15 +69399,16 @@ const z8 = {
     }
   }
 }, yMe = Ie(({
-  saveDashboardChanges: e
+  saveDashboardChanges: e,
+  headerSlot: t = null
 }) => {
-  const t = gMe(), r = wt(), n = () => {
-    const u = JSON.stringify(r.json, null, 2);
-    hAe(r.name, u);
-  }, a = () => {
-    t(`/dashboard/${r.id}`);
-  }, i = Ns(), o = () => {
-    i.openConfirmModal({
+  const r = gMe(), n = wt(), a = () => {
+    const c = JSON.stringify(n.json, null, 2);
+    hAe(n.name, c);
+  }, i = () => {
+    r(`/dashboard/${n.id}`);
+  }, o = Ns(), s = () => {
+    o.openConfirmModal({
       title: /* @__PURE__ */ I(fe, {
         position: "left",
         children: [/* @__PURE__ */ h(GE, {
@@ -69417,12 +69426,12 @@ const z8 = {
         color: "red"
       },
       onCancel: () => console.log("Cancel"),
-      onConfirm: a,
+      onConfirm: i,
       zIndex: 320,
       withCloseButton: !1
     });
-  }, s = () => {
-    i.openConfirmModal({
+  }, l = () => {
+    o.openConfirmModal({
       title: /* @__PURE__ */ I(fe, {
         position: "left",
         children: [/* @__PURE__ */ h(GE, {
@@ -69440,11 +69449,11 @@ const z8 = {
         color: "red"
       },
       onCancel: () => console.log("Cancel"),
-      onConfirm: () => r.reset(),
+      onConfirm: () => n.reset(),
       zIndex: 320,
       withCloseButton: !1
     });
-  }, l = r.changed;
+  }, u = n.changed;
   return /* @__PURE__ */ h(p9, {
     height: 60,
     px: "md",
@@ -69461,26 +69470,26 @@ const z8 = {
       children: [/* @__PURE__ */ h(fe, {
         children: /* @__PURE__ */ h(He, {
           size: "xs",
-          color: l ? "red" : "green",
+          color: u ? "red" : "green",
           leftIcon: /* @__PURE__ */ h(E7, {
             size: 20
           }),
-          onClick: l ? o : a,
+          onClick: u ? s : i,
           children: /* @__PURE__ */ I(fe, {
             spacing: 4,
             children: ["End Editing", /* @__PURE__ */ h(ye, {
               td: "underline",
-              children: r.name
+              children: n.name
             })]
           })
         })
-      }), /* @__PURE__ */ I(fe, {
+      }), t, /* @__PURE__ */ I(fe, {
         position: "right",
         children: [/* @__PURE__ */ h(He, {
           variant: "filled",
           size: "xs",
-          disabled: !r.views.VIE,
-          onClick: () => r.addANewPanel(r.views.idOfVIE),
+          disabled: !n.views.VIE,
+          onClick: () => n.addANewPanel(n.views.idOfVIE),
           leftIcon: /* @__PURE__ */ h(oq, {
             size: 20
           }),
@@ -69494,7 +69503,7 @@ const z8 = {
             children: /* @__PURE__ */ h(Ct, {
               variant: "default",
               size: "md",
-              onClick: n,
+              onClick: a,
               children: /* @__PURE__ */ h(q7, {
                 size: 18
               })
@@ -69505,7 +69514,7 @@ const z8 = {
             children: /* @__PURE__ */ h(Ct, {
               variant: "default",
               size: "md",
-              onClick: r.queries.downloadAllData,
+              onClick: n.queries.downloadAllData,
               children: /* @__PURE__ */ h(X7, {
                 size: 18
               })
@@ -69519,8 +69528,8 @@ const z8 = {
             children: /* @__PURE__ */ h(Ct, {
               variant: "default",
               size: "md",
-              disabled: !l,
-              onClick: s,
+              disabled: !u,
+              onClick: l,
               children: /* @__PURE__ */ h(oF, {
                 size: 20,
                 color: "red"
@@ -69534,7 +69543,7 @@ const z8 = {
               size: 18
             }),
             onClick: e,
-            disabled: !l,
+            disabled: !u,
             children: "Save Changes"
           })]
         })]
@@ -72081,7 +72090,7 @@ function oRe({ proOptions: e, position: t = "bottom-right" }) {
 }
 const sRe = ({ x: e, y: t, label: r, labelStyle: n = {}, labelShowBg: a = !0, labelBgStyle: i = {}, labelBgPadding: o = [2, 4], labelBgBorderRadius: s = 2, children: l, className: u, ...c }) => {
   const d = st(null), [f, p] = mt({ x: 0, y: 0, width: 0, height: 0 }), m = Kn(["react-flow__edge-textwrapper", u]);
-  return We(() => {
+  return Ue(() => {
     if (d.current) {
       const v = d.current.getBBox();
       p({
@@ -72655,7 +72664,7 @@ function TRe(e, t) {
 }
 const V6 = jr(({ onSelectionChange: e }) => {
   const t = Rn(), { selectedNodes: r, selectedEdges: n } = tn(MRe, TRe);
-  return We(() => {
+  return Ue(() => {
     var i, o;
     const a = { nodes: r, edges: n };
     e == null || e(a), (o = (i = t.getState()).onSelectionChange) == null || o.call(i, a);
@@ -72678,18 +72687,18 @@ const RRe = (e) => ({
   reset: e.reset
 });
 function Hl(e, t) {
-  We(() => {
+  Ue(() => {
     typeof e < "u" && t(e);
   }, [e]);
 }
 function or(e, t, r) {
-  We(() => {
+  Ue(() => {
     typeof t < "u" && r({ [e]: t });
   }, [t]);
 }
 const FRe = ({ nodes: e, edges: t, defaultNodes: r, defaultEdges: n, onConnect: a, onConnectStart: i, onConnectEnd: o, onClickConnectStart: s, onClickConnectEnd: l, nodesDraggable: u, nodesConnectable: c, nodesFocusable: d, edgesFocusable: f, elevateNodesOnSelect: p, minZoom: m, maxZoom: v, nodeExtent: g, onNodesChange: y, onEdgesChange: C, elementsSelectable: b, connectionMode: S, snapGrid: x, snapToGrid: w, translateExtent: D, connectOnClick: N, defaultEdgeOptions: _, fitView: E, fitViewOptions: A, onNodesDelete: O, onEdgesDelete: k, onNodeDrag: R, onNodeDragStart: F, onNodeDragStop: M, onSelectionDrag: T, onSelectionDragStart: L, onSelectionDragStop: $, noPanClassName: B, nodeOrigin: U, rfId: K, autoPanOnConnect: V, autoPanOnNodeDrag: G, onError: Q, connectionRadius: ee }) => {
   const { setNodes: pe, setEdges: he, setDefaultNodesAndEdges: se, setMinZoom: de, setMaxZoom: we, setTranslateExtent: ge, setNodeExtent: ve, reset: Ne } = tn(RRe, ea), z = Rn();
-  return We(() => {
+  return Ue(() => {
     const X = n == null ? void 0 : n.map((ue) => ({ ...ue, ..._ }));
     return se(r, X), () => {
       Ne();
@@ -72969,7 +72978,7 @@ function ow(e) {
 }
 function G6({ nodeRef: e, disabled: t = !1, noDragClassName: r, handleSelector: n, nodeId: a, isSelectable: i, selectNodesOnDrag: o }) {
   const s = Rn(), [l, u] = mt(!1), c = st([]), d = st({ x: null, y: null }), f = st(0), p = st(null), m = st({ x: 0, y: 0 }), v = st(null), g = st(!1), y = GRe();
-  return We(() => {
+  return Ue(() => {
     if (e != null && e.current) {
       const C = Ha(e.current), b = ({ x, y: w }) => {
         const { nodeInternals: D, onNodeDrag: N, onSelectionDrag: _, updateNodePositions: E, nodeExtent: A, snapGrid: O, snapToGrid: k, nodeOrigin: R, onError: F } = s.getState();
@@ -73109,12 +73118,12 @@ var Mc = (e) => {
             isShiftPressed: z.shiftKey
           }));
     };
-    We(() => {
+    Ue(() => {
       if (U.current && !_) {
         const z = U.current;
         return E == null || E.observe(z), () => E == null ? void 0 : E.unobserve(z);
       }
-    }, [_]), We(() => {
+    }, [_]), Ue(() => {
       const z = G.current !== n, X = K.current !== D, ue = V.current !== N;
       U.current && (z || X || ue) && (z && (G.current = n), X && (K.current = D), ue && (V.current = N), B.getState().updateNodeDimensions([{ id: r, nodeElement: U.current, forceUpdate: !0 }]));
     }, [r, n, D, N]);
@@ -73174,7 +73183,7 @@ var yd = (e = null, t = { target: YRe }) => {
     }
     return [[], []];
   }, [e]);
-  return We(() => {
+  return Ue(() => {
     var s, l;
     if (e !== null) {
       const u = (f) => {
@@ -73456,18 +73465,18 @@ function _E() {
 }
 var tFe = ({ deleteKeyCode: e, multiSelectionKeyCode: t }) => {
   const r = Rn(), { deleteElements: n } = _E(), a = yd(e), i = yd(t);
-  We(() => {
+  Ue(() => {
     if (a) {
       const { edges: o, getNodes: s } = r.getState(), l = s().filter((c) => c.selected), u = o.filter((c) => c.selected);
       n({ nodes: l, edges: u }), r.setState({ nodesSelectionActive: !1 });
     }
-  }, [a]), We(() => {
+  }, [a]), Ue(() => {
     r.setState({ multiSelectionActive: i });
   }, [i]);
 };
 function rFe(e) {
   const t = Rn();
-  We(() => {
+  Ue(() => {
     let r;
     const n = () => {
       var i, o;
@@ -73498,7 +73507,7 @@ const AE = {
   userSelectionActive: e.userSelectionActive
 }), iFe = ({ onMove: e, onMoveStart: t, onMoveEnd: r, onPaneContextMenu: n, zoomOnScroll: a = !0, zoomOnPinch: i = !0, panOnScroll: o = !1, panOnScrollSpeed: s = 0.5, panOnScrollMode: l = du.Free, zoomOnDoubleClick: u = !0, elementsSelectable: c, panOnDrag: d = !0, defaultViewport: f, translateExtent: p, minZoom: m, maxZoom: v, zoomActivationKeyCode: g, preventScrolling: y = !0, children: C, noWheelClassName: b, noPanClassName: S }) => {
   const x = st(), w = Rn(), D = st(!1), N = st(!1), _ = st(null), E = st({ x: 0, y: 0, zoom: 0 }), { d3Zoom: A, d3Selection: O, d3ZoomHandler: k, userSelectionActive: R } = tn(aFe, ea), F = yd(g), M = st(0);
-  return rFe(_), We(() => {
+  return rFe(_), Ue(() => {
     if (_.current) {
       const T = _.current.getBoundingClientRect(), L = v6().scaleExtent([m, v]).translateExtent(p), $ = Ha(_.current).call(L), B = To.translate(f.x, f.y).scale(Mu(f.zoom, m, v)), U = [
         [0, 0],
@@ -73512,7 +73521,7 @@ const AE = {
         domNode: _.current.closest(".react-flow")
       });
     }
-  }, []), We(() => {
+  }, []), Ue(() => {
     O && A && (o && !F && !R ? O.on("wheel.zoom", (T) => {
       if (Wl(T, b))
         return !1;
@@ -73541,7 +73550,7 @@ const AE = {
     i,
     y,
     b
-  ]), We(() => {
+  ]), Ue(() => {
     A && A.on("start", (T) => {
       var $;
       if (!T.sourceEvent)
@@ -73553,7 +73562,7 @@ const AE = {
         E.current = B, L == null || L(B), t == null || t(T.sourceEvent, B);
       }
     });
-  }, [A, t]), We(() => {
+  }, [A, t]), Ue(() => {
     A && (R && !D.current ? A.on("zoom", null) : R || A.on("zoom", (T) => {
       var $;
       const { onViewportChange: L } = w.getState();
@@ -73562,7 +73571,7 @@ const AE = {
         L == null || L(B), e == null || e(T.sourceEvent, B);
       }
     }));
-  }, [R, A, e, d, n]), We(() => {
+  }, [R, A, e, d, n]), Ue(() => {
     A && A.on("end", (T) => {
       var $;
       if (!T.sourceEvent)
@@ -73575,7 +73584,7 @@ const AE = {
         }, o ? 150 : 0);
       }
     });
-  }, [A, o, d, r, n]), We(() => {
+  }, [A, o, d, r, n]), Ue(() => {
     A && A.filter((T) => {
       const L = F || a, $ = i && T.ctrlKey;
       if (T.button === 1 && T.type === "mousedown" && (Wl(T, "react-flow__node") || Wl(T, "react-flow__edge")))
@@ -73749,7 +73758,7 @@ const dFe = (e) => {
 };
 function fFe({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: r }) {
   const n = Rn(), { width: a, height: i, x: o, y: s, transformString: l, userSelectionActive: u } = tn(dFe, ea), c = j6(), d = st(null);
-  if (We(() => {
+  if (Ue(() => {
     var m;
     r || (m = d.current) == null || m.focus({
       preventScroll: !0
@@ -73808,7 +73817,7 @@ const gFe = (e) => ({
     });
     return l.current = c, c;
   }, []);
-  return We(() => () => {
+  return Ue(() => () => {
     var c;
     (c = l == null ? void 0 : l.current) == null || c.disconnect();
   }, []), h("div", { className: "react-flow__nodes", style: AE, children: s.map((c) => {
@@ -73927,7 +73936,7 @@ function OFe({ children: e }) {
 }
 function $Fe(e) {
   const t = _E(), r = st(!1);
-  We(() => {
+  Ue(() => {
     !r.current && t.viewportInitialized && e && (setTimeout(() => e(t), 1), r.current = !0);
   }, [e, t.viewportInitialized]);
 }
@@ -74241,7 +74250,7 @@ const WFe = 200, GFe = 150, jFe = (e) => {
 function lV({ style: e, className: t, nodeStrokeColor: r = "transparent", nodeColor: n = "#e2e2e2", nodeClassName: a = "", nodeBorderRadius: i = 5, nodeStrokeWidth: o = 2, maskColor: s = "rgb(240, 240, 240, 0.6)", maskStrokeColor: l = "none", maskStrokeWidth: u = 1, position: c = "bottom-right", onClick: d, onNodeClick: f, pannable: p = !1, zoomable: m = !1, ariaLabel: v = "React Flow mini map" }) {
   var pe, he;
   const g = Rn(), y = st(null), { boundingRect: C, viewBB: b, nodes: S, rfId: x, nodeOrigin: w } = tn(jFe, ea), D = (pe = e == null ? void 0 : e.width) != null ? pe : WFe, N = (he = e == null ? void 0 : e.height) != null ? he : GFe, _ = cw(n), E = cw(r), A = cw(a), O = C.width / D, k = C.height / N, R = Math.max(O, k), F = R * D, M = R * N, T = 5 * R, L = C.x - (F - C.width) / 2 - T, $ = C.y - (M - C.height) / 2 - T, B = F + T * 2, U = M + T * 2, K = typeof window > "u" || !!window.chrome ? "crispEdges" : "geometricPrecision", V = `${KFe}-${x}`, G = st(0);
-  G.current = R, We(() => {
+  G.current = R, Ue(() => {
     if (y.current) {
       const se = Ha(y.current), de = (ve) => {
         const { transform: Ne, d3Selection: z, d3Zoom: X } = g.getState();
@@ -74301,7 +74310,7 @@ const Lc = ({ children: e, className: t, ...r }) => h("button", { type: "button"
 Lc.displayName = "ControlButton";
 const t3e = (e) => e.nodesDraggable && e.nodesConnectable && e.elementsSelectable, uV = ({ style: e, showZoom: t = !0, showFitView: r = !0, showInteractive: n = !0, fitViewOptions: a, onZoomIn: i, onZoomOut: o, onFitView: s, onInteractiveChange: l, className: u, children: c, position: d = "bottom-left" }) => {
   const f = Rn(), [p, m] = mt(!1), v = tn(t3e), { zoomIn: g, zoomOut: y, fitView: C } = _E();
-  if (We(() => {
+  if (Ue(() => {
     m(!0);
   }, []), !p)
     return null;
@@ -75669,7 +75678,7 @@ const R3e = Ie(() => {
   } = e, [n, a] = XR(t), i = t !== n, o = Pe.useCallback(() => {
     !i || r(n);
   }, [i, n]);
-  return We(() => {
+  return Ue(() => {
     a(t);
   }, [t]), /* @__PURE__ */ h(Ge, {
     value: n,
@@ -76262,7 +76271,7 @@ const yke = Ie(({
   submit: t
 }) => {
   const [r, n] = XR(e);
-  We(() => {
+  Ue(() => {
     n(e);
   }, [e]);
   const a = gke();
@@ -76388,7 +76397,7 @@ const wke = Ie(() => {
   sourceViewID: t
 }) => {
   const r = wt(), [n, a] = mt(t);
-  We(() => {
+  Ue(() => {
     a(t);
   }, [t]);
   const [i, {
@@ -76505,7 +76514,7 @@ const Eke = Ie(({
     state: o,
     error: s
   } = r.getDataStuffByID(e.queryID), l = r.queries.findByID(e.queryID), c = Dke(e.viz.type) && o === "loading", d = c || s || !l || !!l.stateMessage, f = r.editor.path[1];
-  We(() => {
+  Ue(() => {
     a((v) => d && v === "Visualization" ? "Data" : v);
   }, [e.id, d]);
   const p = () => {
@@ -77151,7 +77160,7 @@ const Fke = Ie(({
   }
 }, Vke = Ie(({
   dataSource: e
-}) => (We(() => {
+}) => (Ue(() => {
   e.loadTablesIfEmpty();
 }, [e]), e.tables.error ? /* @__PURE__ */ h(ye, {
   color: "red",
@@ -77545,7 +77554,7 @@ const Yke = ({
   }, u = () => {
     o(n);
   };
-  We(() => {
+  Ue(() => {
     o(e);
   }, [e]);
   const c = i !== e;
@@ -78101,7 +78110,7 @@ WHERE
   }, l = i !== e.key, u = e.isADuplicatedKey(i), [c, d] = mt(e.value), f = () => {
     e.setValue(c);
   };
-  We(() => {
+  Ue(() => {
     o(e.key), d(e.value);
   }, [e]);
   const p = c !== e.value, m = Ns();
@@ -78730,7 +78739,7 @@ const EIe = Ie(() => /* @__PURE__ */ h(De, {
 }) => {
   var u;
   const t = wt().editor, r = t.isOptionActive, n = r(t.path, e), a = t.isOptionOpened, i = t.navigate, o = a(e), [s, l] = mt(o);
-  return We(() => {
+  return Ue(() => {
     l(o);
   }, [o]), /* @__PURE__ */ h(hw, {
     active: n,
@@ -78862,7 +78871,7 @@ const EIe = Ie(() => /* @__PURE__ */ h(De, {
   });
 }), LIe = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function BIe(e) {
-  We(() => {
+  Ue(() => {
     if (vx.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
@@ -78968,39 +78977,41 @@ const VIe = {
   update: n,
   className: a = "dashboard",
   config: i,
-  onChange: o
-}, s) {
+  onChange: o,
+  headerSlot: s
+}, l) {
   BIe(i.monacoPath), v8(i);
   const {
-    data: l = []
-  } = Sd(uE), [u, c] = Pe.useState(!1), d = Pe.useMemo(() => F8(r, l, t), [r]);
-  Pe.useImperativeHandle(s, () => d, [d]), eF(d, !0), Pe.useEffect(() => {
-    d.context.replace(t);
+    data: u = []
+  } = Sd(uE), [c, d] = Pe.useState(!1), f = Pe.useMemo(() => F8(r, u, t), [r]);
+  Pe.useImperativeHandle(l, () => f, [f]), eF(f, !0), Pe.useEffect(() => {
+    f.context.replace(t);
   }, [t]), Pe.useEffect(() => {
-    d.datasources.replace(l);
-  }, [l]), Pe.useEffect(() => qi(() => As(d.json), (v) => {
-    o == null || o(v);
-  }), [d]);
-  const f = async () => {
-    await n(d.json);
-  }, p = yi(rE, []), m = k8(p);
+    f.datasources.replace(u);
+  }, [u]), Pe.useEffect(() => qi(() => As(f.json), (g) => {
+    o == null || o(g);
+  }), [f]);
+  const p = async () => {
+    await n(f.json);
+  }, m = yi(rE, []), v = k8(m);
   return /* @__PURE__ */ h($R, {
     children: /* @__PURE__ */ h(nF, {
-      value: d,
+      value: f,
       children: /* @__PURE__ */ h(Iu.Provider, {
         value: {
-          layoutFrozen: u,
-          freezeLayout: c,
+          layoutFrozen: c,
+          freezeLayout: d,
           inEditMode: !0
         },
         children: /* @__PURE__ */ h(lo.Provider, {
-          value: p,
+          value: m,
           children: /* @__PURE__ */ I(kh, {
-            configure: m,
+            configure: v,
             children: [/* @__PURE__ */ h(OR, {
               padding: 0,
               header: /* @__PURE__ */ h(yMe, {
-                saveDashboardChanges: f
+                saveDashboardChanges: p,
+                headerSlot: s
               }),
               navbar: /* @__PURE__ */ h(F3e, {}),
               styles: VIe,
@@ -79009,9 +79020,9 @@ const VIe = {
                 sx: {
                   position: "relative"
                 },
-                children: d.views.visibleViews.map((v) => /* @__PURE__ */ h(j_e, {
-                  view: v
-                }, v.id))
+                children: f.views.visibleViews.map((g) => /* @__PURE__ */ h(j_e, {
+                  view: g
+                }, g.id))
               })
             }), /* @__PURE__ */ h(PIe, {})]
           })