@devtable/dashboard 10.50.0 → 10.50.1

package/dist/dashboard.es.js

@@ -2,15 +2,15 @@ var Bu = Object.defineProperty;
 var qu = (t, e, n) => e in t ? Bu(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var O = (t, e, n) => (qu(t, typeof e != "symbol" ? e + "" : e, n), n);
 import L, { useState as V, useEffect as E, useCallback as Be, useMemo as T, forwardRef as de, createElement as Yr, useContext as Ht, useRef as Xr, createContext as Uo, memo as Wu } from "react";
-import { Box as M, Select as A, Stack as w, Text as j, Group as b, TextInput as I, Button as C, Switch as Ne, NumberInput as K, Divider as z, Table as Ze, ActionIcon as B, MultiSelect as er, Paper as Gu, Code as Ha, Modal as me, Tabs as m, LoadingOverlay as jn, Alert as xi, ColorSwatch as Xs, Overlay as Rt, Checkbox as U, Center as vn, useMantineTheme as Ko, CheckIcon as Qu, MANTINE_SIZES as Hu, SimpleGrid as en, Tooltip as ge, NativeSelect as Yo, SegmentedControl as Uu, HoverCard as $e, Anchor as Js, Textarea as Ku, Collapse as mi, Mark as Yu, ColorInput as fi, createStyles as cr, Popover as Rs, Slider as Xu, Flex as Ut, Badge as tr, CloseButton as Xo, Menu as ee, Affix as Ju, Header as Zu, List as zt, FileInput as eh, ThemeIcon as Es, UnstyledButton as th, Navbar as Nt, JsonInput as Jo, Pagination as Zo, Drawer as nh, Accordion as _r, Radio as Ua, Skeleton as Ka, NavLink as Zs, AppShell as el } from "@mantine/core";
+import { Box as M, Select as A, Stack as w, Text as j, Group as b, TextInput as I, Button as C, Switch as Ne, NumberInput as K, Divider as z, Table as Ze, ActionIcon as B, MultiSelect as er, Paper as Gu, Code as Ha, Modal as me, Tabs as m, LoadingOverlay as jn, Alert as xi, ColorSwatch as Xs, Overlay as Rt, Checkbox as U, Center as vn, useMantineTheme as Ko, CheckIcon as Qu, MANTINE_SIZES as Hu, SimpleGrid as en, Tooltip as ge, NativeSelect as Yo, SegmentedControl as Uu, HoverCard as Fe, Anchor as Js, Textarea as Ku, Collapse as mi, Mark as Yu, ColorInput as fi, createStyles as cr, Popover as Rs, Slider as Xu, Flex as Ut, Badge as tr, CloseButton as Xo, Menu as ee, Affix as Ju, Header as Zu, List as zt, FileInput as eh, ThemeIcon as Es, UnstyledButton as th, Navbar as Nt, JsonInput as Jo, Pagination as Zo, Drawer as nh, Accordion as _r, Radio as Ua, Skeleton as Ka, NavLink as Zs, AppShell as el } from "@mantine/core";
 import { useModals as Ct, ModalsProvider as tl } from "@mantine/modals";
-import { useBoolean as Ee, useCreation as _t, useAsyncEffect as dr, useRequest as gn, useWhyDidYouUpdate as nl, useLatest as Ya, usePrevious as rh } from "ahooks";
+import { useBoolean as Re, useCreation as _t, useAsyncEffect as dr, useRequest as gn, useWhyDidYouUpdate as nl, useLatest as Ya, usePrevious as rh } from "ahooks";
 import { observable as rl, runInAction as Yn, toJS as Kt, reaction as st, makeAutoObservable as ur } from "mobx";
 import { observer as k } from "mobx-react-lite";
 import * as sh from "crypto-js";
 import ih from "crypto-js";
 import H from "dayjs";
-import _, { unset as ah, get as te, isObject as sl, set as gi, omit as bn, isFunction as oh, orderBy as lh, last as il, defaults as Ce, minBy as ch, maxBy as dh, cloneDeep as Oe, values as al, template as bi, throttle as uh, isEqual as xe, defaultsDeep as fe, keyBy as hh, isEmpty as ol, isNumber as ph, findLastIndex as xh, isString as ll, range as mh, cloneDeepWith as cl, pick as dl } from "lodash";
+import _, { unset as ah, get as te, isObject as sl, set as gi, omit as bn, isFunction as oh, orderBy as lh, last as il, defaults as Ce, minBy as ch, maxBy as dh, cloneDeep as Pe, values as al, template as bi, throttle as uh, isEqual as xe, defaultsDeep as fe, keyBy as hh, isEmpty as ol, isNumber as ph, findLastIndex as xh, isString as ll, range as mh, cloneDeepWith as cl, pick as dl } from "lodash";
 import Y from "numbro";
 import * as fh from "d3-array";
 import { quantile as zr } from "d3-array";
@@ -22,10 +22,10 @@ import nr, { random as Jr } from "chroma-js";
 import Ue from "echarts-for-react/lib/core";
 import "echarts-gl";
 import { GridComponent as ot, VisualMapComponent as hr, LegendComponent as lt, TooltipComponent as ct, DataZoomComponent as Et, MarkLineComponent as Zr, MarkAreaComponent as yi, CalendarComponent as bh } from "echarts/components";
-import * as ae from "echarts/core";
+import * as ie from "echarts/core";
 import { CanvasRenderer as Ke } from "echarts/renderers";
 import { useForm as je, Controller as g, useFieldArray as ve, useWatch as yh } from "react-hook-form";
-import { DeviceFloppy as he, ArrowRight as Fs, Trash as oe, AlertCircle as jh, Recycle as pt, InfoCircle as sn, Plus as ze, Calendar as vh, Refresh as ji, Download as vi, ArrowsMaximize as ul, Settings as hl, Copy as wh, ArrowLeft as _h, ArrowsMove as Ch, ChevronDownRight as Sh, ChevronsUpRight as kh, PlaylistAdd as es, ArrowBarToRight as Th } from "tabler-icons-react";
+import { DeviceFloppy as he, ArrowRight as Fs, Trash as ae, AlertCircle as jh, Recycle as pt, InfoCircle as sn, Plus as De, Calendar as vh, Refresh as ji, Download as vi, ArrowsMaximize as ul, Settings as hl, Copy as wh, ArrowLeft as _h, ArrowsMove as Ch, ChevronDownRight as Sh, ChevronsUpRight as kh, PlaylistAdd as es, ArrowBarToRight as Th } from "tabler-icons-react";
 import { BoxplotChart as Ih, BarChart as On, LineChart as Vn, ScatterChart as ts, FunnelChart as Dh, HeatmapChart as ns, PieChart as zh, RadarChart as Mh, SunburstChart as Lh } from "echarts/charts";
 import { IconDeviceFloppy as Yt, IconTextSize as wi, IconInfoCircle as wn, IconPlayerSkipBack as pl, IconRecycle as rs, IconMathFunction as Ah, IconPlus as xt, IconBorderAll as Rh, IconTrash as tn, IconArrowDown as Eh, IconArrowUp as Fh, IconCode as nn, IconCamera as ss, IconShare3 as $h, IconDownload as xl, IconArrowsLeftRight as Ph, IconVariable as ml, IconCodeDots as Oh, IconFilter as fl, IconCopy as Vh, IconDatabase as is, IconBoxMultiple as gl, IconMenu2 as Nh, IconCaretDown as Bh, IconAlertTriangle as _i, IconArrowLeft as qh, IconPlaylistAdd as Ja, IconPointFilled as Ci, IconFileImport as Za, IconCircleDashed as Wh, IconCircleDot as Gh, IconCircleOff as Qh, IconAdjustments as Hh, IconLink as Uh, IconSettings as as, IconArrowCurveRight as ei, IconLine as Kh, IconX as bl, IconEye as yl, IconTable as Yh, IconColumns as Xh, IconAlertCircle as eo, IconVariablePlus as Jh, IconHierarchy as Zh, IconDiscountCheckFilled as ep } from "@tabler/icons-react";
 import { useClipboard as tp, randomId as yn, useElementSize as rr, useDisclosure as os, useInputState as jl } from "@mantine/hooks";
@@ -58,7 +58,7 @@ import { DatePickerInput as Sp } from "@mantine/dates";
 import kp, { Option as Tp } from "rc-select";
 import Ip, { SHOW_PARENT as Dp } from "rc-tree-select";
 import Ol, { WidthProvider as Vl } from "react-grid-layout";
-import { types as f, cast as Mt, getParent as Pe, getRoot as ke, addDisposer as wt, isAlive as no, flow as An, toGenerator as un, clone as zp, getSnapshot as Wt, applySnapshot as Ge, addMiddleware as Mp, getType as Lp, detach as ti, castToSnapshot as Nl } from "mobx-state-tree";
+import { types as f, cast as Mt, getParent as $e, getRoot as Ve, addDisposer as wt, isAlive as no, flow as An, toGenerator as un, clone as zp, getSnapshot as Wt, applySnapshot as Ge, addMiddleware as Mp, getType as Lp, detach as ti, castToSnapshot as Nl } from "mobx-state-tree";
 import { arrayToTree as Ap } from "performant-array-to-tree";
 import { AsyncParser as Rp } from "@json2csv/whatwg";
 import { saveAs as Si } from "file-saver";
@@ -153,23 +153,23 @@ function vx() {
       {
         for (var R = arguments.length, $ = new Array(R > 1 ? R - 1 : 0), Q = 1; Q < R; Q++)
           $[Q - 1] = arguments[Q];
-        re("error", v, $);
+        oe("error", v, $);
       }
     }
-    function re(v, R, $) {
+    function oe(v, R, $) {
       {
-        var Q = P.ReactDebugCurrentFrame, se = Q.getStackAddendum();
-        se !== "" && (R += "%s", $ = $.concat([se]));
+        var Q = P.ReactDebugCurrentFrame, re = Q.getStackAddendum();
+        re !== "" && (R += "%s", $ = $.concat([re]));
         var pe = $.map(function(Z) {
           return String(Z);
         });
         pe.unshift("Warning: " + R), Function.prototype.apply.call(console[v], console, pe);
       }
     }
-    var be = !1, ne = !1, _e = !1, Te = !1, Me = !1, on;
+    var be = !1, ne = !1, _e = !1, ke = !1, ze = !1, on;
     on = Symbol.for("react.module.reference");
     function yt(v) {
-      return !!(typeof v == "string" || typeof v == "function" || v === s || v === a || Me || v === i || v === d || v === u || Te || v === x || be || ne || _e || typeof v == "object" && v !== null && (v.$$typeof === p || v.$$typeof === h || v.$$typeof === o || v.$$typeof === l || v.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof v == "string" || typeof v == "function" || v === s || v === a || ze || v === i || v === d || v === u || ke || v === x || be || ne || _e || typeof v == "object" && v !== null && (v.$$typeof === p || v.$$typeof === h || v.$$typeof === o || v.$$typeof === l || v.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -179,8 +179,8 @@ function vx() {
       var Q = v.displayName;
       if (Q)
         return Q;
-      var se = R.displayName || R.name || "";
-      return se !== "" ? $ + "(" + se + ")" : $;
+      var re = R.displayName || R.name || "";
+      return re !== "" ? $ + "(" + re + ")" : $;
     }
     function Wn(v) {
       return v.displayName || "Context";
@@ -220,7 +220,7 @@ function vx() {
             var Q = v.displayName || null;
             return Q !== null ? Q : Pt(v.type) || "Memo";
           case p: {
-            var se = v, pe = se._payload, Z = se._init;
+            var re = v, pe = re._payload, Z = re._init;
             try {
               return Pt(Z(pe));
             } catch {
@@ -298,8 +298,8 @@ function vx() {
         if (Ts === void 0)
           try {
             throw Error();
-          } catch (se) {
-            var Q = se.stack.trim().match(/\n( *(at )?)/);
+          } catch (re) {
+            var Q = re.stack.trim().match(/\n( *(at )?)/);
             Ts = Q && Q[1] || "";
           }
         return `
@@ -321,7 +321,7 @@ function vx() {
       }
       var Q;
       Is = !0;
-      var se = Error.prepareStackTrace;
+      var re = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var pe;
       pe = ks.current, ks.current = null, gu();
@@ -361,23 +361,23 @@ function vx() {
         if (Ot && Q && typeof Ot.stack == "string") {
           for (var J = Ot.stack.split(`
 `), We = Q.stack.split(`
-`), Se = J.length - 1, Ie = We.length - 1; Se >= 1 && Ie >= 0 && J[Se] !== We[Ie]; )
-            Ie--;
-          for (; Se >= 1 && Ie >= 0; Se--, Ie--)
-            if (J[Se] !== We[Ie]) {
-              if (Se !== 1 || Ie !== 1)
+`), Se = J.length - 1, Te = We.length - 1; Se >= 1 && Te >= 0 && J[Se] !== We[Te]; )
+            Te--;
+          for (; Se >= 1 && Te >= 0; Se--, Te--)
+            if (J[Se] !== We[Te]) {
+              if (Se !== 1 || Te !== 1)
                 do
-                  if (Se--, Ie--, Ie < 0 || J[Se] !== We[Ie]) {
+                  if (Se--, Te--, Te < 0 || J[Se] !== We[Te]) {
                     var dt = `
 ` + J[Se].replace(" at new ", " at ");
                     return v.displayName && dt.includes("<anonymous>") && (dt = dt.replace("<anonymous>", v.displayName)), typeof v == "function" && yr.set(v, dt), dt;
                   }
-                while (Se >= 1 && Ie >= 0);
+                while (Se >= 1 && Te >= 0);
               break;
             }
         }
       } finally {
-        Is = !1, ks.current = pe, bu(), Error.prepareStackTrace = se;
+        Is = !1, ks.current = pe, bu(), Error.prepareStackTrace = re;
       }
       var Dn = v ? v.displayName || v.name : "", Qa = Dn ? br(Dn) : "";
       return typeof v == "function" && yr.set(v, Qa), Qa;
@@ -409,9 +409,9 @@ function vx() {
           case h:
             return jr(v.type, R, $);
           case p: {
-            var Q = v, se = Q._payload, pe = Q._init;
+            var Q = v, re = Q._payload, pe = Q._init;
             try {
-              return jr(pe(se), R, $);
+              return jr(pe(re), R, $);
             } catch {
             }
           }
@@ -426,7 +426,7 @@ function vx() {
       } else
         Ea.setExtraStackFrame(null);
     }
-    function wu(v, R, $, Q, se) {
+    function wu(v, R, $, Q, re) {
       {
         var pe = Function.call.bind(vr);
         for (var Z in v)
@@ -441,7 +441,7 @@ function vx() {
             } catch (Se) {
               J = Se;
             }
-            J && !(J instanceof Error) && (wr(se), q("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Q || "React class", $, Z, typeof J), wr(null)), J instanceof Error && !(J.message in Ra) && (Ra[J.message] = !0, wr(se), q("Failed %s type: %s", $, J.message), wr(null));
+            J && !(J instanceof Error) && (wr(re), q("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Q || "React class", $, Z, typeof J), wr(null)), J instanceof Error && !(J.message in Ra) && (Ra[J.message] = !0, wr(re), q("Failed %s type: %s", $, J.message), wr(null));
           }
       }
     }
@@ -520,7 +520,7 @@ function vx() {
         });
       }
     }
-    var Lu = function(v, R, $, Q, se, pe, Z) {
+    var Lu = function(v, R, $, Q, re, pe, Z) {
       var J = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -546,13 +546,13 @@ function vx() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: se
+        value: re
       }), Object.freeze && (Object.freeze(J.props), Object.freeze(J)), J;
     };
-    function Au(v, R, $, Q, se) {
+    function Au(v, R, $, Q, re) {
       {
         var pe, Z = {}, J = null, We = null;
-        $ !== void 0 && ($a($), J = "" + $), Iu(R) && ($a(R.key), J = "" + R.key), Tu(R) && (We = R.ref, Du(R, se));
+        $ !== void 0 && ($a($), J = "" + $), Iu(R) && ($a(R.key), J = "" + R.key), Tu(R) && (We = R.ref, Du(R, re));
         for (pe in R)
           vr.call(R, pe) && !ku.hasOwnProperty(pe) && (Z[pe] = R[pe]);
         if (v && v.defaultProps) {
@@ -561,10 +561,10 @@ function vx() {
             Z[pe] === void 0 && (Z[pe] = Se[pe]);
         }
         if (J || We) {
-          var Ie = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
-          J && zu(Z, Ie), We && Mu(Z, Ie);
+          var Te = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
+          J && zu(Z, Te), We && Mu(Z, Te);
         }
-        return Lu(v, J, We, se, Q, Qn.current, Z);
+        return Lu(v, J, We, re, Q, Qn.current, Z);
       }
     }
     var Ms = P.ReactCurrentOwner, Va = P.ReactDebugCurrentFrame;
@@ -641,9 +641,9 @@ Check the top-level render call using <` + $ + ">.");
         else if (As(v))
           v._store && (v._store.validated = !0);
         else if (v) {
-          var se = D(v);
-          if (typeof se == "function" && se !== v.entries)
-            for (var pe = se.call(v), Z; !(Z = pe.next()).done; )
+          var re = D(v);
+          if (typeof re == "function" && re !== v.entries)
+            for (var pe = re.call(v), Z; !(Z = pe.next()).done; )
               As(Z.value) && qa(Z.value, R);
         }
       }
@@ -667,8 +667,8 @@ Check the top-level render call using <` + $ + ">.");
           wu($, v.props, "prop", Q, v);
         } else if (R.PropTypes !== void 0 && !Ls) {
           Ls = !0;
-          var se = Pt(R);
-          q("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", se || "Unknown");
+          var re = Pt(R);
+          q("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", re || "Unknown");
         }
         typeof R.getDefaultProps == "function" && !R.getDefaultProps.isReactClassApproved && q("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -685,20 +685,20 @@ Check the top-level render call using <` + $ + ">.");
         v.ref !== null && (In(v), q("Invalid attribute `ref` supplied to `React.Fragment`."), In(null));
       }
     }
-    function Ga(v, R, $, Q, se, pe) {
+    function Ga(v, R, $, Q, re, pe) {
       {
         var Z = yt(v);
         if (!Z) {
           var J = "";
           (v === void 0 || typeof v == "object" && v !== null && Object.keys(v).length === 0) && (J += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var We = Ru(se);
+          var We = Ru(re);
           We ? J += We : J += Na();
           var Se;
           v === null ? Se = "null" : Ds(v) ? Se = "array" : v !== void 0 && v.$$typeof === e ? (Se = "<" + (Pt(v.type) || "Unknown") + " />", J = " Did you accidentally export a JSX literal instead of a component?") : Se = typeof v, q("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Se, J);
         }
-        var Ie = Au(v, R, $, se, pe);
-        if (Ie == null)
-          return Ie;
+        var Te = Au(v, R, $, re, pe);
+        if (Te == null)
+          return Te;
         if (Z) {
           var dt = R.children;
           if (dt !== void 0)
@@ -712,7 +712,7 @@ Check the top-level render call using <` + $ + ">.");
             else
               Wa(dt, v);
         }
-        return v === s ? $u(Ie) : Fu(Ie), Ie;
+        return v === s ? $u(Te) : Fu(Te), Te;
       }
     }
     function Pu(v, R, $) {
@@ -1307,7 +1307,7 @@ class zi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const Ul = "10.50.0", Qx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ul = "10.50.1", Qx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Ul
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1429,7 +1429,7 @@ class we extends Kx {
 const G = (t, e) => {
   const [n, {
     setFalse: s
-  }] = Ee(!0), [i, a] = V();
+  }] = Re(!0), [i, a] = V();
   E(() => (t.getItem(e).then((l) => {
     a(l), s();
   }), t.watchItem(e, (l) => {
@@ -1515,7 +1515,7 @@ const Mi = {
     name: "Z Axis Name"
   }
 };
-ae.use([ot, hr, lt, ct, Ke]);
+ie.use([ot, hr, lt, ct, Ke]);
 function Jx({
   context: t
 }) {
@@ -1543,10 +1543,10 @@ function Jx({
     min: S,
     max: D
   } = T(() => {
-    const q = ch(h, (be) => be[y.columnKey]), re = dh(h, (be) => be[y.columnKey]);
+    const q = ch(h, (be) => be[y.columnKey]), oe = dh(h, (be) => be[y.columnKey]);
     return {
       min: te(q, y.columnKey),
-      max: te(re, y.columnKey)
+      max: te(oe, y.columnKey)
     };
   }, [h, y]), P = {
     tooltip: {},
@@ -1584,7 +1584,7 @@ function Jx({
       data: h.map((q) => [q[p.columnKey], q[x.columnKey], q[y.columnKey]])
     }]
   };
-  return e ? /* @__PURE__ */ r.jsx(et, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: P, style: pr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
+  return e ? /* @__PURE__ */ r.jsx(et, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: P, style: pr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
 }
 const Kl = L.createContext(null), Yl = Kl.Provider;
 function Xl() {
@@ -1606,7 +1606,7 @@ function rc() {
     throw new Error("Please use ContentModelContextProvider");
   return t;
 }
-const ce = () => rc(), Fe = () => rc(), em = {
+const ce = () => rc(), Ee = () => rc(), em = {
   inEditMode: !1
 }, Li = L.createContext(em), sc = L.createContext({
   panel: null,
@@ -1773,7 +1773,7 @@ const am = {
   createConfig() {
     return {
       version: 2,
-      config: Oe(Mi)
+      config: Pe(Mi)
     };
   }
 };
@@ -1806,7 +1806,7 @@ class Qe extends L.Component {
     return this.props.children;
   }
 }
-const Ve = {
+const Oe = {
   mantissa: 0,
   output: "number",
   trimMantissa: !1,
@@ -2050,7 +2050,7 @@ const Ai = {
   y_axis: {
     name: "Y Axis",
     data_key: "value",
-    label_formatter: Ve
+    label_formatter: Oe
   },
   tooltip: {
     metrics: []
@@ -2672,7 +2672,7 @@ const $m = k(({
   const [e, {
     setTrue: n,
     setFalse: s
-  }] = Ee(!1), {
+  }] = Re(!1), {
     operationManager: i,
     operationId: a,
     instance: o,
@@ -2759,7 +2759,7 @@ const Wm = k(({
   const [e, {
     setTrue: n,
     setFalse: s
-  }] = Ee(!1), i = t.model;
+  }] = Re(!1), i = t.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(me, { opened: e, onClose: s, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ r.jsxs(w, { children: [
       /* @__PURE__ */ r.jsx(Gm, { model: i }),
@@ -2795,7 +2795,7 @@ const Km = k(({
     return /* @__PURE__ */ r.jsxs(b, { children: [
       /* @__PURE__ */ r.jsx(Hm, { model: c }),
       /* @__PURE__ */ r.jsx(Vm, { instance: n, operationId: l, variables: d, operationManager: e.operationManager }),
-      /* @__PURE__ */ r.jsx(B, { "aria-label": "delete-interaction", variant: "filled", color: "red", onClick: () => a(t), children: /* @__PURE__ */ r.jsx(oe, { size: 16 }) })
+      /* @__PURE__ */ r.jsx(B, { "aria-label": "delete-interaction", variant: "filled", color: "red", onClick: () => a(t), children: /* @__PURE__ */ r.jsx(ae, { size: 16 }) })
     ] });
   }
   return null;
@@ -3371,7 +3371,7 @@ function Tf({
     series: [...c, ...vf(a, n, e)]
   };
 }
-ae.use([Et, Ih, Zr, ot, lt, ct, Ke]);
+ie.use([Et, Ih, Zr, ot, lt, ct, Ke]);
 function If({
   context: t,
   instance: e
@@ -3403,7 +3403,7 @@ function If({
     data: i,
     variables: s
   }), [l, i, s]);
-  return !n || !a || !o ? null : /* @__PURE__ */ r.jsx(et, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: x, style: pr(a, o), onEvents: p, notMerge: !0, theme: "merico-light" }) });
+  return !n || !a || !o ? null : /* @__PURE__ */ r.jsx(et, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: x, style: pr(a, o), onEvents: p, notMerge: !0, theme: "merico-light" }) });
 }
 function Df({
   value: t,
@@ -3491,7 +3491,7 @@ function zf({
       position: "absolute",
       top: 15,
       right: 5
-    }, children: /* @__PURE__ */ r.jsx(oe, { size: 16 }) })
+    }, children: /* @__PURE__ */ r.jsx(ae, { size: 16 }) })
   ] });
 }
 function Mf({
@@ -3548,7 +3548,7 @@ const Lf = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = V(t);
+  }] = Re(), [o, l] = V(t);
   E(() => {
     l(t);
   }, [t]);
@@ -3672,7 +3672,7 @@ const Lf = ({
     }, ...s }) })
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
@@ -3717,7 +3717,7 @@ const Lf = ({
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: h.name ? h.name : p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(Ef, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -3827,7 +3827,7 @@ function Nf(t) {
 }
 function Bf(t) {
   const {
-    label_formatter: e = Ve,
+    label_formatter: e = Oe,
     ...n
   } = t.y_axis;
   return {
@@ -4049,7 +4049,7 @@ const Yf = {
   createConfig() {
     return {
       version: 9,
-      config: Oe(Ai)
+      config: Pe(Ai)
     };
   },
   triggers: [lc]
@@ -4089,7 +4089,7 @@ const $i = {
   const n = gt({
     vizManager: t.vizManager,
     instance: e
-  }), s = ft(n.triggerManager, pc.id), i = Fe(), {
+  }), s = ft(n.triggerManager, pc.id), i = Ee(), {
     value: a
   } = G(t.instanceData, "config"), o = T(() => fe({}, a, $i), [a]), {
     content: l,
@@ -4296,7 +4296,7 @@ const dg = {
   createConfig() {
     return {
       version: 2,
-      config: Oe($i)
+      config: Pe($i)
     };
   },
   triggers: [pc]
@@ -4370,7 +4370,7 @@ const qn = {
     show: !0,
     position: "left",
     nameAlignment: "center",
-    label_formatter: Ve
+    label_formatter: Oe
   }],
   reference_lines: [],
   reference_areas: [],
@@ -4672,7 +4672,7 @@ function Tg({
   hide_in_legend: p,
   ...x
 }, y, S, D, P) {
-  const q = e.type !== "category", re = {
+  const q = e.type !== "category", oe = {
     label: {
       show: !!i,
       position: i,
@@ -4690,25 +4690,25 @@ function Tg({
     },
     ...x
   };
-  if (x.type === "line" && (re.lineStyle = {
+  if (x.type === "line" && (oe.lineStyle = {
     shadowColor: "rgba(255,255,255,1)",
     shadowBlur: 0,
     shadowOffsetX: 0,
     shadowOffsetY: 3
-  }), u && (re.endLabel = {
+  }), u && (oe.endLabel = {
     show: !0,
     formatter: a,
     offset: [-12, 12],
     align: "right"
   }), !o || o === t)
-    return re.data = Sg({
+    return oe.data = Sg({
       dataTemplate: y,
       data: S,
       aggregation_on_value: l,
       x_axis_data_key: t,
       y_axis_data_key: n,
       valueTypedXAxis: q
-    }), re;
+    }), oe;
   const be = kg({
     group_by_key: o,
     data: S,
@@ -4716,8 +4716,8 @@ function Tg({
     y_axis_data_key: n
   });
   return Object.entries(be).map(([ne, _e]) => {
-    const Te = Oe(re);
-    return Te.name = ne, Te.color = void 0, Te.data = _e, Te;
+    const ke = Pe(oe);
+    return ke.name = ne, ke.color = void 0, ke.data = _e, ke;
   });
 }
 function Ig(t, e, n, s, i, a) {
@@ -4917,7 +4917,7 @@ function uo(t) {
     series: n
   });
 }
-ae.use([Et, On, Vn, ts, ot, lt, ct, Ke, Zr, yi]);
+ie.use([Et, On, Vn, ts, ot, lt, ct, Ke, Zr, yi]);
 function ho(t) {
   return t.trim().length > 0;
 }
@@ -4946,7 +4946,7 @@ function Pg({
   };
   return E(() => {
     u.current && uo(u.current);
-  }, [d]), !n || !s ? null : /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: d, style: {
+  }, [d]), !n || !s ? null : /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: d, style: {
     width: n,
     height: s
   }, onEvents: h, onChartReady: p, notMerge: !0, theme: "merico-light" });
@@ -5087,7 +5087,7 @@ function Bg({
         }, ...i })
       ) })
     ] }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Reference Area" })
@@ -5132,7 +5132,7 @@ function qg({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       l.map((u, h) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.toString(), children: h + 1 }, u.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((u, h) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.toString(), children: /* @__PURE__ */ r.jsx(Bg, { control: t, index: h, remove: a, variableOptions: d }) }, u.id))
   ] });
@@ -5254,7 +5254,7 @@ function Qg({
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${e}.show_in_legend`, control: t, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(U, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Reference Line" })
@@ -5309,7 +5309,7 @@ function Hg({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       l.map((p, x) => /* @__PURE__ */ r.jsx(m.Tab, { value: x.toString(), children: x + 1 }, p.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((p, x) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(Qg, { control: t, index: x, remove: a, watch: e, variableOptions: d, yAxisOptions: h }) }, p.id))
   ] });
@@ -5440,7 +5440,7 @@ function Yg({
         field: o
       }) => /* @__PURE__ */ r.jsx(He, { ...o }) })
     ] }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => s(n), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => s(n), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Regression Line" })
@@ -5499,7 +5499,7 @@ function Xg({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       o.map((u, h) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.toString(), children: h + 1 }, u.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: d, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: d, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((u, h) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.toString(), children: /* @__PURE__ */ r.jsx(Yg, { regressionItem: u, control: t, index: h, remove: i, yAxisOptions: c }) }, u.id))
   ] });
@@ -5641,7 +5641,7 @@ function fc(t, e, n, s) {
     n -= c, s -= c;
   }
 }
-class ie {
+class se {
   /**
   @internal
   */
@@ -5695,7 +5695,7 @@ class ie {
     let n = this.lastChild, s = e.firstChild, i = this.content.slice(), a = 0;
     for (n.isText && n.sameMarkup(s) && (i[i.length - 1] = n.withText(n.text + s.text), a = 1); a < e.content.length; a++)
       i.push(e.content[a]);
-    return new ie(i, this.size + e.size);
+    return new se(i, this.size + e.size);
   }
   /**
   Cut out the sub-fragment between the two given positions.
@@ -5709,13 +5709,13 @@ class ie {
         let l = this.content[a], c = o + l.nodeSize;
         c > e && ((o < e || c > n) && (l.isText ? l = l.cut(Math.max(0, e - o), Math.min(l.text.length, n - o)) : l = l.cut(Math.max(0, e - o - 1), Math.min(l.content.size, n - o - 1))), s.push(l), i += l.nodeSize), o = c;
       }
-    return new ie(s, i);
+    return new se(s, i);
   }
   /**
   @internal
   */
   cutByIndex(e, n) {
-    return e == n ? ie.empty : e == 0 && n == this.content.length ? this : new ie(this.content.slice(e, n));
+    return e == n ? se.empty : e == 0 && n == this.content.length ? this : new se(this.content.slice(e, n));
   }
   /**
   Create a new fragment in which the node at the given index is
@@ -5726,21 +5726,21 @@ class ie {
     if (s == n)
       return this;
     let i = this.content.slice(), a = this.size + n.nodeSize - s.nodeSize;
-    return i[e] = n, new ie(i, a);
+    return i[e] = n, new se(i, a);
   }
   /**
   Create a new fragment by prepending the given node to this
   fragment.
   */
   addToStart(e) {
-    return new ie([e].concat(this.content), this.size + e.nodeSize);
+    return new se([e].concat(this.content), this.size + e.nodeSize);
   }
   /**
   Create a new fragment by appending the given node to this
   fragment.
   */
   addToEnd(e) {
-    return new ie(this.content.concat(e), this.size + e.nodeSize);
+    return new se(this.content.concat(e), this.size + e.nodeSize);
   }
   /**
   Compare this fragment to another one.
@@ -5855,10 +5855,10 @@ class ie {
   */
   static fromJSON(e, n) {
     if (!n)
-      return ie.empty;
+      return se.empty;
     if (!Array.isArray(n))
       throw new RangeError("Invalid input for Fragment.fromJSON");
-    return new ie(n.map(e.nodeFromJSON));
+    return new se(n.map(e.nodeFromJSON));
   }
   /**
   Build a fragment from an array of nodes. Ensures that adjacent
@@ -5866,13 +5866,13 @@ class ie {
   */
   static fromArray(e) {
     if (!e.length)
-      return ie.empty;
+      return se.empty;
     let n, s = 0;
     for (let i = 0; i < e.length; i++) {
       let a = e[i];
       s += a.nodeSize, i && a.isText && e[i - 1].sameMarkup(a) ? (n || (n = e.slice(0, i)), n[n.length - 1] = a.withText(n[n.length - 1].text + a.text)) : n && n.push(a);
     }
-    return new ie(n || e, s);
+    return new se(n || e, s);
   }
   /**
   Create a fragment from something that can be interpreted as a
@@ -5882,17 +5882,17 @@ class ie {
   */
   static from(e) {
     if (!e)
-      return ie.empty;
-    if (e instanceof ie)
+      return se.empty;
+    if (e instanceof se)
       return e;
     if (Array.isArray(e))
       return this.fromArray(e);
     if (e.attrs)
-      return new ie([e], e.nodeSize);
+      return new se([e], e.nodeSize);
     throw new RangeError("Can not convert " + e + " to a Fragment" + (e.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 }
-ie.empty = new ie([], 0);
+se.empty = new se([], 0);
 const Vs = { index: 0, offset: 0 };
 function Cr(t, e) {
   return Vs.index = t, Vs.offset = e, Vs;
@@ -6093,7 +6093,7 @@ class ue {
     let s = n.openStart || 0, i = n.openEnd || 0;
     if (typeof s != "number" || typeof i != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new ue(ie.fromJSON(e, n.content), s, i);
+    return new ue(se.fromJSON(e, n.content), s, i);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -6108,7 +6108,7 @@ class ue {
     return new ue(e, s, i);
   }
 }
-ue.empty = new ue(ie.empty, 0, 0);
+ue.empty = new ue(se.empty, 0, 0);
 function gc(t, e, n) {
   let { index: s, offset: i } = t.findIndex(e), a = t.maybeChild(s), { index: o, offset: l } = t.findIndex(n);
   if (i == e || a.isText) {
@@ -6287,7 +6287,7 @@ class Sr {
     if (!this.match) {
       if (!this.type)
         return [];
-      let n = this.type.contentMatch.fillBefore(ie.from(e));
+      let n = this.type.contentMatch.fillBefore(se.from(e));
       if (n)
         this.match = this.type.contentMatch.matchFragment(n);
       else {
@@ -6305,8 +6305,8 @@ class Sr {
         s.text.length == i[0].length ? this.content.pop() : this.content[this.content.length - 1] = a.withText(a.text.slice(0, a.text.length - i[0].length));
       }
     }
-    let n = ie.from(this.content);
-    return !e && this.match && (n = n.append(this.match.fillBefore(ie.empty, !0))), this.type ? this.type.create(this.attrs, n, this.marks) : n;
+    let n = se.from(this.content);
+    return !e && this.match && (n = n.append(this.match.fillBefore(se.empty, !0))), this.type ? this.type.create(this.attrs, n, this.marks) : n;
   }
   popFromStashMark(e) {
     for (let n = this.stashMarks.length - 1; n >= 0; n--)
@@ -6838,7 +6838,7 @@ class tt {
     return Ns[e] = n, n.prototype.jsonID = e, n;
   }
 }
-class Ae {
+class Le {
   /**
   @internal
   */
@@ -6849,13 +6849,13 @@ class Ae {
   Create a successful step result.
   */
   static ok(e) {
-    return new Ae(e, null);
+    return new Le(e, null);
   }
   /**
   Create a failed step result.
   */
   static fail(e) {
-    return new Ae(null, e);
+    return new Le(null, e);
   }
   /**
   Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
@@ -6864,10 +6864,10 @@ class Ae {
   */
   static fromReplace(e, n, s, i) {
     try {
-      return Ae.ok(e.replace(n, s, i));
+      return Le.ok(e.replace(n, s, i));
     } catch (a) {
       if (a instanceof Jg)
-        return Ae.fail(a.message);
+        return Le.fail(a.message);
       throw a;
     }
   }
@@ -6878,7 +6878,7 @@ function Gi(t, e, n) {
     let a = t.child(i);
     a.content.size && (a = a.copy(Gi(a.content, e, a))), a.isInline && (a = e(a, n, i)), s.push(a);
   }
-  return ie.fromArray(s);
+  return se.fromArray(s);
 }
 class hn extends tt {
   /**
@@ -6889,7 +6889,7 @@ class hn extends tt {
   }
   apply(e) {
     let n = e.slice(this.from, this.to), s = e.resolve(this.from), i = s.node(s.sharedDepth(this.to)), a = new ue(Gi(n.content, (o, l) => !o.isAtom || !l.type.allowsMarkType(this.mark.type) ? o : o.mark(this.mark.addToSet(o.marks)), i), n.openStart, n.openEnd);
-    return Ae.fromReplace(e, this.from, this.to, a);
+    return Le.fromReplace(e, this.from, this.to, a);
   }
   invert() {
     return new pn(this.from, this.to, this.mark);
@@ -6928,7 +6928,7 @@ class pn extends tt {
   }
   apply(e) {
     let n = e.slice(this.from, this.to), s = new ue(Gi(n.content, (i) => i.mark(this.mark.removeFromSet(i.marks)), e), n.openStart, n.openEnd);
-    return Ae.fromReplace(e, this.from, this.to, s);
+    return Le.fromReplace(e, this.from, this.to, s);
   }
   invert() {
     return new hn(this.from, this.to, this.mark);
@@ -6968,9 +6968,9 @@ class xn extends tt {
   apply(e) {
     let n = e.nodeAt(this.pos);
     if (!n)
-      return Ae.fail("No node at mark step's position");
+      return Le.fail("No node at mark step's position");
     let s = n.type.create(n.attrs, null, this.mark.addToSet(n.marks));
-    return Ae.fromReplace(e, this.pos, this.pos + 1, new ue(ie.from(s), 0, n.isLeaf ? 0 : 1));
+    return Le.fromReplace(e, this.pos, this.pos + 1, new ue(se.from(s), 0, n.isLeaf ? 0 : 1));
   }
   invert(e) {
     let n = e.nodeAt(this.pos);
@@ -7012,9 +7012,9 @@ class ar extends tt {
   apply(e) {
     let n = e.nodeAt(this.pos);
     if (!n)
-      return Ae.fail("No node at mark step's position");
+      return Le.fail("No node at mark step's position");
     let s = n.type.create(n.attrs, null, this.mark.removeFromSet(n.marks));
-    return Ae.fromReplace(e, this.pos, this.pos + 1, new ue(ie.from(s), 0, n.isLeaf ? 0 : 1));
+    return Le.fromReplace(e, this.pos, this.pos + 1, new ue(se.from(s), 0, n.isLeaf ? 0 : 1));
   }
   invert(e) {
     let n = e.nodeAt(this.pos);
@@ -7051,7 +7051,7 @@ class Dt extends tt {
     super(), this.from = e, this.to = n, this.slice = s, this.structure = i;
   }
   apply(e) {
-    return this.structure && ii(e, this.from, this.to) ? Ae.fail("Structure replace would overwrite content") : Ae.fromReplace(e, this.from, this.to, this.slice);
+    return this.structure && ii(e, this.from, this.to) ? Le.fail("Structure replace would overwrite content") : Le.fromReplace(e, this.from, this.to, this.slice);
   }
   getMap() {
     return new ut([this.from, this.to - this.from, this.slice.size]);
@@ -7101,12 +7101,12 @@ class fn extends tt {
   }
   apply(e) {
     if (this.structure && (ii(e, this.from, this.gapFrom) || ii(e, this.gapTo, this.to)))
-      return Ae.fail("Structure gap-replace would overwrite content");
+      return Le.fail("Structure gap-replace would overwrite content");
     let n = e.slice(this.gapFrom, this.gapTo);
     if (n.openStart || n.openEnd)
-      return Ae.fail("Gap is not a flat range");
+      return Le.fail("Gap is not a flat range");
     let s = this.slice.insertAt(this.insert, n.content);
-    return s ? Ae.fromReplace(e, this.from, this.to, s) : Ae.fail("Content does not fit in gap");
+    return s ? Le.fromReplace(e, this.from, this.to, s) : Le.fail("Content does not fit in gap");
   }
   getMap() {
     return new ut([
@@ -7209,13 +7209,13 @@ class Jn extends tt {
   apply(e) {
     let n = e.nodeAt(this.pos);
     if (!n)
-      return Ae.fail("No node at attribute step's position");
+      return Le.fail("No node at attribute step's position");
     let s = /* @__PURE__ */ Object.create(null);
     for (let a in n.attrs)
       s[a] = n.attrs[a];
     s[this.attr] = this.value;
     let i = n.type.create(s, null, n.marks);
-    return Ae.fromReplace(e, this.pos, this.pos + 1, new ue(ie.from(i), 0, n.isLeaf ? 0 : 1));
+    return Le.fromReplace(e, this.pos, this.pos + 1, new ue(se.from(i), 0, n.isLeaf ? 0 : 1));
   }
   getMap() {
     return ut.empty;
@@ -7341,7 +7341,7 @@ class ye {
   found.
   */
   static findFrom(e, n, s = !1) {
-    let i = e.parent.inlineContent ? new Re(e) : Mn(e.node(0), e.parent, e.pos, e.index(), n, s);
+    let i = e.parent.inlineContent ? new Ae(e) : Mn(e.node(0), e.parent, e.pos, e.index(), n, s);
     if (i)
       return i;
     for (let a = e.depth - 1; a >= 0; a--) {
@@ -7408,7 +7408,7 @@ class ye {
   returns the bookmark for that.
   */
   getBookmark() {
-    return Re.between(this.$anchor, this.$head).getBookmark();
+    return Ae.between(this.$anchor, this.$head).getBookmark();
   }
 }
 ye.prototype.visible = !0;
@@ -7424,7 +7424,7 @@ let bo = !1;
 function yo(t) {
   !bo && !t.parent.inlineContent && (bo = !0, console.warn("TextSelection endpoint not pointing into a node with inline content (" + t.parent.type.name + ")"));
 }
-class Re extends ye {
+class Ae extends ye {
   /**
   Construct a text selection between the given points.
   */
@@ -7443,7 +7443,7 @@ class Re extends ye {
     if (!s.parent.inlineContent)
       return ye.near(s);
     let i = e.resolve(n.map(this.anchor));
-    return new Re(i.parent.inlineContent ? i : s, s);
+    return new Ae(i.parent.inlineContent ? i : s, s);
   }
   replace(e, n = ue.empty) {
     if (super.replace(e, n), n == ue.empty) {
@@ -7452,7 +7452,7 @@ class Re extends ye {
     }
   }
   eq(e) {
-    return e instanceof Re && e.anchor == this.anchor && e.head == this.head;
+    return e instanceof Ae && e.anchor == this.anchor && e.head == this.head;
   }
   getBookmark() {
     return new xs(this.anchor, this.head);
@@ -7466,7 +7466,7 @@ class Re extends ye {
   static fromJSON(e, n) {
     if (typeof n.anchor != "number" || typeof n.head != "number")
       throw new RangeError("Invalid input for TextSelection.fromJSON");
-    return new Re(e.resolve(n.anchor), e.resolve(n.head));
+    return new Ae(e.resolve(n.anchor), e.resolve(n.head));
   }
   /**
   Create a text selection from non-resolved positions.
@@ -7492,10 +7492,10 @@ class Re extends ye {
       else
         return ye.near(n, s);
     }
-    return e.parent.inlineContent || (i == 0 ? e = n : (e = (ye.findFrom(e, -s, !0) || ye.findFrom(e, s, !0)).$anchor, e.pos < n.pos != i < 0 && (e = n))), new Re(e, n);
+    return e.parent.inlineContent || (i == 0 ? e = n : (e = (ye.findFrom(e, -s, !0) || ye.findFrom(e, s, !0)).$anchor, e.pos < n.pos != i < 0 && (e = n))), new Ae(e, n);
   }
 }
-ye.jsonID("text", Re);
+ye.jsonID("text", Ae);
 class xs {
   constructor(e, n) {
     this.anchor = e, this.head = n;
@@ -7504,7 +7504,7 @@ class xs {
     return new xs(e.map(this.anchor), e.map(this.head));
   }
   resolve(e) {
-    return Re.between(e.resolve(this.anchor), e.resolve(this.head));
+    return Ae.between(e.resolve(this.anchor), e.resolve(this.head));
   }
 }
 class rt extends ye {
@@ -7521,7 +7521,7 @@ class rt extends ye {
     return s ? ye.near(a) : new rt(a);
   }
   content() {
-    return new ue(ie.from(this.node), 0, 0);
+    return new ue(se.from(this.node), 0, 0);
   }
   eq(e) {
     return e instanceof rt && e.anchor == this.anchor;
@@ -7614,7 +7614,7 @@ const ub = {
 };
 function Mn(t, e, n, s, i, a = !1) {
   if (e.inlineContent)
-    return Re.create(t, n);
+    return Ae.create(t, n);
   for (let o = s - (i > 0 ? 0 : 1); i > 0 ? o < e.childCount : o >= 0; o += i) {
     let l = e.child(o);
     if (l.isAtom) {
@@ -8019,7 +8019,7 @@ const Mb = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
   if (i) {
     const h = Mc(c, a, e);
     if (h && h.from <= d && h.to >= u) {
-      const p = Re.create(o, h.from, h.to);
+      const p = Ae.create(o, h.from, h.to);
       n.setSelection(p);
     }
   }
@@ -8032,7 +8032,7 @@ const Mb = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return !1;
 };
 function Lc(t) {
-  return t instanceof Re;
+  return t instanceof Ae;
 }
 function mn(t = 0, e = 0, n = 0) {
   return Math.min(Math.max(t, e), n);
@@ -8046,7 +8046,7 @@ function Ab(t, e = null) {
   if (e === "end")
     return s;
   const i = n.from, a = s.to;
-  return e === "all" ? Re.create(t, mn(0, i, a), mn(t.content.size, i, a)) : Re.create(t, mn(e, i, a), mn(e, i, a));
+  return e === "all" ? Ae.create(t, mn(0, i, a), mn(t.content.size, i, a)) : Ae.create(t, mn(e, i, a), mn(e, i, a));
 }
 function Hi() {
   return [
@@ -8086,7 +8086,7 @@ function Qr(t, e, n) {
     ...n
   }, typeof t == "object" && t !== null)
     try {
-      return Array.isArray(t) && t.length > 0 ? ie.fromArray(t.map((s) => e.nodeFromJSON(s))) : e.nodeFromJSON(t);
+      return Array.isArray(t) && t.length > 0 ? se.fromArray(t.map((s) => e.nodeFromJSON(s))) : e.nodeFromJSON(t);
     } catch (s) {
       return console.warn("[tiptap warn]: Invalid content.", "Passed value:", t, "Error:", s), Qr("", e, n);
     }
@@ -8275,8 +8275,8 @@ function cy(t, e, n = {}) {
     t.doc.nodesBetween(x, y, (S, D) => {
       if (!S.isText && !S.marks.length)
         return;
-      const P = Math.max(x, D), q = Math.min(y, D + S.nodeSize), re = q - P;
-      o += re, l.push(...S.marks.map((be) => ({
+      const P = Math.max(x, D), q = Math.min(y, D + S.nodeSize), oe = q - P;
+      o += oe, l.push(...S.marks.map((be) => ({
         mark: be,
         from: P,
         to: q
@@ -8354,7 +8354,7 @@ const uy = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return !0;
 }, my = (t) => ({ tr: e, dispatch: n }) => {
   if (n) {
-    const { doc: s } = e, { from: i, to: a } = typeof t == "number" ? { from: t, to: t } : t, o = Re.atStart(s).from, l = Re.atEnd(s).to, c = mn(i, o, l), d = mn(a, o, l), u = Re.create(s, c, d);
+    const { doc: s } = e, { from: i, to: a } = typeof t == "number" ? { from: t, to: t } : t, o = Ae.atStart(s).from, l = Ae.atEnd(s).to, c = mn(i, o, l), d = mn(a, o, l), u = Ae.create(s, c, d);
     e.setSelection(u);
   }
   return !0;
@@ -8377,7 +8377,7 @@ const gy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     return !1;
   if (s) {
     const h = c.parentOffset === c.parent.content.size;
-    a instanceof Re && e.deleteSelection();
+    a instanceof Ae && e.deleteSelection();
     const p = l.depth === 0 ? void 0 : ay(l.node(-1).contentMatchAt(l.indexAfter(-1)));
     let x = h && p ? [
       {
@@ -8410,20 +8410,20 @@ const gy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     if (l.depth === 2 || l.node(-3).type !== o || l.index(-2) !== l.node(-2).childCount - 1)
       return !1;
     if (s) {
-      let D = ie.empty;
+      let D = se.empty;
       const P = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
-      for (let Te = l.depth - P; Te >= l.depth - 3; Te -= 1)
-        D = ie.from(l.node(Te).copy(D));
-      const q = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, re = Er(h, l.node().type.name, l.node().attrs), be = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(re)) || void 0;
-      D = D.append(ie.from(o.createAndFill(null, be) || void 0));
+      for (let ke = l.depth - P; ke >= l.depth - 3; ke -= 1)
+        D = se.from(l.node(ke).copy(D));
+      const q = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, oe = Er(h, l.node().type.name, l.node().attrs), be = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(oe)) || void 0;
+      D = D.append(se.from(o.createAndFill(null, be) || void 0));
       const ne = l.before(l.depth - (P - 1));
       e.replace(ne, l.after(-q), new ue(D, 4 - P, 0));
       let _e = -1;
-      e.doc.nodesBetween(ne, e.doc.content.size, (Te, Me) => {
+      e.doc.nodesBetween(ne, e.doc.content.size, (ke, ze) => {
         if (_e > -1)
           return !1;
-        Te.isTextblock && Te.content.size === 0 && (_e = Me + 1);
-      }), _e > -1 && e.setSelection(Re.near(e.doc.resolve(_e))), e.scrollIntoView();
+        ke.isTextblock && ke.content.size === 0 && (_e = ze + 1);
+      }), _e > -1 && e.setSelection(Ae.near(e.doc.resolve(_e))), e.scrollIntoView();
     }
     return !0;
   }
@@ -8436,10 +8436,10 @@ const gy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   if (!Rr(e.doc, l.pos, 2))
     return !1;
   if (s) {
-    const { selection: D, storedMarks: P } = n, { splittableMarks: q } = i.extensionManager, re = P || D.$to.parentOffset && D.$from.marks();
-    if (e.split(l.pos, 2, S).scrollIntoView(), !re || !s)
+    const { selection: D, storedMarks: P } = n, { splittableMarks: q } = i.extensionManager, oe = P || D.$to.parentOffset && D.$from.marks();
+    if (e.split(l.pos, 2, S).scrollIntoView(), !oe || !s)
       return !0;
-    const be = re.filter((ne) => q.includes(ne.type.name));
+    const be = oe.filter((ne) => q.includes(ne.type.name));
     e.ensureMarks(be);
   }
   return !0;
@@ -8462,19 +8462,19 @@ const gy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   const i = t.doc.nodeAt(s);
   return n.node.type === (i == null ? void 0 : i.type) && kc(t.doc, s) && t.join(s), !0;
 }, yy = (t, e, n, s = {}) => ({ editor: i, tr: a, state: o, dispatch: l, chain: c, commands: d, can: u }) => {
-  const { extensions: h, splittableMarks: p } = i.extensionManager, x = qe(t, o.schema), y = qe(e, o.schema), { selection: S, storedMarks: D } = o, { $from: P, $to: q } = S, re = P.blockRange(q), be = D || S.$to.parentOffset && S.$from.marks();
-  if (!re)
+  const { extensions: h, splittableMarks: p } = i.extensionManager, x = qe(t, o.schema), y = qe(e, o.schema), { selection: S, storedMarks: D } = o, { $from: P, $to: q } = S, oe = P.blockRange(q), be = D || S.$to.parentOffset && S.$from.marks();
+  if (!oe)
     return !1;
   const ne = Ki((_e) => Co(_e.type.name, h))(S);
-  if (re.depth >= 1 && ne && re.depth - ne.depth <= 1) {
+  if (oe.depth >= 1 && ne && oe.depth - ne.depth <= 1) {
     if (ne.node.type === x)
       return d.liftListItem(y);
     if (Co(ne.node.type.name, h) && x.validContent(ne.node.content) && l)
       return c().command(() => (a.setNodeMarkup(ne.pos, x), !0)).command(() => Gs(a, x)).command(() => Qs(a, x)).run();
   }
   return !n || !be || !l ? c().command(() => u().wrapInList(x, s) ? !0 : d.clearNodes()).wrapInList(x, s).command(() => Gs(a, x)).command(() => Qs(a, x)).run() : c().command(() => {
-    const _e = u().wrapInList(x, s), Te = be.filter((Me) => p.includes(Me.type.name));
-    return a.ensureMarks(Te), _e ? !0 : d.clearNodes();
+    const _e = u().wrapInList(x, s), ke = be.filter((ze) => p.includes(ze.type.name));
+    return a.ensureMarks(ke), _e ? !0 : d.clearNodes();
   }).wrapInList(x, s).command(() => Gs(a, x)).command(() => Qs(a, x)).run();
 }, jy = (t, e = {}, n = {}) => ({ state: s, commands: i }) => {
   const { extendEmptyMarkRange: a = !1 } = n, o = an(t, s.schema);
@@ -9088,7 +9088,7 @@ const Ny = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = V(t), l = () => {
+  }] = Re(), [a, o] = V(t), l = () => {
     i();
     const {
       type: h,
@@ -9395,7 +9395,7 @@ function Xy({
       field: o
     }) => /* @__PURE__ */ r.jsx(U, { label: "Hide in legend", checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Series" })
@@ -9459,7 +9459,7 @@ function Jy({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       o.map((u, h) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.toString(), children: h + 1 }, u.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((u, h) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.toString(), children: /* @__PURE__ */ r.jsx(Xy, { control: t, index: h, remove: i, seriesItem: u, yAxisOptions: d }, u.id) }, u.id))
   ] });
@@ -9485,11 +9485,11 @@ const ej = () => /* @__PURE__ */ r.jsxs(b, { sx: {
   display: "inline-flex"
 }, spacing: 6, mr: 14, children: [
   /* @__PURE__ */ r.jsx(j, { children: "X Axis Data Type" }),
-  /* @__PURE__ */ r.jsxs($e, { width: 340, shadow: "md", position: "top", children: [
-    /* @__PURE__ */ r.jsx($e.Target, { children: /* @__PURE__ */ r.jsx(B, { size: "xs", sx: {
+  /* @__PURE__ */ r.jsxs(Fe, { width: 340, shadow: "md", position: "top", children: [
+    /* @__PURE__ */ r.jsx(Fe.Target, { children: /* @__PURE__ */ r.jsx(B, { size: "xs", sx: {
       transform: "none !important"
     }, children: /* @__PURE__ */ r.jsx(wn, {}) }) }),
-    /* @__PURE__ */ r.jsx($e.Dropdown, { children: /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
+    /* @__PURE__ */ r.jsx(Fe.Dropdown, { children: /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
       "Click",
       /* @__PURE__ */ r.jsx(Js, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 4, children: "here" }),
       "to learn more about these options"
@@ -9628,7 +9628,7 @@ function ij({
     /* @__PURE__ */ r.jsx(g, { name: `y_axes.${e}.show`, control: t, render: ({
       field: s
     }) => /* @__PURE__ */ r.jsx(U, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
-    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this YAxis" })
+    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this YAxis" })
   ] });
 }
 function aj({
@@ -9649,7 +9649,7 @@ function aj({
     name: "",
     position: "left",
     nameAlignment: "left",
-    label_formatter: Ve,
+    label_formatter: Oe,
     min: "",
     max: "",
     show: !0
@@ -9665,7 +9665,7 @@ function aj({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       o.map((c, d) => /* @__PURE__ */ r.jsx(m.Tab, { value: d.toString(), children: d + 1 }, c.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(ij, { control: t, index: d, remove: i }) }, c.id))
   ] });
@@ -9733,7 +9733,7 @@ function oj({
   ] }) });
 }
 function lj(t) {
-  const e = Oe(bn(t, "variables"));
+  const e = Pe(bn(t, "variables"));
   return e.stats = bn(e.stats, "variables"), e;
 }
 function cj(t) {
@@ -10146,7 +10146,7 @@ const kj = {
   createConfig() {
     return {
       version: 18,
-      config: Oe(Oi)
+      config: Pe(Oi)
     };
   },
   triggers: [Pi]
@@ -10304,7 +10304,7 @@ function Ej(t) {
 const Xi = {
   series: [Ej("Funnel")]
 };
-ae.use([Dh, Et, ot, lt, ct, Ke]);
+ie.use([Dh, Et, ot, lt, ct, Ke]);
 function Fj({
   conf: t,
   data: e,
@@ -10312,7 +10312,7 @@ function Fj({
   height: s
 }) {
   const i = L.useMemo(() => Rj(t, e), [t, e]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: i, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: i, style: {
     width: n,
     height: s
   }, notMerge: !0, theme: "merico-light" });
@@ -10881,7 +10881,7 @@ const rv = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = V(t), l = () => {
+  }] = Re(), [a, o] = V(t), l = () => {
     i();
     const {
       type: h,
@@ -11159,7 +11159,7 @@ const Pc = {
     },
     name: "Value",
     data_key: "",
-    value_formatter: Ve,
+    value_formatter: Oe,
     label: {
       show: !1,
       fontSize: 10
@@ -11169,7 +11169,7 @@ const Pc = {
     metrics: []
   }
 };
-ae.use([Et, ns, ot, lt, ct, hr, Ke]);
+ie.use([Et, ns, ot, lt, ct, hr, Ke]);
 function fv({
   conf: t,
   data: e,
@@ -11194,7 +11194,7 @@ function fv({
   }, [o, l, i]), d = T(() => ({
     click: c
   }), [c]), u = L.useMemo(() => pv(t, e, a, n, s), [t, e, n, s]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: u, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -11281,7 +11281,7 @@ const yv = ({
     }, ...s }) })
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
@@ -11327,7 +11327,7 @@ const yv = ({
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: h.name ? h.name : p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(yv, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -11369,7 +11369,7 @@ const wv = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = V(t);
+  }] = Re(), [o, l] = V(t);
   E(() => {
     l(t);
   }, [t]);
@@ -11744,7 +11744,7 @@ const Nc = {
     name: "Value",
     nameAlignment: "left",
     color: "#228be6",
-    label_formatter: Ve
+    label_formatter: Oe
   },
   line: {
     name: "Value",
@@ -11999,7 +11999,7 @@ function Wv(t, e, n) {
     }
   };
 }
-ae.use([On, Vn, Et, ot, lt, ct, Ke]);
+ie.use([On, Vn, Et, ot, lt, ct, Ke]);
 function Gv({
   context: t,
   instance: e
@@ -12025,7 +12025,7 @@ function Gv({
   }, [u, d, c]), p = T(() => ({
     click: h
   }), [h]);
-  return !o || !i || !a ? null : /* @__PURE__ */ r.jsx(et, { width: i, height: a, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: l, style: pr(i, a), onEvents: p, notMerge: !0, theme: "merico-light" }) });
+  return !o || !i || !a ? null : /* @__PURE__ */ r.jsx(et, { width: i, height: a, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: l, style: pr(i, a), onEvents: p, notMerge: !0, theme: "merico-light" }) });
 }
 const Qv = [{
   label: "left",
@@ -12305,7 +12305,7 @@ function s0(t) {
 }
 function i0(t) {
   const {
-    label_formatter: e = Ve
+    label_formatter: e = Oe
   } = t.bar;
   return {
     ...t,
@@ -12442,7 +12442,7 @@ const u0 = {
   createConfig() {
     return {
       version: 9,
-      config: Oe(ea)
+      config: Pe(ea)
     };
   },
   triggers: [Vc]
@@ -12510,7 +12510,7 @@ const u0 = {
   }
 };
 function h0() {
-  ae.registerTheme("merico-light", {
+  ie.registerTheme("merico-light", {
     color: Object.values(oi.graphics.multiple),
     visualMap: {
       color: Object.values(oi.graphics.depth).reverse()
@@ -12646,7 +12646,7 @@ const ta = {
   value_field: "",
   color_field: ""
 };
-ae.use([zh, Ke]);
+ie.use([zh, Ke]);
 function b0({
   conf: t,
   data: e,
@@ -12667,7 +12667,7 @@ function b0({
   }, [a, o, i]), c = L.useMemo(() => m0(t, e, n), [t, e, n]), d = T(() => ({
     click: l
   }), [l]);
-  return !n || !s || !c.series.name ? null : /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: c, style: {
+  return !n || !s || !c.series.name ? null : /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: c, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -12791,7 +12791,7 @@ const C0 = {
   createConfig() {
     return {
       version: 3,
-      config: Oe(ta)
+      config: Pe(ta)
     };
   },
   triggers: [qc]
@@ -13029,7 +13029,7 @@ function R0(t, e) {
   };
   return _.merge({}, L0, o);
 }
-ae.use([Mh, ot, lt, ct, Ke]);
+ie.use([Mh, ot, lt, ct, Ke]);
 function E0({
   conf: t,
   data: e,
@@ -13066,7 +13066,7 @@ function E0({
   }, [o, l, i]), d = T(() => ({
     click: c
   }), [c]), u = T(() => R0(fe({}, t, fs), e), [t, e]);
-  return !n || !s ? null : /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: u, style: {
+  return !n || !s ? null : /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -13107,7 +13107,7 @@ function $0({
     }) => /* @__PURE__ */ r.jsx(W, { label: "Color Key", required: !0, clearable: !0, sx: {
       flex: 1
     }, ...s }) }) }),
-    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), children: "Delete" })
+    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), children: "Delete" })
   ] });
 }
 function P0({
@@ -13203,7 +13203,7 @@ function O0({
         field: s
       }) => /* @__PURE__ */ r.jsx(mt, { ...s }) })
     ] }),
-    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this Metric" })
+    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this Metric" })
   ] });
 }
 function V0({
@@ -13227,7 +13227,7 @@ function V0({
       name: p,
       data_key: "",
       max: "100",
-      formatter: Ve
+      formatter: Oe
     });
   }, c = _.get(o, "0.id", null), [d, u] = V(c);
   E(() => {
@@ -13317,7 +13317,7 @@ function B0(t) {
     name: i = "",
     data_key: a = "",
     max: o = 10,
-    formatter: l = Ve
+    formatter: l = Oe
   }) {
     return {
       name: i,
@@ -13866,9 +13866,9 @@ function hw({
   conf: t,
   queryData: e
 }) {
-  return /* @__PURE__ */ r.jsxs($e, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx($e.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(wn, { size: 14 }), children: "Regression Info" }) }),
-    /* @__PURE__ */ r.jsx($e.Dropdown, { children: /* @__PURE__ */ r.jsx(Qe, { children: /* @__PURE__ */ r.jsx(uw, { conf: t, queryData: e }) }) })
+  return /* @__PURE__ */ r.jsxs(Fe, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
+    /* @__PURE__ */ r.jsx(Fe.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(wn, { size: 14 }), children: "Regression Info" }) }),
+    /* @__PURE__ */ r.jsx(Fe.Dropdown, { children: /* @__PURE__ */ r.jsx(Qe, { children: /* @__PURE__ */ r.jsx(uw, { conf: t, queryData: e }) }) })
   ] });
 }
 function pw(t) {
@@ -13891,7 +13891,7 @@ const bs = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      format: Ve,
+      format: Oe,
       overflow: it,
       formatter: {
         ...bs
@@ -13924,7 +13924,7 @@ const bs = {
     y_axis_data_key: "value"
   }
 };
-ae.use([Et, ts, ot, lt, ct, Ke]);
+ie.use([Et, ts, ot, lt, ct, Ke]);
 function xw({
   context: t
 }) {
@@ -13948,7 +13948,7 @@ function xw({
   };
   return !n || !s || !e ? null : /* @__PURE__ */ r.jsxs(et, { width: n, height: s, children: [
     /* @__PURE__ */ r.jsx(pw, { conf: e, queryData: i }),
-    /* @__PURE__ */ r.jsx(Ue, { echarts: ae, onChartReady: l, option: a, style: pr(n, s), notMerge: !0, theme: "merico-light" })
+    /* @__PURE__ */ r.jsx(Ue, { echarts: ie, onChartReady: l, option: a, style: pr(n, s), notMerge: !0, theme: "merico-light" })
   ] });
 }
 const mw = [{
@@ -14042,7 +14042,7 @@ const gw = ({
   const [i, {
     setTrue: a,
     setFalse: o
-  }] = Ee(), [l, c] = V(t);
+  }] = Re(), [l, c] = V(t);
   E(() => {
     c(t);
   }, [t]);
@@ -14200,7 +14200,7 @@ function vw(t) {
     x_axis: {
       axisLabel: {
         rotate: 0,
-        format: Ve,
+        format: Oe,
         overflow: it,
         formatter: bs
       }
@@ -14274,7 +14274,7 @@ const Cw = {
   createConfig() {
     return {
       version: 3,
-      config: Oe(na)
+      config: Pe(na)
     };
   }
 }, ys = {
@@ -14326,7 +14326,7 @@ function Iw(t, e, n, s) {
 const Dw = k(({
   context: t
 }) => {
-  const e = Fe(), {
+  const e = Ee(), {
     value: n
   } = G(t.instanceData, "config"), {
     variables: s,
@@ -14514,7 +14514,7 @@ const Aw = {
   createConfig() {
     return {
       version: 1,
-      config: Oe(ys)
+      config: Pe(ys)
     };
   }
 }, gr = {
@@ -14603,7 +14603,7 @@ const Jc = {
     name: "Y Axis",
     position: "left",
     nameAlignment: "center",
-    label_formatter: Ve,
+    label_formatter: Oe,
     min: "",
     max: "",
     show: !0
@@ -14996,7 +14996,7 @@ function Xw(t, e, n) {
   };
   return fe({}, l, Yw);
 }
-ae.use([Et, On, Vn, ts, ot, lt, ct, Ke, Zr, yi]);
+ie.use([Et, On, Vn, ts, ot, lt, ct, Ke, Zr, yi]);
 function zo(t) {
   return t.trim().length > 0;
 }
@@ -15019,7 +15019,7 @@ function Jw({
   }, [o, l, i]), d = T(() => ({
     click: c
   }), [c]), u = L.useMemo(() => Xw(t, e, a), [t, e]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: u, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -15176,7 +15176,7 @@ function n_({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       l.map((p, x) => /* @__PURE__ */ r.jsx(m.Tab, { value: x.toString(), children: x + 1 }, p.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((p, x) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${x}`, control: t, render: ({
       field: y
@@ -15300,7 +15300,7 @@ function i_({
         field: l
       }) => /* @__PURE__ */ r.jsx(He, { ...l }) })
     ] }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Reference Line" })
@@ -15356,7 +15356,7 @@ function a_({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       l.map((p, x) => /* @__PURE__ */ r.jsx(m.Tab, { value: x.toString(), children: x + 1 }, p.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((p, x) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(i_, { control: t, index: x, remove: a, watch: e, variableOptions: d, yAxisOptions: h }) }, p.id))
   ] });
@@ -15380,7 +15380,7 @@ const o_ = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = V(t), l = () => {
+  }] = Re(), [a, o] = V(t), l = () => {
     i();
     const {
       type: h,
@@ -15505,7 +15505,7 @@ const o_ = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = V(t), l = () => {
+  }] = Re(), [a, o] = V(t), l = () => {
     i();
     const {
       type: h,
@@ -15700,7 +15700,7 @@ const __ = ({
     }, ...s }) })
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
@@ -15745,7 +15745,7 @@ const __ = ({
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: h.name ? h.name : p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(__, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -15804,7 +15804,7 @@ const T_ = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = V(t);
+  }] = Re(), [o, l] = V(t);
   E(() => {
     l(t);
   }, [t]);
@@ -15955,7 +15955,7 @@ function L_({
         }) => /* @__PURE__ */ r.jsx(I, { label: "Max", ...s }) })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this YAxis" })
+    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this YAxis" })
   ] });
 }
 function A_({
@@ -15974,7 +15974,7 @@ function A_({
     ...a[d]
   })), l = () => s({
     name: "",
-    label_formatter: Ve,
+    label_formatter: Oe,
     min: "",
     max: "",
     show: !0,
@@ -15992,7 +15992,7 @@ function A_({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       o.map((c, d) => /* @__PURE__ */ r.jsx(m.Tab, { value: d.toString(), children: d + 1 }, c.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(L_, { control: t, index: d, remove: i }) }, c.id))
   ] });
@@ -16268,7 +16268,7 @@ const W_ = {
   createConfig() {
     return {
       version: 9,
-      config: Oe(sa)
+      config: Pe(sa)
     };
   },
   triggers: [Xc]
@@ -16327,7 +16327,7 @@ function H_(t) {
   };
 }
 function U_(t) {
-  const e = Oe(t), n = te(e, "color.valueRange");
+  const e = Pe(t), n = te(e, "color.valueRange");
   return n !== void 0 && gi(e, "color.valueRange", n.map((s) => Number(s))), e;
 }
 class K_ extends we {
@@ -16375,7 +16375,7 @@ const Y_ = {
 }, J_ = k(({
   context: t
 }) => {
-  const e = Fe(), {
+  const e = Ee(), {
     value: n = ia
   } = G(t.instanceData, "config"), {
     variables: s
@@ -16640,7 +16640,7 @@ function uC(t, e, n) {
   };
   return fe({}, i, dC);
 }
-ae.use([Lh, Ke]);
+ie.use([Lh, Ke]);
 function hC({
   context: t
 }) {
@@ -16652,7 +16652,7 @@ function hC({
     width: a,
     height: o
   } = t.viewport, l = T(() => uC(s, i, e), [s, i, e]);
-  return !a || !o ? null : /* @__PURE__ */ r.jsx(et, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: l, style: pr(a, o), notMerge: !0, theme: "merico-light" }) });
+  return !a || !o ? null : /* @__PURE__ */ r.jsx(et, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: l, style: pr(a, o), notMerge: !0, theme: "merico-light" }) });
 }
 function pC({
   control: t,
@@ -16746,7 +16746,7 @@ const xC = [{
     )
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Level" })
@@ -16799,7 +16799,7 @@ const xC = [{
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(fC, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -16946,7 +16946,7 @@ const CC = {
   createConfig() {
     return {
       version: 5,
-      config: Oe(aa)
+      config: Pe(aa)
     };
   }
 };
@@ -17312,23 +17312,23 @@ function QC({
   } = s, {
     classes: u,
     cx: h
-  } = TC(), p = L.useMemo(() => l ? !Array.isArray(t) || t.length === 0 ? [] : Object.keys(t[0]).map((Me) => ({
-    id: Me,
-    label: Me,
-    value_field: Me,
+  } = TC(), p = L.useMemo(() => l ? !Array.isArray(t) || t.length === 0 ? [] : Object.keys(t[0]).map((ze) => ({
+    id: ze,
+    label: ze,
+    value_field: ze,
     value_type: jt.string,
     align: "left",
     width: "",
     cellBackgroundColor: ""
   })) : c, [l, c, t]), x = GC({
-    getColIndex: Be((Me) => p.indexOf(Me.column.columnDef.meta), [p]),
+    getColIndex: Be((ze) => p.indexOf(ze.column.columnDef.meta), [p]),
     vizManager: i.vizManager,
     instance: a
   }), y = T(() => {
-    const Me = Fl();
+    const ze = Fl();
     return p.map((yt) => {
       const Ss = Yx(yt.value_field);
-      return Me.accessor(Ss.columnKey, {
+      return ze.accessor(Ss.columnKey, {
         cell: (Wn) => /* @__PURE__ */ r.jsx($C, { tableCellContext: x(Wn.cell), value: Wn.getValue(), type: yt.value_type, ...yt }),
         header: yt.label,
         enableSorting: !0,
@@ -17348,7 +17348,7 @@ function QC({
     getSortedRowModel: _p()
   }), {
     rows: q
-  } = P.getRowModel(), re = L.useRef(null), be = q.length, ne = be > 0, _e = ne ? n - 22 : n, Te = ne ? 22 : 0;
+  } = P.getRowModel(), oe = L.useRef(null), be = q.length, ne = be > 0, _e = ne ? n - 22 : n, ke = ne ? 22 : 0;
   return nl("VizTableComponent", {
     queryData: t,
     width: e,
@@ -17361,8 +17361,8 @@ function QC({
     tableColumns: y,
     table: P,
     rows: q,
-    tableContainerRef: re
-  }), /* @__PURE__ */ r.jsxs("div", { ref: re, style: {
+    tableContainerRef: oe
+  }), /* @__PURE__ */ r.jsxs("div", { ref: oe, style: {
     height: n,
     width: e,
     padding: "0 5px"
@@ -17380,11 +17380,11 @@ function QC({
       maxHeight: _e
     }, ...d, striped: s.striped, children: [
       /* @__PURE__ */ r.jsx("thead", { className: u.thead, style: {
-        top: Te
-      }, children: P.getHeaderGroups().map((Me) => /* @__PURE__ */ r.jsx("tr", { children: Me.headers.map((on) => /* @__PURE__ */ r.jsx("th", { style: {
+        top: ke
+      }, children: P.getHeaderGroups().map((ze) => /* @__PURE__ */ r.jsx("tr", { children: ze.headers.map((on) => /* @__PURE__ */ r.jsx("th", { style: {
         width: on.getSize()
-      }, children: /* @__PURE__ */ r.jsx(SC, { header: on, cx: h }) }, on.id)) }, Me.id)) }),
-      /* @__PURE__ */ r.jsx(PC, { tableContainerRef: re, rows: q })
+      }, children: /* @__PURE__ */ r.jsx(SC, { header: on, cx: h }) }, on.id)) }, ze.id)) }),
+      /* @__PURE__ */ r.jsx(PC, { tableContainerRef: oe, rows: q })
     ] })
   ] });
 }
@@ -17498,7 +17498,7 @@ function XC(t) {
   } = ad(), [o, l] = V(i), [c, {
     setTrue: d,
     setFalse: u
-  }] = Ee(!1), h = s % 2 === 1, p = h && i != null, x = !h && i != null, y = `map ${i} to color ${s}`, S = () => {
+  }] = Re(!1), h = s % 2 === 1, p = h && i != null, x = !h && i != null, y = `map ${i} to color ${s}`, S = () => {
     l(i), u();
   }, D = () => {
     u(), e == null || e(o);
@@ -17547,7 +17547,7 @@ const JC = k(({
   } = t, i = s.getColorInterpolations(), [a, o] = V(e), l = s.decodeInterpolation(a.interpolation) || i[0], [c, {
     setTrue: d,
     setFalse: u
-  }] = Ee(), h = i.map((D) => ({
+  }] = Re(), h = i.map((D) => ({
     label: D.displayName,
     value: s.encodeColor(D),
     group: D.category
@@ -17639,7 +17639,7 @@ const iS = de((t, e) => {
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = V(t), c = () => {
+  }] = Re(), [o, l] = V(t), c = () => {
     a(), e(o);
   }, d = () => {
     a(), l(t);
@@ -17731,7 +17731,7 @@ const iS = de((t, e) => {
       field: o
     }) => /* @__PURE__ */ r.jsx(iS, { ...o }) }),
     /* @__PURE__ */ r.jsx(z, { mb: 4, mt: 12, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => s(e), children: "Delete this column" })
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => s(e), children: "Delete this column" })
   ] });
 }, hS = ({
   control: t,
@@ -17774,7 +17774,7 @@ const iS = de((t, e) => {
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         n.map((c, d) => /* @__PURE__ */ r.jsx(m.Tab, { value: d.toString(), children: d + 1 }, c.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: o, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: o, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       n.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(uS, { control: t, watch: e, index: d, column: c, remove: i }) }, c.id))
     ] }) })
@@ -17990,7 +17990,7 @@ const li = {
   createConfig() {
     return {
       version: 5,
-      config: Oe(rd)
+      config: Pe(rd)
     };
   },
   displayName: "Table",
@@ -18009,7 +18009,7 @@ const li = {
 }, jS = k(({
   context: t
 }) => {
-  const e = Fe(), {
+  const e = Ee(), {
     value: n = la
   } = G(t.instanceData, "config"), {
     variables: s
@@ -18082,7 +18082,7 @@ const cd = L.forwardRef(vS), wS = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = V(t), c = () => {
+  }] = Re(), [o, l] = V(t), c = () => {
     a(), e(o);
   }, d = () => {
     a(), l(t);
@@ -18213,7 +18213,7 @@ const TS = {
   createConfig() {
     return {
       version: 1,
-      config: Oe(la)
+      config: Pe(la)
     };
   }
 }, IS = () => /* @__PURE__ */ r.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", children: [
@@ -18389,7 +18389,7 @@ const ES = {
   createConfig() {
     return {
       version: 1,
-      config: Oe(ca)
+      config: Pe(ca)
     };
   }
 };
@@ -18650,13 +18650,13 @@ const dd = {
     },
     name: "Value",
     data_key: "",
-    value_formatter: Ve
+    value_formatter: Oe
   },
   tooltip: {
     metrics: []
   }
 };
-ae.use([Et, On, Vn, ns, bh, ot, lt, ct, hr, Ke]);
+ie.use([Et, On, Vn, ns, bh, ot, lt, ct, hr, Ke]);
 function XS({
   name: t
 }, e) {
@@ -18687,7 +18687,7 @@ function JS({
     click: c,
     legendselectchanged: XS
   }), [c]), u = L.useMemo(() => US(t, e, a), [t, e]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: u, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, opts: {
@@ -18760,7 +18760,7 @@ const t1 = ({
     }, ...s }) })
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
@@ -18806,7 +18806,7 @@ const t1 = ({
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: h.name ? h.name : p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(t1, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -18999,7 +18999,7 @@ const d1 = {
     name: "X Axis",
     data_key: "",
     position: "bottom",
-    label_formatter: Ve,
+    label_formatter: Oe,
     show: !0
   }],
   y_axis: {
@@ -19028,7 +19028,7 @@ function u1() {
     name: t,
     data_key: "",
     position: "bottom",
-    label_formatter: Ve,
+    label_formatter: Oe,
     show: !0
   };
 }
@@ -19235,14 +19235,14 @@ function w1({
       value_data_key: e,
       valueTypedXAxis: y
     }), q;
-  const re = v1({
+  const oe = v1({
     group_by_key: a,
     data: S,
     name_data_key: t.data_key,
     value_data_key: e
   });
-  return Object.entries(re).map(([be, ne]) => {
-    const _e = Oe(q);
+  return Object.entries(oe).map(([be, ne]) => {
+    const _e = Pe(q);
     return _e.name = be, _e.color = void 0, _e.data = ne, _e;
   });
 }
@@ -19391,7 +19391,7 @@ function z1(t, e, n) {
     legend: f1(c)
   };
 }
-ae.use([Et, On, Vn, ts, ot, lt, ct, Ke, Zr, yi]);
+ie.use([Et, On, Vn, ts, ot, lt, ct, Ke, Zr, yi]);
 function M1({
   conf: t,
   data: e,
@@ -19413,7 +19413,7 @@ function M1({
   }, [o, l, i]), d = T(() => ({
     click: c
   }), [c]), u = L.useMemo(() => z1(t, e, a), [t, e]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: u, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -19545,7 +19545,7 @@ function E1({
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${e}.show_in_legend`, control: t, render: ({
       field: l
     }) => /* @__PURE__ */ r.jsx(U, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Reference Line" })
@@ -19589,7 +19589,7 @@ function F1({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       l.map((x, y) => /* @__PURE__ */ r.jsx(m.Tab, { value: x.id, children: x.name }, x.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((x, y) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.id, children: /* @__PURE__ */ r.jsx(E1, { control: t, index: y, remove: a, watch: e, variableOptions: d, xAxisOptions: h }) }, x.id))
   ] });
@@ -19764,7 +19764,7 @@ function N1({
       field: a
     }) => /* @__PURE__ */ r.jsx(U, { label: "Invisible", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+    /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
       top: 15,
       right: 5
     }, children: "Delete this Series" })
@@ -19809,7 +19809,7 @@ function B1({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       o.map((x) => /* @__PURE__ */ r.jsx(m.Tab, { value: x.id, children: x.name }, x.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((x, y) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.id, children: /* @__PURE__ */ r.jsx(N1, { control: t, index: y, remove: i, seriesItem: x, xAxisOptions: d }, x.id) }, x.id))
   ] });
@@ -19865,7 +19865,7 @@ function W1({
     /* @__PURE__ */ r.jsx(g, { name: `x_axes.${e}.show`, control: t, render: ({
       field: s
     }) => /* @__PURE__ */ r.jsx(U, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
-    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this X Axis" })
+    /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), disabled: e === 0, children: "Delete this X Axis" })
   ] });
 }
 function G1({
@@ -19897,7 +19897,7 @@ function G1({
   }, children: [
     /* @__PURE__ */ r.jsxs(m.List, { children: [
       o.map((d) => /* @__PURE__ */ r.jsx(m.Tab, { value: d.id, children: d.name }, d.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((d, u) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.id, children: /* @__PURE__ */ r.jsx(W1, { control: t, index: u, remove: i }) }, d.id))
   ] });
@@ -20675,9 +20675,9 @@ const xk = {
   }
 };
 function gk() {
-  return /* @__PURE__ */ r.jsxs($e, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx($e.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(wn, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ r.jsx($e.Dropdown, { children: /* @__PURE__ */ r.jsx(Ze, { fontSize: 14, sx: fk, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+  return /* @__PURE__ */ r.jsxs(Fe, { width: 400, shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Fe.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(wn, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Fe.Dropdown, { children: /* @__PURE__ */ r.jsx(Ze, { fontSize: 14, sx: fk, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
         /* @__PURE__ */ r.jsx("td", { children: "使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。" })
@@ -20695,7 +20695,7 @@ function bk(t) {
     /* @__PURE__ */ r.jsx(mk, { ...t })
   ] });
 }
-ae.use([On, Vn, ns, ot, lt, ct, Ke, hr]);
+ie.use([On, Vn, ns, ot, lt, ct, Ke, hr]);
 function yk({
   conf: t,
   data: e,
@@ -20704,7 +20704,7 @@ function yk({
   metricKey: i
 }) {
   const a = L.useMemo(() => pk(t, i, e), [t, e, i]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: a, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: a, style: {
     width: n,
     height: s
   }, notMerge: !0, theme: "merico-light" });
@@ -20780,7 +20780,7 @@ const wk = ({
     }, ...s }) })
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
@@ -20826,7 +20826,7 @@ const wk = ({
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: h.name ? h.name : p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(wk, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -21004,7 +21004,7 @@ function Dk() {
       value: "",
       basis: ""
     },
-    formatter: Ve,
+    formatter: Oe,
     postfix: {
       type: "text",
       value: ""
@@ -21029,7 +21029,7 @@ const Fo = ({
     data_keys: s,
     formatter: i,
     postfix: a
-  } = t, o = Fe(), l = T(() => {
+  } = t, o = Ee(), l = T(() => {
     if (a.type === "text" && a.value)
       return a.value;
     if (a.type === "filter-option-label" && a.value) {
@@ -21155,7 +21155,7 @@ function Rk({
       position: "absolute",
       top: 15,
       right: 5
-    }, disabled: e === 0, children: /* @__PURE__ */ r.jsx(oe, { size: 16 }) })
+    }, disabled: e === 0, children: /* @__PURE__ */ r.jsx(ae, { size: 16 }) })
   ] });
 }
 const Ek = ({
@@ -21413,7 +21413,7 @@ const Wk = ({
     }, ...s }) })
   ] }),
   /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
-  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
+  /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(e), sx: {
     top: 15,
     right: 5
   }, children: "Delete this Metric" })
@@ -21459,7 +21459,7 @@ const Wk = ({
     }, children: [
       /* @__PURE__ */ r.jsxs(m.List, { children: [
         o.map((h, p) => /* @__PURE__ */ r.jsx(m.Tab, { value: h.id, children: h.name ? h.name : p }, h.id)),
-        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ r.jsx(m.Tab, { onClick: l, value: "add", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(Wk, { control: t, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -21501,7 +21501,7 @@ const Hk = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = V(t);
+  }] = Re(), [o, l] = V(t);
   E(() => {
     l(t);
   }, [t]);
@@ -21686,7 +21686,7 @@ const xa = {
     },
     name: "Value",
     data_key: "",
-    value_formatter: Ve,
+    value_formatter: Oe,
     label: {
       show: !1,
       fontSize: 10
@@ -22061,7 +22061,7 @@ function hT(t, e, n) {
   };
   return fe({}, o, uT);
 }
-ae.use([Et, ns, ot, lt, ct, hr, Ke]);
+ie.use([Et, ns, ot, lt, ct, hr, Ke]);
 function pT({
   conf: t,
   data: e,
@@ -22086,7 +22086,7 @@ function pT({
   }, [o, l, i]), d = T(() => ({
     click: c
   }), [c]), u = L.useMemo(() => hT(t, e, a), [t, e]);
-  return /* @__PURE__ */ r.jsx(Ue, { echarts: ae, option: u, style: {
+  return /* @__PURE__ */ r.jsx(Ue, { echarts: ie, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -22186,7 +22186,7 @@ const fT = {
     viz: [li, nC, TS, Aw, CC, C0, Y1, am, Yf, Kj, Lv, d1, u0, kj, W_, K0, Cw, ES, Ik, fT, Bk, dg],
     color: [...gT, ...bT]
   }
-}), Kn = new Ux(), De = {
+}), Kn = new Ux(), Ie = {
   pluginManager: Vt("pluginManager"),
   vizManager: Vt("vizManager"),
   colorManager: Vt("colorManager"),
@@ -22502,12 +22502,12 @@ const yT = ({
     unstyled: s
   }), [y, S] = V(!1), D = (ne) => {
     S(ne);
-  }, P = y && (l == null ? void 0 : l.length) > 0, [q, re] = V(""), be = T(() => {
+  }, P = y && (l == null ? void 0 : l.length) > 0, [q, oe] = V(""), be = T(() => {
     if (!q)
       return d;
-    const ne = q.toLowerCase(), _e = (Te) => {
-      var Me;
-      return ((Me = Te.description) == null ? void 0 : Me.toLowerCase().includes(ne)) || Te.label.toLowerCase().includes(ne);
+    const ne = q.toLowerCase(), _e = (ke) => {
+      var ze;
+      return ((ze = ke.description) == null ? void 0 : ze.toLowerCase().includes(ne)) || ke.label.toLowerCase().includes(ne);
     };
     return d.filter(_e);
   }, [q, d]);
@@ -22519,7 +22519,7 @@ const yT = ({
       ] }),
       P && /* @__PURE__ */ r.jsx(ge, { label: `${l.length} selected`, children: /* @__PURE__ */ r.jsx(tr, { children: l.length }) })
     ] }),
-    /* @__PURE__ */ r.jsx(kp, { disabled: t, allowClear: !0, className: x(p.root, "check-select"), dropdownClassName: x(p.dropdown, ""), onDropdownVisibleChange: D, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(Xo, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(gd, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (ne) => `${ne.length} selected`, searchValue: q, onSearch: re, filterOption: !1, children: be.map((ne) => /* @__PURE__ */ r.jsxs(Tp, { title: ne.label, children: [
+    /* @__PURE__ */ r.jsx(kp, { disabled: t, allowClear: !0, className: x(p.root, "check-select"), dropdownClassName: x(p.dropdown, ""), onDropdownVisibleChange: D, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(Xo, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(gd, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (ne) => `${ne.length} selected`, searchValue: q, onSearch: oe, filterOption: !1, children: be.map((ne) => /* @__PURE__ */ r.jsxs(Tp, { title: ne.label, children: [
       /* @__PURE__ */ r.jsx(j, { size: "sm", "data-role": "label", children: ne.label }),
       ne.description && /* @__PURE__ */ r.jsx(j, { size: "xs", color: "dimmed", "data-role": "description", children: ne.description })
     ] }, ne.value)) })
@@ -22530,7 +22530,7 @@ const yT = ({
   value: n,
   onChange: s
 }) => {
-  const i = Fe(), a = !!e.options_query_id, {
+  const i = Ee(), a = !!e.options_query_id, {
     state: o,
     error: l
   } = i.getDataStuffByID(e.options_query_id), c = o === "loading", d = e.min_width ? e.min_width : "200px", u = a ? c : !1, h = (p) => s(p, !1);
@@ -22553,7 +22553,7 @@ const yT = ({
   value: n,
   onChange: s
 }) => {
-  const i = Fe(), a = !!e.options_query_id, {
+  const i = Ee(), a = !!e.options_query_id, {
     state: o,
     error: l
   } = i.getDataStuffByID(e.options_query_id), c = o === "loading";
@@ -22875,8 +22875,8 @@ const TT = ({
     classNames: e,
     styles: n,
     unstyled: s
-  }), [S, D] = V(!1), P = (re) => {
-    D(re);
+  }), [S, D] = V(!1), P = (oe) => {
+    D(oe);
   }, q = S && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ r.jsxs(w, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
@@ -22892,6 +22892,7 @@ const TT = ({
         disabled: t,
         allowClear: !0,
         treeCheckStrictly: p,
+        labelInValue: !0,
         className: y(x.root, "check-select"),
         dropdownClassName: y(x.dropdown, ""),
         onDropdownVisibleChange: P,
@@ -22913,7 +22914,7 @@ const TT = ({
         onChange: c,
         onSelect: console.log,
         maxTagCount: 0,
-        maxTagPlaceholder: (re) => `${re.length} selected`
+        maxTagPlaceholder: () => `${l.length} selected`
       }
     )
   ] });
@@ -22927,26 +22928,21 @@ const TT = ({
     treeData: i,
     treeDataLoading: a,
     errorMessage: o
-  } = e, l = e.min_width ? e.min_width : "200px", d = !!e.options_query_id ? a : !1;
-  return /* @__PURE__ */ r.jsx(
-    LT,
-    {
-      disabled: d,
-      style: {
-        minWidth: "160px",
-        width: l,
-        maxWidth: d ? l : "unset",
-        borderColor: "#e9ecef"
-      },
-      value: n,
-      onChange: (u) => s(u, !1),
-      treeData: i,
-      errorMessage: o,
-      label: t,
-      required: e.required,
-      treeCheckStrictly: e.treeCheckStrictly
-    }
-  );
+  } = e, [l, c] = V(e.valueObjects(n)), d = (x) => {
+    c(x);
+    const y = x.map((S) => S.value);
+    s(y, !1);
+  };
+  E(() => {
+    c(e.valueObjects(n));
+  }, [n]);
+  const u = e.min_width ? e.min_width : "200px", p = !!e.options_query_id ? a : !1;
+  return /* @__PURE__ */ r.jsx(LT, { disabled: p, style: {
+    minWidth: "160px",
+    width: u,
+    maxWidth: p ? u : "unset",
+    borderColor: "#e9ecef"
+  }, value: l, onChange: d, treeData: i, errorMessage: o, label: t, required: e.required, treeCheckStrictly: e.treeCheckStrictly });
 }), RT = k(({
   filter: {
     type: t,
@@ -22997,7 +22993,7 @@ function $T(t) {
 const bd = k(function({
   view: e
 }) {
-  const n = Fe(), {
+  const n = Ee(), {
     control: s,
     handleSubmit: i,
     reset: a
@@ -23378,7 +23374,7 @@ const QT = f.model("QueryMeta", {
     t.value = e;
   }
 }));
-var Le = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TreeSelect = "tree-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Le || {});
+var Me = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TreeSelect = "tree-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Me || {});
 const vd = f.model("FilterCheckboxConfigMeta", {
   _name: f.literal("checkbox"),
   description: f.optional(f.string, ""),
@@ -23473,8 +23469,8 @@ const KT = f.model("FilterDateRangeConfigMeta", {
 })).actions((t) => ({
   setFilterValue(e) {
     try {
-      const n = Pe(t);
-      ke(t).filters.setValueByKey(n.key, e);
+      const n = $e(t);
+      Ve(t).filters.setValueByKey(n.key, e);
     } catch (n) {
       console.error(n);
     }
@@ -23541,7 +23537,7 @@ const KT = f.model("FilterDateRangeConfigMeta", {
   required: f.optional(f.boolean, !1)
 }).views((t) => ({
   get contentModel() {
-    return ke(t).content;
+    return Ve(t).content;
   },
   get usingQuery() {
     return !!t.options_query_id;
@@ -23612,7 +23608,7 @@ const KT = f.model("FilterDateRangeConfigMeta", {
     t.min_width = e;
   },
   setDefaultSelection() {
-    const e = ke(t).content.filters, n = Pe(t).key;
+    const e = Ve(t).content.filters, n = $e(t).key;
     e.setValueByKey(n, t.default_selection);
   }
 })).actions((t) => ({
@@ -23670,7 +23666,7 @@ const KT = f.model("FilterDateRangeConfigMeta", {
     t.width = e;
   },
   setDefaultSelection() {
-    const e = ke(t).content.filters, n = Pe(t).key;
+    const e = Ve(t).content.filters, n = $e(t).key;
     e.setValueByKey(n, t.default_selection);
   }
 })).actions((t) => ({
@@ -23778,22 +23774,26 @@ const Id = f.compose("FilterTreeSelectConfigMeta", f.model({
       default_selection_count: l
     };
   },
-  get treeData() {
+  get plainData() {
     const {
       data: e
-    } = ke(t).content.getDataStuffByID(t.options_query_id), n = tI(e);
+    } = t.contentModel.getDataStuffByID(t.options_query_id);
+    return e;
+  },
+  get treeData() {
+    const e = this.plainData, n = tI(e);
     return eI(n);
   },
   get errorMessage() {
     const {
       error: e
-    } = ke(t).content.getDataStuffByID(t.options_query_id);
+    } = t.contentModel.getDataStuffByID(t.options_query_id);
     return e;
   },
   get treeDataLoading() {
     const {
       state: e
-    } = ke(t).content.getDataStuffByID(t.options_query_id);
+    } = t.contentModel.getDataStuffByID(t.options_query_id);
     return e === "loading";
   },
   get defaultSelection() {
@@ -23804,6 +23804,10 @@ const Id = f.compose("FilterTreeSelectConfigMeta", f.model({
   },
   truthy(e) {
     return Array.isArray(e) && e.length > 0;
+  },
+  valueObjects(e) {
+    const n = new Set(e);
+    return this.plainData.filter((s) => n.has(s.value));
   }
 })).actions((t) => ({
   setDefaultValue(e) {
@@ -23816,8 +23820,8 @@ const Id = f.compose("FilterTreeSelectConfigMeta", f.model({
     t.treeCheckStrictly = e;
   },
   applyDefaultSelection() {
-    const e = Pe(t, 1).key;
-    ke(t).content.filters.setValueByKey(e, t.defaultSelection);
+    const e = $e(t, 1).key;
+    t.contentModel.filters.setValueByKey(e, t.defaultSelection);
   },
   afterCreate() {
     wt(t, st(() => JSON.stringify(t.defaultSelection), this.applyDefaultSelection, {
@@ -23838,7 +23842,7 @@ const Id = f.compose("FilterTreeSelectConfigMeta", f.model({
   order: f.number,
   visibleInViewsIDs: f.array(f.string),
   auto_submit: f.optional(f.boolean, !1),
-  type: f.enumeration("DashboardFilterType", [Le.Select, Le.MultiSelect, Le.TreeSelect, Le.TextInput, Le.Checkbox, Le.DateRange]),
+  type: f.enumeration("DashboardFilterType", [Me.Select, Me.MultiSelect, Me.TreeSelect, Me.TextInput, Me.Checkbox, Me.DateRange]),
   config: f.union(Sd, Cd, Id, kd, vd, _d)
 }).views((t) => ({
   get plainDefaultValue() {
@@ -23846,10 +23850,10 @@ const Id = f.compose("FilterTreeSelectConfigMeta", f.model({
     return Array.isArray(e) ? [...e] : e;
   },
   get usingDefaultValue() {
-    return t.type !== Le.TreeSelect;
+    return t.type !== Me.TreeSelect;
   },
   get auto_submit_supported() {
-    return [Le.Select, Le.Checkbox, Le.DateRange].includes(t.type);
+    return [Me.Select, Me.Checkbox, Me.DateRange].includes(t.type);
   }
 })).views((t) => ({
   get json() {
@@ -23896,22 +23900,22 @@ const Id = f.compose("FilterTreeSelectConfigMeta", f.model({
   },
   setType(e) {
     switch (e) {
-      case Le.Select:
+      case Me.Select:
         t.config = ZT();
         break;
-      case Le.MultiSelect:
+      case Me.MultiSelect:
         t.config = JT();
         break;
-      case Le.TreeSelect:
+      case Me.TreeSelect:
         t.config = nI();
         break;
-      case Le.TextInput:
+      case Me.TextInput:
         t.config = Td();
         break;
-      case Le.Checkbox:
+      case Me.Checkbox:
         t.config = UT();
         break;
-      case Le.DateRange:
+      case Me.DateRange:
         t.config = YT();
         break;
     }
@@ -23956,7 +23960,7 @@ const zd = f.model("ViewDivisionConfig", {
     const {
       enabled: e,
       func_content: n
-    } = t, s = Pe(t, 2), i = ke(t);
+    } = t, s = $e(t, 2), i = Ve(t);
     if (!e)
       return s.name;
     try {
@@ -24235,7 +24239,7 @@ const Fd = f.compose("ViewRenderModel", lI, f.model({
     return t.type !== N.Tabs ? "" : ((n = t.config.tabs.find((s) => s.id === t.tab)) == null ? void 0 : n.view_id) ?? "";
   },
   get contentModel() {
-    return Pe(t, 3);
+    return $e(t, 3);
   },
   get panels() {
     if (t.type !== N.Tabs)
@@ -24355,7 +24359,7 @@ function Tn(t, e) {
 }
 const Od = GT.views((t) => ({
   get contentModel() {
-    return ke(t).content;
+    return Ve(t).content;
   }
 })).views((t) => ({
   get queries() {
@@ -24596,7 +24600,7 @@ const Fr = {
   filter: new RegExp("(?<=filters\\.)([^\\?}.]+)", "gm")
 }, vI = QT.views((t) => ({
   get rootModel() {
-    return ke(t);
+    return Ve(t);
   },
   get contentModel() {
     return this.rootModel.content;
@@ -24604,7 +24608,7 @@ const Fr = {
   get conditionOptions() {
     if (!no(t))
       return [];
-    const e = ke(t).content, {
+    const e = Ve(t).content, {
       context: n
     } = e.payloadForSQL, s = Object.keys(n).map((a) => ({
       group: "Context",
@@ -24627,7 +24631,7 @@ const Fr = {
     } = t;
     if (e.length === 0)
       return [];
-    const n = ke(t).content.payloadForSQL;
+    const n = Ve(t).content.payloadForSQL;
     return e.filter((s) => {
       const i = _.get(n, s);
       return Array.isArray(i) ? i.length === 0 : typeof i == "number" ? Number.isNaN(i) : !i;
@@ -24662,7 +24666,7 @@ const Fr = {
     } = t;
     if (e.length === 0)
       return "";
-    const n = ke(t).content.payloadForSQL, s = [...e].reduce((i, a) => (i[a] = _.get(n, a), i), {});
+    const n = Ve(t).content.payloadForSQL, s = [...e].reduce((i, a) => (i[a] = _.get(n, a), i), {});
     return JSON.stringify(s);
   },
   get runByConditionsMet() {
@@ -24676,7 +24680,7 @@ const Fr = {
       };
     const {
       keyLabelMap: e
-    } = ke(t).content.filters, n = t.unmetRunByConditions.filter((i) => i.startsWith("context.")).map((i) => i.split("context.")[0]), s = t.unmetRunByConditions.filter((i) => i.startsWith("filters.")).map((i) => _.get({
+    } = Ve(t).content.filters, n = t.unmetRunByConditions.filter((i) => i.startsWith("context.")).map((i) => i.split("context.")[0]), s = t.unmetRunByConditions.filter((i) => i.startsWith("filters.")).map((i) => _.get({
       filters: e
     }, i)).filter((i) => !!i);
     return {
@@ -24685,7 +24689,7 @@ const Fr = {
     };
   },
   get queries() {
-    return Pe(t, 2);
+    return $e(t, 2);
   },
   get inUse() {
     return this.queries.isQueryInUse(t.id);
@@ -24843,7 +24847,7 @@ const Fr = {
     return t.current.filter((e) => e.id && e.key).map((e) => e.json);
   },
   get contentModel() {
-    return Pe(t, 1);
+    return $e(t, 1);
   },
   get visibleQueryIDSet() {
     const {
@@ -24928,7 +24932,7 @@ function _I(t) {
 }
 const CI = HT.views((t) => ({
   isADuplicatedKey(e) {
-    return !e || e === t.key ? !1 : !!Pe(t, 2).findByKey(e);
+    return !e || e === t.key ? !1 : !!$e(t, 2).findByKey(e);
   }
 })), Gd = f.model("SQLSnippetsRenderModel", {
   current: f.optional(f.array(CI), [])
@@ -25051,7 +25055,7 @@ const TI = (t) => new kI(t), II = k(({
       /* @__PURE__ */ r.jsx(z, { label: "Edit", labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: u, icon: /* @__PURE__ */ r.jsx(hl, { size: 14 }), children: "Settings" }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: d, icon: /* @__PURE__ */ r.jsx(wh, { size: 14 }), children: "Duplicate" }),
-      /* @__PURE__ */ r.jsx(ee.Item, { color: "red", onClick: h, icon: /* @__PURE__ */ r.jsx(oe, { size: 14 }), children: "Delete" })
+      /* @__PURE__ */ r.jsx(ee.Item, { color: "red", onClick: h, icon: /* @__PURE__ */ r.jsx(ae, { size: 14 }), children: "Delete" })
     ] })
   ] }) }) });
 });
@@ -25123,7 +25127,7 @@ class LI {
     O(this, "runningMigration");
     O(this, "panelModel");
     O(this, "status", "notStarted");
-    this.panelModel = e.getRequired(De.instanceScope.panelModel), this.vizInstance = e.getRequired(De.instanceScope.vizInstance), this.operationManager = e.getRequired(De.instanceScope.operationManager), this.triggerManager = e.getRequired(De.instanceScope.triggerManager), this.vizManager = e.getRequired(De.vizManager);
+    this.panelModel = e.getRequired(Ie.instanceScope.panelModel), this.vizInstance = e.getRequired(Ie.instanceScope.vizInstance), this.operationManager = e.getRequired(Ie.instanceScope.operationManager), this.triggerManager = e.getRequired(Ie.instanceScope.triggerManager), this.vizManager = e.getRequired(Ie.vizManager);
   }
   async createMigrationTask() {
     const e = [];
@@ -25168,15 +25172,15 @@ function Ud(t) {
     panel: e
   } = Sn();
   return Be((n) => {
-    const s = n.getRequired(De.vizManager), i = s.resolveComponent(t.viz.type);
-    return n.createScoped().provideFactory(De.instanceScope.vizInstance, () => s.getOrCreateInstance(t)).provideFactory(De.instanceScope.interactionManager, (a) => {
-      const o = a.getRequired(De.instanceScope.vizInstance);
+    const s = n.getRequired(Ie.vizManager), i = s.resolveComponent(t.viz.type);
+    return n.createScoped().provideFactory(Ie.instanceScope.vizInstance, () => s.getOrCreateInstance(t)).provideFactory(Ie.instanceScope.interactionManager, (a) => {
+      const o = a.getRequired(Ie.instanceScope.vizInstance);
       return new Ei(o, i, cs);
-    }).provideFactory(De.instanceScope.operationManager, (a) => a.getRequired(De.instanceScope.interactionManager).operationManager).provideFactory(De.instanceScope.triggerManager, (a) => a.getRequired(De.instanceScope.interactionManager).triggerManager).provideValue(De.instanceScope.panelModel, e).provideFactory(De.instanceScope.migrator, (a) => new LI(a));
+    }).provideFactory(Ie.instanceScope.operationManager, (a) => a.getRequired(Ie.instanceScope.interactionManager).operationManager).provideFactory(Ie.instanceScope.triggerManager, (a) => a.getRequired(Ie.instanceScope.interactionManager).triggerManager).provideValue(Ie.instanceScope.panelModel, e).provideFactory(Ie.instanceScope.migrator, (a) => new LI(a));
   }, [t.viz.type, t.viz.conf]);
 }
 function Kd(t) {
-  const [e, n] = V(!1), s = md().getRequired(De.instanceScope.migrator);
+  const [e, n] = V(!1), s = md().getRequired(Ie.instanceScope.migrator);
   return dr(async () => {
     const i = s.status === $r.notStarted;
     n(s.status === $r.done), s.status === $r.notStarted && s.runMigration().then((a) => {
@@ -25187,7 +25191,7 @@ function Kd(t) {
   }, [s]), e;
 }
 function Yd(t, e) {
-  const n = md().getRequired(De.instanceScope.vizInstance);
+  const n = md().getRequired(Ie.instanceScope.vizInstance);
   return E(() => (n.instanceData.setItem(null, e.viz.conf), n.instanceData.watchItem(null, (s) => {
     t(s);
   })), [t, e.viz.type]), n;
@@ -25394,7 +25398,7 @@ const Zd = k(({
 function HI(t, e, n) {
   const {
     panels: s
-  } = Fe(), i = t.id === "Main", [a, o] = L.useState(() => i && s.findByID(e) ? e : null), l = L.useCallback((h) => {
+  } = Ee(), i = t.id === "Main", [a, o] = L.useState(() => i && s.findByID(e) ? e : null), l = L.useCallback((h) => {
     o(h), i && n(h);
   }, [i, n]), c = L.useCallback(() => {
     o(null), i && n("");
@@ -25435,7 +25439,7 @@ const UI = L.forwardRef(({
   view: t,
   className: e = "layout"
 }) => {
-  const n = Fe(), {
+  const n = Ee(), {
     panels: s,
     layouts: i
   } = n.panels.panelsByIDs(t.panelIDs), a = L.useCallback((l) => {
@@ -25462,7 +25466,7 @@ const UI = L.forwardRef(({
   const {
     panels: s,
     layouts: i
-  } = Fe().panels.panelsByIDs(e.panelIDs);
+  } = Ee().panels.panelsByIDs(e.panelIDs);
   return /* @__PURE__ */ r.jsx(JI, { className: `dashboard-layout ${n}`, cols: 36, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: i, children: s.map((a) => /* @__PURE__ */ r.jsx("div", { "data-grid": {
     ...a.layout
   }, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(Zd, { view: e, panel: a }) }, a.id)) });
@@ -25497,7 +25501,7 @@ const eD = k(({
   const [e, {
     setTrue: n,
     setFalse: s
-  }] = Ee(!1), i = Jl(), a = Fe(), o = () => {
+  }] = Re(!1), i = Jl(), a = Ee(), o = () => {
     const l = JSON.stringify(a.contentJSON, null, 2), c = `${i.name}__${a.name}`;
     Tn(c, l);
   };
@@ -25540,7 +25544,7 @@ const eD = k(({
   children: t,
   view: e
 }) => {
-  const n = Fe(), s = e.config, i = n.views.visibleViewIDs.includes(e.id), a = () => n.views.rmVisibleViewID(e.id), {
+  const n = Ee(), s = e.config, i = n.views.visibleViewIDs.includes(e.id), a = () => n.views.rmVisibleViewID(e.id), {
     ref: o,
     downloadScreenshot: l
   } = ba(e);
@@ -25588,7 +25592,7 @@ const eD = k(({
 } : {}, rD = k(({
   view: t
 }) => {
-  const e = Fe(), n = t.config;
+  const e = Ee(), n = t.config;
   return /* @__PURE__ */ r.jsxs(m, { className: "render-view-tabs", variant: n.variant, orientation: n.orientation, value: t.tab, onTabChange: t.setTab, styles: {
     root: {
       height: "100%",
@@ -25737,7 +25741,7 @@ const aD = k(({
   return /* @__PURE__ */ r.jsxs(m, { className: "preview-view-tabs", variant: i.variant, orientation: i.orientation, value: t.tab, onTabChange: t.setTab, styles: oD(i), children: [
     /* @__PURE__ */ r.jsxs(m.List, { grow: i.grow, children: [
       i.tabs.map((l) => /* @__PURE__ */ r.jsx(m.Tab, { value: l.id, sx: lD(l), children: l.name ?? l.id }, l.id)),
-      /* @__PURE__ */ r.jsx(m.Tab, { onClick: i.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ r.jsx(ze, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ r.jsx(m.Tab, { onClick: i.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ r.jsx(De, { size: 18, color: "#228be6" }) })
     ] }),
     i.tabs.map((l, c) => {
       const d = n.views.findByID(l.view_id);
@@ -25888,7 +25892,7 @@ const mD = f.compose("FiltersModel", Bd, f.model("FiltersModel", {
     }));
   },
   get selects() {
-    return t.current.filter((e) => e.type === Le.Select).map((e) => ({
+    return t.current.filter((e) => e.type === Me.Select).map((e) => ({
       label: e.label ?? e.id,
       value: e.id
     }));
@@ -26059,13 +26063,13 @@ const mD = f.compose("FiltersModel", Bd, f.model("FiltersModel", {
   error: f.frozen()
 }).views((t) => ({
   get keywords() {
-    return Pe(t, 1);
+    return $e(t, 1);
   },
   get keywordString() {
     const {
       table_name: e,
       table_schema: n
-    } = Pe(t, 1);
+    } = $e(t, 1);
     return `${n}||${e}`;
   }
 })).views((t) => ({
@@ -26358,7 +26362,7 @@ const SD = f.model("EditorModel", {
   get navOptions() {
     const {
       content: e
-    } = ke(t), {
+    } = Ve(t), {
       filters: n,
       views: s,
       sqlSnippets: i,
@@ -26440,11 +26444,11 @@ const SD = f.model("EditorModel", {
   }
 })).actions((t) => ({
   removeSelf() {
-    Pe(t, 2).removeByID(t.id);
+    $e(t, 2).removeByID(t.id);
   }
 })).actions((t) => ({
   moveToView(e, n) {
-    ke(t).content.views.findByID(e).removePanelID(t.id), ke(t).content.views.findByID(n).appendPanelID(t.id), ke(t).editor.setPath(["_VIEWS_", n, "_PANELS_", t.id]);
+    Ve(t).content.views.findByID(e).removePanelID(t.id), Ve(t).content.views.findByID(n).appendPanelID(t.id), Ve(t).editor.setPath(["_VIEWS_", n, "_PANELS_", t.id]);
   }
 })), TD = f.compose("PanelsModel", Vd, f.model({
   list: f.optional(f.array(kD), [])
@@ -26558,7 +26562,7 @@ const SD = f.model("EditorModel", {
     }));
   },
   get editorOptions() {
-    const e = ke(t).content.panels;
+    const e = Ve(t).content.panels;
     return t.current.map((n) => ({
       label: n.name,
       value: n.id,
@@ -26596,7 +26600,7 @@ const SD = f.model("EditorModel", {
     if (n === -1)
       return;
     const s = t.current[n];
-    ke(t).content.panels.removeByIDs(s.panelIDs), t.current.splice(n, 1);
+    Ve(t).content.panels.removeByIDs(s.panelIDs), t.current.splice(n, 1);
   },
   replaceByIndex(e, n) {
     t.current.splice(e, 1, n);
@@ -26698,7 +26702,7 @@ const zD = f.model({
     return !xe(te(t, e), te(t.origin, e));
   },
   get payloadForSQL() {
-    const e = Pe(t).context.current, n = Pe(t).globalSQLSnippets, s = {
+    const e = $e(t).context.current, n = $e(t).globalSQLSnippets, s = {
       context: {
         ...t.mock_context.current,
         ...e
@@ -26712,7 +26716,7 @@ const zD = f.model({
     };
   },
   get payloadForViz() {
-    const e = Pe(t).context.current;
+    const e = $e(t).context.current;
     return {
       context: {
         ...t.mock_context.current,
@@ -27116,7 +27120,7 @@ function su(t, e) {
   }, [t]);
 }
 function iu(t) {
-  return L.useCallback((e) => e.provideValue(De.pluginManager, t.pluginManager).provideValue(De.vizManager, t.vizManager).provideValue(De.colorManager, t.colorManager), []);
+  return L.useCallback((e) => e.provideValue(Ie.pluginManager, t.pluginManager).provideValue(Ie.vizManager, t.vizManager).provideValue(Ie.colorManager, t.colorManager), []);
 }
 const RD = k(() => {
   const t = Jl(), e = ce(), n = () => {
@@ -27299,7 +27303,7 @@ const OD = k(({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = V(t ?? hi), l = (p) => {
+  }] = Re(), [a, o] = V(t ?? hi), l = (p) => {
     o({
       ...a,
       enabled: p
@@ -27592,7 +27596,7 @@ const OD = k(({
   }] = os(!1), [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(!1), l = ((c = le().content.views.VIE) == null ? void 0 : c.type) === N.Tabs;
+  }] = Re(!1), l = ((c = le().content.views.VIE) == null ? void 0 : c.type) === N.Tabs;
   return l ? /* @__PURE__ */ r.jsx(ge, { label: "Please choose a tab first", children: /* @__PURE__ */ r.jsx(C, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Za, { size: 16 }), sx: {
     ...No,
     transform: "none !important"
@@ -27976,9 +27980,9 @@ const Tz = Wu(({
       top: 0,
       right: 0
     }, children: /* @__PURE__ */ r.jsx(kh, { size: 12 }) }),
-    /* @__PURE__ */ r.jsxs($e, { shadow: "xl", withinPortal: !0, children: [
-      /* @__PURE__ */ r.jsx($e.Target, { children: /* @__PURE__ */ r.jsx(j, { children: t.label }) }),
-      /* @__PURE__ */ r.jsx($e.Dropdown, { children: /* @__PURE__ */ r.jsx(zt, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(zt.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+    /* @__PURE__ */ r.jsxs(Fe, { shadow: "xl", withinPortal: !0, children: [
+      /* @__PURE__ */ r.jsx(Fe.Target, { children: /* @__PURE__ */ r.jsx(j, { children: t.label }) }),
+      /* @__PURE__ */ r.jsx(Fe.Dropdown, { children: /* @__PURE__ */ r.jsx(zt, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(zt.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(ro, { type: "source", position: n, isConnectable: e })
   ] });
@@ -27986,7 +27990,7 @@ const Tz = Wu(({
 const Iz = {
   interaction: Tz
 }, Dz = k(() => {
-  const t = Fe(), {
+  const t = Ee(), {
     edges: e,
     nodes: n
   } = Sz(t);
@@ -28286,7 +28290,7 @@ const Az = k(() => {
           position: "absolute",
           top: 28,
           right: 5
-        }, children: /* @__PURE__ */ r.jsx(oe, { size: 16 }) })
+        }, children: /* @__PURE__ */ r.jsx(ae, { size: 16 }) })
       ] }, o)),
       /* @__PURE__ */ r.jsx(C, { mt: 10, size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(es, { size: 20 }), onClick: n, sx: {
         width: "50%"
@@ -28351,7 +28355,7 @@ const Az = k(() => {
           position: "absolute",
           top: 28,
           right: 5
-        }, children: /* @__PURE__ */ r.jsx(oe, { size: 16 }) })
+        }, children: /* @__PURE__ */ r.jsx(ae, { size: 16 }) })
       ] }, o)),
       /* @__PURE__ */ r.jsx(C, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(es, { size: 20 }), onClick: n, sx: {
         width: "50%"
@@ -28513,7 +28517,7 @@ const Az = k(() => {
     maxWidth: "1100px",
     height: "100vh"
   }, spacing: "sm", pb: 30, children: [
-    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(C, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), onClick: o, children: "Delete this filter" }) }),
+    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(C, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), onClick: o, children: "Delete this filter" }) }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
@@ -28873,7 +28877,7 @@ const iM = [{
 }, cM = ({
   queryID: t
 }) => {
-  const e = Fe(), {
+  const e = Ee(), {
     state: n,
     error: s
   } = e.getDataStuffByID(t), i = L.useMemo(() => e.queries.findByID(t), [e, t]);
@@ -28885,7 +28889,7 @@ const iM = [{
   moreActions: e,
   refreshOnMount: n
 }) => {
-  const s = Fe(), {
+  const s = Ee(), {
     data: i,
     state: a
   } = s.getDataStuffByID(t), o = a === "loading", l = Be(() => {
@@ -29014,7 +29018,7 @@ class hM {
   }
   addNew() {
     const e = this.panel.variables.filter((n) => n.name.startsWith(Ks.name)).length;
-    this.panel.addVariable(Oe({
+    this.panel.addVariable(Pe({
       ...Ks,
       name: `${Ks.name}${e || ""}`
     })), this.selected = il(this.panel.variables);
@@ -29069,7 +29073,7 @@ function xM({
     /* @__PURE__ */ r.jsxs(b, { children: [
       i.map((p, x) => /* @__PURE__ */ r.jsx(fi, { value: p, onChange: (y) => {
         a((S) => (S.splice(x, 1, y), [...S]));
-      }, swatches: h, rightSection: /* @__PURE__ */ r.jsx(B, { onClick: () => l(x), color: "red", children: /* @__PURE__ */ r.jsx(oe, { size: 14 }) }), sx: {
+      }, swatches: h, rightSection: /* @__PURE__ */ r.jsx(B, { onClick: () => l(x), color: "red", children: /* @__PURE__ */ r.jsx(ae, { size: 14 }) }), sx: {
         width: "45%"
       } })),
       /* @__PURE__ */ r.jsx(B, { onClick: o, color: "blue", variant: "outline", children: /* @__PURE__ */ r.jsx(es, { size: 20 }) })
@@ -29099,7 +29103,7 @@ function fM({
       a.map((h, p) => /* @__PURE__ */ r.jsx(I, { type: s, value: h, onChange: (x) => {
         const y = x.currentTarget.value;
         o((S) => (S.splice(p, 1, y), [...S]));
-      }, rightSection: /* @__PURE__ */ r.jsx(B, { onClick: () => c(p), color: "red", children: /* @__PURE__ */ r.jsx(oe, { size: 14 }) }), sx: {
+      }, rightSection: /* @__PURE__ */ r.jsx(B, { onClick: () => c(p), color: "red", children: /* @__PURE__ */ r.jsx(ae, { size: 14 }) }), sx: {
         width: "45%"
       } })),
       /* @__PURE__ */ r.jsx(B, { onClick: l, color: "blue", variant: "outline", children: /* @__PURE__ */ r.jsx(es, { size: 20 }) })
@@ -30104,9 +30108,9 @@ const WM = k(({
 function nL({
   content: t
 }) {
-  return /* @__PURE__ */ r.jsxs($e, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ r.jsx($e.Target, { children: /* @__PURE__ */ r.jsx(B, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(yl, {}) }) }),
-    /* @__PURE__ */ r.jsx($e.Dropdown, { children: /* @__PURE__ */ r.jsx(rn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
+  return /* @__PURE__ */ r.jsxs(Fe, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Fe.Target, { children: /* @__PURE__ */ r.jsx(B, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(yl, {}) }) }),
+    /* @__PURE__ */ r.jsx(Fe.Dropdown, { children: /* @__PURE__ */ r.jsx(rn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
   ] });
 }
 const rL = k(() => {
@@ -30267,9 +30271,9 @@ WHERE
   queryModel: t
 }) => {
   const e = T(() => _.groupBy(t.dependencies, "type"), [t.dependencies]), n = T(() => t.dependencies.some((i) => !i.valid), [t.dependencies]), s = t.dependencies.length > 0;
-  return s ? /* @__PURE__ */ r.jsxs($e, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !s, children: [
-    /* @__PURE__ */ r.jsx($e.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", color: n ? "red" : "green", disabled: !s, leftIcon: n ? /* @__PURE__ */ r.jsx(_i, { size: 16 }) : /* @__PURE__ */ r.jsx(ep, { size: 16 }), children: "Dependency" }) }),
-    /* @__PURE__ */ r.jsx($e.Dropdown, { children: /* @__PURE__ */ r.jsx(zt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(e).map(([i, a]) => /* @__PURE__ */ r.jsxs(zt.Item, { children: [
+  return s ? /* @__PURE__ */ r.jsxs(Fe, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !s, children: [
+    /* @__PURE__ */ r.jsx(Fe.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", color: n ? "red" : "green", disabled: !s, leftIcon: n ? /* @__PURE__ */ r.jsx(_i, { size: 16 }) : /* @__PURE__ */ r.jsx(ep, { size: 16 }), children: "Dependency" }) }),
+    /* @__PURE__ */ r.jsx(Fe.Dropdown, { children: /* @__PURE__ */ r.jsx(zt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(e).map(([i, a]) => /* @__PURE__ */ r.jsxs(zt.Item, { children: [
       /* @__PURE__ */ r.jsx(j, { fw: "bold", ff: "monospace", children: i }),
       /* @__PURE__ */ r.jsx(zt, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
@@ -30333,7 +30337,7 @@ WHERE
 } }), uL = k(({
   value: t
 }) => {
-  const n = Fe().payloadForSQL, s = L.useMemo(() => Ti(t, n), [t, n]);
+  const n = Ee().payloadForSQL, s = L.useMemo(() => Ti(t, n), [t, n]);
   return /* @__PURE__ */ r.jsx(dL, { height: "100%", value: s });
 }), Ho = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
@@ -30413,7 +30417,7 @@ WHERE
 }), mL = k(({
   value: t
 }) => {
-  const n = Fe().payloadForSQL, s = T(() => Ti(t, n), [t, n]);
+  const n = Ee().payloadForSQL, s = T(() => Ti(t, n), [t, n]);
   return /* @__PURE__ */ r.jsx(Ca, { height: "100%", value: s });
 }), fL = k(({
   item: t,
@@ -30465,7 +30469,7 @@ WHERE
           error: d
         }
       ),
-      /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: S, children: "Delete this SQL Snippet" })
+      /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: S, children: "Delete this SQL Snippet" })
     ] }),
     /* @__PURE__ */ r.jsxs(m, { value: s, onTabChange: i, sx: {
       flexGrow: 1
@@ -30637,7 +30641,7 @@ WHERE
     maxWidth: "600px",
     height: "100%"
   }, spacing: "sm", children: [
-    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(C, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), onClick: o, children: "Delete this view" }) }),
+    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(C, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), onClick: o, children: "Delete this view" }) }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
@@ -30687,7 +30691,7 @@ const zL = k(() => /* @__PURE__ */ r.jsx(w, { sx: {
       key: n,
       label: n,
       order: t.content.filters.current.length + 1,
-      type: Le.TextInput,
+      type: Me.TextInput,
       config: Td(),
       visibleInViewsIDs: ["Main"],
       auto_submit: !1
@@ -30982,7 +30986,7 @@ const fu = f.model({
     return this.json.content;
   },
   get payloadForSQL() {
-    const e = Pe(t).context.current, n = Pe(t).globalSQLSnippets, s = {
+    const e = $e(t).context.current, n = $e(t).globalSQLSnippets, s = {
       context: {
         ...t.mock_context.current,
         ...e
@@ -30996,7 +31000,7 @@ const fu = f.model({
     };
   },
   get payloadForViz() {
-    const e = Pe(t).context.current;
+    const e = $e(t).context.current;
     return {
       context: {
         ...t.mock_context.current,
@@ -31190,7 +31194,7 @@ export {
   zx as DashboardApiClient,
   Mx as DashboardApiFacadeClient,
   G2 as DashboardEditor,
-  Le as DashboardFilterType,
+  Me as DashboardFilterType,
   hD as DashboardMode,
   LD as DashboardModel,
   Yl as DashboardModelContextProvider,
@@ -31234,7 +31238,7 @@ export {
   Tt as useEditPanelContext,
   nm as useFullScreenPanelContext,
   HI as usePanelFullScreen,
-  Fe as useRenderContentModelContext,
+  Ee as useRenderContentModelContext,
   Jl as useRenderDashboardContext,
   Sn as useRenderPanelContext
 };