@devtable/dashboard 8.41.0 → 8.41.2

package/dist/dashboard.es.js

@@ -1,13 +1,13 @@
 var Cw = Object.defineProperty;
 var Ew = (e, t, n) => t in e ? Cw(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ie = (e, t, n) => (Ew(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Box as xe, Text as K, Button as ie, Checkbox as Lt, Group as F, Tooltip as Xt, MultiSelect as Ma, Select as ve, TextInput as fe, createStyles as Oa, Stack as W, Badge as As, CloseButton as kw, Modal as tn, ActionIcon as Be, Menu as kr, Divider as pe, Switch as An, NumberInput as ht, useMantineTheme as im, ColorInput as ju, ColorSwatch as Hc, Slider as Tw, Overlay as Lo, Tabs as I, Center as bi, CheckIcon as Mw, MANTINE_SIZES as Ow, SimpleGrid as ti, SegmentedControl as Rw, Textarea as Dw, Collapse as Ku, Table as zo, Accordion as xo, Popover as Xl, LoadingOverlay as Ra, Flex as Da, Paper as Wu, Code as Bf, Alert as Aw, Header as $w, ThemeIcon as Ql, HoverCard as Zl, List as jf, UnstyledButton as Pw, Navbar as Pr, JsonInput as am, Radio as Kf, Skeleton as Wf, NavLink as Bc, Anchor as Gf, AppShell as sm } from "@mantine/core";
-import { useModals as go, ModalsProvider as lm } from "@mantine/modals";
+import { Box as xe, Text as K, Button as ie, Checkbox as Lt, Group as F, Tooltip as Xt, MultiSelect as Ma, Select as ve, TextInput as fe, createStyles as Oa, Stack as W, Badge as As, CloseButton as kw, Modal as tn, ActionIcon as Be, Menu as Tr, Divider as pe, Switch as An, NumberInput as ht, useMantineTheme as im, ColorInput as ju, ColorSwatch as Hc, Slider as Tw, Overlay as Lo, Tabs as I, Center as bi, CheckIcon as Mw, MANTINE_SIZES as Ow, SimpleGrid as ti, SegmentedControl as Rw, Textarea as Dw, Collapse as Ku, Table as zo, Accordion as bo, Popover as Xl, LoadingOverlay as Ra, Flex as Da, Paper as Wu, Code as Bf, Alert as Aw, Header as $w, ThemeIcon as Ql, HoverCard as Zl, List as jf, UnstyledButton as Pw, Navbar as Nr, JsonInput as am, Radio as Kf, Skeleton as Wf, NavLink as Bc, Anchor as Gf, AppShell as sm } from "@mantine/core";
+import { useModals as po, ModalsProvider as lm } from "@mantine/modals";
 import { useCreation as sr, usePrevious as Nw, useBoolean as Vn, useLatest as qf, useRequest as Aa, useAsyncEffect as $a } from "ahooks";
 import { observer as J } from "mobx-react-lite";
 import * as C from "react";
-import ee, { useEffect as ue, createContext as Vo, useMemo as Y, forwardRef as Ht, createElement as mo, useRef as Ee, useState as ze, useCallback as dt, useImperativeHandle as Iw, useLayoutEffect as Lw, useContext as wn, useDebugValue as zw, memo as Vt } from "react";
-import q, { template as Gu, cloneDeepWith as Vw, get as xt, isFunction as Fw, omit as Ao, values as cm, unset as Hw, isObject as um, set as qu, orderBy as Bw, last as dm, defaults as en, minBy as jw, maxBy as Kw, cloneDeep as vn, isEqual as Kt, defaultsDeep as Qt, keyBy as fm, merge as Ww, isEmpty as Uu, isNumber as Gw, findLastIndex as qw, isString as hm, range as Uw, throttle as Yw, pick as pm } from "lodash";
+import ee, { useEffect as ue, createContext as Vo, useMemo as Y, forwardRef as Bt, createElement as go, useRef as Ee, useState as ze, useCallback as dt, useImperativeHandle as Iw, useLayoutEffect as Lw, useContext as wn, useDebugValue as zw, memo as Vt } from "react";
+import q, { template as Gu, cloneDeepWith as Vw, get as vt, isFunction as Fw, omit as Do, values as cm, unset as Hw, isObject as um, set as qu, orderBy as Bw, last as dm, defaults as en, minBy as jw, maxBy as Kw, cloneDeep as vn, isEqual as Ht, defaultsDeep as Qt, keyBy as fm, merge as Ww, isEmpty as Uu, isNumber as Gw, findLastIndex as qw, isString as hm, range as Uw, throttle as Yw, pick as pm } from "lodash";
 import { useForm as cn, useWatch as Xw, Controller as D, useFieldArray as hn } from "react-hook-form";
 import { Link as gm, RichTextEditor as mt } from "@mantine/tiptap";
 import { Mark as Pa, mergeAttributes as Na, getMarkAttributes as Qw, Extension as Yu, markInputRule as Zw, markPasteRule as Jw } from "@tiptap/core";
@@ -30,7 +30,7 @@ import { CanvasRenderer as Wn } from "echarts/renderers";
 import Gn from "echarts-for-react/lib/core";
 import zt from "numbro";
 import { BoxplotChart as p_, BarChart as xi, LineChart as wi, ScatterChart as gl, FunnelChart as g_, HeatmapChart as Cm, PieChart as m_, RadarChart as v_, SunburstChart as y_ } from "echarts/charts";
-import { useElementSize as ua, randomId as lo, useClipboard as b_, useInputState as Em, useDisclosure as km } from "@mantine/hooks";
+import { useElementSize as ua, randomId as Ao, useClipboard as b_, useInputState as Em, useDisclosure as km } from "@mantine/hooks";
 import { showNotification as ml } from "@mantine/notifications";
 import * as x_ from "d3-array";
 import { quantile as Cs } from "d3-array";
@@ -39,9 +39,9 @@ import { transform as Zu } from "echarts-stat";
 import { Prism as ci } from "@mantine/prism";
 import * as ro from "d3-regression";
 import { useVirtual as w_ } from "react-virtual";
-import Mo from "axios";
+import To from "axios";
 import Tm from "crypto-js";
-import { types as R, getParent as vo, getRoot as Tn, cast as _i, addDisposer as da, addMiddleware as __, getType as S_, flow as Ji, toGenerator as ea, detach as C_, clone as E_, getSnapshot as Nr, applySnapshot as Eo, getParentOfType as Yf, castToSnapshot as Mm } from "mobx-state-tree";
+import { types as R, getParent as mo, getRoot as Tn, cast as _i, addDisposer as da, addMiddleware as __, getType as S_, flow as Ji, toGenerator as ea, detach as C_, clone as E_, getSnapshot as pr, applySnapshot as Co, getParentOfType as Yf, castToSnapshot as Mm } from "mobx-state-tree";
 import k_ from "jszip";
 function Om(e, t) {
   ue(() => {
@@ -121,7 +121,7 @@ class T_ {
     this.symbol = Symbol(t);
   }
 }
-function Tr(e) {
+function Mr(e) {
   return new T_(e);
 }
 class Ju {
@@ -156,7 +156,7 @@ class Ju {
   }
   dispose() {
     this.instanceRegistry.forEach((t) => {
-      const n = xt(t, "dispose");
+      const n = vt(t, "dispose");
       Fw(n) && n.bind(t)();
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
@@ -535,8 +535,8 @@ function R_() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, pt, tt, yt;
-    yt = {};
+    }, pt, tt, bt;
+    bt = {};
     function De(z) {
       if (Me.call(z, "ref")) {
         var re = Object.getOwnPropertyDescriptor(z, "ref").get;
@@ -556,10 +556,10 @@ function R_() {
     function ct(z, re) {
       if (typeof z.ref == "string" && qe.current && re && qe.current.stateNode !== re) {
         var ne = V(qe.current.type);
-        yt[ne] || (w('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', V(qe.current.type), z.ref), yt[ne] = !0);
+        bt[ne] || (w('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', V(qe.current.type), z.ref), bt[ne] = !0);
       }
     }
-    function Bt(z, re) {
+    function jt(z, re) {
       {
         var ne = function() {
           pt || (pt = !0, w("%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)", re));
@@ -570,7 +570,7 @@ function R_() {
         });
       }
     }
-    function bt(z, re) {
+    function xt(z, re) {
       {
         var ne = function() {
           tt || (tt = !0, w("%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)", re));
@@ -620,7 +620,7 @@ function R_() {
         }
         if (Ve || Ze) {
           var ot = typeof z == "function" ? z.displayName || z.name || "Unknown" : z;
-          Ve && Bt(We, ot), Ze && bt(We, ot);
+          Ve && jt(We, ot), Ze && xt(We, ot);
         }
         return qt(z, Ve, Ze, Ce, be, qe.current, We);
       }
@@ -988,7 +988,7 @@ function vS(e) {
   return C.createElement("svg", _t({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-playlist-add", width: n, height: n, viewBox: "0 0 24 24", strokeWidth: a, stroke: o, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, l), C.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), C.createElement("path", { d: "M19 8h-14" }), C.createElement("path", { d: "M5 12h9" }), C.createElement("path", { d: "M11 16h-6" }), C.createElement("path", { d: "M15 16h6" }), C.createElement("path", { d: "M18 13v6" }));
 }
 var yS = ["size", "color", "stroke"];
-function yo(e) {
+function vo(e) {
   var t = e.size, n = t === void 0 ? 24 : t, r = e.color, o = r === void 0 ? "currentColor" : r, i = e.stroke, a = i === void 0 ? 2 : i, l = Rt(e, yS);
   return C.createElement("svg", _t({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-plus", width: n, height: n, viewBox: "0 0 24 24", strokeWidth: a, stroke: o, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, l), C.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), C.createElement("line", { x1: 12, y1: 5, x2: 12, y2: 19 }), C.createElement("line", { x1: 5, y1: 12, x2: 19, y2: 12 }));
 }
@@ -1528,7 +1528,7 @@ function PS() {
     throw new Error("Please use FullScreenPanelContext.Provider");
   return e;
 }
-const Ym = Ht(({
+const Ym = Bt(({
   label: e,
   description: t,
   ...n
@@ -2072,7 +2072,7 @@ function oC(e, t) {
 function rv(e, t, n) {
   !t && !oh[n] && (e(!1, n), oh[n] = !0);
 }
-function vt(e, t) {
+function yt(e, t) {
   rv($s, e, t);
 }
 function ih(e, t) {
@@ -2721,7 +2721,7 @@ function wC() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Dr(e, t) {
+function Ar(e, t) {
   return yC(e) || bC(e, t) || xC(e, t) || wC();
 }
 function _C(e, t) {
@@ -2743,10 +2743,10 @@ function ta(e, t) {
   }
   return n;
 }
-function co(e) {
+function lo(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [];
   return ee.Children.forEach(e, function(r) {
-    r == null && !t.keepEmpty || (Array.isArray(r) ? n = n.concat(co(r)) : id.exports.isFragment(r) && r.props ? n = n.concat(co(r.props.children, t)) : n.push(r));
+    r == null && !t.keepEmpty || (Array.isArray(r) ? n = n.concat(lo(r)) : id.exports.isFragment(r) && r.props ? n = n.concat(lo(r.props.children, t)) : n.push(r));
   }), n;
 }
 function fi(e) {
@@ -3234,10 +3234,10 @@ function JC(e) {
 }
 var e1 = "rc-observer-key";
 function wl(e) {
-  var t = e.children, n = typeof t == "function" ? [t] : co(t);
+  var t = e.children, n = typeof t == "function" ? [t] : lo(t);
   return process.env.NODE_ENV !== "production" && (n.length > 1 ? $s(!1, "Find more than one child node with `children` in ResizeObserver. Please use ResizeObserver.Collection instead.") : n.length === 0 && $s(!1, "`children` of ResizeObserver is empty. Nothing is in observe.")), n.map(function(r, o) {
     var i = (r == null ? void 0 : r.key) || "".concat(e1, "-").concat(o);
-    return /* @__PURE__ */ mo(JC, {
+    return /* @__PURE__ */ go(JC, {
       ...e,
       key: i
     }, r);
@@ -3320,7 +3320,7 @@ ln.cancel = function(e) {
   return wv(t), xv(t);
 };
 function r1() {
-  var e = ao({}), t = Dr(e, 2), n = t[1], r = Ee([]), o = 0, i = 0;
+  var e = ao({}), t = Ar(e, 2), n = t[1], r = Ee([]), o = 0, i = 0;
   function a(l) {
     var c = o;
     o += 1, r.current.length < c + 1 && (r.current[c] = l);
@@ -3360,14 +3360,14 @@ function c1(e) {
   return "+ ".concat(e.length, " ...");
 }
 function u1(e, t) {
-  var n = e.prefixCls, r = n === void 0 ? "rc-overflow" : n, o = e.data, i = o === void 0 ? [] : o, a = e.renderItem, l = e.renderRawItem, c = e.itemKey, u = e.itemWidth, d = u === void 0 ? 10 : u, h = e.ssr, f = e.style, p = e.className, g = e.maxCount, m = e.renderRest, b = e.renderRawRest, y = e.suffix, w = e.component, _ = w === void 0 ? "div" : w, x = e.itemComponent, S = e.onVisibleChange, k = ta(e, l1), O = r1(), L = h === "full", H = O(null), A = Dr(H, 2), T = A[0], P = A[1], V = T || 0, E = O(/* @__PURE__ */ new Map()), N = Dr(E, 2), $ = N[0], M = N[1], B = O(0), j = Dr(B, 2), G = j[0], U = j[1], oe = O(0), ae = Dr(oe, 2), Q = ae[0], te = ae[1], me = O(0), ge = Dr(me, 2), he = ge[0], de = ge[1], Oe = ze(null), Te = Dr(Oe, 2), Z = Te[0], se = Te[1], Re = ze(null), X = Dr(Re, 2), Me = X[0], _e = X[1], $e = C.useMemo(function() {
+  var n = e.prefixCls, r = n === void 0 ? "rc-overflow" : n, o = e.data, i = o === void 0 ? [] : o, a = e.renderItem, l = e.renderRawItem, c = e.itemKey, u = e.itemWidth, d = u === void 0 ? 10 : u, h = e.ssr, f = e.style, p = e.className, g = e.maxCount, m = e.renderRest, b = e.renderRawRest, y = e.suffix, w = e.component, _ = w === void 0 ? "div" : w, x = e.itemComponent, S = e.onVisibleChange, k = ta(e, l1), O = r1(), L = h === "full", H = O(null), A = Ar(H, 2), T = A[0], P = A[1], V = T || 0, E = O(/* @__PURE__ */ new Map()), N = Ar(E, 2), $ = N[0], M = N[1], B = O(0), j = Ar(B, 2), G = j[0], U = j[1], oe = O(0), ae = Ar(oe, 2), Q = ae[0], te = ae[1], me = O(0), ge = Ar(me, 2), he = ge[0], de = ge[1], Oe = ze(null), Te = Ar(Oe, 2), Z = Te[0], se = Te[1], Re = ze(null), X = Ar(Re, 2), Me = X[0], _e = X[1], $e = C.useMemo(function() {
     return Me === null && L ? Number.MAX_SAFE_INTEGER : Me || 0;
-  }, [Me, T]), Le = ze(!1), we = Dr(Le, 2), et = we[0], je = we[1], at = "".concat(r, "-item"), Pe = Math.max(G, Q), Xe = g === Sv, Ge = i.length && Xe, qe = g === Cv, wt = Ge || typeof g == "number" && i.length > g, pt = Y(function() {
+  }, [Me, T]), Le = ze(!1), we = Ar(Le, 2), et = we[0], je = we[1], at = "".concat(r, "-item"), Pe = Math.max(G, Q), Xe = g === Sv, Ge = i.length && Xe, qe = g === Cv, wt = Ge || typeof g == "number" && i.length > g, pt = Y(function() {
     var le = i;
     return Ge ? T === null && L ? le = i : le = i.slice(0, Math.min(i.length, V / d)) : typeof g == "number" && (le = i.slice(0, g)), le;
   }, [i, d, T, g, Ge]), tt = Y(function() {
     return Ge ? i.slice($e + 1) : i.slice(pt.length);
-  }, [i, pt, Ge, $e]), yt = dt(function(le, ye) {
+  }, [i, pt, Ge, $e]), bt = dt(function(le, ye) {
     var Se;
     return typeof c == "function" ? c(le) : (Se = c && (le == null ? void 0 : le[c])) !== null && Se !== void 0 ? Se : ye;
   }, [c]), De = dt(a || function(le) {
@@ -3379,20 +3379,20 @@ function u1(e, t) {
   function ct(le, ye) {
     P(ye.clientWidth);
   }
-  function Bt(le, ye) {
+  function jt(le, ye) {
     M(function(Se) {
       var Fe = new Map(Se);
       return ye === null ? Fe.delete(le) : Fe.set(le, ye), Fe;
     });
   }
-  function bt(le, ye) {
+  function xt(le, ye) {
     te(ye), U(Q);
   }
   function qt(le, ye) {
     de(ye);
   }
   function St(le) {
-    return $.get(yt(pt[le], le));
+    return $.get(bt(pt[le], le));
   }
   Fr(function() {
     if (V && Pe && pt) {
@@ -3417,7 +3417,7 @@ function u1(e, t) {
       }
       y && St(0) + he > V && se(null);
     }
-  }, [V, $, Q, he, yt, pt]);
+  }, [V, $, Q, he, bt, pt]);
   var dn = et && !!tt.length, Ut = {};
   Z !== null && Ge && (Ut = {
     position: "absolute",
@@ -3430,33 +3430,33 @@ function u1(e, t) {
     component: x,
     invalidate: qe
   }, Ft = l ? function(le, ye) {
-    var Se = yt(le, ye);
+    var Se = bt(le, ye);
     return /* @__PURE__ */ s(Ls.Provider, {
       value: Xo(Xo({}, Dt), {}, {
         order: ye,
         item: le,
         itemKey: Se,
-        registerSize: Bt,
+        registerSize: jt,
         display: ye <= $e
       }),
       children: l(le, ye)
     }, Se);
   } : function(le, ye) {
-    var Se = yt(le, ye);
-    return /* @__PURE__ */ mo(na, {
+    var Se = bt(le, ye);
+    return /* @__PURE__ */ go(na, {
       ...Dt,
       order: ye,
       key: Se,
       item: le,
       renderItem: De,
       itemKey: Se,
-      registerSize: Bt,
+      registerSize: jt,
       display: ye <= $e
     });
   }, pn, Et = {
     order: dn ? $e : Number.MAX_SAFE_INTEGER,
     className: "".concat(at, "-rest"),
-    registerSize: bt,
+    registerSize: xt,
     display: dn
   };
   if (b)
@@ -3941,7 +3941,7 @@ function Gi(e, t, n, r) {
     }
   };
 }
-var T1 = /* @__PURE__ */ Ht(function(e, t) {
+var T1 = /* @__PURE__ */ Bt(function(e, t) {
   var n = e.didUpdate, r = e.getContainer, o = e.children, i = Ee(), a = Ee();
   Iw(t, function() {
     return {};
@@ -3990,20 +3990,20 @@ function A1(e, t) {
   }
   return n;
 }
-function uo(e) {
-  return uo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+function co(e) {
+  return co = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, uo(e);
+  }, co(e);
 }
 function $1(e, t) {
-  if (uo(e) !== "object" || e === null)
+  if (co(e) !== "object" || e === null)
     return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var r = n.call(e, t || "default");
-    if (uo(r) !== "object")
+    if (co(r) !== "object")
       return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -4011,7 +4011,7 @@ function $1(e, t) {
 }
 function Tv(e) {
   var t = $1(e, "string");
-  return uo(t) === "symbol" ? t : String(t);
+  return co(t) === "symbol" ? t : String(t);
 }
 function qn(e, t, n) {
   return t = Tv(t), t in e ? Object.defineProperty(e, t, {
@@ -4129,7 +4129,7 @@ var Rv = Ov("animationend"), Dv = Ov("transitionend"), H1 = !!(Rv && Dv), Sh = R
 function Eh(e, t) {
   if (!e)
     return null;
-  if (uo(e) === "object") {
+  if (co(e) === "object") {
     var n = t.replace(/-\w/g, function(r) {
       return r[1].toUpperCase();
     });
@@ -4137,7 +4137,7 @@ function Eh(e, t) {
   }
   return "".concat(e, "-").concat(t);
 }
-var Uo = "none", es = "appear", ts = "enter", ns = "leave", kh = "none", Ar = "prepare", Qo = "start", Zo = "active", dd = "end";
+var Uo = "none", es = "appear", ts = "enter", ns = "leave", kh = "none", $r = "prepare", Qo = "start", Zo = "active", dd = "end";
 const B1 = function() {
   var e = C.useRef(null);
   function t() {
@@ -4161,14 +4161,14 @@ const B1 = function() {
     };
   }, []), [n, t];
 };
-var Av = Ei() ? Lw : ue, Th = [Ar, Qo, Zo, dd], $v = !1, j1 = !0;
+var Av = Ei() ? Lw : ue, Th = [$r, Qo, Zo, dd], $v = !1, j1 = !0;
 function Pv(e) {
   return e === Zo || e === dd;
 }
 const K1 = function(e, t) {
   var n = ao(kh), r = eo(n, 2), o = r[0], i = r[1], a = B1(), l = eo(a, 2), c = l[0], u = l[1];
   function d() {
-    i(Ar, !0);
+    i($r, !0);
   }
   return Av(function() {
     if (o !== kh && o !== dd) {
@@ -4220,17 +4220,17 @@ function G1(e, t, n, r) {
     var _e, $e, Le;
     switch (N) {
       case es:
-        return _e = {}, qn(_e, Ar, f), qn(_e, Qo, m), qn(_e, Zo, w), _e;
+        return _e = {}, qn(_e, $r, f), qn(_e, Qo, m), qn(_e, Zo, w), _e;
       case ts:
-        return $e = {}, qn($e, Ar, p), qn($e, Qo, b), qn($e, Zo, _), $e;
+        return $e = {}, qn($e, $r, p), qn($e, Qo, b), qn($e, Zo, _), $e;
       case ns:
-        return Le = {}, qn(Le, Ar, g), qn(Le, Qo, y), qn(Le, Zo, x), Le;
+        return Le = {}, qn(Le, $r, g), qn(Le, Qo, y), qn(Le, Zo, x), Le;
       default:
         return {};
     }
   }, [N]), Oe = K1(N, function(_e) {
-    if (_e === Ar) {
-      var $e = de[Ar];
+    if (_e === $r) {
+      var $e = de[$r];
       return $e ? $e(ae()) : $v;
     }
     if (se in de) {
@@ -4262,7 +4262,7 @@ function G1(e, t, n, r) {
     T && (X.current = !0), T !== void 0 && N === Uo && ((X.current || T) && (L == null || L(T)), X.current = !0);
   }, [T, N]);
   var Me = j;
-  return de[Ar] && se === Qo && (Me = hr({
+  return de[$r] && se === Qo && (Me = hr({
     transition: "none"
   }, Me)), [N, se, Me, T != null ? T : t];
 }
@@ -4322,7 +4322,7 @@ function Q1(e) {
   return e;
 }
 function Z1(e, t) {
-  if (t && (uo(t) === "object" || typeof t == "function"))
+  if (t && (co(t) === "object" || typeof t == "function"))
     return t;
   if (t !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -4355,7 +4355,7 @@ var eE = /* @__PURE__ */ function(e) {
 }(C.Component);
 function tE(e) {
   var t = e;
-  uo(e) === "object" && (t = e.transitionSupport);
+  co(e) === "object" && (t = e.transitionSupport);
   function n(o) {
     return !!(o.motionName && t);
   }
@@ -4387,7 +4387,7 @@ function tE(e) {
       }), A) : T = null;
     else {
       var V, E;
-      k === Ar ? E = "prepare" : Pv(k) ? E = "active" : k === Qo && (E = "start"), T = h(hr(hr({}, P), {}, {
+      k === $r ? E = "prepare" : Pv(k) ? E = "active" : k === Qo && (E = "start"), T = h(hr(hr({}, P), {}, {
         className: Mt(Eh(f, S), (V = {}, qn(V, Eh(f, "".concat(S, "-").concat(E)), E), qn(V, f, typeof f == "string"), V)),
         style: O
       }), A);
@@ -4672,12 +4672,12 @@ function vE(e, t, n) {
   var r = n, o = "", i = Hv(e);
   return r = r || i.defaultView.getComputedStyle(e, null), r && (o = r.getPropertyValue(t) || r[t]), o;
 }
-var yE = new RegExp("^(".concat(gE, ")(?!px)[a-z%]+$"), "i"), bE = /^(top|right|bottom|left)$/, rc = "currentStyle", oc = "runtimeStyle", wo = "left", xE = "px";
+var yE = new RegExp("^(".concat(gE, ")(?!px)[a-z%]+$"), "i"), bE = /^(top|right|bottom|left)$/, rc = "currentStyle", oc = "runtimeStyle", xo = "left", xE = "px";
 function wE(e, t) {
   var n = e[rc] && e[rc][t];
   if (yE.test(n) && !bE.test(t)) {
-    var r = e.style, o = r[wo], i = e[oc][wo];
-    e[oc][wo] = e[rc][wo], r[wo] = t === "fontSize" ? "1em" : n || 0, n = r.pixelLeft + xE, r[wo] = o, e[oc][wo] = i;
+    var r = e.style, o = r[xo], i = e[oc][xo];
+    e[oc][xo] = e[rc][xo], r[xo] = t === "fontSize" ? "1em" : n || 0, n = r.pixelLeft + xE, r[xo] = o, e[oc][xo] = i;
   }
   return n === "" ? "auto" : n;
 }
@@ -4757,7 +4757,7 @@ function qi(e, t, n) {
       }
   return r;
 }
-var gr = {
+var mr = {
   getParent: function(t) {
     var n = t;
     do
@@ -4767,14 +4767,14 @@ var gr = {
   }
 };
 hd(["Width", "Height"], function(e) {
-  gr["doc".concat(e)] = function(t) {
+  mr["doc".concat(e)] = function(t) {
     var n = t.document;
     return Math.max(
       n.documentElement["scroll".concat(e)],
       n.body["scroll".concat(e)],
-      gr["viewport".concat(e)](n)
+      mr["viewport".concat(e)](n)
     );
-  }, gr["viewport".concat(e)] = function(t) {
+  }, mr["viewport".concat(e)] = function(t) {
     var n = "client".concat(e), r = t.document, o = r.body, i = r.documentElement, a = i[n];
     return r.compatMode === "CSS1Compat" && a || o && o[n] || a;
   };
@@ -4782,9 +4782,9 @@ hd(["Width", "Height"], function(e) {
 function Ih(e, t, n) {
   var r = n;
   if (fd(e))
-    return t === "width" ? gr.viewportWidth(e) : gr.viewportHeight(e);
+    return t === "width" ? mr.viewportWidth(e) : mr.viewportHeight(e);
   if (e.nodeType === 9)
-    return t === "width" ? gr.docWidth(e) : gr.docHeight(e);
+    return t === "width" ? mr.docWidth(e) : mr.docHeight(e);
   var o = t === "width" ? ["Left", "Right"] : ["Top", "Bottom"], i = Math.floor(t === "width" ? e.getBoundingClientRect().width : e.getBoundingClientRect().height), a = Bv(e), l = 0;
   (i == null || i <= 0) && (i = void 0, l = Ba(e, t), (l == null || Number(l) < 0) && (l = e.style[t] || 0), l = Math.floor(parseFloat(l)) || 0), r === void 0 && (r = a ? eu : Jc);
   var c = i !== void 0 || a, u = i || l;
@@ -4805,11 +4805,11 @@ function Lh() {
 }
 hd(["width", "height"], function(e) {
   var t = e.charAt(0).toUpperCase() + e.slice(1);
-  gr["outer".concat(t)] = function(r, o) {
+  mr["outer".concat(t)] = function(r, o) {
     return r && Lh(r, e, o ? kE : eu);
   };
   var n = e === "width" ? ["Left", "Right"] : ["Top", "Bottom"];
-  gr[e] = function(r, o) {
+  mr[e] = function(r, o) {
     var i = o;
     if (i !== void 0) {
       if (r) {
@@ -4868,7 +4868,7 @@ var Je = {
   viewportWidth: 0,
   viewportHeight: 0
 };
-jv(Je, gr);
+jv(Je, mr);
 var ic = Je.getParent;
 function tu(e) {
   if (Je.isWindow(e) || e.nodeType === 9)
@@ -5579,8 +5579,8 @@ function SR(e, t, n, r, o, i) {
   }
   return i.delete(e), i.delete(t), m;
 }
-var CR = SR, ER = Ti, kR = Gr, TR = ER(kR, "DataView"), MR = TR, OR = Ti, RR = Gr, DR = OR(RR, "Promise"), AR = DR, $R = Ti, PR = Gr, NR = $R(PR, "Set"), IR = NR, LR = Ti, zR = Gr, VR = LR(zR, "WeakMap"), FR = VR, ru = MR, ou = yd, iu = AR, au = IR, su = FR, ny = kl, Di = Xv, op = "[object Map]", HR = "[object Object]", ip = "[object Promise]", ap = "[object Set]", sp = "[object WeakMap]", lp = "[object DataView]", BR = Di(ru), jR = Di(ou), KR = Di(iu), WR = Di(au), GR = Di(su), So = ny;
-(ru && So(new ru(new ArrayBuffer(1))) != lp || ou && So(new ou()) != op || iu && So(iu.resolve()) != ip || au && So(new au()) != ap || su && So(new su()) != sp) && (So = function(e) {
+var CR = SR, ER = Ti, kR = Gr, TR = ER(kR, "DataView"), MR = TR, OR = Ti, RR = Gr, DR = OR(RR, "Promise"), AR = DR, $R = Ti, PR = Gr, NR = $R(PR, "Set"), IR = NR, LR = Ti, zR = Gr, VR = LR(zR, "WeakMap"), FR = VR, ru = MR, ou = yd, iu = AR, au = IR, su = FR, ny = kl, Di = Xv, op = "[object Map]", HR = "[object Object]", ip = "[object Promise]", ap = "[object Set]", sp = "[object WeakMap]", lp = "[object DataView]", BR = Di(ru), jR = Di(ou), KR = Di(iu), WR = Di(au), GR = Di(su), _o = ny;
+(ru && _o(new ru(new ArrayBuffer(1))) != lp || ou && _o(new ou()) != op || iu && _o(iu.resolve()) != ip || au && _o(new au()) != ap || su && _o(new su()) != sp) && (_o = function(e) {
   var t = ny(e), n = t == HR ? e.constructor : void 0, r = n ? Di(n) : "";
   if (r)
     switch (r) {
@@ -5597,7 +5597,7 @@ var CR = SR, ER = Ti, kR = Gr, TR = ER(kR, "DataView"), MR = TR, OR = Ti, RR = G
     }
   return t;
 });
-var qR = So, lc = k2, UR = Zv, YR = vM, XR = CR, cp = qR, up = bd, dp = js.exports, QR = ty, ZR = 1, fp = "[object Arguments]", hp = "[object Array]", ss = "[object Object]", JR = Object.prototype, pp = JR.hasOwnProperty;
+var qR = _o, lc = k2, UR = Zv, YR = vM, XR = CR, cp = qR, up = bd, dp = js.exports, QR = ty, ZR = 1, fp = "[object Arguments]", hp = "[object Array]", ss = "[object Object]", JR = Object.prototype, pp = JR.hasOwnProperty;
 function eD(e, t, n, r, o, i) {
   var a = up(e), l = up(t), c = a ? hp : cp(e), u = l ? hp : cp(t);
   c = c == fp ? ss : c, u = u == fp ? ss : u;
@@ -6739,7 +6739,7 @@ function cu(e) {
   var t = Jt({}, e);
   return "props" in t || Object.defineProperty(t, "props", {
     get: function() {
-      return vt(!1, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`."), t;
+      return yt(!1, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`."), t;
     }
   }), t;
 }
@@ -6776,7 +6776,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
   C.useEffect(function() {
     Xe(iv());
   }, []);
-  var Ge = C.useRef(null), qe = C.useRef(null), wt = C.useRef(null), pt = C.useRef(null), tt = C.useRef(null), yt = lC(), De = sn(yt, 3), Ke = De[0], ct = De[1], Bt = De[2];
+  var Ge = C.useRef(null), qe = C.useRef(null), wt = C.useRef(null), pt = C.useRef(null), tt = C.useRef(null), bt = lC(), De = sn(bt, 3), Ke = De[0], ct = De[1], jt = De[2];
   C.useImperativeHandle(t, function() {
     var it, Qe;
     return {
@@ -6788,7 +6788,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
       }
     };
   });
-  var bt = C.useMemo(function() {
+  var xt = C.useMemo(function() {
     var it;
     if (y !== "combobox")
       return P;
@@ -6812,7 +6812,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
     var rn = !0, Bn = Qe;
     A == null || A(null);
     var tr = Ln ? null : ED(Qe, $);
-    return y !== "combobox" && tr && (Bn = "", N == null || N(tr), le(!1), rn = !1), E && bt !== Bn && E(Bn, {
+    return y !== "combobox" && tr && (Bn = "", N == null || N(tr), le(!1), rn = !1), E && xt !== Bn && E(Bn, {
       source: En ? "typing" : "effect"
     }), rn;
   }, Fe = function(Qe) {
@@ -6827,7 +6827,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
   }, [w]);
   var st = cv(), Ct = sn(st, 2), gn = Ct[0], mn = Ct[1], In = function(Qe) {
     var En = gn(), Ln = Qe.which;
-    if (Ln === ce.ENTER && (y !== "combobox" && Qe.preventDefault(), Et || le(!0)), mn(!!bt), Ln === ce.BACKSPACE && !En && Le && !bt && h.length) {
+    if (Ln === ce.ENTER && (y !== "combobox" && Qe.preventDefault(), Et || le(!0)), mn(!!xt), Ln === ce.BACKSPACE && !En && Le && !xt && h.length) {
       for (var rn = Un(h), Bn = null, tr = rn.length - 1; tr >= 0; tr -= 1) {
         var Ni = rn[tr];
         if (!Ni.disabled) {
@@ -6868,7 +6868,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
   }, be = function() {
     ct(!1, function() {
       re.current = !1, le(!1);
-    }), !w && (bt && (y === "tags" ? E(bt, {
+    }), !w && (xt && (y === "tags" ? E(xt, {
       source: "submit"
     }) : y === "multiple" && E("", {
       source: "blur"
@@ -6886,7 +6886,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
     if (rn && rn.contains(Ln)) {
       var Bn = setTimeout(function() {
         var Bo = Ce.indexOf(Bn);
-        if (Bo !== -1 && Ce.splice(Bo, 1), Bt(), !Pe && !rn.contains(document.activeElement)) {
+        if (Bo !== -1 && Ce.splice(Bo, 1), jt(), !Pe && !rn.contains(document.activeElement)) {
           var Ur;
           (Ur = pt.current) === null || Ur === void 0 || Ur.focus();
         }
@@ -6923,13 +6923,13 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
       multiple: Le,
       toggleOpen: le
     });
-  }, [e, m, nn, Et, o, we, Le, le]), Er = B !== void 0 ? B : _ || !Le && y !== "combobox", Rn;
-  Er && (Rn = /* @__PURE__ */ s(zs, {
+  }, [e, m, nn, Et, o, we, Le, le]), kr = B !== void 0 ? B : _ || !Le && y !== "combobox", Rn;
+  kr && (Rn = /* @__PURE__ */ s(zs, {
     className: Mt("".concat(i, "-arrow"), Zt({}, "".concat(i, "-arrow-loading"), _)),
     customizeIcon: j,
     customizeIconProps: {
       loading: _,
-      searchValue: bt,
+      searchValue: xt,
       open: Et,
       focused: Ke,
       showSearch: we
@@ -6942,7 +6942,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
       values: h
     }), Se("", !1, !1);
   };
-  !w && M && (h.length || bt) && !(y === "combobox" && bt === "") && (Dn = /* @__PURE__ */ s(zs, {
+  !w && M && (h.length || xt) && !(y === "combobox" && xt === "") && (Dn = /* @__PURE__ */ s(zs, {
     className: "".concat(i, "-clear"),
     onMouseDown: ww,
     customizeIcon: G,
@@ -6950,7 +6950,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
   }));
   var _w = /* @__PURE__ */ s(U, {
     ref: tt
-  }), Sw = Mt(i, a, (r = {}, Zt(r, "".concat(i, "-focused"), Ke), Zt(r, "".concat(i, "-multiple"), Le), Zt(r, "".concat(i, "-single"), !Le), Zt(r, "".concat(i, "-allow-clear"), M), Zt(r, "".concat(i, "-show-arrow"), Er), Zt(r, "".concat(i, "-disabled"), w), Zt(r, "".concat(i, "-loading"), _), Zt(r, "".concat(i, "-open"), Et), Zt(r, "".concat(i, "-customize-input"), qt), Zt(r, "".concat(i, "-show-search"), we), r)), Ff = /* @__PURE__ */ s(ly, {
+  }), Sw = Mt(i, a, (r = {}, Zt(r, "".concat(i, "-focused"), Ke), Zt(r, "".concat(i, "-multiple"), Le), Zt(r, "".concat(i, "-single"), !Le), Zt(r, "".concat(i, "-allow-clear"), M), Zt(r, "".concat(i, "-show-arrow"), kr), Zt(r, "".concat(i, "-disabled"), w), Zt(r, "".concat(i, "-loading"), _), Zt(r, "".concat(i, "-open"), Et), Zt(r, "".concat(i, "-customize-input"), qt), Zt(r, "".concat(i, "-show-search"), we), r)), Ff = /* @__PURE__ */ s(ly, {
     ref: wt,
     disabled: w,
     prefixCls: i,
@@ -6991,7 +6991,7 @@ var xd = /* @__PURE__ */ C.forwardRef(function(e, t) {
       open: Et,
       onToggleOpen: le,
       activeValue: H,
-      searchValue: bt,
+      searchValue: xt,
       onSearch: Se,
       onSearchSubmit: Fe,
       onRemove: z,
@@ -7102,7 +7102,7 @@ function PD(e) {
 }
 function wd(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  return co(e).map(function(n, r) {
+  return lo(e).map(function(n, r) {
     if (!/* @__PURE__ */ C.isValidElement(n) || !n.type)
       return null;
     var o = n, i = o.type.isSelectOptGroup, a = o.key, l = o.props, c = l.children, u = Ci(l, $D);
@@ -7158,20 +7158,20 @@ function hy(e, t) {
     delete n[r];
   }), n;
 }
-function fo(e) {
-  return fo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+function uo(e) {
+  return uo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, fo(e);
+  }, uo(e);
 }
 function ID(e, t) {
-  if (fo(e) !== "object" || e === null)
+  if (uo(e) !== "object" || e === null)
     return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var r = n.call(e, t || "default");
-    if (fo(r) !== "object")
+    if (uo(r) !== "object")
       return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -7179,7 +7179,7 @@ function ID(e, t) {
 }
 function py(e) {
   var t = ID(e, "string");
-  return fo(t) === "symbol" ? t : String(t);
+  return uo(t) === "symbol" ? t : String(t);
 }
 function va(e, t, n) {
   return t = py(t), t in e ? Object.defineProperty(e, t, {
@@ -7371,7 +7371,7 @@ function WD(e) {
   return e;
 }
 function GD(e, t) {
-  if (t && (fo(t) === "object" || typeof t == "function"))
+  if (t && (uo(t) === "object" || typeof t == "function"))
     return t;
   if (t !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -7585,7 +7585,7 @@ function eA(e, t, n, r, o, i, a, l) {
     }
     if (ln.cancel(c.current), typeof u == "number")
       a(u);
-    else if (u && fo(u) === "object") {
+    else if (u && uo(u) === "object") {
       var d, h = u.align;
       "index" in u ? d = u.index : d = t.findIndex(function(m) {
         return o(m) === u.key;
@@ -7654,7 +7654,7 @@ function nA(e, t, n) {
     (h == null ? void 0 : h.index) !== void 0 && (n == null || n(h.index), d(e[h.index])), a(e);
   }, [e]), [u];
 }
-var rA = (typeof navigator > "u" ? "undefined" : fo(navigator)) === "object" && /Firefox/i.test(navigator.userAgent);
+var rA = (typeof navigator > "u" ? "undefined" : uo(navigator)) === "object" && /Firefox/i.test(navigator.userAgent);
 const yy = function(e, t) {
   var n = Ee(!1), r = Ee(null);
   function o() {
@@ -7725,8 +7725,8 @@ function uA(e, t) {
     L(function(Ke) {
       var ct;
       typeof De == "function" ? ct = De(Ke) : ct = De;
-      var Bt = Le(ct);
-      return N.current.scrollTop = Bt, Bt;
+      var jt = Le(ct);
+      return N.current.scrollTop = jt, jt;
     });
   }
   var U = Ee({
@@ -7751,15 +7751,15 @@ function uA(e, t) {
         offset: void 0
       };
     }
-    for (var Ke = 0, ct, Bt, bt, qt = E.length, St = 0; St < qt; St += 1) {
+    for (var Ke = 0, ct, jt, xt, qt = E.length, St = 0; St < qt; St += 1) {
       var dn = E[St], Ut = B(dn), Dt = Oe.get(Ut), Ft = Ke + (Dt === void 0 ? a : Dt);
-      Ft >= O && ct === void 0 && (ct = St, Bt = Ke), Ft > O + i && bt === void 0 && (bt = St), Ke = Ft;
+      Ft >= O && ct === void 0 && (ct = St, jt = Ke), Ft > O + i && xt === void 0 && (xt = St), Ke = Ft;
     }
-    return ct === void 0 && (ct = 0, Bt = 0, bt = Math.ceil(i / a)), bt === void 0 && (bt = E.length - 1), bt = Math.min(bt + 1, E.length), {
+    return ct === void 0 && (ct = 0, jt = 0, xt = Math.ceil(i / a)), xt === void 0 && (xt = E.length - 1), xt = Math.min(xt + 1, E.length), {
       scrollHeight: Ke,
       start: ct,
-      end: bt,
-      offset: Bt
+      end: xt,
+      offset: jt
     };
   }, [x, _, O, E, Te, i]), se = Z.scrollHeight, Re = Z.start, X = Z.end, Me = Z.offset;
   U.current.start = Re, U.current.end = X;
@@ -7812,8 +7812,8 @@ function uA(e, t) {
       y(De, E);
     }
   }, [Re, X, E]);
-  var tt = QD(E, Re, X, he, h, j), yt = null;
-  return i && (yt = ra(va({}, c ? "height" : "maxHeight", i), cA), _ && (yt.overflowY = "hidden", T && (yt.pointerEvents = "none"))), /* @__PURE__ */ v("div", {
+  var tt = QD(E, Re, X, he, h, j), bt = null;
+  return i && (bt = ra(va({}, c ? "height" : "maxHeight", i), cA), _ && (bt.overflowY = "hidden", T && (bt.pointerEvents = "none"))), /* @__PURE__ */ v("div", {
     style: ra(ra({}, u), {}, {
       position: "relative"
     }),
@@ -7821,7 +7821,7 @@ function uA(e, t) {
     ...w,
     children: [/* @__PURE__ */ s(m, {
       className: "".concat(r, "-holder"),
-      style: yt,
+      style: bt,
       ref: N,
       onScroll: Pe,
       children: /* @__PURE__ */ s(gy, {
@@ -7967,7 +7967,7 @@ var hA = function(t, n) {
     if (!me)
       return null;
     var ge = me.data || {}, he = ge.value, de = me.group, Oe = di(ge, !0), Te = oe(me);
-    return me ? /* @__PURE__ */ mo("div", {
+    return me ? /* @__PURE__ */ go("div", {
       "aria-label": typeof Te == "string" && !de ? Te : null,
       ...Oe,
       key: te,
@@ -8040,7 +8040,7 @@ var hA = function(t, n) {
 xy.displayName = "OptionList";
 function pA(e) {
   var t = e.mode, n = e.options, r = e.children, o = e.backfill, i = e.allowClear, a = e.placeholder, l = e.getInputElement, c = e.showSearch, u = e.onSearch, d = e.defaultOpen, h = e.autoFocus, f = e.labelInValue, p = e.value, g = e.inputValue, m = e.optionLabelProp, b = Ks(t), y = c !== void 0 ? c : b || t === "combobox", w = n || wd(r);
-  if (vt(t !== "tags" || w.every(function(k) {
+  if (yt(t !== "tags" || w.every(function(k) {
     return !k.disabled;
   }), "Please avoid setting option to disabled in tags mode since user can always type text as tag."), t === "tags" || t === "combobox") {
     var _ = w.some(function(k) {
@@ -8048,30 +8048,30 @@ function pA(e) {
         return typeof ("value" in O ? O.value : O.key) == "number";
       }) : typeof ("value" in k ? k.value : k.key) == "number";
     });
-    vt(!_, "`value` of Option should not use number type when `mode` is `tags` or `combobox`.");
+    yt(!_, "`value` of Option should not use number type when `mode` is `tags` or `combobox`.");
   }
-  if (vt(t !== "combobox" || !m, "`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly."), vt(t === "combobox" || !o, "`backfill` only works with `combobox` mode."), vt(t === "combobox" || !l, "`getInputElement` only work with `combobox` mode."), ih(t !== "combobox" || !l || !i || !a, "Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`."), u && !y && t !== "combobox" && t !== "tags" && vt(!1, "`onSearch` should work with `showSearch` instead of use alone."), ih(!d || h, "`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed."), p != null) {
+  if (yt(t !== "combobox" || !m, "`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly."), yt(t === "combobox" || !o, "`backfill` only works with `combobox` mode."), yt(t === "combobox" || !l, "`getInputElement` only work with `combobox` mode."), ih(t !== "combobox" || !l || !i || !a, "Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`."), u && !y && t !== "combobox" && t !== "tags" && yt(!1, "`onSearch` should work with `showSearch` instead of use alone."), ih(!d || h, "`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed."), p != null) {
     var x = ud(p);
-    vt(!f || x.every(function(k) {
+    yt(!f || x.every(function(k) {
       return Vr(k) === "object" && ("key" in k || "value" in k);
-    }), "`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`"), vt(!b || Array.isArray(p), "`value` should be array when `mode` is `multiple` or `tags`");
+    }), "`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`"), yt(!b || Array.isArray(p), "`value` should be array when `mode` is `multiple` or `tags`");
   }
   if (r) {
     var S = null;
-    co(r).some(function(k) {
+    lo(r).some(function(k) {
       if (!/* @__PURE__ */ C.isValidElement(k) || !k.type)
         return !1;
       var O = k, L = O.type;
       if (L.isSelectOption)
         return !1;
       if (L.isSelectOptGroup) {
-        var H = co(k.props.children).every(function(A) {
+        var H = lo(k.props.children).every(function(A) {
           return !/* @__PURE__ */ C.isValidElement(A) || !k.type || A.type.isSelectOption ? !0 : (S = A.type, !1);
         });
         return !H;
       }
       return S = L, !0;
-    }), S && vt(!1, "`children` should be `Select.Option` or `Select.OptGroup` instead of `".concat(S.displayName || S.name || S, "`.")), vt(g === void 0, "`inputValue` is deprecated, please use `searchValue` instead.");
+    }), S && yt(!1, "`children` should be `Select.Option` or `Select.OptGroup` instead of `".concat(S.displayName || S.name || S, "`.")), yt(g === void 0, "`inputValue` is deprecated, please use `searchValue` instead.");
   }
 }
 function gA(e, t) {
@@ -8080,7 +8080,7 @@ function gA(e, t) {
       for (var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, a = 0; a < o.length; a++) {
         var l = o[a];
         if (l[t == null ? void 0 : t.value] === null)
-          return vt(!1, "`value` in Select options should not be `null`."), !0;
+          return yt(!1, "`value` in Select options should not be `null`."), !0;
         if (!i && Array.isArray(l[t == null ? void 0 : t.options]) && r(l[t == null ? void 0 : t.options], !0))
           break;
       }
@@ -8123,7 +8123,7 @@ var wy = /* @__PURE__ */ C.forwardRef(function(e, t) {
         var z;
         if (st === void 0 && (st = Pt == null ? void 0 : Pt[x || ae.label]), Ct === void 0 && (Ct = (z = Pt == null ? void 0 : Pt.key) !== null && z !== void 0 ? z : Fe), gn = Pt == null ? void 0 : Pt.disabled, mn = Pt == null ? void 0 : Pt.title, process.env.NODE_ENV !== "production" && !x) {
           var re = Pt == null ? void 0 : Pt[ae.label];
-          re !== void 0 && re !== st && vt(!1, "`label` of `value` is not same as `label` in Select options.");
+          re !== void 0 && re !== st && yt(!1, "`label` of `value` is not same as `label` in Select options.");
         }
       }
       return {
@@ -8206,7 +8206,7 @@ var wy = /* @__PURE__ */ C.forwardRef(function(e, t) {
         G ? st : st[0]
       );
     }
-  }, yt = C.useState(null), De = sn(yt, 2), Ke = De[0], ct = De[1], Bt = C.useState(0), bt = sn(Bt, 2), qt = bt[0], St = bt[1], dn = O !== void 0 ? O : r !== "combobox", Ut = C.useCallback(function(le, ye) {
+  }, bt = C.useState(null), De = sn(bt, 2), Ke = De[0], ct = De[1], jt = C.useState(0), xt = sn(jt, 2), qt = xt[0], St = xt[1], dn = O !== void 0 ? O : r !== "combobox", Ut = C.useCallback(function(le, ye) {
     var Se = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, Fe = Se.source, st = Fe === void 0 ? "keyboard" : Fe;
     St(ye), a && r === "combobox" && le !== null && st === "keyboard" && ct(String(le));
   }, [a, r]), Dt = function(ye, Se, Fe) {
@@ -8394,7 +8394,7 @@ function ri(e, t, n, r) {
   Object.keys(n).forEach(function(d) {
     var h = n[d], f = h.level, p = l.get(f);
     p || (p = /* @__PURE__ */ new Set(), l.set(f, p)), p.add(h), c = Math.max(c, f);
-  }), vt(!o.length, "Tree missing follow keys: ".concat(o.slice(0, 100).map(function(d) {
+  }), yt(!o.length, "Tree missing follow keys: ".concat(o.slice(0, 100).map(function(d) {
     return "'".concat(d, "'");
   }).join(", ")));
   var u;
@@ -8433,7 +8433,7 @@ function Cy(e) {
   var t = _A(e, "string");
   return Hr(t) === "symbol" ? t : String(t);
 }
-function jt(e, t, n) {
+function Kt(e, t, n) {
   return t = Cy(t), t in e ? Object.defineProperty(e, t, {
     value: n,
     enumerable: !0,
@@ -8455,7 +8455,7 @@ function xn(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Rp(Object(n), !0).forEach(function(r) {
-      jt(e, r, n[r]);
+      Kt(e, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Rp(Object(n)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
     });
@@ -8491,7 +8491,7 @@ function EA() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Oo(e) {
+function Mo(e) {
   return SA(e) || CA(e) || Ey(e) || EA();
 }
 function ky(e, t) {
@@ -8509,7 +8509,7 @@ function Ty(e, t, n) {
     writable: !1
   }), e;
 }
-function $r(e) {
+function Pr(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
@@ -8554,7 +8554,7 @@ function TA(e, t) {
     return t;
   if (t !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return $r(e);
+  return Pr(e);
 }
 function Oy(e) {
   var t = kA();
@@ -8593,7 +8593,7 @@ var OA = function(t) {
     var u;
     l.push(
       /* @__PURE__ */ s("span", {
-        className: Mt(a, (u = {}, jt(u, "".concat(a, "-start"), o[c]), jt(u, "".concat(a, "-end"), i[c]), u))
+        className: Mt(a, (u = {}, Kt(u, "".concat(a, "-start"), o[c]), Kt(u, "".concat(a, "-end"), i[c]), u))
       }, c)
     );
   }
@@ -8623,19 +8623,19 @@ function AA(e, t) {
     var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
     (o || []).forEach(function(a) {
       var l = a[t.key], c = a[t.children];
-      vt(l != null, "Tree node must have a certain key: [".concat(i).concat(l, "]"));
+      yt(l != null, "Tree node must have a certain key: [".concat(i).concat(l, "]"));
       var u = String(l);
-      vt(!n.has(u) || l === null || l === void 0, "Same 'key' exist in the Tree: ".concat(u)), n.set(u, !0), r(c, "".concat(i).concat(u, " > "));
+      yt(!n.has(u) || l === null || l === void 0, "Same 'key' exist in the Tree: ".concat(u)), n.set(u, !0), r(c, "".concat(i).concat(u, " > "));
     });
   }
   r(e);
 }
 function $A(e) {
   function t(n) {
-    var r = co(n);
+    var r = lo(n);
     return r.map(function(o) {
       if (!zA(o))
-        return vt(!o, "Tree/TreeNode can only accept TreeNode as children."), null;
+        return yt(!o, "Tree/TreeNode can only accept TreeNode as children."), null;
       var i = o.key, a = o.props, l = a.children, c = Rl(a, DA), u = xn({
         key: i
       }, c), d = t(l);
@@ -8658,15 +8658,15 @@ function dc(e, t, n) {
           break;
         }
       }
-      var _ = xn(xn({}, hy(f, [].concat(Oo(o), [i, a]))), {}, {
+      var _ = xn(xn({}, hy(f, [].concat(Mo(o), [i, a]))), {}, {
         title: b,
         key: m,
         parent: h,
         pos: g,
         children: null,
         data: f,
-        isStart: [].concat(Oo(h ? h.isStart : []), [p === 0]),
-        isEnd: [].concat(Oo(h ? h.isEnd : []), [p === d.length - 1])
+        isStart: [].concat(Mo(h ? h.isStart : []), [p === 0]),
+        isEnd: [].concat(Mo(h ? h.isEnd : []), [p === d.length - 1])
       });
       return c.push(_), t === !0 || l.has(m) ? _.children = u(f[a] || [], _) : _.children = [], _;
     });
@@ -8687,7 +8687,7 @@ function PA(e, t, n) {
     return ja(m[u], b);
   };
   function p(g, m, b, y) {
-    var w = g ? g[h] : e, _ = g ? Dy(b.pos, m) : "0", x = g ? [].concat(Oo(y), [g]) : [];
+    var w = g ? g[h] : e, _ = g ? Dy(b.pos, m) : "0", x = g ? [].concat(Mo(y), [g]) : [];
     if (g) {
       var S = f(g, _), k = {
         node: g,
@@ -8764,7 +8764,7 @@ function on(e) {
   });
   return "props" in g || Object.defineProperty(g, "props", {
     get: function() {
-      return vt(!1, "Second param return from event is node data instead of TreeNode instance. Please read value directly instead of reading from `props`."), e;
+      return yt(!1, "Second param return from event is node data instead of TreeNode instance. Please read value directly instead of reading from `props`."), e;
     }
   }), g;
 }
@@ -8811,30 +8811,30 @@ var NA = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragO
       var c = r.props.context.onNodeDragStart;
       l.stopPropagation(), r.setState({
         dragNodeHighlight: !0
-      }), c(l, $r(r));
+      }), c(l, Pr(r));
       try {
         l.dataTransfer.setData("text/plain", "");
       } catch {
       }
     }, r.onDragEnter = function(l) {
       var c = r.props.context.onNodeDragEnter;
-      l.preventDefault(), l.stopPropagation(), c(l, $r(r));
+      l.preventDefault(), l.stopPropagation(), c(l, Pr(r));
     }, r.onDragOver = function(l) {
       var c = r.props.context.onNodeDragOver;
-      l.preventDefault(), l.stopPropagation(), c(l, $r(r));
+      l.preventDefault(), l.stopPropagation(), c(l, Pr(r));
     }, r.onDragLeave = function(l) {
       var c = r.props.context.onNodeDragLeave;
-      l.stopPropagation(), c(l, $r(r));
+      l.stopPropagation(), c(l, Pr(r));
     }, r.onDragEnd = function(l) {
       var c = r.props.context.onNodeDragEnd;
       l.stopPropagation(), r.setState({
         dragNodeHighlight: !1
-      }), c(l, $r(r));
+      }), c(l, Pr(r));
     }, r.onDrop = function(l) {
       var c = r.props.context.onNodeDrop;
       l.preventDefault(), l.stopPropagation(), r.setState({
         dragNodeHighlight: !1
-      }), c(l, $r(r));
+      }), c(l, Pr(r));
     }, r.onExpand = function(l) {
       var c = r.props, u = c.loading, d = c.context.onNodeExpand;
       u || d(l, on(r.props));
@@ -8969,7 +8969,7 @@ var NA = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragO
       } : void 0;
       return /* @__PURE__ */ v("div", {
         ref: x,
-        className: Mt(l, "".concat(A, "-treenode"), (o = {}, jt(o, "".concat(A, "-treenode-disabled"), $), jt(o, "".concat(A, "-treenode-switcher-").concat(m ? "open" : "close"), !f), jt(o, "".concat(A, "-treenode-checkbox-checked"), y), jt(o, "".concat(A, "-treenode-checkbox-indeterminate"), w), jt(o, "".concat(A, "-treenode-selected"), b), jt(o, "".concat(A, "-treenode-loading"), _), jt(o, "".concat(A, "-treenode-active"), S), jt(o, "".concat(A, "-treenode-leaf-last"), G), jt(o, "".concat(A, "-treenode-draggable"), U), jt(o, "dragging", ae), jt(o, "drop-target", E === a), jt(o, "drop-container", V === a), jt(o, "drag-over", !$ && u), jt(o, "drag-over-gap-top", !$ && d), jt(o, "drag-over-gap-bottom", !$ && h), jt(o, "filter-node", T && T(on(this.props))), o)),
+        className: Mt(l, "".concat(A, "-treenode"), (o = {}, Kt(o, "".concat(A, "-treenode-disabled"), $), Kt(o, "".concat(A, "-treenode-switcher-").concat(m ? "open" : "close"), !f), Kt(o, "".concat(A, "-treenode-checkbox-checked"), y), Kt(o, "".concat(A, "-treenode-checkbox-indeterminate"), w), Kt(o, "".concat(A, "-treenode-selected"), b), Kt(o, "".concat(A, "-treenode-loading"), _), Kt(o, "".concat(A, "-treenode-active"), S), Kt(o, "".concat(A, "-treenode-leaf-last"), G), Kt(o, "".concat(A, "-treenode-draggable"), U), Kt(o, "dragging", ae), Kt(o, "drop-target", E === a), Kt(o, "drop-container", V === a), Kt(o, "drag-over", !$ && u), Kt(o, "drag-over-gap-top", !$ && d), Kt(o, "drag-over-gap-bottom", !$ && h), Kt(o, "filter-node", T && T(on(this.props))), o)),
         style: c,
         draggable: oe,
         "aria-grabbed": ae,
@@ -9006,7 +9006,7 @@ pi.defaultProps = {
   title: IA
 };
 pi.isTreeNode = 1;
-function Mr(e, t) {
+function Or(e, t) {
   if (!e)
     return [];
   var n = e.slice(), r = n.indexOf(t);
@@ -9115,7 +9115,7 @@ function fc(e) {
       halfCheckedKeys: e.halfChecked || void 0
     };
   else
-    return vt(!1, "`checkedKeys` is not an array or an object"), null;
+    return yt(!1, "`checkedKeys` is not an array or an object"), null;
   return t;
 }
 function Ip(e, t) {
@@ -9132,7 +9132,7 @@ function Ip(e, t) {
   }
   return (e || []).forEach(function(o) {
     r(o);
-  }), Oo(n);
+  }), Mo(n);
 }
 function Ay(e) {
   if (e == null)
@@ -9202,7 +9202,7 @@ var WA = ["className", "style", "motion", "motionNodes", "motionType", "onMotion
           var A = Gs({}, (Ay(H.data), H.data)), T = H.title, P = H.key, V = H.isStart, E = H.isEnd;
           delete A.children;
           var N = oa(P, h);
-          return /* @__PURE__ */ mo(pi, {
+          return /* @__PURE__ */ go(pi, {
             ...A,
             ...N,
             title: T,
@@ -9502,7 +9502,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         x: l.clientX,
         y: l.clientY
       };
-      var g = Mr(d, p);
+      var g = Or(d, p);
       r.setState({
         draggingNodeKey: p,
         dragChildrenKeys: VA(p, h),
@@ -9512,7 +9512,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         node: on(c.props)
       });
     }, r.onNodeDragEnter = function(l, c) {
-      var u = r.state, d = u.expandedKeys, h = u.keyEntities, f = u.dragChildrenKeys, p = u.flattenNodes, g = u.indent, m = r.props, b = m.onDragEnter, y = m.onExpand, w = m.allowDrop, _ = m.direction, x = c.props, S = x.pos, k = x.eventKey, O = $r(r), L = O.dragNode;
+      var u = r.state, d = u.expandedKeys, h = u.keyEntities, f = u.dragChildrenKeys, p = u.flattenNodes, g = u.indent, m = r.props, b = m.onDragEnter, y = m.onExpand, w = m.allowDrop, _ = m.direction, x = c.props, S = x.pos, k = x.eventKey, O = Pr(r), L = O.dragNode;
       if (r.currentMouseOverDroppableNodeKey !== k && (r.currentMouseOverDroppableNodeKey = k), !L) {
         r.resetDragState();
         return;
@@ -9526,7 +9526,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         clearTimeout(r.delayedDragEnterLogic[M]);
       }), L.props.eventKey !== c.props.eventKey && (l.persist(), r.delayedDragEnterLogic[S] = window.setTimeout(function() {
         if (r.state.draggingNodeKey !== null) {
-          var M = Oo(d), B = h[c.props.eventKey];
+          var M = Mo(d), B = h[c.props.eventKey];
           B && (B.children || []).length && (M = Yr(d, c.props.eventKey)), "expandedKeys" in r.props || r.setExpandedKeys(M), y == null || y(M, {
             node: on(c.props),
             expanded: !0,
@@ -9551,7 +9551,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         expandedKeys: d
       });
     }, r.onNodeDragOver = function(l, c) {
-      var u = r.state, d = u.dragChildrenKeys, h = u.flattenNodes, f = u.keyEntities, p = u.expandedKeys, g = u.indent, m = r.props, b = m.onDragOver, y = m.allowDrop, w = m.direction, _ = $r(r), x = _.dragNode;
+      var u = r.state, d = u.dragChildrenKeys, h = u.flattenNodes, f = u.keyEntities, p = u.expandedKeys, g = u.indent, m = r.props, b = m.onDragOver, y = m.allowDrop, w = m.direction, _ = Pr(r), x = _.dragNode;
       if (!!x) {
         var S = Pp(l, x, c, g, r.dragStartMousePosition, y, h, f, p, w), k = S.dropPosition, O = S.dropLevelOffset, L = S.dropTargetKey, H = S.dropContainerKey, A = S.dropAllowed, T = S.dropTargetPos, P = S.dragOverNodeKey;
         d.indexOf(L) !== -1 || !A || (x.props.eventKey === L && O === 0 ? r.state.dropPosition === null && r.state.dropLevelOffset === null && r.state.dropTargetKey === null && r.state.dropContainerKey === null && r.state.dropTargetPos === null && r.state.dropAllowed === !1 && r.state.dragOverNodeKey === null || r.resetDragState() : k === r.state.dropPosition && O === r.state.dropLevelOffset && L === r.state.dropTargetKey && H === r.state.dropContainerKey && T === r.state.dropTargetPos && A === r.state.dropAllowed && P === r.state.dragOverNodeKey || r.setState({
@@ -9595,7 +9595,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
             active: ((u = r.getActiveItem()) === null || u === void 0 ? void 0 : u.key) === g,
             data: r.state.keyEntities[g].node
           }), _ = f.indexOf(g) !== -1;
-          vt(!_, "Can not drop to dragNode's children node. This is a bug of rc-tree. Please report an issue.");
+          yt(!_, "Can not drop to dragNode's children node. This is a bug of rc-tree. Please report an issue.");
           var x = Cd(m), S = {
             event: l,
             node: on(w),
@@ -9626,7 +9626,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         })[0], b = on(xn(xn({}, oa(p, r.getTreeNodeRequiredProps())), {}, {
           data: m.data
         }));
-        r.setExpandedKeys(f ? Mr(d, p) : Yr(d, p)), r.onNodeExpand(l, b);
+        r.setExpandedKeys(f ? Or(d, p) : Yr(d, p)), r.onNodeExpand(l, b);
       }
     }, r.onNodeClick = function(l, c) {
       var u = r.props, d = u.onClick, h = u.expandAction;
@@ -9636,7 +9636,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
       h === "doubleClick" && r.triggerExpandActionExpand(l, c), d == null || d(l, c);
     }, r.onNodeSelect = function(l, c) {
       var u = r.state.selectedKeys, d = r.state, h = d.keyEntities, f = d.fieldNames, p = r.props, g = p.onSelect, m = p.multiple, b = c.selected, y = c[f.key], w = !b;
-      w ? m ? u = Yr(u, y) : u = [y] : u = Mr(u, y);
+      w ? m ? u = Yr(u, y) : u = [y] : u = Or(u, y);
       var _ = u.map(function(x) {
         var S = h[x];
         return S ? S.node : null;
@@ -9660,7 +9660,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         nativeEvent: l.nativeEvent
       };
       if (m) {
-        var x = u ? Yr(f, y) : Mr(f, y), S = Mr(p, y);
+        var x = u ? Yr(f, y) : Or(f, y), S = Or(p, y);
         w = {
           checked: x,
           halfChecked: S
@@ -9674,7 +9674,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
           checkedKeys: x
         });
       } else {
-        var k = ri([].concat(Oo(f), [y]), !0, h), O = k.checkedKeys, L = k.halfCheckedKeys;
+        var k = ri([].concat(Mo(f), [y]), !0, h), O = k.checkedKeys, L = k.halfCheckedKeys;
         if (!u) {
           var H = new Set(O);
           H.delete(y);
@@ -9716,17 +9716,17 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
               loadedKeys: k
             }), r.setState(function(O) {
               return {
-                loadingKeys: Mr(O.loadingKeys, c)
+                loadingKeys: Or(O.loadingKeys, c)
               };
             }), d();
           }).catch(function(S) {
             if (r.setState(function(O) {
               return {
-                loadingKeys: Mr(O.loadingKeys, c)
+                loadingKeys: Or(O.loadingKeys, c)
               };
             }), r.loadingRetryTimes[c] = (r.loadingRetryTimes[c] || 0) + 1, r.loadingRetryTimes[c] >= ZA) {
               var k = r.state.loadedKeys;
-              vt(!1, "Retry for `loadData` many times but still failed. No more retry."), r.setUncontrolledState({
+              yt(!1, "Retry for `loadData` many times but still failed. No more retry."), r.setUncontrolledState({
                 loadedKeys: Yr(k, c)
               }), d();
             }
@@ -9795,7 +9795,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
       var u = r.state.expandedKeys, d = r.state, h = d.listChanging, f = d.fieldNames, p = r.props, g = p.onExpand, m = p.loadData, b = c.expanded, y = c[f.key];
       if (!h) {
         var w = u.indexOf(y), _ = !b;
-        if (vt(b && w !== -1 || !b && w === -1, "Expand state not sync with index check"), _ ? u = Yr(u, y) : u = Mr(u, y), r.setExpandedKeys(u), g == null || g(u, {
+        if (yt(b && w !== -1 || !b && w === -1, "Expand state not sync with index check"), _ ? u = Yr(u, y) : u = Or(u, y), r.setExpandedKeys(u), g == null || g(u, {
           node: c,
           expanded: _,
           nativeEvent: l.nativeEvent
@@ -9807,7 +9807,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
               flattenNodes: S
             });
           }).catch(function() {
-            var S = r.state.expandedKeys, k = Mr(S, y);
+            var S = r.state.expandedKeys, k = Or(S, y);
             r.setExpandedKeys(k);
           });
         }
@@ -9987,7 +9987,7 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         },
         children: /* @__PURE__ */ s("div", {
           role: "tree",
-          className: Mt(w, _, he, (o = {}, jt(o, "".concat(w, "-show-line"), S), jt(o, "".concat(w, "-focused"), a), jt(o, "".concat(w, "-active-focused"), d !== null), o)),
+          className: Mt(w, _, he, (o = {}, Kt(o, "".concat(w, "-show-line"), S), Kt(o, "".concat(w, "-focused"), a), Kt(o, "".concat(w, "-active-focused"), d !== null), o)),
           style: de,
           children: /* @__PURE__ */ s(Ny, {
             ref: this.listRef,
@@ -10030,12 +10030,12 @@ var ZA = 10, Ed = /* @__PURE__ */ function(e) {
         return !a && k in o || a && a[k] !== o[k];
       }
       var u, d = i.fieldNames;
-      if (c("fieldNames") && (d = Us(o.fieldNames), l.fieldNames = d), c("treeData") ? u = o.treeData : c("children") && (vt(!1, "`children` of Tree is deprecated. Please use `treeData` instead."), u = $A(o.children)), u) {
+      if (c("fieldNames") && (d = Us(o.fieldNames), l.fieldNames = d), c("treeData") ? u = o.treeData : c("children") && (yt(!1, "`children` of Tree is deprecated. Please use `treeData` instead."), u = $A(o.children)), u) {
         l.treeData = u;
         var h = Ry(u, {
           fieldNames: d
         });
-        l.keyEntities = xn(jt({}, Po, Py), h.keyEntities), process.env.NODE_ENV !== "production" && AA(u, d);
+        l.keyEntities = xn(Kt({}, Po, Py), h.keyEntities), process.env.NODE_ENV !== "production" && AA(u, d);
       }
       var f = l.keyEntities || i.keyEntities;
       if (c("expandedKeys") || a && c("autoExpandParent"))
@@ -10182,12 +10182,12 @@ var t$ = {
             break;
           case ce.ENTER: {
             if (je) {
-              var pt = (je == null ? void 0 : je.node) || {}, tt = pt.selectable, yt = pt.value;
+              var pt = (je == null ? void 0 : je.node) || {}, tt = pt.selectable, bt = pt.value;
               tt !== !1 && _e(null, {
                 node: {
                   key: we
                 },
-                selected: !S.includes(yt)
+                selected: !S.includes(bt)
               });
             }
             break;
@@ -10269,7 +10269,7 @@ function Bp(e, t, n, r) {
 }
 var o$ = ["children", "value"];
 function Hy(e) {
-  return co(e).map(function(t) {
+  return lo(e).map(function(t) {
     if (!/* @__PURE__ */ C.isValidElement(t) || !t.type)
       return null;
     var n = t, r = n.key, o = n.props, i = o.children, a = o.value, l = Jm(o, o$), c = Zn({
@@ -10287,7 +10287,7 @@ function mu(e) {
   var t = Zn({}, e);
   return "props" in t || Object.defineProperty(t, "props", {
     get: function() {
-      return vt(!1, "New `rc-tree-select` not support return node instance as argument anymore. Please consider to remove `props` access."), t;
+      return yt(!1, "New `rc-tree-select` not support return node instance as argument anymore. Please consider to remove `props` access."), t;
     }
   }), t;
 }
@@ -10323,11 +10323,11 @@ function i$(e, t, n, r, o, i) {
   }
   Object.defineProperty(e, "triggerNode", {
     get: function() {
-      return vt(!1, "`triggerNode` is deprecated. Please consider decoupling data with node."), c(), a;
+      return yt(!1, "`triggerNode` is deprecated. Please consider decoupling data with node."), c(), a;
     }
   }), Object.defineProperty(e, "allCheckedNodes", {
     get: function() {
-      return vt(!1, "`allCheckedNodes` is deprecated. Please consider decoupling data with node."), c(), o ? l : l.map(function(d) {
+      return yt(!1, "`allCheckedNodes` is deprecated. Please consider decoupling data with node."), c(), o ? l : l.map(function(d) {
         var h = d.node;
         return h;
       });
@@ -10388,7 +10388,7 @@ const c$ = function(e, t) {
         var a = o.node[t.value];
         if (process.env.NODE_ENV !== "production") {
           var l = o.node.key;
-          vt(!gu(a), "TreeNode `value` is invalidate: undefined"), vt(!i.valueEntities.has(a), "Same `value` exist in the tree: ".concat(a)), vt(!l || String(l) === String(a), "`key` or `value` with TreeNode must be the same or you can remove one of them. key: ".concat(l, ", value: ").concat(a, "."));
+          yt(!gu(a), "TreeNode `value` is invalidate: undefined"), yt(!i.valueEntities.has(a), "Same `value` exist in the tree: ".concat(a)), yt(!l || String(l) === String(a), "`key` or `value` with TreeNode must be the same or you can remove one of them. key: ".concat(l, ", value: ").concat(a, "."));
         }
         i.valueEntities.set(a, o);
       }
@@ -10446,9 +10446,9 @@ const c$ = function(e, t) {
 };
 function f$(e) {
   var t = e.searchPlaceholder, n = e.treeCheckStrictly, r = e.treeCheckable, o = e.labelInValue, i = e.value, a = e.multiple;
-  vt(!t, "`searchPlaceholder` has been removed."), n && o === !1 && vt(!1, "`treeCheckStrictly` will force set `labelInValue` to `true`."), (o || n) && vt(zy(i).every(function(l) {
+  yt(!t, "`searchPlaceholder` has been removed."), n && o === !1 && yt(!1, "`treeCheckStrictly` will force set `labelInValue` to `true`."), (o || n) && yt(zy(i).every(function(l) {
     return l && $o(l) === "object" && "value" in l;
-  }), "Invalid prop `value` supplied to `TreeSelect`. You should use { label: string, value: string | number } or [{ label: string, value: string | number }] instead."), n || a || r ? vt(!i || Array.isArray(i), "`value` should be an array when `TreeSelect` is checkable or multiple.") : vt(!Array.isArray(i), "`value` should not be array when `TreeSelect` is single mode.");
+  }), "Invalid prop `value` supplied to `TreeSelect`. You should use { label: string, value: string | number } or [{ label: string, value: string | number }] instead."), n || a || r ? yt(!i || Array.isArray(i), "`value` should be an array when `TreeSelect` is checkable or multiple.") : yt(!Array.isArray(i), "`value` should not be array when `TreeSelect` is single mode.");
 }
 var h$ = ["id", "prefixCls", "value", "defaultValue", "onChange", "onSelect", "onDeselect", "searchValue", "inputValue", "onSearch", "autoClearSearchValue", "filterTreeNode", "treeNodeFilterProp", "showCheckedStrategy", "treeNodeLabelProp", "multiple", "treeCheckable", "treeCheckStrictly", "labelInValue", "fieldNames", "treeDataSimpleMode", "treeData", "children", "loadData", "treeLoadedKeys", "onTreeLoad", "treeDefaultExpandAll", "treeExpandedKeys", "treeDefaultExpandedKeys", "onTreeExpand", "treeExpandAction", "virtual", "listHeight", "listItemHeight", "onDropdownVisibleChange", "dropdownMatchSelectWidth", "treeLine", "treeIcon", "showTreeIcon", "switcherIcon", "treeMotion"];
 function p$(e) {
@@ -10471,7 +10471,7 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
     }
   }), Ge = Jr(Xe, 2), qe = Ge[0], wt = Ge[1], pt = function(be) {
     wt(be), f == null || f(be);
-  }, tt = s$(T, P, A), yt = c$(tt, Pe), De = yt.keyEntities, Ke = yt.valueEntities, ct = C.useCallback(function(ne) {
+  }, tt = s$(T, P, A), bt = c$(tt, Pe), De = bt.keyEntities, Ke = bt.valueEntities, ct = C.useCallback(function(ne) {
     var be = [], Ce = [];
     return ne.forEach(function(Ne) {
       Ke.has(Ne) ? Ce.push(Ne) : be.push(Ne);
@@ -10479,11 +10479,11 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
       missingRawValues: be,
       existRawValues: Ce
     };
-  }, [Ke]), Bt = d$(tt, qe, {
+  }, [Ke]), jt = d$(tt, qe, {
     fieldNames: Pe,
     treeNodeFilterProp: y,
     filterTreeNode: m
-  }), bt = C.useCallback(function(ne) {
+  }), xt = C.useCallback(function(ne) {
     if (ne) {
       if (x)
         return ne[x];
@@ -10506,7 +10506,7 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
       var Ne = Ce.label, We = Ce.value, Ve = Ce.halfChecked, Ze, Ue = Ke.get(We);
       if (Ue) {
         var ot;
-        Ne = (ot = Ne) !== null && ot !== void 0 ? ot : bt(Ue.node), Ze = Ue.node.disabled;
+        Ne = (ot = Ne) !== null && ot !== void 0 ? ot : xt(Ue.node), Ze = Ue.node.disabled;
       } else if (Ne === void 0) {
         var Nt = qt(je).find(function(Cn) {
           return Cn.value === We;
@@ -10520,7 +10520,7 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
         disabled: Ze
       };
     });
-  }, [Ke, bt, qt, je]), dn = C.useMemo(function() {
+  }, [Ke, xt, qt, je]), dn = C.useMemo(function() {
     return qt(je);
   }, [qt, je]), Ut = C.useMemo(function() {
     var ne = [], be = [];
@@ -10576,10 +10576,10 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
         triggerValue: Ue
       }, fr = !0;
       (O || Ce === "selection" && !ot) && (fr = !1), i$(Yt, Ue, ne, tt, fr, Pe), _e ? Yt.checked = ot : Yt.selected = ot;
-      var Er = $e ? Hn : Hn.map(function(Rn) {
+      var kr = $e ? Hn : Hn.map(function(Rn) {
         return Rn.value;
       });
-      l(Le ? Er : Er[0], $e ? null : Hn.map(function(Rn) {
+      l(Le ? kr : kr[0], $e ? null : Hn.map(function(Rn) {
         return Rn.label;
       }), Yt);
     }
@@ -10599,8 +10599,8 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
           return Ke.get(Dn).key;
         }), fr;
         if (Ne) {
-          var Er = ri(Yt, !0, De);
-          fr = Er.checkedKeys;
+          var kr = ri(Yt, !0, De);
+          fr = kr.checkedKeys;
         } else {
           var Rn = ri(Yt, {
             checked: !1,
@@ -10623,7 +10623,7 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
       var be = {};
       Object.defineProperty(be, "documentClickClose", {
         get: function() {
-          return vt(!1, "Second param of `onDropdownVisibleChange` has been removed."), !1;
+          return yt(!1, "Second param of `onDropdownVisibleChange` has been removed."), !1;
         }
       }), me(ne, be);
     }
@@ -10645,12 +10645,12 @@ var By = /* @__PURE__ */ C.forwardRef(function(e, t) {
       dropdownMatchSelectWidth: he,
       listHeight: ae,
       listItemHeight: te,
-      treeData: Bt,
+      treeData: jt,
       fieldNames: Pe,
       onSelect: mn,
       treeExpandAction: G
     };
-  }, [U, he, ae, te, Bt, Pe, mn, G]), re = C.useMemo(function() {
+  }, [U, he, ae, te, jt, Pe, mn, G]), re = C.useMemo(function() {
     return {
       checkable: _e,
       loadData: V,
@@ -11309,7 +11309,7 @@ const Wy = J(() => {
 }), E$ = J(({
   view: e
 }) => {
-  const t = He(), n = go(), {
+  const t = He(), n = po(), {
     panel: r
   } = On(), {
     id: o,
@@ -11347,9 +11347,9 @@ const Wy = J(() => {
         right: 0,
         zIndex: 300
       },
-      children: /* @__PURE__ */ v(kr, {
+      children: /* @__PURE__ */ v(Tr, {
         withinPortal: !0,
-        children: [/* @__PURE__ */ s(kr.Target, {
+        children: [/* @__PURE__ */ s(Tr.Target, {
           children: /* @__PURE__ */ s(xe, {
             className: "panel-dropdown-target",
             sx: {
@@ -11357,14 +11357,14 @@ const Wy = J(() => {
               height: "25px"
             }
           })
-        }), /* @__PURE__ */ v(kr.Dropdown, {
-          children: [/* @__PURE__ */ s(kr.Item, {
+        }), /* @__PURE__ */ v(Tr.Dropdown, {
+          children: [/* @__PURE__ */ s(Tr.Item, {
             onClick: l,
             icon: /* @__PURE__ */ s(ym, {
               size: 14
             }),
             children: "Refresh"
-          }), /* @__PURE__ */ s(kr.Item, {
+          }), /* @__PURE__ */ s(Tr.Item, {
             onClick: () => {
               var m;
               return t.queries.downloadDataByQueryID((m = i == null ? void 0 : i.id) != null ? m : "");
@@ -11373,7 +11373,7 @@ const Wy = J(() => {
               size: 14
             }),
             children: "Download Data"
-          }), g && /* @__PURE__ */ s(kr.Item, {
+          }), g && /* @__PURE__ */ s(Tr.Item, {
             onClick: p,
             icon: /* @__PURE__ */ s(i_, {
               size: 14
@@ -11384,19 +11384,19 @@ const Wy = J(() => {
             children: [/* @__PURE__ */ s(pe, {
               label: "Edit",
               labelPosition: "center"
-            }), /* @__PURE__ */ s(kr.Item, {
+            }), /* @__PURE__ */ s(Tr.Item, {
               onClick: h,
               icon: /* @__PURE__ */ s(xm, {
                 size: 14
               }),
               children: "Settings"
-            }), /* @__PURE__ */ s(kr.Item, {
+            }), /* @__PURE__ */ s(Tr.Item, {
               onClick: d,
               icon: /* @__PURE__ */ s(a_, {
                 size: 14
               }),
               children: "Duplicate"
-            }), /* @__PURE__ */ s(kr.Item, {
+            }), /* @__PURE__ */ s(Tr.Item, {
               color: "red",
               onClick: f,
               icon: /* @__PURE__ */ s($t, {
@@ -11431,7 +11431,7 @@ const k$ = J(function() {
       children: n
     })
   }) : null;
-}), xr = (e, t) => {
+}), wr = (e, t) => {
   const [n, r] = ze([]);
   return ue(() => e.watchTriggerSnapshotList(
     (o) => r(o.filter((i) => i.schemaRef === t))
@@ -11444,11 +11444,11 @@ class Jo {
   async deleteItem(t) {
     t === null && await this.root.deleteItem(this.path);
     const n = await this.root.getItem(this.path) || {};
-    await this.root.setItem(this.path, Ao(n, t));
+    await this.root.setItem(this.path, Do(n, t));
   }
   async getItem(t) {
     const n = await this.root.getItem(this.path);
-    return t === null ? n : xt(n, t);
+    return t === null ? n : vt(n, t);
   }
   async setItem(t, n) {
     if (t === null)
@@ -11469,7 +11469,7 @@ class Jo {
     ) : this.root.watchItem(
       this.path,
       (o, i) => {
-        const a = xt(o, t), l = xt(i, t);
+        const a = vt(o, t), l = vt(i, t);
         a !== l && n(a, l);
       },
       r
@@ -11515,7 +11515,7 @@ class Gy {
     return Promise.resolve(n);
   }
   getValueFromRoot(t) {
-    return t === null ? La(this.rootRef.current) : xt(this.rootRef.current, [t]);
+    return t === null ? La(this.rootRef.current) : vt(this.rootRef.current, [t]);
   }
   setItem(t, n) {
     if (t === null)
@@ -11539,7 +11539,7 @@ class Gy {
       },
       {
         requiresObservable: !0,
-        fireImmediately: xt(r, "fireImmediately", !1)
+        fireImmediately: vt(r, "fireImmediately", !1)
       }
     );
   }
@@ -11614,7 +11614,7 @@ const O$ = (e) => {
   return /* @__PURE__ */ s(c, {
     context: l,
     instance: a,
-    ...Ao(e, ["panel", "vizManager", "data"])
+    ...Do(e, ["panel", "vizManager", "data"])
   });
 }, R$ = (e) => {
   const {
@@ -11630,7 +11630,7 @@ const O$ = (e) => {
   return /* @__PURE__ */ s(u, {
     context: c,
     instance: l,
-    ...Ao(e, ["panel", "vizManager", "data", "panelInfoEditor"])
+    ...Do(e, ["panel", "vizManager", "data", "panelInfoEditor"])
   });
 }, Uy = (e, t) => {
   const n = ca.bezier(e), r = ca.bezier(t);
@@ -11678,7 +11678,7 @@ const O$ = (e) => {
   getColor: Dl(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Yy = "@devtable/dashboard", Od = "8.41.0", Xy = "Apache-2.0", Qy = {
+}, Yy = "@devtable/dashboard", Od = "8.41.2", Xy = "Apache-2.0", Qy = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Zy = [
@@ -11946,12 +11946,12 @@ class un extends H$ {
     return super.version(t, (r, o) => ({ version: t, ...n(r, o) }));
   }
   async migrate({ configData: t, panelModel: n }) {
-    const r = await t.getItem(null), o = xt(r, "version", 0), i = this.run({ from: o, to: this.VERSION }, r, { panelModel: n });
+    const r = await t.getItem(null), o = vt(r, "version", 0), i = this.run({ from: o, to: this.VERSION }, r, { panelModel: n });
     await t.setItem(null, i);
   }
   async needMigration({ configData: t }) {
     const n = await t.getItem(null);
-    return xt(n, "version", 0) < this.VERSION;
+    return vt(n, "version", 0) < this.VERSION;
   }
 }
 const Ye = (e, t) => {
@@ -12007,10 +12007,10 @@ function B$({
     zAxis3D: d
   } = en({}, t, Rd), h = Y(() => {
     const g = jw(n, (m) => m[l]);
-    return xt(g, l);
+    return vt(g, l);
   }, [n, l]), f = Y(() => {
     const g = Kw(n, (m) => m[l]);
-    return xt(g, l);
+    return vt(g, l);
   }, [n, l]), p = {
     tooltip: {},
     backgroundColor: "#fff",
@@ -12399,7 +12399,7 @@ function q$({
     })]
   });
 }
-const wr = ee.forwardRef(q$), yr = {
+const _r = ee.forwardRef(q$), br = {
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
@@ -12451,7 +12451,7 @@ const X$ = [{
 }, {
   label: "Break Word",
   value: "breakAll"
-}], Ys = Ht(({
+}], Ys = Bt(({
   sectionTitle: e,
   value: t,
   onChange: n
@@ -12491,7 +12491,7 @@ const X$ = [{
       })]
     })]
   });
-}), Fo = Ht(({
+}), Fo = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -12531,7 +12531,7 @@ const X$ = [{
     ellipsis: "..."
   }
 };
-function ho({ overflow: e, width: t }) {
+function fo({ overflow: e, width: t }) {
   const n = {
     truncate: "initial",
     break: "break-all",
@@ -12549,7 +12549,7 @@ function ho({ overflow: e, width: t }) {
     text-overflow: ${o};
   `;
 }
-function bo(e) {
+function yo(e) {
   return {
     width: e.width,
     overflow: e.overflow,
@@ -12562,7 +12562,7 @@ const Dd = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      formatter: { ...yr },
+      formatter: { ...br },
       overflow: Br
     }
   },
@@ -12573,7 +12573,7 @@ const Dd = {
   },
   color: "#228be6",
   reference_lines: []
-}, ya = Ht(function({
+}, ya = Bt(function({
   value: t,
   onChange: n,
   ...r
@@ -12721,7 +12721,7 @@ function tP({
 }, n) {
   const {
     colorManager: r
-  } = wn(_r), o = ee.useMemo(() => r.getStaticColors().map((l) => ({
+  } = wn(Sr), o = ee.useMemo(() => r.getStaticColors().map((l) => ({
     label: l.name,
     group: l.category,
     value: l.value
@@ -12985,7 +12985,7 @@ ee.forwardRef(function({
       my: "xs",
       label: "Format",
       labelPosition: "center"
-    }), /* @__PURE__ */ s(wr, {
+    }), /* @__PURE__ */ s(_r, {
       value: t.formatter,
       onChange: (l) => a("formatter", l)
     }), o && /* @__PURE__ */ s(cb, {
@@ -13068,7 +13068,7 @@ const $d = (e, t) => (n) => Boolean(qa(n) && lP.test(n) && n.startsWith(e) || t
     [n]: parseFloat(a),
     alpha: l !== void 0 ? parseFloat(l) : 1
   };
-}, ko = {
+}, Eo = {
   test: $d("hsl", "hue"),
   parse: pb("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + aa.transform(ia(t)) + ", " + aa.transform(ia(n)) + ", " + ia(hb.transform(r)) + ")"
@@ -13091,9 +13091,9 @@ const yu = {
   parse: dP,
   transform: oo.transform
 }, Pl = {
-  test: (e) => oo.test(e) || yu.test(e) || ko.test(e),
-  parse: (e) => oo.test(e) ? oo.parse(e) : ko.test(e) ? ko.parse(e) : yu.parse(e),
-  transform: (e) => qa(e) ? e : e.hasOwnProperty("red") ? oo.transform(e) : ko.transform(e)
+  test: (e) => oo.test(e) || yu.test(e) || Eo.test(e),
+  parse: (e) => oo.test(e) ? oo.parse(e) : Eo.test(e) ? Eo.parse(e) : yu.parse(e),
+  transform: (e) => qa(e) ? e : e.hasOwnProperty("red") ? oo.transform(e) : Eo.transform(e)
 }, gb = "${c}", mb = "${n}";
 function fP(e) {
   var t, n, r, o;
@@ -13148,11 +13148,11 @@ function Kp({ hue: e, saturation: t, lightness: n, alpha: r }) {
 const gP = (e, t, n) => {
   const r = e * e, o = t * t;
   return Math.sqrt(Math.max(0, n * (o - r) + r));
-}, mP = [yu, oo, ko], Wp = (e) => mP.find((t) => t.test(e)), Gp = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, wb = (e, t) => {
+}, mP = [yu, oo, Eo], Wp = (e) => mP.find((t) => t.test(e)), Gp = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, wb = (e, t) => {
   let n = Wp(e), r = Wp(t);
   ba(!!n, Gp(e)), ba(!!r, Gp(t));
   let o = n.parse(e), i = r.parse(t);
-  n === ko && (o = Kp(o), n = oo), r === ko && (i = Kp(i), r = oo);
+  n === Eo && (o = Kp(o), n = oo), r === Eo && (i = Kp(i), r = oo);
   const a = Object.assign({}, o);
   return (l) => {
     for (const c in a)
@@ -13384,7 +13384,7 @@ function AP({ config: e }) {
 function $P(e, t) {
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${ho(e.x_axis.axisLabel.overflow.in_tooltip)}">${t[0]}</div>
+      <div style="${fo(e.x_axis.axisLabel.overflow.in_tooltip)}">${t[0]}</div>
     </div>
     <table>
       <tbody>
@@ -13409,7 +13409,7 @@ const PP = (e) => (t) => {
     </tr>`);
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${ho(e.x_axis.axisLabel.overflow.in_tooltip)}">${r.name}</div>
+      <div style="${fo(e.x_axis.axisLabel.overflow.in_tooltip)}">${r.name}</div>
     </div>
     <table style="width: auto">
       <tbody>
@@ -13468,7 +13468,7 @@ function LP(e, t, n) {
   }));
 }
 function zP({ config: e, data: t, variables: n }) {
-  const { x_axis: r, y_axis: o, color: i, reference_lines: a } = e, l = q.groupBy(t, r.data_key), c = IP(l, o.data_key), u = c.map((h) => h.outliers).flat(), d = bo(r.axisLabel.overflow.on_axis);
+  const { x_axis: r, y_axis: o, color: i, reference_lines: a } = e, l = q.groupBy(t, r.data_key), c = IP(l, o.data_key), u = c.map((h) => h.outliers).flat(), d = yo(r.axisLabel.overflow.on_axis);
   return {
     dataset: [
       {
@@ -13557,10 +13557,10 @@ function VP({
   } = e, o = e.data, {
     width: i,
     height: a
-  } = e.viewport, l = en({}, n, Dd), c = Sr({
+  } = e.viewport, l = en({}, n, Dd), c = Cr({
     vizManager: e.vizManager,
     instance: t
-  }), u = xr(c.triggerManager, sb.id), d = Y(() => q.keyBy(o, l.x_axis.data_key), [o, l.x_axis.data_key]), h = dt((g) => {
+  }), u = wr(c.triggerManager, sb.id), d = Y(() => q.keyBy(o, l.x_axis.data_key), [o, l.x_axis.data_key]), h = dt((g) => {
     const m = q.get(d, g.name, {
       error: "rowData is not found"
     });
@@ -13731,7 +13731,7 @@ const BP = ({
       readOnly: e
     }
   })]
-}), Ll = Ht(({
+}), Ll = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -13761,7 +13761,7 @@ const BP = ({
       func_content: p
     }));
   }, f = () => {
-    h(yr.func_content);
+    h(br.func_content);
   };
   return /* @__PURE__ */ v(ke, {
     children: [/* @__PURE__ */ s(ie, {
@@ -13947,7 +13947,7 @@ const BP = ({
       control: e,
       render: ({
         field: r
-      }) => /* @__PURE__ */ s(wr, {
+      }) => /* @__PURE__ */ s(_r, {
         ...r
       })
     })]
@@ -13973,7 +13973,7 @@ function WP({
   ue(() => {
     d(i);
   }, [i]), c(["x_axis", "y_axis", "reference_lines", "color"]);
-  const h = u(), f = Y(() => !Kt(h, t), [h, t]);
+  const h = u(), f = Y(() => !Ht(h, t), [h, t]);
   return /* @__PURE__ */ s(W, {
     spacing: "xs",
     children: /* @__PURE__ */ v("form", {
@@ -14069,7 +14069,7 @@ function WP({
   });
 }
 function GP(e) {
-  return Ao(e, "variables");
+  return Do(e, "variables");
 }
 function qP(e) {
   const {
@@ -14088,7 +14088,7 @@ function UP(e) {
   const t = {
     rotate: 0,
     formatter: {
-      ...yr
+      ...br
     }
   }, {
     axisLabel: n = t,
@@ -14250,10 +14250,10 @@ const Pd = {
   context: e,
   instance: t
 }) => {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
-  }), r = xr(n.triggerManager, Tb.id), o = He(), {
+  }), r = wr(n.triggerManager, Tb.id), o = He(), {
     value: i
   } = Ye(e.instanceData, "config"), a = Y(() => Qt({}, i, Pd), [i]), {
     content: l,
@@ -14382,7 +14382,7 @@ function uN({
   e.data;
   const r = Y(() => Qt({}, t, Pd), [t]), o = r;
   ue(() => {
-    !Kt(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
+    !Ht(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
   const {
     control: i,
@@ -14396,7 +14396,7 @@ function uN({
   ue(() => {
     u(o);
   }, [o]);
-  const d = c(), h = Y(() => !Kt(d, r), [d, r]);
+  const d = c(), h = Y(() => !Ht(d, r), [d, r]);
   return l(["content", "variant", "color", "size", "compact", "horizontal_align", "vertical_align"]), /* @__PURE__ */ v("form", {
     onSubmit: a(n),
     children: [/* @__PURE__ */ v(F, {
@@ -14601,7 +14601,7 @@ const Id = {
   x_axis: {
     axisLabel: {
       rotate: 0,
-      formatter: { ...yr },
+      formatter: { ...br },
       overflow: Br
     }
   },
@@ -14919,7 +14919,7 @@ function RN(e, t, n) {
           <td style="text-align: left; padding: 0 1em;">${p({ value: h })}</td>
         </tr>
         `;
-      }), l = ho(e.x_axis.axisLabel.overflow.in_tooltip), c = ON(i, e);
+      }), l = fo(e.x_axis.axisLabel.overflow.in_tooltip), c = ON(i, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${c}</div>
@@ -14959,7 +14959,7 @@ function AN(e, t) {
 }
 function $N(e, t, n) {
   var l;
-  const r = t.every((c) => !Number.isNaN(Number(c))), { overflow: o, ...i } = e.x_axis.axisLabel, a = bo(o.on_axis);
+  const r = t.every((c) => !Number.isNaN(Number(c))), { overflow: o, ...i } = e.x_axis.axisLabel, a = yo(o.on_axis);
   return [
     {
       data: t,
@@ -15063,7 +15063,7 @@ function LN({
   interactionManager: o,
   variables: i
 }) {
-  const a = Y(() => q.keyBy(t, e.x_axis_data_key), [t, e.x_axis_data_key]), l = xr(o.triggerManager, Nd.id), c = dt((h) => {
+  const a = Y(() => q.keyBy(t, e.x_axis_data_key), [t, e.x_axis_data_key]), l = wr(o.triggerManager, Nd.id), c = dt((h) => {
     const f = q.get(a, h.name, {
       error: "rowData is not found"
     });
@@ -15092,7 +15092,7 @@ function zN({
   context: e,
   instance: t
 }) {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -15148,7 +15148,7 @@ function zN({
     })]
   });
 }
-const Vd = Ht(({
+const Vd = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -16200,7 +16200,7 @@ const JN = ({
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], Mb = Ht(({
+}], Mb = Bt(({
   label: e = "Size",
   value: t,
   onChange: n,
@@ -16672,7 +16672,7 @@ function uI({
   })), c = () => {
     const h = {
       type: "bar",
-      name: lo(),
+      name: Ao(),
       showSymbol: !1,
       symbolSize: Fd.static,
       y_axis_data_key: "value",
@@ -16963,7 +16963,7 @@ function gI({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ s(wr, {
+        }) => /* @__PURE__ */ s(_r, {
           ...r
         })
       })]
@@ -17095,7 +17095,7 @@ function vI({
   ue(() => {
     d(i);
   }, [i]);
-  const h = u(), f = Y(() => !Kt(h, i), [h, i]);
+  const h = u(), f = Y(() => !Ht(h, i), [h, i]);
   return c(["dataZoom"]), /* @__PURE__ */ s(W, {
     spacing: "xs",
     children: /* @__PURE__ */ v("form", {
@@ -17224,13 +17224,13 @@ function vI({
   });
 }
 function yI(e) {
-  const t = vn(Ao(e, "variables"));
-  return t.stats = Ao(t.stats, "variables"), t;
+  const t = vn(Do(e, "variables"));
+  return t.stats = Do(t.stats, "variables"), t;
 }
 function bI(e) {
   const {
     rotate: t,
-    formatter: n = yr
+    formatter: n = br
   } = e.x_axis.axisLabel;
   return {
     ...e,
@@ -17457,7 +17457,7 @@ class DI extends un {
       } = n;
       return (o.variables || []).forEach((l) => {
         r.variables.find((c) => c.name === l.name) || r.addVariable(l);
-      }), (xt(o, "stats.variables") || []).forEach((l) => {
+      }), (vt(o, "stats.variables") || []).forEach((l) => {
         r.variables.find((c) => c.name === l.name) || r.addVariable(l);
       }), {
         ...n,
@@ -17552,7 +17552,7 @@ function II(e, t) {
     const { level_name_data_key: r, level_value_data_key: o, axisLabel: i, min: a, max: l, funnelAlign: c, orient: u, ...d } = n, h = t.map((p) => ({
       name: p[r],
       value: p[o]
-    })), f = bo(i.overflow.on_axis);
+    })), f = yo(i.overflow.on_axis);
     return {
       type: "funnel",
       ...NI(n),
@@ -17734,7 +17734,7 @@ const KI = [{
 }, {
   label: "InsideBottomRight",
   value: "insideBottomRight"
-}], Bd = Ht(({
+}], Bd = Bt(({
   label: e,
   value: t,
   onChange: n,
@@ -18072,7 +18072,7 @@ const KI = [{
         children: /* @__PURE__ */ s(Xt, {
           label: "TODO",
           children: /* @__PURE__ */ s(bi, {
-            children: /* @__PURE__ */ s(yo, {
+            children: /* @__PURE__ */ s(vo, {
               size: 18,
               color: "#228be6"
             })
@@ -18272,14 +18272,14 @@ function aL({ conf: e, labelFormatters: t, valueFormatters: n, dataDict: r, para
     value: t.x_axis(l, a),
     style: {
       label: "",
-      value: ho(e.x_axis.axisLabel.overflow.in_tooltip)
+      value: fo(e.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: e.y_axis.name ? e.y_axis.name : "Y Axis",
     value: t.y_axis(c, a),
     style: {
       label: "",
-      value: ho(e.y_axis.axisLabel.overflow.in_tooltip)
+      value: fo(e.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, f = {
     label: e.heat_block.name,
@@ -18345,7 +18345,7 @@ function lL(e) {
 }
 function cL(e, t, n) {
   var a;
-  const { overflow: r, rotate: o } = e.x_axis.axisLabel, i = bo(r.on_axis);
+  const { overflow: r, rotate: o } = e.x_axis.axisLabel, i = yo(r.on_axis);
   return {
     id: "main-x-axis",
     type: "category",
@@ -18374,7 +18374,7 @@ function cL(e, t, n) {
   };
 }
 function uL(e, t, n) {
-  const { nameAlignment: r, data_key: o, ...i } = e.y_axis, { overflow: a, rotate: l } = e.y_axis.axisLabel, c = bo(a.on_axis);
+  const { nameAlignment: r, data_key: o, ...i } = e.y_axis, { overflow: a, rotate: l } = e.y_axis.axisLabel, c = yo(a.on_axis);
   return {
     ...i,
     type: "category",
@@ -18473,7 +18473,7 @@ const Ob = {
     axisLabel: {
       rotate: 0,
       overflow: Br,
-      formatter: { ...yr }
+      formatter: { ...br }
     }
   },
   y_axis: {
@@ -18483,7 +18483,7 @@ const Ob = {
     axisLabel: {
       rotate: 0,
       overflow: Br,
-      formatter: { ...yr }
+      formatter: { ...br }
     }
   },
   heat_block: {
@@ -18509,7 +18509,7 @@ function gL({
   const a = Y(() => {
     const h = e.x_axis.data_key, f = e.y_axis.data_key;
     return q.keyBy(t, (p) => `${p[h]}---${p[f]}`);
-  }, [t, e.x_axis.data_key]), l = xr(o.triggerManager, Ob.id), c = dt((h) => {
+  }, [t, e.x_axis.data_key]), l = wr(o.triggerManager, Ob.id), c = dt((h) => {
     const [f, p] = h.value, g = q.get(a, `${f}---${p}`, {
       error: "rowData is not found"
     });
@@ -18538,7 +18538,7 @@ function mL({
   context: e,
   instance: t
 }) {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -18628,7 +18628,7 @@ function vL({
       control: t,
       render: ({
         field: r
-      }) => /* @__PURE__ */ s(wr, {
+      }) => /* @__PURE__ */ s(_r, {
         ...r
       })
     })]
@@ -18808,7 +18808,7 @@ const wL = ({
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
-}, Rb = Ht(({
+}, Rb = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -19118,7 +19118,7 @@ function kL({
     set: n
   } = Ye(e.instanceData, "config"), r = e.data, o = Y(() => Qt({}, t, jd), [t]), i = Y(() => q.cloneDeep(o), [o]);
   ue(() => {
-    !Kt(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
+    !Ht(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
   }, [o, i]);
   const {
     control: a,
@@ -19132,7 +19132,7 @@ function kL({
   ue(() => {
     d(i);
   }, [i]);
-  const h = u(), f = Y(() => !Kt(h, o), [h, o]);
+  const h = u(), f = Y(() => !Ht(h, o), [h, o]);
   return /* @__PURE__ */ s(W, {
     spacing: "xs",
     children: /* @__PURE__ */ v("form", {
@@ -19285,7 +19285,7 @@ const Ab = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      formatter: { ...yr },
+      formatter: { ...br },
       overflow: Br
     }
   },
@@ -19437,7 +19437,7 @@ const IL = (e, t) => (n) => {
       <td style="text-align: left; padding: 0 1em;">${f(h)}</td>
     </tr>
   `;
-  }), i = ho(e.x_axis.axisLabel.overflow.in_tooltip), a = r[0].name;
+  }), i = fo(e.x_axis.axisLabel.overflow.in_tooltip), a = r[0].name;
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${i}">${a}</div>
@@ -19456,7 +19456,7 @@ function LL(e, t) {
   };
 }
 function zL(e) {
-  const { name: t, axisLabel: n } = e.x_axis, r = bo(n.overflow.on_axis);
+  const { name: t, axisLabel: n } = e.x_axis, r = yo(n.overflow.on_axis);
   return [
     {
       type: "category",
@@ -19551,10 +19551,10 @@ function HL({
   } = Ye(e.instanceData, "config"), r = e.data, {
     width: o,
     height: i
-  } = e.viewport, a = en({}, n, Kd), l = FL(a, r), c = Sr({
+  } = e.viewport, a = en({}, n, Kd), l = FL(a, r), c = Cr({
     vizManager: e.vizManager,
     instance: t
-  }), u = xr(c.triggerManager, Db.id), d = Y(() => q.keyBy(r, a.x_axis.data_key), [r, a.x_axis.data_key]), h = dt((p) => {
+  }), u = wr(c.triggerManager, Db.id), d = Y(() => q.keyBy(r, a.x_axis.data_key), [r, a.x_axis.data_key]), h = dt((p) => {
     const g = q.get(d, p.name, {
       error: "rowData is not found"
     });
@@ -19649,7 +19649,7 @@ function jL({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ s(wr, {
+        }) => /* @__PURE__ */ s(_r, {
           ...r
         })
       })]
@@ -19932,7 +19932,7 @@ function QL({
   ue(() => {
     u(o);
   }, [o]), l(["x_axis", "data_key", "bar", "line", "dataZoom"]);
-  const d = c(), h = Y(() => !Kt(d, t), [d, t]);
+  const d = c(), h = Y(() => !Ht(d, t), [d, t]);
   return /* @__PURE__ */ v("form", {
     onSubmit: a(n),
     children: [/* @__PURE__ */ v(F, {
@@ -20062,7 +20062,7 @@ function ez(e) {
   const t = q.defaultsDeep({}, e.x_axis.axisLabel, {
     rotate: 0,
     formatter: {
-      ...yr
+      ...br
     }
   });
   return {
@@ -20559,7 +20559,7 @@ function yz({
   interactionManager: o,
   variables: i
 }) {
-  const a = Y(() => q.keyBy(t, e.series_name_key), [t, e.series_name_key]), l = xr(o.triggerManager, $b.id), c = dt((h) => {
+  const a = Y(() => q.keyBy(t, e.series_name_key), [t, e.series_name_key]), l = wr(o.triggerManager, $b.id), c = dt((h) => {
     const f = q.get(a, h.name, {
       error: "rowData is not found"
     });
@@ -20588,7 +20588,7 @@ function bz({
   context: e,
   instance: t
 }) {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -20680,7 +20680,7 @@ function xz({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ s(wr, {
+        }) => /* @__PURE__ */ s(_r, {
           ...o
         })
       })]
@@ -20758,7 +20758,7 @@ function wz({
         }, g)), /* @__PURE__ */ s(I.Tab, {
           onClick: c,
           value: "add",
-          children: /* @__PURE__ */ s(yo, {
+          children: /* @__PURE__ */ s(vo, {
             size: 18,
             color: "#228be6"
           })
@@ -20793,7 +20793,7 @@ function _z({
   ue(() => {
     u(o);
   }, [o]), l(["series_name_key", "background", "label"]);
-  const d = c(), h = Y(() => !Kt(d, o), [d, o]);
+  const d = c(), h = Y(() => !Ht(d, o), [d, o]);
   return /* @__PURE__ */ s("form", {
     onSubmit: a(n),
     children: /* @__PURE__ */ v(W, {
@@ -21444,7 +21444,7 @@ function Iz({
   ue(() => {
     u(o);
   }, [o]), l(["x_axis", "y_axis", "regression"]);
-  const d = c(), h = Y(() => !Kt(d, t), [d, t]);
+  const d = c(), h = Y(() => !Ht(d, t), [d, t]);
   return /* @__PURE__ */ s(W, {
     spacing: "xs",
     children: /* @__PURE__ */ v("form", {
@@ -21469,14 +21469,14 @@ function Iz({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ v(xo, {
+      }), /* @__PURE__ */ v(bo, {
         multiple: !0,
         defaultValue: ["Axis", "Regression"],
-        children: [/* @__PURE__ */ v(xo.Item, {
+        children: [/* @__PURE__ */ v(bo.Item, {
           value: "Axis",
-          children: [/* @__PURE__ */ s(xo.Control, {
+          children: [/* @__PURE__ */ s(bo.Control, {
             children: "Axis"
-          }), /* @__PURE__ */ v(xo.Panel, {
+          }), /* @__PURE__ */ v(bo.Panel, {
             children: [/* @__PURE__ */ v(F, {
               grow: !0,
               noWrap: !0,
@@ -21525,11 +21525,11 @@ function Iz({
               })
             })]
           })]
-        }), /* @__PURE__ */ v(xo.Item, {
+        }), /* @__PURE__ */ v(bo.Item, {
           value: "Regression",
-          children: [/* @__PURE__ */ s(xo.Control, {
+          children: [/* @__PURE__ */ s(bo.Control, {
             children: "Regression Line"
-          }), /* @__PURE__ */ s(xo.Panel, {
+          }), /* @__PURE__ */ s(bo.Panel, {
             children: /* @__PURE__ */ s(Nz, {
               control: i,
               watch: l,
@@ -21588,7 +21588,7 @@ function Vz({
     }
   }) : null;
 }
-const qd = Ht(({
+const qd = Bt(({
   value: e,
   onChange: t,
   styles: n = {},
@@ -21982,7 +21982,7 @@ function Xz({ x_axis: e, scatter: t }, n, r, o) {
     label: {
       show: !!t.label_position,
       position: t.label_position,
-      ...bo(t.label_overflow.label),
+      ...yo(t.label_overflow.label),
       formatter: ({ value: i }) => i[t.name_data_key]
     },
     type: "scatter",
@@ -22042,7 +22042,7 @@ function eV(e, t) {
       const o = (f = t[0]) != null ? f : t.default, i = Array.isArray(r) ? r : [r];
       if (i.length === 0)
         return "";
-      const a = Zz(i, e), l = ho(e.scatter.label_overflow.tooltip), c = i.map(
+      const a = Zz(i, e), l = fo(e.scatter.label_overflow.tooltip), c = i.map(
         ({ value: p }) => `
           <th style="text-align: right; padding-right: 1em">
             <div style="${l}">${p[n.name_data_key]}</div>
@@ -22207,7 +22207,7 @@ function aV({
   interactionManager: o,
   variables: i
 }) {
-  const a = Y(() => q.keyBy(t, e.x_axis.data_key), [t, e.x_axis.data_key]), l = xr(o.triggerManager, Nb.id), c = dt((h) => {
+  const a = Y(() => q.keyBy(t, e.x_axis.data_key), [t, e.x_axis.data_key]), l = wr(o.triggerManager, Nb.id), c = dt((h) => {
     const f = h.value[0], p = q.get(a, f, {
       error: "rowData is not found"
     });
@@ -22236,7 +22236,7 @@ function sV({
   context: e,
   instance: t
 }) {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -22292,7 +22292,7 @@ function sV({
     })]
   });
 }
-const lV = Ht(({
+const lV = Bt(({
   value: e,
   onChange: t,
   xAxisOptions: n,
@@ -22931,7 +22931,7 @@ const gV = ({
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], xV = Ht(({
+}], xV = Bt(({
   label: e = "Color",
   value: t,
   onChange: n,
@@ -22962,7 +22962,7 @@ const gV = ({
       data: r
     })]
   });
-}), wV = Ht(({
+}), wV = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -23143,7 +23143,7 @@ const gV = ({
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], TV = Ht(({
+}], TV = Bt(({
   label: e = "Size",
   value: t,
   onChange: n,
@@ -23514,7 +23514,7 @@ const PV = ({
       readOnly: e
     }
   })]
-}), NV = Ht(({
+}), NV = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -23780,7 +23780,7 @@ function VV({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ s(wr, {
+        }) => /* @__PURE__ */ s(_r, {
           ...r
         })
       })]
@@ -23905,7 +23905,7 @@ function jV({
     variables: r
   } = e, o = e.data, i = Y(() => Qt({}, t, Ud), [t]), a = Y(() => BV(i), [i]);
   ue(() => {
-    !Kt(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
+    !Ht(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
   }, [i, a]);
   const {
     control: l,
@@ -23919,7 +23919,7 @@ function jV({
   ue(() => {
     h(a);
   }, [a]);
-  const f = d(), p = Y(() => !Kt(f, i), [f, i]);
+  const f = d(), p = Y(() => !Ht(f, i), [f, i]);
   return u(["dataZoom"]), /* @__PURE__ */ s(W, {
     spacing: "xs",
     children: /* @__PURE__ */ v("form", {
@@ -24214,10 +24214,10 @@ function XV(e) {
   };
 }
 function QV(e) {
-  return Ao(e, ["variables"]);
+  return Do(e, ["variables"]);
 }
 function ZV(e) {
-  const t = vn(e), n = xt(t, "color.valueRange");
+  const t = vn(e), n = vt(t, "color.valueRange");
   return n !== void 0 && qu(
     t,
     "color.valueRange",
@@ -24927,7 +24927,7 @@ const CF = {
     };
   }
 };
-var pr = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e.custom = "custom", e))(pr || {});
+var gr = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e.custom = "custom", e))(gr || {});
 const Fb = [
   "function text({ value }) {",
   "    // your code goes here",
@@ -25598,7 +25598,7 @@ Zd.resolveFilterValue = (e) => {
   return [i, a];
 };
 Zd.autoRemove = (e) => ir(e) || ir(e[0]) && ir(e[1]);
-const Or = {
+const Rr = {
   includesString: Hb,
   includesStringSensitive: Bb,
   equalsString: jb,
@@ -25635,11 +25635,11 @@ const DF = {
   createColumn: (e, t) => ({
     getAutoFilterFn: () => {
       const n = t.getCoreRowModel().flatRows[0], r = n == null ? void 0 : n.getValue(e.id);
-      return typeof r == "string" ? Or.includesString : typeof r == "number" ? Or.inNumberRange : typeof r == "boolean" || r !== null && typeof r == "object" ? Or.equals : Array.isArray(r) ? Or.arrIncludes : Or.weakEquals;
+      return typeof r == "string" ? Rr.includesString : typeof r == "number" ? Rr.inNumberRange : typeof r == "boolean" || r !== null && typeof r == "object" ? Rr.equals : Array.isArray(r) ? Rr.arrIncludes : Rr.weakEquals;
     },
     getFilterFn: () => {
       var n, r;
-      return Zs(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (n = (r = t.options.filterFns) == null ? void 0 : r[e.columnDef.filterFn]) != null ? n : Or[e.columnDef.filterFn];
+      return Zs(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (n = (r = t.options.filterFns) == null ? void 0 : r[e.columnDef.filterFn]) != null ? n : Rr[e.columnDef.filterFn];
     },
     getCanFilter: () => {
       var n, r, o;
@@ -25691,13 +25691,13 @@ const DF = {
     columnFiltersMeta: {}
   }),
   createTable: (e) => ({
-    getGlobalAutoFilterFn: () => Or.includesString,
+    getGlobalAutoFilterFn: () => Rr.includesString,
     getGlobalFilterFn: () => {
       var t, n;
       const {
         globalFilterFn: r
       } = e.options;
-      return Zs(r) ? r : r === "auto" ? e.getGlobalAutoFilterFn() : (t = (n = e.options.filterFns) == null ? void 0 : n[r]) != null ? t : Or[r];
+      return Zs(r) ? r : r === "auto" ? e.getGlobalAutoFilterFn() : (t = (n = e.options.filterFns) == null ? void 0 : n[r]) != null ? t : Rr[r];
     },
     setColumnFilters: (t) => {
       const n = e.getAllLeafColumns(), r = (o) => {
@@ -26314,14 +26314,14 @@ function Jp(e, t, n) {
   }
   return !1;
 }
-const Su = /([0-9]+)/gm, qF = (e, t, n) => Yb(po(e.getValue(n)).toLowerCase(), po(t.getValue(n)).toLowerCase()), UF = (e, t, n) => Yb(po(e.getValue(n)), po(t.getValue(n))), YF = (e, t, n) => ef(po(e.getValue(n)).toLowerCase(), po(t.getValue(n)).toLowerCase()), XF = (e, t, n) => ef(po(e.getValue(n)), po(t.getValue(n))), QF = (e, t, n) => {
+const Su = /([0-9]+)/gm, qF = (e, t, n) => Yb(ho(e.getValue(n)).toLowerCase(), ho(t.getValue(n)).toLowerCase()), UF = (e, t, n) => Yb(ho(e.getValue(n)), ho(t.getValue(n))), YF = (e, t, n) => ef(ho(e.getValue(n)).toLowerCase(), ho(t.getValue(n)).toLowerCase()), XF = (e, t, n) => ef(ho(e.getValue(n)), ho(t.getValue(n))), QF = (e, t, n) => {
   const r = e.getValue(n), o = t.getValue(n);
   return r > o ? 1 : r < o ? -1 : 0;
 }, ZF = (e, t, n) => ef(e.getValue(n), t.getValue(n));
 function ef(e, t) {
   return e === t ? 0 : e > t ? 1 : -1;
 }
-function po(e) {
+function ho(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
 function Yb(e, t) {
@@ -27068,7 +27068,7 @@ class y4 {
   }
   getRelatedTrigger() {
     return this.triggers.filter((n) => n.schemaRef === tf.id).filter((n) => {
-      const r = this.getColIndex(this.cell), o = xt(this.cell.column.columnDef.meta, "value_field"), i = xt(n.config, "column");
+      const r = this.getColIndex(this.cell), o = vt(this.cell.column.columnDef.meta, "value_field"), i = vt(n.config, "column");
       return i == r || i == o;
     });
   }
@@ -27172,32 +27172,32 @@ function k4(e) {
 }
 function T4(e) {
   switch (e.type) {
-    case pr.string:
+    case gr.string:
       return /* @__PURE__ */ s(_4, {
         ...e
       });
-    case pr.eloc:
+    case gr.eloc:
       return /* @__PURE__ */ s(S4, {
         ...e
       });
-    case pr.number:
+    case gr.number:
       return /* @__PURE__ */ s(C4, {
         ...e
       });
-    case pr.percentage:
+    case gr.percentage:
       return /* @__PURE__ */ s(E4, {
         ...e
       });
-    case pr.custom:
+    case gr.custom:
       return /* @__PURE__ */ s(k4, {
         ...e
       });
   }
 }
 const M4 = (e) => {
-  const t = Sr(e), n = xr(t.triggerManager, tf.id), {
+  const t = Cr(e), n = wr(t.triggerManager, tf.id), {
     colorManager: r
-  } = wn(_r);
+  } = wn(Sr);
   return dt((o) => new y4(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
 };
 function O4({
@@ -27221,7 +27221,7 @@ function O4({
     id: N,
     label: N,
     value_field: N,
-    value_type: pr.string,
+    value_type: gr.string,
     align: "left"
   })) : l, [a, l, n]), f = M4({
     getColIndex: dt((N) => h.indexOf(N.column.columnDef.meta), [h]),
@@ -27586,10 +27586,10 @@ function V4(e, t) {
     interpolation: e.encodeColor(e.getColorInterpolations()[0])
   };
 }
-const F4 = Ht((e, t) => {
+const F4 = Bt((e, t) => {
   const {
     colorManager: n
-  } = wn(_r), [r, o] = ze(n0(e.value)), [i, a] = ze(z4(n, e.value)), l = qf(i), [c, u] = ze(V4(n, e.value)), d = qf(c);
+  } = wn(Sr), [r, o] = ze(n0(e.value)), [i, a] = ze(z4(n, e.value)), l = qf(i), [c, u] = ze(V4(n, e.value)), d = qf(c);
   return /* @__PURE__ */ v(W, {
     align: "stretch",
     children: [/* @__PURE__ */ s(ve, {
@@ -27615,10 +27615,10 @@ const F4 = Ht((e, t) => {
       }
     })]
   });
-}), H4 = Object.values(pr).map((e) => ({
+}), H4 = Object.values(gr).map((e) => ({
   label: e,
   value: e
-})), B4 = Ht(({
+})), B4 = Bt(({
   label: e,
   value: t,
   onChange: n,
@@ -27630,7 +27630,7 @@ const F4 = Ht((e, t) => {
   value: t,
   onChange: n,
   sx: r
-})), j4 = Ht(({
+})), j4 = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -27773,7 +27773,7 @@ const F4 = Ht((e, t) => {
           },
           ...l
         })
-      }), a === pr.custom && /* @__PURE__ */ s(D, {
+      }), a === gr.custom && /* @__PURE__ */ s(D, {
         name: `columns.${t}.func_content`,
         control: e,
         render: ({
@@ -27865,12 +27865,12 @@ const F4 = Ht((e, t) => {
     control: e,
     name: "columns"
   }), l = () => {
-    const u = lo();
+    const u = Ao();
     o({
       id: u,
       label: u,
       value_field: "value",
-      value_type: pr.string
+      value_type: gr.string
     });
   };
   t("columns");
@@ -28040,7 +28040,7 @@ function U4({
       id: n,
       ...r
     }) => ({
-      id: n != null ? n : lo(),
+      id: n != null ? n : Ao(),
       ...r
     }))
   };
@@ -28053,7 +28053,7 @@ function Y4({
     set: n
   } = Ye(e.instanceData, "config"), r = e.data, o = Y(() => Qt({}, t, Qd), [t]), i = Y(() => U4(o), [o]);
   ue(() => {
-    !Kt(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
+    !Ht(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
   }, [o, i]);
   const {
     control: a,
@@ -28067,7 +28067,7 @@ function Y4({
   ue(() => {
     d(i);
   }, [i]);
-  const h = u(), f = Y(() => !Kt(h, o), [h, o]);
+  const h = u(), f = Y(() => !Ht(h, o), [h, o]);
   return c(["id_field"]), /* @__PURE__ */ v("form", {
     onSubmit: l(n),
     children: [/* @__PURE__ */ v(F, {
@@ -28177,7 +28177,7 @@ class Q4 extends un {
         config: {
           ...o,
           columns: r.map(({ id: i, ...a }) => ({
-            id: i != null ? i : lo(),
+            id: i != null ? i : Ao(),
             ...a
           }))
         }
@@ -28261,7 +28261,7 @@ const Cu = {
       }
     }
   })
-}), e3 = Ht(({
+}), e3 = Bt(({
   value: e,
   onChange: t
 }, n) => {
@@ -28353,7 +28353,7 @@ function n3({
     };
   }, [r]);
   ue(() => {
-    !Kt(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
+    !Ht(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
   const {
     control: i,
@@ -28516,7 +28516,7 @@ async function a3(e, t, n, r = {}) {
     params: r.params,
     headers: o
   };
-  return i.data = r.string ? JSON.stringify(n) : n, Mo(i).then((a) => a.data).catch((a) => Promise.reject(a));
+  return i.data = r.string ? JSON.stringify(n) : n, To(i).then((a) => a.data).catch((a) => Promise.reject(a));
 }
 const s3 = ({ conf: e, data: t }) => async () => {
   const { expertSystemURL: n, path: r, goal: o, question: i } = e;
@@ -28644,7 +28644,7 @@ function u3({
   ue(() => {
     c(r);
   }, [r]), a(["expertSystemURL", "goal", "path", "question"]);
-  const u = l(), d = Y(() => !Kt(u, r), [u, r]);
+  const u = l(), d = Y(() => !Ht(u, r), [u, r]);
   return /* @__PURE__ */ s("form", {
     onSubmit: i(n),
     children: /* @__PURE__ */ v(W, {
@@ -28992,7 +28992,7 @@ function O3({
   const a = Y(() => {
     const h = e.calendar.data_key;
     return q.keyBy(t, h);
-  }, [t, e.calendar.data_key]), l = xr(o.triggerManager, o0.id), c = dt((h) => {
+  }, [t, e.calendar.data_key]), l = wr(o.triggerManager, o0.id), c = dt((h) => {
     const [f, p] = h.value, g = q.get(a, f, {
       error: "rowData is not found"
     });
@@ -29025,7 +29025,7 @@ function R3({
   context: e,
   instance: t
 }) {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -29115,7 +29115,7 @@ function D3({
       control: t,
       render: ({
         field: r
-      }) => /* @__PURE__ */ s(wr, {
+      }) => /* @__PURE__ */ s(_r, {
         ...r
       })
     })]
@@ -29319,7 +29319,7 @@ function L3({
     set: n
   } = Ye(e.instanceData, "config"), r = e.data, o = Y(() => Qt({}, t, of), [t]), i = Y(() => q.cloneDeep(o), [o]);
   ue(() => {
-    !Kt(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
+    !Ht(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
   }, [o, i]);
   const {
     control: a,
@@ -29333,7 +29333,7 @@ function L3({
   ue(() => {
     d(i);
   }, [i]);
-  const h = u(), f = Y(() => !Kt(h, o), [h, o]);
+  const h = u(), f = Y(() => !Ht(h, o), [h, o]);
   return /* @__PURE__ */ s(W, {
     spacing: "xs",
     children: /* @__PURE__ */ v("form", {
@@ -29623,7 +29623,7 @@ function Q3(e, t, n) {
           <td style="text-align: left; padding: 0 1em;">${p({ value: h })}</td>
         </tr>
         `;
-      }), l = ho(e.y_axis.axisLabel.overflow.in_tooltip), c = X3(i, e);
+      }), l = fo(e.y_axis.axisLabel.overflow.in_tooltip), c = X3(i, e);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${c}</div>
@@ -29695,7 +29695,7 @@ function e5(e, t) {
 }
 function t5(e, t) {
   var a;
-  const n = t.every((l) => !Number.isNaN(Number(l))), { overflow: r, ...o } = e.y_axis.axisLabel, i = bo(r.on_axis);
+  const n = t.every((l) => !Number.isNaN(Number(l))), { overflow: r, ...o } = e.y_axis.axisLabel, i = yo(r.on_axis);
   return [
     {
       data: t,
@@ -29748,7 +29748,7 @@ const sf = {
     name: "Y Axis",
     data_key: "",
     axisLabel: {
-      formatter: { ...yr },
+      formatter: { ...br },
       overflow: Br
     },
     nameAlignment: "center"
@@ -29819,7 +29819,7 @@ function a5({
   interactionManager: o,
   variables: i
 }) {
-  const a = Y(() => q.keyBy(t, e.y_axis.data_key), [t, e.y_axis.data_key]), l = xr(o.triggerManager, Nd.id), c = dt((h) => {
+  const a = Y(() => q.keyBy(t, e.y_axis.data_key), [t, e.y_axis.data_key]), l = wr(o.triggerManager, Nd.id), c = dt((h) => {
     const f = q.get(a, h.name, {
       error: "rowData is not found"
     });
@@ -29848,7 +29848,7 @@ function s5({
   context: e,
   instance: t
 }) {
-  const n = Sr({
+  const n = Cr({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -30580,7 +30580,7 @@ function b5({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ s(wr, {
+        }) => /* @__PURE__ */ s(_r, {
           ...r
         })
       })]
@@ -30938,16 +30938,16 @@ const C5 = {
     color: [...E5, ...k5]
   }
 }), Ui = new F$(), an = {
-  pluginManager: Tr("pluginManager"),
-  vizManager: Tr("vizManager"),
-  colorManager: Tr("colorManager"),
+  pluginManager: Mr("pluginManager"),
+  vizManager: Mr("vizManager"),
+  colorManager: Mr("colorManager"),
   instanceScope: {
-    panelModel: Tr("panelModel"),
-    vizInstance: Tr("vizInstance"),
-    interactionManager: Tr("interactionManager"),
-    migrator: Tr("migrator"),
-    operationManager: Tr("operationManager"),
-    triggerManager: Tr("triggerManager")
+    panelModel: Mr("panelModel"),
+    vizInstance: Mr("vizInstance"),
+    interactionManager: Mr("interactionManager"),
+    migrator: Mr("migrator"),
+    operationManager: Mr("operationManager"),
+    triggerManager: Mr("triggerManager")
   }
 }, lf = () => {
   try {
@@ -30960,7 +30960,7 @@ const C5 = {
     vizManager: e,
     colorManager: t
   };
-}, _r = Vo(lf());
+}, Sr = Vo(lf());
 try {
   Ui.install(i0());
 } catch {
@@ -31337,9 +31337,9 @@ class U5 {
       (n) => {
         const r = cm(n).map(
           (o) => ({
-            id: xt(o, "id"),
-            schemaRef: xt(o, "schemaRef"),
-            config: La(xt(o, "data.config"))
+            id: vt(o, "id"),
+            schemaRef: vt(o, "schemaRef"),
+            config: La(vt(o, "data.config"))
           })
         );
         t(r);
@@ -31440,7 +31440,7 @@ class cf {
     );
   }
 }
-const Sr = ({
+const Cr = ({
   vizManager: e,
   instance: t
 }) => sr(
@@ -31527,7 +31527,7 @@ const Q5 = J(({
     instance: e.instance,
     variables: []
   };
-  return mo(e.operationSchema.configRender, t);
+  return go(e.operationSchema.configRender, t);
 });
 function J5({
   model: e
@@ -31624,7 +31624,7 @@ const oH = J(({
   return /* @__PURE__ */ s(ie, {
     variant: "outline",
     onClick: t,
-    children: mo(n, r)
+    children: go(n, r)
   });
 }), iH = J(({
   model: e
@@ -31650,7 +31650,7 @@ const oH = J(({
     instance: e.instance,
     sampleData: e.sampleData
   };
-  return mo(e.triggerSchema.configRender, t);
+  return go(e.triggerSchema.configRender, t);
 }), sH = J((e) => {
   const [t, {
     setTrue: n,
@@ -31729,7 +31729,7 @@ const cH = J(({
     sampleData: i,
     variables: a
   } = e, l = lH(r, t), c = async () => {
-    const f = await r.triggerManager.createOrGetTrigger(lo(), r.triggerManager.getTriggerSchemaList()[0]), p = await r.operationManager.createOrGetOperation(lo(), r.operationManager.getOperationSchemaList()[0]);
+    const f = await r.triggerManager.createOrGetTrigger(Ao(), r.triggerManager.getTriggerSchemaList()[0]), p = await r.operationManager.createOrGetOperation(Ao(), r.operationManager.getOperationSchemaList()[0]);
     await r.addInteraction(f, p), n((g) => g + 1);
   };
   async function u(f) {
@@ -31777,7 +31777,7 @@ const cH = J(({
     data: t
   } = On(), n = e.viz, {
     vizManager: r
-  } = wn(_r), o = e.json, i = sr(() => r.getOrCreateInstance(o), [r, o]), a = sr(() => new cf(i, r.resolveComponent(n.type), Hl), [i, n.type]);
+  } = wn(Sr), o = e.json, i = sr(() => r.getOrCreateInstance(o), [r, o]), a = sr(() => new cf(i, r.resolveComponent(n.type), Hl), [i, n.type]);
   return ue(() => i.instanceData.watchItem(
     null,
     Yw((l) => {
@@ -31913,7 +31913,7 @@ function gH(e) {
 function mH(e, t) {
   const {
     vizManager: n
-  } = wn(_r), {
+  } = wn(Sr), {
     panel: {
       viz: r,
       title: o,
@@ -31942,7 +31942,7 @@ function mH(e, t) {
       })
     });
   } catch (h) {
-    return console.info(xt(h, "message")), null;
+    return console.info(vt(h, "message")), null;
   }
 }
 const vH = ["richText", "button"], d0 = J(function({
@@ -32260,7 +32260,7 @@ const OH = J(({
   children: e,
   view: t
 }) => {
-  const n = go(), r = He(), o = Y(() => r.views.options.filter((c) => c.type === ft.Division), [t.id, r.views.options]), i = t.config, a = (c) => n.openConfirmModal({
+  const n = po(), r = He(), o = Y(() => r.views.options.filter((c) => c.type === ft.Division), [t.id, r.views.options]), i = t.config, a = (c) => n.openConfirmModal({
     title: "Delete this tab?",
     labels: {
       confirm: "Confirm",
@@ -32651,7 +32651,7 @@ function KH(e, t) {
   let n = jH(e);
   return n += "&key=" + t, Tm.MD5(n).toString().toUpperCase();
 }
-const mr = {
+const vr = {
   baseURL: "http://localhost:31200",
   app_id: "",
   app_secret: "",
@@ -32687,12 +32687,12 @@ const mr = {
         headers: a,
         signal: t
       };
-      return ["POST", "PUT"].includes(e) && (l.data = o.string ? JSON.stringify(r) : r, l.data.authentication = this.getAuthentication(l.data)), Mo(l).then((c) => c.data).catch((c) => Promise.reject(c));
+      return ["POST", "PUT"].includes(e) && (l.data = o.string ? JSON.stringify(r) : r, l.data.authentication = this.getAuthentication(l.data)), To(l).then((c) => c.data).catch((c) => Promise.reject(c));
     };
   }
 };
 function h0(e) {
-  mr.baseURL !== e.apiBaseURL && (mr.baseURL = e.apiBaseURL), e.app_id && (mr.app_id = e.app_id), e.app_secret && (mr.app_secret = e.app_secret);
+  vr.baseURL !== e.apiBaseURL && (vr.baseURL = e.apiBaseURL), e.app_id && (vr.app_id = e.app_id), e.app_secret && (vr.app_secret = e.app_secret);
 }
 const p0 = R.model("FilterConfigModel_Checkbox", {
   _name: R.literal("checkbox"),
@@ -32776,7 +32776,7 @@ const GH = R.model("FilterConfigModel_DateRange", {
 })).actions((e) => ({
   setFilterValue(t) {
     try {
-      const n = vo(e);
+      const n = mo(e);
       Tn(e).filters.setValueByKey(n.key, t);
     } catch (n) {
       console.error(n);
@@ -32889,7 +32889,7 @@ const GH = R.model("FilterConfigModel_DateRange", {
     e.min_width = t;
   },
   setDefaultSelection() {
-    const t = Tn(e).filters, n = vo(e).key;
+    const t = Tn(e).filters, n = mo(e).key;
     t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
@@ -33495,20 +33495,20 @@ async function pB({ context: e, mock_context: t, sqlSnippets: n, query: r, filte
   if (!r.sql)
     return [];
   const { type: a, key: l, sql: c, pre_process: u, post_process: d } = r, h = pf(e, t, n, o), f = hf(c, h), p = fB({ sql: f, pre_process: u });
-  let g = await mr.getRequest("POST", i)("/query", { type: a, key: l, query: p }, {});
+  let g = await vr.getRequest("POST", i)("/query", { type: a, key: l, query: p }, {});
   return g = hB(d, g), g;
 }
 async function gB({ context: e, mock_context: t, query: n, filterValues: r, datasource: o }, i) {
   const { type: a, key: l, name: c, pre_process: u, post_process: d } = n;
   let h = sB(u, e, t, r);
   console.groupCollapsed(`Request config for: ${c}`), console.log(h), console.groupEnd(), h = lB(o, h);
-  const f = JSON.stringify(h), p = await mr.getRequest("POST", i)("/query", { type: a, key: l, query: f }, {});
+  const f = JSON.stringify(h), p = await vr.getRequest("POST", i)("/query", { type: a, key: l, query: f }, {});
   let g = cB(o, p);
   return g = uB(d, g), g;
 }
 async function gf() {
   try {
-    return (await mr.getRequest("POST")("/datasource/list", {
+    return (await vr.getRequest("POST")("/datasource/list", {
       filter: {},
       sort: [
         {
@@ -33660,10 +33660,10 @@ const mB = R.model("QueryModel", {
           )
         ), e.state = "idle", e.error = null;
       } catch (n) {
-        if (!Mo.isCancel(n)) {
+        if (!To.isCancel(n)) {
           e.data.length = 0;
-          const r = xt(n, "message", "unkown error");
-          e.error = xt(n, "response.data.detail.message", r), e.state = "error";
+          const r = vt(n, "message", "unkown error");
+          e.error = vt(n, "response.data.detail.message", r), e.state = "error";
         }
       }
     }
@@ -33687,10 +33687,10 @@ const mB = R.model("QueryModel", {
           )
         ), e.state = "idle", e.error = null;
       } catch (n) {
-        if (console.error(n), !Mo.isCancel(n)) {
+        if (console.error(n), !To.isCancel(n)) {
           e.data.length = 0;
-          const r = xt(n, "message", "unkown error");
-          e.error = xt(n, "response.data.detail.message", r), e.state = "error";
+          const r = vt(n, "message", "unkown error");
+          e.error = vt(n, "response.data.detail.message", r), e.state = "error";
         }
       }
     }
@@ -33795,7 +33795,7 @@ const mB = R.model("QueryModel", {
     };
   },
   isADuplicatedKey(t) {
-    return !t || t === e.key ? !1 : !!vo(e, 2).findByKey(t);
+    return !t || t === e.key ? !1 : !!mo(e, 2).findByKey(t);
   }
 })).actions((e) => ({
   setKey(t) {
@@ -33878,7 +33878,7 @@ const mB = R.model("QueryModel", {
     return e.data.length === 0;
   },
   get sql() {
-    const t = vo(e, 1), { type: n, table_name: r, table_schema: o } = t;
+    const t = mo(e, 1), { type: n, table_name: r, table_schema: o } = t;
     if (n === Wt.MySQL)
       return `
           SELECT ordinal_position, column_key, column_name, column_type, is_nullable, column_default, column_comment
@@ -33920,7 +33920,7 @@ const mB = R.model("QueryModel", {
     return e.data.length === 0;
   },
   get sql() {
-    const t = vo(e, 1), { type: n, table_name: r, table_schema: o } = t;
+    const t = mo(e, 1), { type: n, table_name: r, table_schema: o } = t;
     return n === Wt.MySQL ? `
           SELECT
             sub_part AS index_length,
@@ -33970,7 +33970,7 @@ const mB = R.model("QueryModel", {
     return Object.keys(e.data).length === 0;
   },
   get sql() {
-    const t = vo(e, 1).type;
+    const t = mo(e, 1).type;
     return t === Wt.MySQL || t === Wt.Postgresql ? "SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name" : "";
   }
 })), EB = R.model("DataSourceModel", {
@@ -34006,7 +34006,7 @@ const mB = R.model("QueryModel", {
     (n = e.controllers.tables) == null || n.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
       const r = yield* ea(
-        mr.getRequest("POST", e.controllers.tables.signal)(
+        vr.getRequest("POST", e.controllers.tables.signal)(
           "/query",
           { type: e.type, key: e.key, query: e.tables.sql },
           {}
@@ -34014,7 +34014,7 @@ const mB = R.model("QueryModel", {
       );
       e.tables.data = q.groupBy(r, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
     } catch (r) {
-      if (!Mo.isCancel(r)) {
+      if (!To.isCancel(r)) {
         e.tables.data = {};
         const o = q.get(r, "message", "unkown error");
         e.tables.error = q.get(r, "response.data.detail.message", o), e.tables.state = "error";
@@ -34031,14 +34031,14 @@ const mB = R.model("QueryModel", {
       (n = e.controllers.columns) == null || n.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
         e.columns.data = yield* ea(
-          mr.getRequest("POST", e.controllers.columns.signal)(
+          vr.getRequest("POST", e.controllers.columns.signal)(
             "/query",
             { type: e.type, key: e.key, query: e.columns.sql },
             {}
           )
         ), e.columns.state = "idle", e.columns.error = null;
       } catch (r) {
-        if (Mo.isCancel(r))
+        if (To.isCancel(r))
           e.columns.state = "idle", e.columns.error = null;
         else {
           e.columns.data = [];
@@ -34052,14 +34052,14 @@ const mB = R.model("QueryModel", {
       (n = e.controllers.indexes) == null || n.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
         e.indexes.data = yield* ea(
-          mr.getRequest("POST", e.controllers.indexes.signal)(
+          vr.getRequest("POST", e.controllers.indexes.signal)(
             "/query",
             { type: e.type, key: e.key, query: e.indexes.sql },
             {}
           )
         ), e.indexes.state = "idle", e.indexes.error = null;
       } catch (r) {
-        if (Mo.isCancel(r))
+        if (To.isCancel(r))
           e.indexes.state = "idle", e.indexes.error = null;
         else {
           e.indexes.data = [];
@@ -34337,13 +34337,13 @@ class NB {
     this.origin = t, this.copy = E_(t), za(this, {}, { autoBind: !0, deep: !1 });
   }
   get changed() {
-    return !Kt(Nr(this.origin), Nr(this.copy));
+    return !Ht(pr(this.origin), pr(this.copy));
   }
   commit() {
-    Eo(this.origin, Nr(this.copy));
+    Co(this.origin, pr(this.copy));
   }
   update(t) {
-    Eo(this.copy, t);
+    Co(this.copy, t);
   }
 }
 const IB = (e) => new NB(e), LB = R.model({
@@ -34395,7 +34395,7 @@ const IB = (e) => new NB(e), LB = R.model({
     e.variables.remove(t);
   },
   removeSelf() {
-    vo(e, 2).removeByID(e.id);
+    mo(e, 2).removeByID(e.id);
   }
 })).actions((e) => ({
   moveToView(t, n) {
@@ -34490,20 +34490,21 @@ const VB = R.model("PanelsModel", {
     n !== -1 && e.list.splice(n, 1);
   },
   duplicateByID(t) {
-    const n = e.list.find((r) => r.id === t);
+    const n = e.list.find((o) => o.id === t);
     if (!n) {
       console.error(new Error(`[duplicate panel] Can't find a panel by id[${t}]`));
       return;
     }
-    e.list.push({
+    const r = new Date().getTime().toString();
+    return e.list.push({
       ...n.json,
-      id: lo(),
+      id: r,
       layout: {
         ...n.layout,
         y: 1 / 0,
         moved: !1
       }
-    });
+    }), r;
   },
   replaceByIndex(t, n) {
     e.list.splice(t, 1, n);
@@ -34537,7 +34538,7 @@ const VB = R.model("PanelsModel", {
     };
   },
   get value() {
-    const { enabled: t, func_content: n } = e, r = vo(e, 2), o = Tn(e);
+    const { enabled: t, func_content: n } = e, r = mo(e, 2), o = Tn(e);
     if (!t)
       return r.name;
     try {
@@ -34645,7 +34646,7 @@ const VB = R.model("PanelsModel", {
     e.tabs.length = 0, e.tabs = _i(t);
   },
   addTab() {
-    const t = lo(), n = {
+    const t = Ao(), n = {
       id: t,
       name: t,
       view_id: ""
@@ -34855,25 +34856,29 @@ const UB = R.model({
 })).views((e) => ({
   get filtersChanged() {
     const t = "filters.current";
-    return !Kt(Nr(xt(e, t)), xt(e.origin, t));
+    return !Ht(pr(vt(e, t)), vt(e.origin, t));
   },
   get queriesChanged() {
-    const t = "queries.current", n = Nr(xt(e, t)).map(
+    const t = "queries.current", n = pr(vt(e, t)).map(
       (r) => pm(r, ["id", "name", "key", "type", "sql", "run_by", "pre_process", "post_process"])
     );
-    return !Kt(n, xt(e.origin, t));
+    return !Ht(n, vt(e.origin, t));
   },
   get sqlSnippetsChanged() {
     const t = "sqlSnippets.current";
-    return !Kt(Nr(xt(e, t)), xt(e.origin, t));
+    return !Ht(pr(vt(e, t)), vt(e.origin, t));
   },
   get viewsChanged() {
     const t = "views.current";
-    return !Kt(Nr(xt(e, t)), xt(e.origin, t));
+    return !Ht(pr(vt(e, t)), vt(e.origin, t));
+  },
+  get panelsChanged() {
+    const t = "panels.list";
+    return !Ht(pr(vt(e, t)), vt(e.origin, t));
   },
   get mockContextChanged() {
     const t = "mock_context.current";
-    return !Kt(xt(e, t), xt(e.origin, t));
+    return !Ht(vt(e, t), vt(e.origin, t));
   }
 })).views((e) => ({
   get payloadForSQL() {
@@ -34885,7 +34890,7 @@ const UB = R.model({
     };
   },
   get changed() {
-    return e.filtersChanged || e.queriesChanged || e.sqlSnippetsChanged || e.viewsChanged || e.mockContextChanged;
+    return e.filtersChanged || e.queriesChanged || e.sqlSnippetsChanged || e.viewsChanged || e.panelsChanged || e.mockContextChanged;
   },
   get data() {
     return e.queries.current.map(({ id: n, data: r }) => ({ id: n, data: r })).reduce((n, r) => (n[r.id] = r.data, n), {});
@@ -34944,8 +34949,9 @@ const UB = R.model({
   }
 })).actions((e) => ({
   duplicatePanelByID(t, n) {
-    var r;
-    e.panels.duplicateByID(t), (r = e.views.findByID(n)) == null || r.appendPanelID(t);
+    var o;
+    const r = e.panels.duplicateByID(t);
+    !r || (o = e.views.findByID(n)) == null || o.appendPanelID(r);
   },
   removePanelByID(t, n) {
     var r;
@@ -34958,10 +34964,10 @@ const UB = R.model({
   }
 })).actions((e) => ({
   reset() {
-    Eo(e.filters.current, e.origin.filters.current), Eo(e.queries.current, e.origin.queries.current), Eo(e.sqlSnippets.current, e.origin.sqlSnippets.current), Eo(e.views.current, e.origin.views.current), e.mock_context.current = e.origin.mock_context.current;
+    Co(e.filters.current, e.origin.filters.current), Co(e.queries.current, e.origin.queries.current), Co(e.sqlSnippets.current, e.origin.sqlSnippets.current), Co(e.views.current, e.origin.views.current), e.mock_context.current = e.origin.mock_context.current;
   },
   resetFilters() {
-    Eo(e.filters.current, e.origin.filters.current);
+    Co(e.filters.current, e.origin.filters.current);
   }
 })), Tu = R.snapshotProcessor(UB, {
   preProcessor(e) {
@@ -35165,7 +35171,7 @@ const I0 = {
     nB(n.name, u);
   }, o = () => {
     t(`/dashboard/${n.id}`);
-  }, i = go(), a = () => {
+  }, i = po(), a = () => {
     i.openConfirmModal({
       title: /* @__PURE__ */ v(F, {
         position: "left",
@@ -36471,7 +36477,7 @@ function J0(e, t) {
 }
 function Qa() {
 }
-var _a = 0.7, nl = 1 / _a, ii = "\\s*([+-]?\\d+)\\s*", Sa = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", vr = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", t8 = /^#([0-9a-f]{3,8})$/, n8 = new RegExp(`^rgb\\(${ii},${ii},${ii}\\)$`), r8 = new RegExp(`^rgb\\(${vr},${vr},${vr}\\)$`), o8 = new RegExp(`^rgba\\(${ii},${ii},${ii},${Sa}\\)$`), i8 = new RegExp(`^rgba\\(${vr},${vr},${vr},${Sa}\\)$`), a8 = new RegExp(`^hsl\\(${Sa},${vr},${vr}\\)$`), s8 = new RegExp(`^hsla\\(${Sa},${vr},${vr},${Sa}\\)$`), mg = {
+var _a = 0.7, nl = 1 / _a, ii = "\\s*([+-]?\\d+)\\s*", Sa = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", yr = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", t8 = /^#([0-9a-f]{3,8})$/, n8 = new RegExp(`^rgb\\(${ii},${ii},${ii}\\)$`), r8 = new RegExp(`^rgb\\(${yr},${yr},${yr}\\)$`), o8 = new RegExp(`^rgba\\(${ii},${ii},${ii},${Sa}\\)$`), i8 = new RegExp(`^rgba\\(${yr},${yr},${yr},${Sa}\\)$`), a8 = new RegExp(`^hsl\\(${Sa},${yr},${yr}\\)$`), s8 = new RegExp(`^hsla\\(${Sa},${yr},${yr},${Sa}\\)$`), mg = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -36677,7 +36683,7 @@ bf(zn, Ru, J0(Qa, {
     return this;
   },
   clamp() {
-    return new zn(Ro(this.r), Ro(this.g), Ro(this.b), rl(this.opacity));
+    return new zn(Oo(this.r), Oo(this.g), Oo(this.b), rl(this.opacity));
   },
   displayable() {
     return -0.5 <= this.r && this.r < 255.5 && -0.5 <= this.g && this.g < 255.5 && -0.5 <= this.b && this.b < 255.5 && 0 <= this.opacity && this.opacity <= 1;
@@ -36689,23 +36695,23 @@ bf(zn, Ru, J0(Qa, {
   toString: wg
 }));
 function xg() {
-  return `#${To(this.r)}${To(this.g)}${To(this.b)}`;
+  return `#${ko(this.r)}${ko(this.g)}${ko(this.b)}`;
 }
 function d8() {
-  return `#${To(this.r)}${To(this.g)}${To(this.b)}${To((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+  return `#${ko(this.r)}${ko(this.g)}${ko(this.b)}${ko((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
 }
 function wg() {
   const e = rl(this.opacity);
-  return `${e === 1 ? "rgb(" : "rgba("}${Ro(this.r)}, ${Ro(this.g)}, ${Ro(this.b)}${e === 1 ? ")" : `, ${e})`}`;
+  return `${e === 1 ? "rgb(" : "rgba("}${Oo(this.r)}, ${Oo(this.g)}, ${Oo(this.b)}${e === 1 ? ")" : `, ${e})`}`;
 }
 function rl(e) {
   return isNaN(e) ? 1 : Math.max(0, Math.min(1, e));
 }
-function Ro(e) {
+function Oo(e) {
   return Math.max(0, Math.min(255, Math.round(e) || 0));
 }
-function To(e) {
-  return e = Ro(e), (e < 16 ? "0" : "") + e.toString(16);
+function ko(e) {
+  return e = Oo(e), (e < 16 ? "0" : "") + e.toString(16);
 }
 function _g(e, t, n, r) {
   return r <= 0 ? e = t = n = NaN : n <= 0 || n >= 1 ? e = t = NaN : t <= 0 && (e = NaN), new rr(e, t, n, r);
@@ -37008,7 +37014,7 @@ function wf(e, t) {
     throw new Error("too late; already scheduled");
   return n;
 }
-function Cr(e, t) {
+function Er(e, t) {
   var n = dr(e, t);
   if (n.state > Ms)
     throw new Error("too late; already running");
@@ -37078,7 +37084,7 @@ function P8(e) {
 function N8(e, t) {
   var n, r;
   return function() {
-    var o = Cr(this, e), i = o.tween;
+    var o = Er(this, e), i = o.tween;
     if (i !== n) {
       r = n = i;
       for (var a = 0, l = r.length; a < l; ++a)
@@ -37095,7 +37101,7 @@ function I8(e, t, n) {
   if (typeof n != "function")
     throw new Error();
   return function() {
-    var i = Cr(this, e), a = i.tween;
+    var i = Er(this, e), a = i.tween;
     if (a !== r) {
       o = (r = a).slice();
       for (var l = { name: t, value: n }, c = 0, u = o.length; c < u; ++c)
@@ -37121,7 +37127,7 @@ function L8(e, t) {
 function _f(e, t, n) {
   var r = e._id;
   return e.each(function() {
-    var o = Cr(this, r);
+    var o = Er(this, r);
     (o.value || (o.value = {}))[t] = n.apply(this, arguments);
   }), function(o) {
     return dr(o, r).value[t];
@@ -37226,12 +37232,12 @@ function Z8(e) {
 }
 function J8(e, t) {
   return function() {
-    Cr(this, e).duration = +t.apply(this, arguments);
+    Er(this, e).duration = +t.apply(this, arguments);
   };
 }
 function eK(e, t) {
   return t = +t, function() {
-    Cr(this, e).duration = t;
+    Er(this, e).duration = t;
   };
 }
 function tK(e) {
@@ -37242,7 +37248,7 @@ function nK(e, t) {
   if (typeof t != "function")
     throw new Error();
   return function() {
-    Cr(this, e).ease = t;
+    Er(this, e).ease = t;
   };
 }
 function rK(e) {
@@ -37254,7 +37260,7 @@ function oK(e, t) {
     var n = t.apply(this, arguments);
     if (typeof n != "function")
       throw new Error();
-    Cr(this, e).ease = n;
+    Er(this, e).ease = n;
   };
 }
 function iK(e) {
@@ -37286,7 +37292,7 @@ function lK(e) {
   });
 }
 function cK(e, t, n) {
-  var r, o, i = lK(t) ? wf : Cr;
+  var r, o, i = lK(t) ? wf : Er;
   return function() {
     var a = i(this, e), l = a.on;
     l !== r && (o = (r = l).copy()).on(t, n), a.on = o;
@@ -37361,7 +37367,7 @@ function bK(e, t, n) {
 function xK(e, t) {
   var n, r, o, i = "style." + t, a = "end." + i, l;
   return function() {
-    var c = Cr(this, e), u = c.on, d = c.value[i] == null ? l || (l = ux(t)) : void 0;
+    var c = Er(this, e), u = c.on, d = c.value[i] == null ? l || (l = ux(t)) : void 0;
     (u !== n || o !== d) && (r = (n = u).copy()).on(a, o = d), c.on = r;
   };
 }
@@ -37450,7 +37456,7 @@ function AK() {
       --o === 0 && i();
     } };
     n.each(function() {
-      var u = Cr(this, r), d = u.on;
+      var u = Er(this, r), d = u.on;
       d !== e && (t = (e = d).copy(), t._.cancel.push(l), t._.interrupt.push(l), t._.end.push(c)), u.on = t;
     }), o === 0 && i();
   });
@@ -37462,23 +37468,23 @@ function jr(e, t, n, r) {
 function dx() {
   return ++$K;
 }
-var Rr = Xa.prototype;
+var Dr = Xa.prototype;
 jr.prototype = {
   constructor: jr,
   select: hK,
   selectAll: pK,
-  selectChild: Rr.selectChild,
-  selectChildren: Rr.selectChildren,
+  selectChild: Dr.selectChild,
+  selectChildren: Dr.selectChildren,
   filter: aK,
   merge: sK,
   selection: mK,
   transition: DK,
-  call: Rr.call,
-  nodes: Rr.nodes,
-  node: Rr.node,
-  size: Rr.size,
-  empty: Rr.empty,
-  each: Rr.each,
+  call: Dr.call,
+  nodes: Dr.nodes,
+  node: Dr.node,
+  size: Dr.size,
+  empty: Dr.empty,
+  each: Dr.each,
   on: uK,
   attr: K8,
   attrTween: Y8,
@@ -37493,7 +37499,7 @@ jr.prototype = {
   ease: rK,
   easeVarying: iK,
   end: AK,
-  [Symbol.iterator]: Rr[Symbol.iterator]
+  [Symbol.iterator]: Dr[Symbol.iterator]
 };
 function PK(e) {
   return ((e *= 2) <= 1 ? e * e * e : (e -= 2) * e * e + 2) / 2;
@@ -37809,7 +37815,7 @@ function fx() {
     return arguments.length ? (b = +E, y) : b;
   }, y;
 }
-const ql = Vo(null), KK = ql.Provider, br = {
+const ql = Vo(null), KK = ql.Provider, xr = {
   "001": () => "[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001",
   "002": () => "It looks like you've created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them.",
   "003": (e) => `Node type "${e}" not found. Using fallback type "default".`,
@@ -37821,7 +37827,7 @@ const ql = Vo(null), KK = ql.Provider, br = {
   "008": (e, t) => `Couldn't create edge for ${e ? "target" : "source"} handle id: "${e ? t.targetHandle : t.sourceHandle}", edge id: ${t.id}.`,
   "010": () => "Handle: No node id found. Make sure to only use a Handle inside a custom Node.",
   "011": (e) => `Edge type "${e}" not found. Using fallback type "default".`
-}, hx = br["001"]();
+}, hx = xr["001"]();
 function Gt(e, t) {
   const n = wn(ql);
   if (n === null)
@@ -38161,7 +38167,7 @@ const Rf = Vo(null), nW = Rf.Provider;
 Rf.Consumer;
 const rW = () => wn(Rf), oW = (e) => "id" in e && "source" in e && "target" in e, iW = ({ source: e, sourceHandle: t, target: n, targetHandle: r }) => `reactflow__edge-${e}${t || ""}-${n}${r || ""}`, Vu = (e, t) => typeof e > "u" ? "" : typeof e == "string" ? e : `${t ? `${t}__` : ""}${Object.keys(e).sort().map((r) => `${r}=${e[r]}`).join("&")}`, aW = (e, t) => t.some((n) => n.source === e.source && n.target === e.target && (n.sourceHandle === e.sourceHandle || !n.sourceHandle && !e.sourceHandle) && (n.targetHandle === e.targetHandle || !n.targetHandle && !e.targetHandle)), sW = (e, t) => {
   if (!e.source || !e.target)
-    return kf("006", br["006"]()), t;
+    return kf("006", xr["006"]()), t;
   let n;
   return oW(e) ? n = { ...e } : n = {
     ...e,
@@ -38179,7 +38185,7 @@ const rW = () => wn(Rf), oW = (e) => "id" in e && "source" in e && "target" in e
 }, lW = ({ x: e, y: t }, [n, r, o]) => ({
   x: e * o + n,
   y: t * o + r
-}), Do = (e, t = [0, 0]) => {
+}), Ro = (e, t = [0, 0]) => {
   var i, a;
   if (!e)
     return {
@@ -38205,7 +38211,7 @@ const rW = () => wn(Rf), oW = (e) => "id" in e && "source" in e && "target" in e
   if (e.length === 0)
     return { x: 0, y: 0, width: 0, height: 0 };
   const n = e.reduce((r, o) => {
-    const { x: i, y: a } = Do(o, t).positionAbsolute;
+    const { x: i, y: a } = Ro(o, t).positionAbsolute;
     return mx(r, sl({
       x: i,
       y: a,
@@ -38225,7 +38231,7 @@ const rW = () => wn(Rf), oW = (e) => "id" in e && "source" in e && "target" in e
     const { width: h, height: f, selectable: p = !0, hidden: g = !1 } = d;
     if (a && !p || g)
       return !1;
-    const { positionAbsolute: m } = Do(d, l), b = {
+    const { positionAbsolute: m } = Ro(d, l), b = {
       x: m.x,
       y: m.y,
       width: h || 0,
@@ -38239,7 +38245,7 @@ const rW = () => wn(Rf), oW = (e) => "id" in e && "source" in e && "target" in e
 }, Tx = (e, t, n, r, o, i = 0.1) => {
   const a = t / (e.width * (1 + i)), l = n / (e.height * (1 + i)), c = Math.min(a, l), u = vi(c, r, o), d = e.x + e.width / 2, h = e.y + e.height / 2, f = t / 2 - d * u, p = n / 2 - h * u;
   return [f, p, u];
-}, Co = (e, t = 0) => e.transition().duration(t);
+}, So = (e, t = 0) => e.transition().duration(t);
 function zg(e, t, n, r) {
   return (t[n] || []).reduce((o, i) => {
     var a, l, c, u;
@@ -38346,11 +38352,11 @@ const hW = () => !0, pW = (e) => ({
   connectionStartHandle: e.connectionStartHandle,
   connectOnClick: e.connectOnClick,
   noPanClassName: e.noPanClassName
-}), Dx = Ht(({ type: e = "source", position: t = Ae.Top, isValidConnection: n = hW, isConnectable: r = !0, id: o, onConnect: i, children: a, className: l, onMouseDown: c, onTouchStart: u, ...d }, h) => {
+}), Dx = Bt(({ type: e = "source", position: t = Ae.Top, isValidConnection: n = hW, isConnectable: r = !0, id: o, onConnect: i, children: a, className: l, onMouseDown: c, onTouchStart: u, ...d }, h) => {
   var k, O;
   const f = yn(), p = rW();
   if (!p)
-    return (O = (k = f.getState()).onError) == null || O.call(k, "010", br["010"]()), null;
+    return (O = (k = f.getState()).onError) == null || O.call(k, "010", xr["010"]()), null;
   const { connectionStartHandle: g, connectOnClick: m, noPanClassName: b } = Gt(pW, Mn), y = o || null, w = e === "target", _ = (L) => {
     const { defaultEdgeOptions: H, onConnect: A, hasDefaultEdges: T } = f.getState(), P = {
       ...H,
@@ -38487,13 +38493,13 @@ var Wo = (e) => {
     if (A)
       return null;
     const Me = (tt) => {
-      const { edges: yt, addSelectedEdges: De } = se.getState();
+      const { edges: bt, addSelectedEdges: De } = se.getState();
       if (H && (se.setState({ nodesSelectionActive: !1 }), De([n])), a) {
-        const Ke = yt.find((ct) => ct.id === n);
+        const Ke = bt.find((ct) => ct.id === n);
         a(tt, Ke);
       }
-    }, _e = ji(n, se.getState, l), $e = ji(n, se.getState, V), Le = ji(n, se.getState, E), we = ji(n, se.getState, N), et = ji(n, se.getState, $), je = (tt, yt) => {
-      const De = yt ? w : y, Ke = (yt ? P : T) || null, ct = yt ? "target" : "source", Bt = () => !0, bt = yt, qt = se.getState().edges.find((Ut) => Ut.id === n);
+    }, _e = ji(n, se.getState, l), $e = ji(n, se.getState, V), Le = ji(n, se.getState, E), we = ji(n, se.getState, N), et = ji(n, se.getState, $), je = (tt, bt) => {
+      const De = bt ? w : y, Ke = (bt ? P : T) || null, ct = bt ? "target" : "source", jt = () => !0, xt = bt, qt = se.getState().edges.find((Ut) => Ut.id === n);
       Z(!0), j == null || j(tt, qt, ct);
       const St = (Ut) => {
         Z(!1), G == null || G(Ut, qt, ct);
@@ -38503,18 +38509,18 @@ var Wo = (e) => {
         handleId: Ke,
         nodeId: De,
         onConnect: (Ut) => B == null ? void 0 : B(qt, Ut),
-        isTarget: bt,
+        isTarget: xt,
         getState: se.getState,
         setState: se.setState,
-        isValidConnection: Bt,
+        isValidConnection: jt,
         edgeUpdaterType: ct,
         onEdgeUpdateEnd: St
       });
     }, at = (tt) => je(tt, !0), Pe = (tt) => je(tt, !1), Xe = () => Oe(!0), Ge = () => Oe(!1), qe = !H && !a, wt = typeof B < "u", pt = (tt) => {
-      var yt;
+      var bt;
       if (yx.includes(tt.key) && H) {
         const { unselectNodesAndEdges: De, addSelectedEdges: Ke, edges: ct } = se.getState();
-        tt.key === "Escape" ? ((yt = he.current) == null || yt.blur(), De({ edges: [ct.find((bt) => bt.id === n)] })) : Ke([n]);
+        tt.key === "Escape" ? ((bt = he.current) == null || bt.blur(), De({ edges: [ct.find((xt) => xt.id === n)] })) : Ke([n]);
       }
     };
     return v("g", { className: Sn([
@@ -38649,7 +38655,7 @@ function Hx(e, t, n, r, o = [0, 0], i) {
   let a = e.extent || r;
   if (e.extent === "parent")
     if (e.parentNode && e.width && e.height) {
-      const u = n.get(e.parentNode), { x: d, y: h } = Do(u, o).positionAbsolute;
+      const u = n.get(e.parentNode), { x: d, y: h } = Ro(u, o).positionAbsolute;
       a = u && Xn(d) && Xn(h) && Xn(u.width) && Xn(u.height) ? [
         [d + e.width * o[0], h + e.height * o[1]],
         [
@@ -38658,9 +38664,9 @@ function Hx(e, t, n, r, o = [0, 0], i) {
         ]
       ] : a;
     } else
-      i == null || i("005", br["005"]()), a = r;
+      i == null || i("005", xr["005"]()), a = r;
   else if (e.extent && e.parentNode) {
-    const u = n.get(e.parentNode), { x: d, y: h } = Do(u, o).positionAbsolute;
+    const u = n.get(e.parentNode), { x: d, y: h } = Ro(u, o).positionAbsolute;
     a = [
       [e.extent[0][0] + d, e.extent[0][1] + h],
       [e.extent[1][0] + d, e.extent[1][1] + h]
@@ -38669,7 +38675,7 @@ function Hx(e, t, n, r, o = [0, 0], i) {
   let l = { x: 0, y: 0 };
   if (e.parentNode) {
     const u = n.get(e.parentNode);
-    l = Do(u, o).positionAbsolute;
+    l = Ro(u, o).positionAbsolute;
   }
   const c = a ? Ef(t, a) : t;
   return {
@@ -38974,7 +38980,7 @@ function Kx(e, t, n, r) {
   var a, l, c, u, d, h, f, p;
   if (!e.parentNode)
     return n;
-  const o = t.get(e.parentNode), i = Do(o, r);
+  const o = t.get(e.parentNode), i = Ro(o, r);
   return Kx(o, t, {
     x: ((a = n.x) != null ? a : 0) + i.x,
     y: ((l = n.y) != null ? l : 0) + i.y,
@@ -39027,7 +39033,7 @@ function Gx(e, t = {}) {
     const m = n().filter((y) => t.includeHiddenNodes ? y.width && y.height : !y.hidden), b = m.every((y) => y.width && y.height);
     if (m.length > 0 && b) {
       const y = Df(m, h), [w, _, x] = Tx(y, r, o, (f = t.minZoom) != null ? f : i, (p = t.maxZoom) != null ? p : a, (g = t.padding) != null ? g : 0.1), S = zr.translate(w, _).scale(x);
-      return typeof t.duration == "number" && t.duration > 0 ? l.transform(Co(c, t.duration), S) : l.transform(c, S), !0;
+      return typeof t.duration == "number" && t.duration > 0 ? l.transform(So(c, t.duration), S) : l.transform(c, S), !0;
     }
   }
   return !1;
@@ -39052,17 +39058,17 @@ function _s({ changedNodes: e, changedEdges: t, get: n, set: r }) {
   const { nodeInternals: o, edges: i, onNodesChange: a, onEdgesChange: l, hasDefaultNodes: c, hasDefaultEdges: u } = n();
   e != null && e.length && (c && r({ nodeInternals: IW(e, o) }), a == null || a(e)), t != null && t.length && (u && r({ edges: LW(t, i) }), l == null || l(t));
 }
-const _o = () => {
+const wo = () => {
 }, zW = {
-  zoomIn: _o,
-  zoomOut: _o,
-  zoomTo: _o,
+  zoomIn: wo,
+  zoomOut: wo,
+  zoomTo: wo,
   getZoom: () => 1,
-  setViewport: _o,
+  setViewport: wo,
   getViewport: () => ({ x: 0, y: 0, zoom: 1 }),
-  fitView: _o,
-  setCenter: _o,
-  fitBounds: _o,
+  fitView: wo,
+  setCenter: wo,
+  fitBounds: wo,
   project: (e) => e,
   viewportInitialized: !1
 }, VW = (e) => ({
@@ -39071,14 +39077,14 @@ const _o = () => {
 }), FW = () => {
   const e = yn(), { d3Zoom: t, d3Selection: n } = Gt(VW, Mn);
   return Y(() => n && t ? {
-    zoomIn: (o) => t.scaleBy(Co(n, o == null ? void 0 : o.duration), 1.2),
-    zoomOut: (o) => t.scaleBy(Co(n, o == null ? void 0 : o.duration), 1 / 1.2),
-    zoomTo: (o, i) => t.scaleTo(Co(n, i == null ? void 0 : i.duration), o),
+    zoomIn: (o) => t.scaleBy(So(n, o == null ? void 0 : o.duration), 1.2),
+    zoomOut: (o) => t.scaleBy(So(n, o == null ? void 0 : o.duration), 1 / 1.2),
+    zoomTo: (o, i) => t.scaleTo(So(n, i == null ? void 0 : i.duration), o),
     getZoom: () => e.getState().transform[2],
     setViewport: (o, i) => {
       var d, h, f;
       const [a, l, c] = e.getState().transform, u = zr.translate((d = o.x) != null ? d : a, (h = o.y) != null ? h : l).scale((f = o.zoom) != null ? f : c);
-      t.transform(Co(n, i == null ? void 0 : i.duration), u);
+      t.transform(So(n, i == null ? void 0 : i.duration), u);
     },
     getViewport: () => {
       const [o, i, a] = e.getState().transform;
@@ -39087,12 +39093,12 @@ const _o = () => {
     fitView: (o) => Gx(e.getState, o),
     setCenter: (o, i, a) => {
       const { width: l, height: c, maxZoom: u } = e.getState(), d = typeof (a == null ? void 0 : a.zoom) < "u" ? a.zoom : u, h = l / 2 - o * d, f = c / 2 - i * d, p = zr.translate(h, f).scale(d);
-      t.transform(Co(n, a == null ? void 0 : a.duration), p);
+      t.transform(So(n, a == null ? void 0 : a.duration), p);
     },
     fitBounds: (o, i) => {
       var g;
       const { width: a, height: l, minZoom: c, maxZoom: u } = e.getState(), [d, h, f] = Tx(o, a, l, c, u, (g = i == null ? void 0 : i.padding) != null ? g : 0.1), p = zr.translate(d, h).scale(f);
-      t.transform(Co(n, i == null ? void 0 : i.duration), p);
+      t.transform(So(n, i == null ? void 0 : i.duration), p);
     },
     project: (o) => {
       const { transform: i, snapToGrid: a, snapGrid: l } = e.getState();
@@ -39241,7 +39247,7 @@ function BW(e) {
       if (!e.current)
         return;
       const o = Cf(e.current);
-      (o.height === 0 || o.width === 0) && ((a = (i = t.getState()).onError) == null || a.call(i, "004", br["004"]())), t.setState({ width: o.width || 500, height: o.height || 500 });
+      (o.height === 0 || o.width === 0) && ((a = (i = t.getState()).onError) == null || a.call(i, "004", xr["004"]())), t.setState({ width: o.width || 500, height: o.height || 500 });
     };
     return r(), window.addEventListener("resize", r), e.current && (n = new ResizeObserver(() => r()), n.observe(e.current)), () => {
       window.removeEventListener("resize", r), n && e.current && n.unobserve(e.current);
@@ -39581,7 +39587,7 @@ const rG = (e) => ({
   }, []), s("div", { className: "react-flow__nodes", style: Pf, children: l.map((d) => {
     var S, k, O, L, H, A, T;
     let h = d.type || "default";
-    e.nodeTypes[h] || (a == null || a("003", br["003"](h)), h = "default");
+    e.nodeTypes[h] || (a == null || a("003", xr["003"](h)), h = "default");
     const f = e.nodeTypes[h] || e.nodeTypes.default, p = !!(d.draggable || t && typeof d.draggable > "u"), g = !!(d.selectable || o && typeof d.selectable > "u"), m = !!(d.connectable || n && typeof d.connectable > "u"), b = !!(d.focusable || r && typeof d.focusable > "u"), y = e.nodeExtent ? Ef(d.positionAbsolute, e.nodeExtent) : d.positionAbsolute, w = (S = y == null ? void 0 : y.x) != null ? S : 0, _ = (k = y == null ? void 0 : y.y) != null ? k : 0, x = PW({
       x: w,
       y: _,
@@ -39637,7 +39643,7 @@ function uG(e) {
   const t = yn();
   return Y(() => {
     var o, i;
-    return Object.prototype.hasOwnProperty.call(Qg, e) ? Qg[e] : ((i = (o = t.getState()).onError) == null || i.call(o, "009", br["009"](e)), null);
+    return Object.prototype.hasOwnProperty.call(Qg, e) ? Qg[e] : ((i = (o = t.getState()).onError) == null || i.call(o, "009", xr["009"](e)), null);
   }, [e]);
 }
 const dG = ({ id: e, type: t, color: n, width: r = 12.5, height: o = 12.5, markerUnits: i = "strokeWidth", strokeWidth: a, orient: l = "auto-start-reverse" }) => {
@@ -39677,10 +39683,10 @@ const pG = (e) => ({
     if (!N || !B)
       return null;
     let j = P.type || "default";
-    o[j] || (O == null || O("011", br["011"](j)), j = "default");
+    o[j] || (O == null || O("011", xr["011"](j)), j = "default");
     const G = o[j] || o.default, U = S === Io.Strict ? M.target : ((Te = M.target) != null ? Te : []).concat((Z = M.source) != null ? Z : []), oe = jg(E.source, P.sourceHandle), ae = jg(U, P.targetHandle), Q = (oe == null ? void 0 : oe.position) || Ae.Bottom, te = (ae == null ? void 0 : ae.position) || Ae.Top, me = !!(P.focusable || y && typeof P.focusable > "u");
     if (!oe || !ae)
-      return O == null || O("008", br["008"](oe, P)), null;
+      return O == null || O("008", xr["008"](oe, P)), null;
     const { sourceX: ge, sourceY: he, targetX: de, targetY: Oe } = OW(V, oe, Q, $, ae, te);
     return s(G, { id: P.id, className: Sn([P.className, i]), type: j, data: P.data, selected: !!P.selected, animated: !!P.animated, hidden: !!P.hidden, label: P.label, labelStyle: P.labelStyle, labelShowBg: P.labelShowBg, labelBgStyle: P.labelBgStyle, labelBgPadding: P.labelBgPadding, labelBgBorderRadius: P.labelBgBorderRadius, style: P.style, source: P.source, target: P.target, sourceHandleId: P.sourceHandle, targetHandleId: P.targetHandle, markerEnd: P.markerEnd, markerStart: P.markerStart, sourceX: ge, sourceY: he, targetX: de, targetY: Oe, sourcePosition: Q, targetPosition: te, elementsSelectable: w, onEdgeUpdate: a, onContextMenu: l, onMouseEnter: c, onMouseMove: u, onMouseLeave: d, onClick: h, edgeUpdaterRadius: f, onEdgeDoubleClick: p, onEdgeUpdateStart: g, onEdgeUpdateEnd: m, rfId: r, ariaLabel: P.ariaLabel, isFocusable: me, pathOptions: "pathOptions" in P ? P.pathOptions : void 0, interactionWidth: P.interactionWidth }, P.id);
   }) })] }, H)), b] }) : null;
@@ -39957,7 +39963,7 @@ function Zg(e, t) {
   return Y(() => {
     if (process.env.NODE_ENV === "development") {
       const o = Object.keys(e);
-      Mn(n.current, o) && kf("002", br["002"]()), n.current = o;
+      Mn(n.current, o) && kf("002", xr["002"]()), n.current = o;
     }
     return t(e);
   }, [e]);
@@ -39979,9 +39985,9 @@ const CG = {
   overflow: "hidden",
   position: "relative",
   zIndex: 0
-}, nw = Ht(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i = CG, edgeTypes: a = EG, onNodeClick: l, onEdgeClick: c, onInit: u, onMove: d, onMoveStart: h, onMoveEnd: f, onConnect: p, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: y, onNodeMouseEnter: w, onNodeMouseMove: _, onNodeMouseLeave: x, onNodeContextMenu: S, onNodeDoubleClick: k, onNodeDragStart: O, onNodeDrag: L, onNodeDragStop: H, onNodesDelete: A, onEdgesDelete: T, onSelectionChange: P, onSelectionDragStart: V, onSelectionDrag: E, onSelectionDragStop: N, onSelectionContextMenu: $, onSelectionStart: M, onSelectionEnd: B, connectionMode: j = Io.Strict, connectionLineType: G = no.Bezier, connectionLineStyle: U, connectionLineComponent: oe, connectionLineContainerStyle: ae, deleteKeyCode: Q = "Backspace", selectionKeyCode: te = "Shift", selectionOnDrag: me = !1, selectionMode: ge = ka.Full, panActivationKeyCode: he = "Space", multiSelectionKeyCode: de = "Meta", zoomActivationKeyCode: Oe = "Meta", snapToGrid: Te = !1, snapGrid: Z = TG, onlyRenderVisibleElements: se = !1, selectNodesOnDrag: Re = !0, nodesDraggable: X, nodesConnectable: Me, nodesFocusable: _e, nodeOrigin: $e = kG, edgesFocusable: Le, elementsSelectable: we, defaultViewport: et = MG, minZoom: je = 0.5, maxZoom: at = 2, translateExtent: Pe = Bu, preventScrolling: Xe = !0, nodeExtent: Ge, defaultMarkerColor: qe = "#b1b1b7", zoomOnScroll: wt = !0, zoomOnPinch: pt = !0, panOnScroll: tt = !1, panOnScrollSpeed: yt = 0.5, panOnScrollMode: De = ai.Free, zoomOnDoubleClick: Ke = !0, panOnDrag: ct = !0, onPaneClick: Bt, onPaneMouseEnter: bt, onPaneMouseMove: qt, onPaneMouseLeave: St, onPaneScroll: dn, onPaneContextMenu: Ut, children: Dt, onEdgeUpdate: Ft, onEdgeContextMenu: pn, onEdgeDoubleClick: Et, onEdgeMouseEnter: Nn, onEdgeMouseMove: nn, onEdgeMouseLeave: le, onEdgeUpdateStart: ye, onEdgeUpdateEnd: Se, edgeUpdaterRadius: Fe = 10, onNodesChange: st, onEdgesChange: Ct, noDragClassName: gn = "nodrag", noWheelClassName: mn = "nowheel", noPanClassName: In = "nopan", fitView: Pt = !1, fitViewOptions: z, connectOnClick: re = !0, attributionPosition: ne, proOptions: be, defaultEdgeOptions: Ce, elevateNodesOnSelect: Ne = !0, elevateEdgesOnSelect: We = !1, disableKeyboardA11y: Ve = !1, autoPanOnConnect: Ze = !0, autoPanOnNodeDrag: Ue = !0, connectionRadius: ot = 20, onError: Nt, style: Cn, id: Hn, ...Yt }, fr) => {
-  const Er = Zg(i, $W), Rn = Zg(a, MW), Dn = Hn || "1";
-  return s("div", { ...Yt, style: { ...Cn, ...OG }, ref: fr, className: Sn(["react-flow", o]), "data-testid": "rf__wrapper", id: Hn, children: v(tw, { children: [s(_G, { onInit: u, onMove: d, onMoveStart: h, onMoveEnd: f, onNodeClick: l, onEdgeClick: c, onNodeMouseEnter: w, onNodeMouseMove: _, onNodeMouseLeave: x, onNodeContextMenu: S, onNodeDoubleClick: k, nodeTypes: Er, edgeTypes: Rn, connectionLineType: G, connectionLineStyle: U, connectionLineComponent: oe, connectionLineContainerStyle: ae, selectionKeyCode: te, selectionOnDrag: me, selectionMode: ge, deleteKeyCode: Q, multiSelectionKeyCode: de, panActivationKeyCode: he, zoomActivationKeyCode: Oe, onlyRenderVisibleElements: se, selectNodesOnDrag: Re, defaultViewport: et, translateExtent: Pe, minZoom: je, maxZoom: at, preventScrolling: Xe, zoomOnScroll: wt, zoomOnPinch: pt, zoomOnDoubleClick: Ke, panOnScroll: tt, panOnScrollSpeed: yt, panOnScrollMode: De, panOnDrag: ct, onPaneClick: Bt, onPaneMouseEnter: bt, onPaneMouseMove: qt, onPaneMouseLeave: St, onPaneScroll: dn, onPaneContextMenu: Ut, onSelectionContextMenu: $, onSelectionStart: M, onSelectionEnd: B, onEdgeUpdate: Ft, onEdgeContextMenu: pn, onEdgeDoubleClick: Et, onEdgeMouseEnter: Nn, onEdgeMouseMove: nn, onEdgeMouseLeave: le, onEdgeUpdateStart: ye, onEdgeUpdateEnd: Se, edgeUpdaterRadius: Fe, defaultMarkerColor: qe, noDragClassName: gn, noWheelClassName: mn, noPanClassName: In, elevateEdgesOnSelect: We, rfId: Dn, disableKeyboardA11y: Ve, nodeOrigin: $e, nodeExtent: Ge }), s(xW, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: p, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: y, nodesDraggable: X, nodesConnectable: Me, nodesFocusable: _e, edgesFocusable: Le, elementsSelectable: we, elevateNodesOnSelect: Ne, minZoom: je, maxZoom: at, nodeExtent: Ge, onNodesChange: st, onEdgesChange: Ct, snapToGrid: Te, snapGrid: Z, connectionMode: j, translateExtent: Pe, connectOnClick: re, defaultEdgeOptions: Ce, fitView: Pt, fitViewOptions: z, onNodesDelete: A, onEdgesDelete: T, onNodeDragStart: O, onNodeDrag: L, onNodeDragStop: H, onSelectionDrag: E, onSelectionDragStart: V, onSelectionDragStop: N, noPanClassName: In, nodeOrigin: $e, rfId: Dn, autoPanOnConnect: Ze, autoPanOnNodeDrag: Ue, onError: Nt, connectionRadius: ot }), s(yW, { onSelectionChange: P }), Dt, s(GK, { proOptions: be, position: ne }), s(EW, { rfId: Dn, disableKeyboardA11y: Ve })] }) });
+}, nw = Bt(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i = CG, edgeTypes: a = EG, onNodeClick: l, onEdgeClick: c, onInit: u, onMove: d, onMoveStart: h, onMoveEnd: f, onConnect: p, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: y, onNodeMouseEnter: w, onNodeMouseMove: _, onNodeMouseLeave: x, onNodeContextMenu: S, onNodeDoubleClick: k, onNodeDragStart: O, onNodeDrag: L, onNodeDragStop: H, onNodesDelete: A, onEdgesDelete: T, onSelectionChange: P, onSelectionDragStart: V, onSelectionDrag: E, onSelectionDragStop: N, onSelectionContextMenu: $, onSelectionStart: M, onSelectionEnd: B, connectionMode: j = Io.Strict, connectionLineType: G = no.Bezier, connectionLineStyle: U, connectionLineComponent: oe, connectionLineContainerStyle: ae, deleteKeyCode: Q = "Backspace", selectionKeyCode: te = "Shift", selectionOnDrag: me = !1, selectionMode: ge = ka.Full, panActivationKeyCode: he = "Space", multiSelectionKeyCode: de = "Meta", zoomActivationKeyCode: Oe = "Meta", snapToGrid: Te = !1, snapGrid: Z = TG, onlyRenderVisibleElements: se = !1, selectNodesOnDrag: Re = !0, nodesDraggable: X, nodesConnectable: Me, nodesFocusable: _e, nodeOrigin: $e = kG, edgesFocusable: Le, elementsSelectable: we, defaultViewport: et = MG, minZoom: je = 0.5, maxZoom: at = 2, translateExtent: Pe = Bu, preventScrolling: Xe = !0, nodeExtent: Ge, defaultMarkerColor: qe = "#b1b1b7", zoomOnScroll: wt = !0, zoomOnPinch: pt = !0, panOnScroll: tt = !1, panOnScrollSpeed: bt = 0.5, panOnScrollMode: De = ai.Free, zoomOnDoubleClick: Ke = !0, panOnDrag: ct = !0, onPaneClick: jt, onPaneMouseEnter: xt, onPaneMouseMove: qt, onPaneMouseLeave: St, onPaneScroll: dn, onPaneContextMenu: Ut, children: Dt, onEdgeUpdate: Ft, onEdgeContextMenu: pn, onEdgeDoubleClick: Et, onEdgeMouseEnter: Nn, onEdgeMouseMove: nn, onEdgeMouseLeave: le, onEdgeUpdateStart: ye, onEdgeUpdateEnd: Se, edgeUpdaterRadius: Fe = 10, onNodesChange: st, onEdgesChange: Ct, noDragClassName: gn = "nodrag", noWheelClassName: mn = "nowheel", noPanClassName: In = "nopan", fitView: Pt = !1, fitViewOptions: z, connectOnClick: re = !0, attributionPosition: ne, proOptions: be, defaultEdgeOptions: Ce, elevateNodesOnSelect: Ne = !0, elevateEdgesOnSelect: We = !1, disableKeyboardA11y: Ve = !1, autoPanOnConnect: Ze = !0, autoPanOnNodeDrag: Ue = !0, connectionRadius: ot = 20, onError: Nt, style: Cn, id: Hn, ...Yt }, fr) => {
+  const kr = Zg(i, $W), Rn = Zg(a, MW), Dn = Hn || "1";
+  return s("div", { ...Yt, style: { ...Cn, ...OG }, ref: fr, className: Sn(["react-flow", o]), "data-testid": "rf__wrapper", id: Hn, children: v(tw, { children: [s(_G, { onInit: u, onMove: d, onMoveStart: h, onMoveEnd: f, onNodeClick: l, onEdgeClick: c, onNodeMouseEnter: w, onNodeMouseMove: _, onNodeMouseLeave: x, onNodeContextMenu: S, onNodeDoubleClick: k, nodeTypes: kr, edgeTypes: Rn, connectionLineType: G, connectionLineStyle: U, connectionLineComponent: oe, connectionLineContainerStyle: ae, selectionKeyCode: te, selectionOnDrag: me, selectionMode: ge, deleteKeyCode: Q, multiSelectionKeyCode: de, panActivationKeyCode: he, zoomActivationKeyCode: Oe, onlyRenderVisibleElements: se, selectNodesOnDrag: Re, defaultViewport: et, translateExtent: Pe, minZoom: je, maxZoom: at, preventScrolling: Xe, zoomOnScroll: wt, zoomOnPinch: pt, zoomOnDoubleClick: Ke, panOnScroll: tt, panOnScrollSpeed: bt, panOnScrollMode: De, panOnDrag: ct, onPaneClick: jt, onPaneMouseEnter: xt, onPaneMouseMove: qt, onPaneMouseLeave: St, onPaneScroll: dn, onPaneContextMenu: Ut, onSelectionContextMenu: $, onSelectionStart: M, onSelectionEnd: B, onEdgeUpdate: Ft, onEdgeContextMenu: pn, onEdgeDoubleClick: Et, onEdgeMouseEnter: Nn, onEdgeMouseMove: nn, onEdgeMouseLeave: le, onEdgeUpdateStart: ye, onEdgeUpdateEnd: Se, edgeUpdaterRadius: Fe, defaultMarkerColor: qe, noDragClassName: gn, noWheelClassName: mn, noPanClassName: In, elevateEdgesOnSelect: We, rfId: Dn, disableKeyboardA11y: Ve, nodeOrigin: $e, nodeExtent: Ge }), s(xW, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: p, onConnectStart: g, onConnectEnd: m, onClickConnectStart: b, onClickConnectEnd: y, nodesDraggable: X, nodesConnectable: Me, nodesFocusable: _e, edgesFocusable: Le, elementsSelectable: we, elevateNodesOnSelect: Ne, minZoom: je, maxZoom: at, nodeExtent: Ge, onNodesChange: st, onEdgesChange: Ct, snapToGrid: Te, snapGrid: Z, connectionMode: j, translateExtent: Pe, connectOnClick: re, defaultEdgeOptions: Ce, fitView: Pt, fitViewOptions: z, onNodesDelete: A, onEdgesDelete: T, onNodeDragStart: O, onNodeDrag: L, onNodeDragStop: H, onSelectionDrag: E, onSelectionDragStart: V, onSelectionDragStop: N, noPanClassName: In, nodeOrigin: $e, rfId: Dn, autoPanOnConnect: Ze, autoPanOnNodeDrag: Ue, onError: Nt, connectionRadius: ot }), s(yW, { onSelectionChange: P }), Dt, s(GK, { proOptions: be, position: ne }), s(EW, { rfId: Dn, disableKeyboardA11y: Ve })] }) });
 });
 nw.displayName = "ReactFlow";
 const rw = ({ id: e, x: t, y: n, width: r, height: o, style: i, color: a, strokeColor: l, strokeWidth: c, className: u, borderRadius: d, shapeRendering: h, onClick: f }) => {
@@ -40042,7 +40048,7 @@ function ow({ style: e, className: t, nodeStrokeColor: n = "transparent", nodeCo
     f(de, Te);
   } : void 0;
   return s(Sf, { position: d, style: e, className: Sn(["react-flow__minimap", t]), children: v("svg", { width: O, height: L, viewBox: `${B} ${j} ${G} ${U}`, role: "img", "aria-labelledby": ae, ref: y, onClick: te, children: [m && s("title", { id: ae, children: m }), x.map((de) => {
-    const { x: Oe, y: Te } = Do(de, k).positionAbsolute;
+    const { x: Oe, y: Te } = Ro(de, k).positionAbsolute;
     return s(RG, { x: Oe, y: Te, width: de.width, height: de.height, style: de.style, className: T(de), color: H(de), borderRadius: i, strokeColor: A(de), strokeWidth: a, shapeRendering: oe, onClick: me, id: de.id }, de.id);
   }), s("path", { className: "react-flow__minimap-mask", d: `M${B - M},${j - M}h${G + M * 2}v${U + M * 2}h${-G - M * 2}z
         M${_.x},${_.y}h${_.width}v${_.height}h${-_.width}z`, fill: l, fillRule: "evenodd", stroke: c, strokeWidth: u, pointerEvents: "none" })] }) });
@@ -40569,7 +40575,7 @@ const b9 = J(() => {
       variant: "dashed"
     }), /* @__PURE__ */ s(ie, {
       variant: "subtle",
-      rightIcon: /* @__PURE__ */ s(yo, {
+      rightIcon: /* @__PURE__ */ s(vo, {
         size: 14
       }),
       size: "sm",
@@ -40602,7 +40608,7 @@ const b9 = J(() => {
     }
     e.editor.open(["_FILTERS_", e.filters.firstID]);
   }, [r, o] = ze(!1), i = () => o(!0), a = () => o(!1);
-  return /* @__PURE__ */ v(Pr, {
+  return /* @__PURE__ */ v(Nr, {
     p: 0,
     width: {
       base: 200,
@@ -40612,7 +40618,7 @@ const b9 = J(() => {
       lg: 240,
       xl: 260
     },
-    children: [/* @__PURE__ */ v(Pr.Section, {
+    children: [/* @__PURE__ */ v(Nr.Section, {
       children: [/* @__PURE__ */ v(F, {
         grow: !0,
         spacing: 0,
@@ -40665,7 +40671,7 @@ const b9 = J(() => {
         opened: r,
         close: a
       })]
-    }), /* @__PURE__ */ s(Pr.Section, {
+    }), /* @__PURE__ */ s(Nr.Section, {
       py: 5,
       sx: {
         borderBottom: "1px solid #eee"
@@ -40678,13 +40684,13 @@ const b9 = J(() => {
         },
         children: "Views"
       })
-    }), /* @__PURE__ */ s(Pr.Section, {
+    }), /* @__PURE__ */ s(Nr.Section, {
       grow: !0,
       sx: {
         overflow: "auto"
       },
       children: /* @__PURE__ */ s(b9, {})
-    }), /* @__PURE__ */ s(Pr.Section, {
+    }), /* @__PURE__ */ s(Nr.Section, {
       children: /* @__PURE__ */ s(F, {
         grow: !0,
         p: "md",
@@ -41268,7 +41274,7 @@ const b9 = J(() => {
 }), N9 = J(({
   id: e
 }) => {
-  const t = go(), n = He();
+  const t = po(), n = He();
   if (e === "")
     return null;
   const r = n.filters.findByID(e);
@@ -41865,7 +41871,7 @@ const Y9 = ee.forwardRef(function({
       my: "xs",
       label: "Format",
       labelPosition: "center"
-    }), /* @__PURE__ */ s(wr, {
+    }), /* @__PURE__ */ s(_r, {
       value: t.formatter,
       onChange: (l) => a("formatter", l)
     }), o && /* @__PURE__ */ s(cb, {
@@ -41962,12 +41968,12 @@ const Y9 = ee.forwardRef(function({
           })
         })]
       }), /* @__PURE__ */ s(Y9, {
-        value: Nr(t.copy),
+        value: pr(t.copy),
         onChange: t.update,
         data: r
       })]
     }), /* @__PURE__ */ s(J9, {
-      variable: Nr(t.copy),
+      variable: pr(t.copy),
       data: r
     })]
   });
@@ -42011,7 +42017,7 @@ const Y9 = ee.forwardRef(function({
 function oq() {
   const {
     vizManager: e
-  } = wn(_r);
+  } = wn(Sr);
   return Y(() => {
     const t = e.availableVizList.map((n) => {
       var r, o;
@@ -42072,7 +42078,7 @@ function sq() {
     }
   } = On(), {
     vizManager: d
-  } = wn(_r), h = {
+  } = wn(Sr), h = {
     title: r,
     description: i,
     viz: n,
@@ -42096,7 +42102,7 @@ function sq() {
       })
     });
   } catch (g) {
-    return console.info(xt(g, "message")), null;
+    return console.info(vt(g, "message")), null;
   }
 }
 const lq = J(() => {
@@ -42107,7 +42113,7 @@ const lq = J(() => {
     }
   } = On(), {
     vizManager: n
-  } = wn(_r), r = ee.useCallback((u) => {
+  } = wn(Sr), r = ee.useCallback((u) => {
     if (u === t.type)
       return;
     const d = aq(n, u);
@@ -42121,7 +42127,7 @@ const lq = J(() => {
   }, i = ee.useMemo(() => {
     var u;
     return (u = em.find((d) => d.value === t.type)) == null ? void 0 : u.Panel;
-  }, [t.type, em]), a = sq(), l = i ? mo(i, {
+  }, [t.type, em]), a = sq(), l = i ? go(i, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
@@ -42266,7 +42272,7 @@ function dq(e) {
 const fq = J(({
   panel: e
 }) => {
-  const t = go(), n = He(), [r, o] = ze("Data"), {
+  const t = po(), n = He(), [r, o] = ze("Data"), {
     data: i,
     state: a,
     error: l
@@ -42880,7 +42886,7 @@ const xq = J(({
       children: "See Table Structure"
     })]
   });
-}), _q = Ht(({
+}), _q = Bt(({
   label: e,
   type: t,
   ...n
@@ -42956,7 +42962,7 @@ const xq = J(({
 }), Cq = (e) => {
   const {
     queryModel: t
-  } = e, n = He(), o = n.findQueryUsage(t.id).length > 0, i = go(), a = () => {
+  } = e, n = He(), o = n.findQueryUsage(t.id).length > 0, i = po(), a = () => {
     i.openConfirmModal({
       title: "Delete this query?",
       labels: {
@@ -43124,7 +43130,7 @@ const Mq = ({
       }
     }
   })
-}), dl = Ht(({
+}), dl = Bt(({
   value: e,
   onChange: t,
   label: n,
@@ -43696,7 +43702,7 @@ WHERE
   ue(() => {
     a(e.key), h(e.value);
   }, [e]);
-  const p = d !== e.value, g = go();
+  const p = d !== e.value, g = po();
   return /* @__PURE__ */ v(W, {
     p: 20,
     sx: {
@@ -44069,7 +44075,7 @@ WHERE
 }) : null), Xq = J(({
   id: e
 }) => {
-  const t = go(), n = He(), r = n.views.findByID(e);
+  const t = po(), n = He(), r = n.views.findByID(e);
   return r ? /* @__PURE__ */ v(W, {
     sx: {
       maxWidth: "600px",
@@ -44169,7 +44175,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
   const e = He();
   return /* @__PURE__ */ s(ie, {
     variant: "subtle",
-    leftIcon: /* @__PURE__ */ s(yo, {
+    leftIcon: /* @__PURE__ */ s(vo, {
       size: 14
     }),
     size: "sm",
@@ -44209,7 +44215,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
   const n = t.views.findByID(e);
   return n ? /* @__PURE__ */ s(ie, {
     variant: "subtle",
-    leftIcon: /* @__PURE__ */ s(yo, {
+    leftIcon: /* @__PURE__ */ s(vo, {
       size: 14
     }),
     size: "sm",
@@ -44232,7 +44238,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
   const e = He();
   return /* @__PURE__ */ s(ie, {
     variant: "subtle",
-    leftIcon: /* @__PURE__ */ s(yo, {
+    leftIcon: /* @__PURE__ */ s(vo, {
       size: 14
     }),
     size: "sm",
@@ -44264,7 +44270,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
   const e = He();
   return /* @__PURE__ */ s(ie, {
     variant: "subtle",
-    leftIcon: /* @__PURE__ */ s(yo, {
+    leftIcon: /* @__PURE__ */ s(vo, {
       size: 14
     }),
     size: "sm",
@@ -44293,7 +44299,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
   const e = He();
   return /* @__PURE__ */ s(ie, {
     variant: "subtle",
-    leftIcon: /* @__PURE__ */ s(yo, {
+    leftIcon: /* @__PURE__ */ s(vo, {
       size: 14
     }),
     size: "sm",
@@ -44353,7 +44359,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
   });
 }), p7 = J(() => {
   const e = He();
-  return /* @__PURE__ */ v(Pr, {
+  return /* @__PURE__ */ v(Nr, {
     p: 0,
     width: {
       base: 200,
@@ -44366,7 +44372,7 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
     sx: {
       height: "100vh - 60px - 60px"
     },
-    children: [/* @__PURE__ */ s(Pr.Section, {
+    children: [/* @__PURE__ */ s(Nr.Section, {
       pt: 9,
       pb: 8,
       sx: {
@@ -44380,13 +44386,13 @@ const o7 = J(() => /* @__PURE__ */ s(W, {
         },
         children: "Settings"
       })
-    }), /* @__PURE__ */ s(Pr.Section, {
+    }), /* @__PURE__ */ s(Nr.Section, {
       grow: !0,
       sx: {
         overflow: "auto"
       },
       children: /* @__PURE__ */ s(h7, {})
-    }), /* @__PURE__ */ s(Pr.Section, {
+    }), /* @__PURE__ */ s(Nr.Section, {
       children: /* @__PURE__ */ s(F, {
         grow: !0,
         p: "md",
@@ -44582,7 +44588,7 @@ const x7 = {
           freezeLayout: c,
           inEditMode: !0
         },
-        children: /* @__PURE__ */ s(_r.Provider, {
+        children: /* @__PURE__ */ s(Sr.Provider, {
           value: h,
           children: /* @__PURE__ */ v(yl, {
             configure: f,
@@ -44644,7 +44650,7 @@ const dU = J(({
           },
           children: /* @__PURE__ */ s(xe, {
             className: `${n} dashboard-root`,
-            children: /* @__PURE__ */ s(_r.Provider, {
+            children: /* @__PURE__ */ s(Sr.Provider, {
               value: c,
               children: /* @__PURE__ */ s(yl, {
                 configure: u,