@devtable/dashboard 8.41.1 → 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 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 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 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 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 Bt, 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 vt, 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 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 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 pr, 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(() => {
@@ -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 }));
 }
@@ -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);
@@ -3443,7 +3443,7 @@ function u1(e, t) {
     }, Se);
   } : function(le, ye) {
     var Se = bt(le, ye);
-    return /* @__PURE__ */ mo(na, {
+    return /* @__PURE__ */ go(na, {
       ...Dt,
       order: ye,
       key: Se,
@@ -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();
     });
@@ -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);
   }
@@ -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;
 }
@@ -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;
@@ -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() {
@@ -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,
@@ -8058,14 +8058,14 @@ function pA(e) {
   }
   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;
@@ -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) {
@@ -8632,7 +8632,7 @@ function AA(e, t) {
 }
 function $A(e) {
   function t(n) {
-    var r = co(n);
+    var r = lo(n);
     return r.map(function(o) {
       if (!zA(o))
         return yt(!o, "Tree/TreeNode can only accept TreeNode as children."), null;
@@ -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,
@@ -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,
@@ -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,
@@ -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);
@@ -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({
@@ -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,
@@ -11444,7 +11444,7 @@ 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);
@@ -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.1", 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 = [
@@ -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,
@@ -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: [
       {
@@ -14069,7 +14069,7 @@ function WP({
   });
 }
 function GP(e) {
-  return Ao(e, "variables");
+  return Do(e, "variables");
 }
 function qP(e) {
   const {
@@ -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,
@@ -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",
@@ -17224,8 +17224,8 @@ 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 {
@@ -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),
@@ -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",
@@ -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",
@@ -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"
           })
@@ -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,
@@ -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>
@@ -24214,7 +24214,7 @@ function XV(e) {
   };
 }
 function QV(e) {
-  return Ao(e, ["variables"]);
+  return Do(e, ["variables"]);
 }
 function ZV(e) {
   const t = vn(e), n = vt(t, "color.valueRange");
@@ -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) {
@@ -27865,7 +27865,7 @@ const F4 = Bt((e, t) => {
     control: e,
     name: "columns"
   }), l = () => {
-    const u = lo();
+    const u = Ao();
     o({
       id: u,
       label: u,
@@ -28040,7 +28040,7 @@ function U4({
       id: n,
       ...r
     }) => ({
-      id: n != null ? n : lo(),
+      id: n != null ? n : Ao(),
       ...r
     }))
   };
@@ -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
           }))
         }
@@ -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;
@@ -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,
@@ -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) {
@@ -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",
@@ -32687,7 +32687,7 @@ const vr = {
         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));
     };
   }
 };
@@ -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) => ({
@@ -33660,7 +33660,7 @@ 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 = vt(n, "message", "unkown error");
           e.error = vt(n, "response.data.detail.message", r), e.state = "error";
@@ -33687,7 +33687,7 @@ 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 = 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", {
@@ -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";
@@ -34038,7 +34038,7 @@ const mB = R.model("QueryModel", {
           )
         ), 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 = [];
@@ -34059,7 +34059,7 @@ const mB = R.model("QueryModel", {
           )
         ), 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 = [];
@@ -34340,10 +34340,10 @@ class NB {
     return !Ht(pr(this.origin), pr(this.copy));
   }
   commit() {
-    Eo(this.origin, pr(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: ""
@@ -34948,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;
@@ -34962,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) {
@@ -35169,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",
@@ -36681,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;
@@ -36693,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);
@@ -38183,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 {
@@ -38209,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,
@@ -38229,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,
@@ -38243,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;
@@ -38653,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]],
         [
@@ -38664,7 +38666,7 @@ function Hx(e, t, n, r, o = [0, 0], i) {
     } else
       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]
@@ -38673,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 {
@@ -38978,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,
@@ -39031,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;
@@ -39056,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) => ({
@@ -39075,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;
@@ -39091,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();
@@ -40046,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" })] }) });
@@ -40573,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",
@@ -41272,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);
@@ -42125,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
@@ -42270,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
@@ -42960,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: {
@@ -43700,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: {
@@ -44073,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",
@@ -44173,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",
@@ -44213,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",
@@ -44236,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",
@@ -44268,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",
@@ -44297,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",