@devtable/dashboard 10.55.0 → 10.56.0

package/dist/dashboard.es.js

@@ -1,11 +1,11 @@
 var Hu = Object.defineProperty;
-var Uu = (e, t, n) => t in e ? Hu(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var V = (e, t, n) => (Uu(e, typeof t != "symbol" ? t + "" : t, n), n);
-import L, { useState as N, useEffect as O, useCallback as qe, useMemo as T, forwardRef as de, createElement as Jr, useContext as Ht, useRef as Zr, createContext as Xo, memo as Ku } from "react";
-import { Box as z, Select as A, Stack as w, Text as j, Group as b, TextInput as I, Button as C, Switch as Be, NumberInput as U, Divider as D, Table as Ke, ActionIcon as W, MultiSelect as nr, Paper as Yu, Code as Ka, Modal as me, Tabs as m, LoadingOverlay as vn, Alert as mi, ColorSwatch as Xs, Overlay as Rt, Checkbox as K, Center as wn, useMantineTheme as Jo, CheckIcon as Xu, MANTINE_SIZES as Ju, SimpleGrid as en, Tooltip as fe, NativeSelect as Zo, SegmentedControl as Zu, HoverCard as Oe, Anchor as Js, Textarea as eh, Collapse as fi, Mark as th, ColorInput as gi, createStyles as dr, Popover as Fn, Slider as nh, Flex as Ut, Badge as gn, CloseButton as el, Menu as ee, Affix as rh, Header as sh, List as Mt, FileInput as ih, ThemeIcon as Es, UnstyledButton as ah, Navbar as Nt, JsonInput as tl, Pagination as nl, Drawer as oh, Accordion as Cr, Radio as Ya, Skeleton as Xa, NavLink as Zs, AppShell as rl } from "@mantine/core";
+var Ku = (e, t, n) => t in e ? Hu(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var V = (e, t, n) => (Ku(e, typeof t != "symbol" ? t + "" : t, n), n);
+import L, { useState as N, useEffect as O, useCallback as qe, useMemo as T, forwardRef as de, createElement as Jr, useContext as Ht, useRef as Zr, createContext as Xo, memo as Uu } from "react";
+import { Box as z, HoverCard as Te, TextInput as I, Group as b, Text as j, Select as A, Stack as w, Button as C, Switch as Be, NumberInput as K, Divider as D, Table as Ue, ActionIcon as W, MultiSelect as nr, Paper as Yu, Code as Ua, Modal as me, Tabs as m, LoadingOverlay as vn, Alert as mi, ColorSwatch as Xs, Overlay as Rt, Checkbox as U, Center as wn, useMantineTheme as Jo, CheckIcon as Xu, MANTINE_SIZES as Ju, SimpleGrid as en, Tooltip as fe, NativeSelect as Zo, SegmentedControl as Zu, Anchor as Js, Textarea as eh, Collapse as fi, Mark as th, ColorInput as gi, createStyles as dr, Popover as Fn, Slider as nh, Flex as Kt, Badge as gn, CloseButton as el, Menu as ee, Affix as rh, Header as sh, List as Mt, FileInput as ih, ThemeIcon as Es, UnstyledButton as ah, Navbar as Nt, JsonInput as tl, Pagination as nl, Drawer as oh, Accordion as Cr, Radio as Ya, Skeleton as Xa, NavLink as Zs, AppShell as rl } from "@mantine/core";
 import { useModals as Ct, ModalsProvider as sl } from "@mantine/modals";
-import { useBoolean as Ee, useCreation as _t, useAsyncEffect as ur, useRequest as bn, useWhyDidYouUpdate as il, useLatest as Ja, usePrevious as lh } from "ahooks";
-import { observable as al, runInAction as Jn, toJS as Kt, reaction as it, makeAutoObservable as hr } from "mobx";
+import { useBoolean as Fe, useCreation as _t, useAsyncEffect as ur, useRequest as bn, useWhyDidYouUpdate as il, useLatest as Ja, usePrevious as lh } from "ahooks";
+import { observable as al, runInAction as Jn, toJS as Ut, reaction as it, makeAutoObservable as hr } from "mobx";
 import { observer as k } from "mobx-react-lite";
 import * as ch from "crypto-js";
 import dh from "crypto-js";
@@ -26,9 +26,9 @@ import { GridComponent as ot, VisualMapComponent as pr, LegendComponent as lt, T
 import * as ae from "echarts/core";
 import { CanvasRenderer as Xe } from "echarts/renderers";
 import { useForm as ve, Controller as g, useFieldArray as we, useWatch as kh } from "react-hook-form";
-import { DeviceFloppy as he, ArrowRight as Fs, Trash as oe, AlertCircle as Th, Recycle as pt, InfoCircle as sn, Plus as ze, Refresh as vi, Download as wi, ArrowsMaximize as xl, Settings as ml, Copy as Ih, ArrowLeft as Dh, ArrowsMove as zh, ChevronDownRight as Mh, ChevronsUpRight as Lh, PlaylistAdd as ns, ArrowBarToRight as Ah } from "tabler-icons-react";
+import { DeviceFloppy as he, ArrowRight as Fs, Trash as oe, AlertCircle as Th, Recycle as pt, InfoCircle as sn, Plus as Me, Refresh as vi, Download as wi, ArrowsMaximize as xl, Settings as ml, Copy as Ih, ArrowLeft as Dh, ArrowsMove as zh, ChevronDownRight as Mh, ChevronsUpRight as Lh, PlaylistAdd as ns, ArrowBarToRight as Ah } from "tabler-icons-react";
 import { BoxplotChart as Rh, CustomChart as Eh, BarChart as Nn, LineChart as Bn, ScatterChart as rs, FunnelChart as Fh, HeatmapChart as ss, PieChart as Oh, RadarChart as $h, SunburstChart as Ph } from "echarts/charts";
-import { IconDeviceFloppy as Yt, IconTextSize as _i, IconInfoCircle as _n, IconPlayerSkipBack as fl, IconRecycle as is, IconMathFunction as Vh, IconPlus as xt, IconBorderAll as Nh, IconTrash as tn, IconArrowDown as Bh, IconArrowUp as qh, IconCalendar as Wh, IconMinus as Gh, IconCode as nn, IconCamera as as, IconShare3 as Qh, IconDownload as gl, IconArrowsLeftRight as Hh, IconVariable as bl, IconCodeDots as Uh, IconFilter as yl, IconCopy as Kh, IconDatabase as os, IconBoxMultiple as jl, IconMenu2 as Yh, IconCaretDown as Xh, IconAlertTriangle as Si, IconArrowLeft as Jh, IconPlaylistAdd as eo, IconPointFilled as Ci, IconFileImport as to, IconCircleDashed as Zh, IconCircleDot as ep, IconCircleOff as tp, IconAdjustments as np, IconLink as rp, IconSettings as ls, IconArrowCurveRight as ei, IconLine as sp, IconX as vl, IconEye as wl, IconTable as ip, IconColumns as ap, IconAlertCircle as no, IconVariablePlus as op, IconHierarchy as lp, IconDiscountCheckFilled as cp } from "@tabler/icons-react";
+import { IconDeviceFloppy as Yt, IconTextSize as _i, IconInfoCircle as _n, IconPlayerSkipBack as fl, IconRecycle as is, IconMathFunction as Vh, IconPlus as xt, IconBorderAll as Nh, IconTrash as tn, IconArrowDown as Bh, IconArrowUp as qh, IconCalendar as Wh, IconMinus as Gh, IconCode as nn, IconCamera as as, IconShare3 as Qh, IconDownload as gl, IconArrowsLeftRight as Hh, IconVariable as bl, IconCodeDots as Kh, IconFilter as yl, IconCopy as Uh, IconDatabase as os, IconBoxMultiple as jl, IconMenu2 as Yh, IconCaretDown as Xh, IconAlertTriangle as Si, IconArrowLeft as Jh, IconPlaylistAdd as eo, IconPointFilled as Ci, IconFileImport as to, IconCircleDashed as Zh, IconCircleDot as ep, IconCircleOff as tp, IconAdjustments as np, IconLink as rp, IconSettings as ls, IconArrowCurveRight as ei, IconLine as sp, IconX as vl, IconEye as wl, IconTable as ip, IconColumns as ap, IconAlertCircle as no, IconVariablePlus as op, IconHierarchy as lp, IconDiscountCheckFilled as cp } from "@tabler/icons-react";
 import { useClipboard as dp, randomId as jn, useElementSize as sr, useDisclosure as xr, useInputState as _l } from "@mantine/hooks";
 import { showNotification as On, notifications as up } from "@mantine/notifications";
 import { interpolate as Sn } from "popmotion";
@@ -69,8 +69,8 @@ import { v4 as $s } from "uuid";
 import Gp from "dayjs/plugin/advancedFormat";
 import Qp from "dayjs/plugin/arraySupport";
 import Hp from "dayjs/plugin/buddhistEra";
-import Up from "dayjs/plugin/calendar";
-import Kp from "dayjs/plugin/customParseFormat";
+import Kp from "dayjs/plugin/calendar";
+import Up from "dayjs/plugin/customParseFormat";
 import Yp from "dayjs/plugin/dayOfYear";
 import Xp from "dayjs/plugin/duration";
 import Jp from "dayjs/plugin/isBetween";
@@ -101,7 +101,7 @@ import wx from "dayjs/plugin/weekOfYear";
 import _x from "dayjs/plugin/weekYear";
 import { useNavigate as Sx } from "react-router-dom";
 import Cx, { Position as vt, Handle as io, MiniMap as kx, Controls as Tx, Background as Ix } from "reactflow";
-var ni = { exports: {} }, Kn = {};
+var ni = { exports: {} }, Un = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -114,7 +114,7 @@ var ni = { exports: {} }, Kn = {};
 var ao;
 function Dx() {
   if (ao)
-    return Kn;
+    return Un;
   ao = 1;
   var e = L, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(l, c, d) {
@@ -127,7 +127,7 @@ function Dx() {
         h[u] === void 0 && (h[u] = c[u]);
     return { $$typeof: t, type: l, key: p, ref: x, props: h, _owner: i.current };
   }
-  return Kn.Fragment = n, Kn.jsx = o, Kn.jsxs = o, Kn;
+  return Un.Fragment = n, Un.jsx = o, Un.jsxs = o, Un;
 }
 var Yn = {};
 /**
@@ -167,10 +167,10 @@ function zx() {
         pe.unshift("Warning: " + R), Function.prototype.apply.call(console[v], console, pe);
       }
     }
-    var be = !1, ne = !1, Se = !1, Te = !1, Me = !1, on;
+    var be = !1, ne = !1, Se = !1, Ie = !1, Le = !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 || Se || 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 || Le || v === i || v === d || v === u || Ie || v === x || be || ne || Se || 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.
@@ -362,26 +362,26 @@ function zx() {
         if (Pt && H && typeof Pt.stack == "string") {
           for (var J = Pt.stack.split(`
 `), Ge = H.stack.split(`
-`), ke = J.length - 1, Ie = Ge.length - 1; ke >= 1 && Ie >= 0 && J[ke] !== Ge[Ie]; )
-            Ie--;
-          for (; ke >= 1 && Ie >= 0; ke--, Ie--)
-            if (J[ke] !== Ge[Ie]) {
-              if (ke !== 1 || Ie !== 1)
+`), ke = J.length - 1, De = Ge.length - 1; ke >= 1 && De >= 0 && J[ke] !== Ge[De]; )
+            De--;
+          for (; ke >= 1 && De >= 0; ke--, De--)
+            if (J[ke] !== Ge[De]) {
+              if (ke !== 1 || De !== 1)
                 do
-                  if (ke--, Ie--, Ie < 0 || J[ke] !== Ge[Ie]) {
+                  if (ke--, De--, De < 0 || J[ke] !== Ge[De]) {
                     var dt = `
 ` + J[ke].replace(" at new ", " at ");
                     return v.displayName && dt.includes("<anonymous>") && (dt = dt.replace("<anonymous>", v.displayName)), typeof v == "function" && vr.set(v, dt), dt;
                   }
-                while (ke >= 1 && Ie >= 0);
+                while (ke >= 1 && De >= 0);
               break;
             }
         }
       } finally {
         Ds = !1, Ts.current = pe, _u(), Error.prepareStackTrace = se;
       }
-      var zn = v ? v.displayName || v.name : "", Ua = zn ? jr(zn) : "";
-      return typeof v == "function" && vr.set(v, Ua), Ua;
+      var zn = v ? v.displayName || v.name : "", Ka = zn ? jr(zn) : "";
+      return typeof v == "function" && vr.set(v, Ka), Ka;
     }
     function Cu(v, R, P) {
       return Ea(v, !1);
@@ -470,7 +470,7 @@ function zx() {
       if (zu(v))
         return B("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Du(v)), $a(v);
     }
-    var Un = F.ReactCurrentOwner, Mu = {
+    var Kn = F.ReactCurrentOwner, Mu = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -494,9 +494,9 @@ function zx() {
       return v.key !== void 0;
     }
     function Ru(v, R) {
-      if (typeof v.ref == "string" && Un.current && R && Un.current.stateNode !== R) {
-        var P = $t(Un.current.type);
-        Ms[P] || (B('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', $t(Un.current.type), v.ref), Ms[P] = !0);
+      if (typeof v.ref == "string" && Kn.current && R && Kn.current.stateNode !== R) {
+        var P = $t(Kn.current.type);
+        Ms[P] || (B('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', $t(Kn.current.type), v.ref), Ms[P] = !0);
       }
     }
     function Eu(v, R) {
@@ -562,10 +562,10 @@ function zx() {
             Z[pe] === void 0 && (Z[pe] = ke[pe]);
         }
         if (J || Ge) {
-          var Ie = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
-          J && Eu(Z, Ie), Ge && Fu(Z, Ie);
+          var De = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
+          J && Eu(Z, De), Ge && Fu(Z, De);
         }
-        return Ou(v, J, Ge, se, H, Un.current, Z);
+        return Ou(v, J, Ge, se, H, Kn.current, Z);
       }
     }
     var Ls = F.ReactCurrentOwner, Ba = F.ReactDebugCurrentFrame;
@@ -697,9 +697,9 @@ Check the top-level render call using <` + P + ">.");
           var ke;
           v === null ? ke = "null" : zs(v) ? ke = "array" : v !== void 0 && v.$$typeof === t ? (ke = "<" + ($t(v.type) || "Unknown") + " />", J = " Did you accidentally export a JSX literal instead of a component?") : ke = typeof v, B("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ke, J);
         }
-        var Ie = $u(v, R, P, se, pe);
-        if (Ie == null)
-          return Ie;
+        var De = $u(v, R, P, se, pe);
+        if (De == null)
+          return De;
         if (Z) {
           var dt = R.children;
           if (dt !== void 0)
@@ -713,7 +713,7 @@ Check the top-level render call using <` + P + ">.");
             else
               Qa(dt, v);
         }
-        return v === s ? Bu(Ie) : Nu(Ie), Ie;
+        return v === s ? Bu(De) : Nu(De), De;
       }
     }
     function qu(v, R, P) {
@@ -1094,7 +1094,7 @@ async function Hl() {
     return console.error(e), [];
   }
 }
-class Ul {
+class Kl {
   constructor(t) {
     V(this, "rootRef");
     this.rootRef = al({
@@ -1111,7 +1111,7 @@ class Ul {
     return Promise.resolve(n);
   }
   getValueFromRoot(t) {
-    return t === null ? Kt(this.rootRef.current) : te(this.rootRef.current, [t]);
+    return t === null ? Ut(this.rootRef.current) : te(this.rootRef.current, [t]);
   }
   setItem(t, n) {
     if (t === null)
@@ -1169,12 +1169,12 @@ class Qx {
       name: t.viz.type,
       type: t.viz.type,
       messageChannels: new Gx(),
-      instanceData: new Ul(t.viz.conf)
+      instanceData: new Kl(t.viz.conf)
     };
     return this.instances.set(t.id, s), s;
   }
 }
-function Kl(e, t, n, s) {
+function Ul(e, t, n, s) {
   return {
     vizManager: n,
     /**
@@ -1187,7 +1187,7 @@ function Kl(e, t, n, s) {
      * todo: implement plugin scope storage, that is shared
      * between instances
      */
-    pluginData: new Ul({}),
+    pluginData: new Kl({}),
     /**
      * todo: color palette not implemented
      */
@@ -1207,21 +1207,21 @@ const Hx = (e) => {
     data: s,
     variables: i
   } = e, a = n.resolveComponent(t.viz.type), o = n.getOrCreateInstance(t), l = {
-    ...Kl(o, s, n, i),
+    ...Ul(o, s, n, i),
     viewport: {
       width: t.layout.w,
       height: t.layout.h
     }
   }, c = a.viewRender;
   return /* @__PURE__ */ r.jsx(c, { context: l, instance: o, ...yn(e, ["panel", "vizManager", "data"]) });
-}, Ux = (e) => {
+}, Kx = (e) => {
   const {
     vizManager: t,
     panel: n,
     data: s,
     variables: i
   } = e, a = t.resolveComponent(n.viz.type), o = t.getOrCreateInstance(n), l = {
-    ...Kl(o, s, t, i)
+    ...Ul(o, s, t, i)
   }, c = a.configRender;
   return /* @__PURE__ */ r.jsx(c, { context: l, instance: o, ...yn(e, ["panel", "vizManager", "data"]) });
 }, Yl = (e, t) => {
@@ -1234,7 +1234,7 @@ const Hx = (e) => {
   return function(n) {
     return t(n / 100).hex();
   };
-}, Kx = {
+}, Ux = {
   type: "interpolation",
   displayName: "Red / Green",
   getColor: Yl(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
@@ -1317,7 +1317,7 @@ class Mi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const Xl = "10.55.0", nm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Xl = "10.56.0", nm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Xl
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1439,7 +1439,7 @@ class _e extends im {
 const Q = (e, t) => {
   const [n, {
     setFalse: s
-  }] = Ee(!0), [i, a] = N();
+  }] = Fe(!0), [i, a] = N();
   O(() => (e.getItem(t).then((l) => {
     a(l), s();
   }), e.watchItem(t, (l) => {
@@ -1616,7 +1616,7 @@ function ac() {
     throw new Error("Please use ContentModelContextProvider");
   return e;
 }
-const ce = () => ac(), Fe = () => ac(), dm = {
+const ce = () => ac(), Oe = () => ac(), dm = {
   inEditMode: !1
 }, Ai = L.createContext(dm), oc = L.createContext({
   panel: null,
@@ -1661,6 +1661,23 @@ const G = k(de(({
       group: ""
     }), u;
   }, [c.dataFieldOptions]);
+  if (d.length === 0) {
+    const u = c.explainDataKey(n);
+    return /* @__PURE__ */ r.jsxs(Te, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
+      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(z, { children: /* @__PURE__ */ r.jsx(I, { label: e, required: t, defaultValue: u.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsxs(b, { position: "left", spacing: 0, children: [
+        /* @__PURE__ */ r.jsx(j, { size: "xs", color: u.queryName ? "black" : "red", sx: {
+          fontFamily: "monospace"
+        }, children: u.queryName ?? u.queryID }),
+        /* @__PURE__ */ r.jsx(j, { size: "xs", color: "black", sx: {
+          fontFamily: "monospace"
+        }, children: "." }),
+        /* @__PURE__ */ r.jsx(j, { size: "xs", color: "red", sx: {
+          fontFamily: "monospace"
+        }, children: u.columnKey })
+      ] }) })
+    ] });
+  }
   return /* @__PURE__ */ r.jsx(A, { ref: l, label: e, data: d, value: n, onChange: s, required: t, sx: a, maxDropdownHeight: 500, ...o });
 }));
 function pm({
@@ -1878,7 +1895,7 @@ function gm({
       }, styles: co })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(U, { label: "Mantissa", defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: i }),
+      /* @__PURE__ */ r.jsx(K, { label: "Mantissa", defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: i }),
       /* @__PURE__ */ r.jsx(Be, { label: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Trim mantissa" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "hide trailing zero(s)" })
@@ -1974,7 +1991,7 @@ const jm = [{
       color: "dimmed"
     } }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ r.jsx(U, { label: "Max Width", hideControls: !0, value: t.width, onChange: i("width") }),
+      /* @__PURE__ */ r.jsx(K, { label: "Max Width", hideControls: !0, value: t.width, onChange: i("width") }),
       /* @__PURE__ */ r.jsx(A, { label: "Overflow", data: jm, value: t.overflow, onChange: i("overflow") }),
       /* @__PURE__ */ r.jsx(
         I,
@@ -2328,7 +2345,7 @@ const Lm = {
       }
     });
   };
-  return /* @__PURE__ */ r.jsxs(Ke, { sx: Am, children: [
+  return /* @__PURE__ */ r.jsxs(Ue, { sx: Am, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { children: "Set filter" }),
       /* @__PURE__ */ r.jsx("th", { children: "with" })
@@ -2487,7 +2504,7 @@ class Wm {
       const s = cl(n).map((i) => ({
         id: te(i, "id"),
         schemaRef: te(i, "schemaRef"),
-        config: Kt(te(i, "data.config"))
+        config: Ut(te(i, "data.config"))
       }));
       t(s);
     }, {
@@ -2612,12 +2629,12 @@ const gt = ({
     /* @__PURE__ */ r.jsx(w, { style: {
       maxHeight: "500px"
     }, children: n.map((a) => /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
-      /* @__PURE__ */ r.jsxs(Ka, { color: "teal", children: [
+      /* @__PURE__ */ r.jsxs(Ua, { color: "teal", children: [
         "// ",
         a.description
       ] }),
       /* @__PURE__ */ r.jsx("br", {}),
-      /* @__PURE__ */ r.jsxs(Ka, { onClick: () => i(a.name), style: {
+      /* @__PURE__ */ r.jsxs(Ua, { onClick: () => i(a.name), style: {
         cursor: "pointer"
       }, children: [
         a.name,
@@ -2658,7 +2675,7 @@ const Hm = k(({
   var s;
   const n = (s = e.operationSchema) == null ? void 0 : s.displayName;
   return /* @__PURE__ */ r.jsx(C, { variant: "outline", onClick: t, children: n });
-}), Um = k(({
+}), Km = k(({
   model: e
 }) => {
   const t = {
@@ -2667,7 +2684,7 @@ const Hm = k(({
     variables: []
   };
   return Jr(e.operationSchema.configRender, t);
-}), Km = k(({
+}), Um = k(({
   model: e
 }) => {
   const t = e.schemaList, n = t.map((i) => ({
@@ -2682,7 +2699,7 @@ const Hm = k(({
   const [t, {
     setTrue: n,
     setFalse: s
-  }] = Ee(!1), {
+  }] = Fe(!1), {
     operationManager: i,
     operationId: a,
     instance: o,
@@ -2693,13 +2710,13 @@ const Hm = k(({
   }, [a, c]), Qm(c) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Hm, { model: c, onClick: n }),
     /* @__PURE__ */ r.jsx(me, { size: 600, opened: t, onClose: s, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(Km, { model: c }),
+      /* @__PURE__ */ r.jsx(Um, { model: c }),
       /* @__PURE__ */ r.jsxs(m, { defaultValue: "settings", children: [
         /* @__PURE__ */ r.jsxs(m.List, { children: [
           /* @__PURE__ */ r.jsx(m.Tab, { value: "settings", children: "Settings" }),
           /* @__PURE__ */ r.jsx(m.Tab, { value: "variables", children: "Variables" })
         ] }),
-        /* @__PURE__ */ r.jsx(m.Panel, { value: "settings", pt: 10, children: /* @__PURE__ */ r.jsx(Um, { model: c }) }),
+        /* @__PURE__ */ r.jsx(m.Panel, { value: "settings", pt: 10, children: /* @__PURE__ */ r.jsx(Km, { model: c }) }),
         /* @__PURE__ */ r.jsx(m.Panel, { value: "variables", pt: 10, children: /* @__PURE__ */ r.jsx(hc, { title: "Variables", variables: c.variables }) })
       ] })
     ] }) })
@@ -2769,7 +2786,7 @@ const ef = k(({
   const [t, {
     setTrue: n,
     setFalse: s
-  }] = Ee(!1), i = e.model;
+  }] = Fe(!1), i = e.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(me, { opened: t, onClose: s, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ r.jsxs(w, { children: [
       /* @__PURE__ */ r.jsx(tf, { model: i }),
@@ -3675,8 +3692,8 @@ function Hf({
     )
   ] });
 }
-const Ue = L.forwardRef(Hf);
-function Uf({
+const Ke = L.forwardRef(Hf);
+function Kf({
   control: e,
   index: t,
   remove: n,
@@ -3717,7 +3734,7 @@ function Uf({
     }, children: /* @__PURE__ */ r.jsx(oe, { size: 16 }) })
   ] });
 }
-function Kf({
+function Uf({
   control: e,
   watch: t,
   variables: n
@@ -3741,7 +3758,7 @@ function Kf({
     value: u.name
   })), [n]);
   return /* @__PURE__ */ r.jsxs(w, { children: [
-    l.map((u, h) => /* @__PURE__ */ r.jsx(Uf, { control: e, index: h, remove: a, variableOptions: d }, u.id)),
+    l.map((u, h) => /* @__PURE__ */ r.jsx(Kf, { control: e, index: h, remove: a, variableOptions: d }, u.id)),
     /* @__PURE__ */ r.jsx(b, { position: "center", mt: "xs", children: /* @__PURE__ */ r.jsx(C, { onClick: c, children: "Add a Reference Line" }) })
   ] });
 }
@@ -3771,7 +3788,7 @@ const Yf = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = N(e);
+  }] = Fe(), [o, l] = N(e);
   O(() => {
     l(e);
   }, [e]);
@@ -3805,7 +3822,7 @@ const Yf = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(me, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Yf, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -3838,7 +3855,7 @@ const Yf = ({
       field: n
     }) => (
       // @ts-expect-error type of onChange
-      /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+      /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
         width: "48%"
       }, styles: {
         rightSection: {
@@ -3940,7 +3957,7 @@ const Yf = ({
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(Zf, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -4039,9 +4056,9 @@ function sg({
         /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
         /* @__PURE__ */ r.jsx(g, { name: "color", control: a, render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(Ue, { ...p }) })
+        }) => /* @__PURE__ */ r.jsx(Ke, { ...p }) })
       ] }) }),
-      /* @__PURE__ */ r.jsx(m.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(Kf, { variables: s, control: a, watch: l }) })
+      /* @__PURE__ */ r.jsx(m.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(Uf, { variables: s, control: a, watch: l }) })
     ] })
   ] }) });
 }
@@ -4312,7 +4329,7 @@ const Pi = {
   const n = gt({
     vizManager: e.vizManager,
     instance: t
-  }), s = ft(n.triggerManager, bc.id), i = Fe(), {
+  }), s = ft(n.triggerManager, bc.id), i = Oe(), {
     value: a
   } = Q(e.instanceData, "config"), o = T(() => je({}, a, Pi), [a]), {
     content: l,
@@ -4455,7 +4472,7 @@ function kg({
         }) => /* @__PURE__ */ r.jsx(wg, { label: "Size", ...p }) }),
         /* @__PURE__ */ r.jsx(g, { control: a, name: "compact", render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(K, { label: "Compact", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked), mt: 26 }) })
+        }) => /* @__PURE__ */ r.jsx(U, { label: "Compact", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked), mt: 26 }) })
       ] }),
       /* @__PURE__ */ r.jsxs(en, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(
@@ -4939,8 +4956,8 @@ function Gg({
     y_axis_data_key: n
   });
   return Object.entries(be).map(([ne, Se]) => {
-    const Te = Pe(re);
-    return Te.name = ne, Te.color = void 0, Te.data = Se, Te;
+    const Ie = Pe(re);
+    return Ie.name = ne, Ie.color = void 0, Ie.data = Se, Ie;
   });
 }
 function Qg(e, t, n, s, i, a) {
@@ -4957,7 +4974,7 @@ function Hg(e, t) {
   } = n;
   return qn(t.x_axis.axisLabel.formatter)(s, i);
 }
-function Ug(e, t, n) {
+function Kg(e, t, n) {
   const s = t.reduce((i, {
     yAxisIndex: a,
     name: o
@@ -4999,7 +5016,7 @@ function Ug(e, t, n) {
     }
   });
 }
-function Kg(e) {
+function Ug(e) {
   return e.y_axes.reduce((n, {
     label_formatter: s
   }, i) => (n[i] = function(o) {
@@ -5116,11 +5133,11 @@ const eb = {
   }]
 };
 function tb(e, t, n) {
-  const s = yc(t, n), i = Kg(e), a = _.uniq(Qt(t, e.x_axis_data_key)), o = Qg(e, a, t, i, n, s), l = Fg(e, t), c = {
+  const s = yc(t, n), i = Ug(e), a = _.uniq(Qt(t, e.x_axis_data_key)), o = Qg(e, a, t, i, n, s), l = Fg(e, t), c = {
     xAxis: Yg(e, a),
     yAxis: Zg(e, i, o),
     series: [...o, ...l],
-    tooltip: Ug(e, o, i),
+    tooltip: Kg(e, o, i),
     grid: Mg(e),
     legend: Rg(o),
     dataZoom: Bi(e.dataZoom)
@@ -5354,7 +5371,7 @@ function ob({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((u, h) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.toString(), children: /* @__PURE__ */ r.jsx(ab, { control: e, index: h, remove: a, variableOptions: d }) }, u.id))
   ] });
@@ -5460,7 +5477,7 @@ function db({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -5470,12 +5487,12 @@ function db({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...l }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...l }) })
     ] }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
+    }) => /* @__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(t), sx: {
       top: 15,
       right: 5
@@ -5531,7 +5548,7 @@ function ub({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((p, x) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(db, { control: e, index: x, remove: a, watch: t, variableOptions: d, yAxisOptions: h }) }, p.id))
   ] });
@@ -5623,7 +5640,7 @@ function xb({
           control: e,
           render: ({
             field: o
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Order", sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Order", sx: {
             flex: 1
           }, ...o })
         }
@@ -5650,7 +5667,7 @@ function xb({
           control: e,
           render: ({
             field: o
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...o })
         }
@@ -5660,7 +5677,7 @@ function xb({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `regressions.${n}.plot.color`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...o }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...o }) })
     ] }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => s(n), sx: {
       top: 15,
@@ -5721,7 +5738,7 @@ function mb({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((u, h) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.toString(), children: /* @__PURE__ */ r.jsx(xb, { regressionItem: u, control: e, index: h, remove: i, yAxisOptions: c }) }, u.id))
   ] });
@@ -7060,7 +7077,7 @@ class nt {
     return Ns[t] = n, n.prototype.jsonID = t, n;
   }
 }
-class Ae {
+class Re {
   /**
   @internal
   */
@@ -7071,13 +7088,13 @@ class Ae {
   Create a successful step result.
   */
   static ok(t) {
-    return new Ae(t, null);
+    return new Re(t, null);
   }
   /**
   Create a failed step result.
   */
   static fail(t) {
-    return new Ae(null, t);
+    return new Re(null, t);
   }
   /**
   Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
@@ -7086,10 +7103,10 @@ class Ae {
   */
   static fromReplace(t, n, s, i) {
     try {
-      return Ae.ok(t.replace(n, s, i));
+      return Re.ok(t.replace(n, s, i));
     } catch (a) {
       if (a instanceof fb)
-        return Ae.fail(a.message);
+        return Re.fail(a.message);
       throw a;
     }
   }
@@ -7111,7 +7128,7 @@ class hn extends nt {
   }
   apply(t) {
     let n = t.slice(this.from, this.to), s = t.resolve(this.from), i = s.node(s.sharedDepth(this.to)), a = new ue(Hi(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(t, this.from, this.to, a);
+    return Re.fromReplace(t, this.from, this.to, a);
   }
   invert() {
     return new pn(this.from, this.to, this.mark);
@@ -7150,7 +7167,7 @@ class pn extends nt {
   }
   apply(t) {
     let n = t.slice(this.from, this.to), s = new ue(Hi(n.content, (i) => i.mark(this.mark.removeFromSet(i.marks)), t), n.openStart, n.openEnd);
-    return Ae.fromReplace(t, this.from, this.to, s);
+    return Re.fromReplace(t, this.from, this.to, s);
   }
   invert() {
     return new hn(this.from, this.to, this.mark);
@@ -7190,9 +7207,9 @@ class xn extends nt {
   apply(t) {
     let n = t.nodeAt(this.pos);
     if (!n)
-      return Ae.fail("No node at mark step's position");
+      return Re.fail("No node at mark step's position");
     let s = n.type.create(n.attrs, null, this.mark.addToSet(n.marks));
-    return Ae.fromReplace(t, this.pos, this.pos + 1, new ue(ie.from(s), 0, n.isLeaf ? 0 : 1));
+    return Re.fromReplace(t, this.pos, this.pos + 1, new ue(ie.from(s), 0, n.isLeaf ? 0 : 1));
   }
   invert(t) {
     let n = t.nodeAt(this.pos);
@@ -7234,9 +7251,9 @@ class or extends nt {
   apply(t) {
     let n = t.nodeAt(this.pos);
     if (!n)
-      return Ae.fail("No node at mark step's position");
+      return Re.fail("No node at mark step's position");
     let s = n.type.create(n.attrs, null, this.mark.removeFromSet(n.marks));
-    return Ae.fromReplace(t, this.pos, this.pos + 1, new ue(ie.from(s), 0, n.isLeaf ? 0 : 1));
+    return Re.fromReplace(t, this.pos, this.pos + 1, new ue(ie.from(s), 0, n.isLeaf ? 0 : 1));
   }
   invert(t) {
     let n = t.nodeAt(this.pos);
@@ -7273,7 +7290,7 @@ class zt extends nt {
     super(), this.from = t, this.to = n, this.slice = s, this.structure = i;
   }
   apply(t) {
-    return this.structure && ai(t, this.from, this.to) ? Ae.fail("Structure replace would overwrite content") : Ae.fromReplace(t, this.from, this.to, this.slice);
+    return this.structure && ai(t, this.from, this.to) ? Re.fail("Structure replace would overwrite content") : Re.fromReplace(t, this.from, this.to, this.slice);
   }
   getMap() {
     return new ut([this.from, this.to - this.from, this.slice.size]);
@@ -7323,12 +7340,12 @@ class fn extends nt {
   }
   apply(t) {
     if (this.structure && (ai(t, this.from, this.gapFrom) || ai(t, this.gapTo, this.to)))
-      return Ae.fail("Structure gap-replace would overwrite content");
+      return Re.fail("Structure gap-replace would overwrite content");
     let n = t.slice(this.gapFrom, this.gapTo);
     if (n.openStart || n.openEnd)
-      return Ae.fail("Gap is not a flat range");
+      return Re.fail("Gap is not a flat range");
     let s = this.slice.insertAt(this.insert, n.content);
-    return s ? Ae.fromReplace(t, this.from, this.to, s) : Ae.fail("Content does not fit in gap");
+    return s ? Re.fromReplace(t, this.from, this.to, s) : Re.fail("Content does not fit in gap");
   }
   getMap() {
     return new ut([
@@ -7431,13 +7448,13 @@ class er extends nt {
   apply(t) {
     let n = t.nodeAt(this.pos);
     if (!n)
-      return Ae.fail("No node at attribute step's position");
+      return Re.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(t, this.pos, this.pos + 1, new ue(ie.from(i), 0, n.isLeaf ? 0 : 1));
+    return Re.fromReplace(t, this.pos, this.pos + 1, new ue(ie.from(i), 0, n.isLeaf ? 0 : 1));
   }
   getMap() {
     return ut.empty;
@@ -7563,7 +7580,7 @@ class ye {
   found.
   */
   static findFrom(t, n, s = !1) {
-    let i = t.parent.inlineContent ? new Re(t) : Ln(t.node(0), t.parent, t.pos, t.index(), n, s);
+    let i = t.parent.inlineContent ? new Ee(t) : Ln(t.node(0), t.parent, t.pos, t.index(), n, s);
     if (i)
       return i;
     for (let a = t.depth - 1; a >= 0; a--) {
@@ -7630,7 +7647,7 @@ class ye {
   returns the bookmark for that.
   */
   getBookmark() {
-    return Re.between(this.$anchor, this.$head).getBookmark();
+    return Ee.between(this.$anchor, this.$head).getBookmark();
   }
 }
 ye.prototype.visible = !0;
@@ -7646,7 +7663,7 @@ let jo = !1;
 function vo(e) {
   !jo && !e.parent.inlineContent && (jo = !0, console.warn("TextSelection endpoint not pointing into a node with inline content (" + e.parent.type.name + ")"));
 }
-class Re extends ye {
+class Ee extends ye {
   /**
   Construct a text selection between the given points.
   */
@@ -7665,7 +7682,7 @@ class Re extends ye {
     if (!s.parent.inlineContent)
       return ye.near(s);
     let i = t.resolve(n.map(this.anchor));
-    return new Re(i.parent.inlineContent ? i : s, s);
+    return new Ee(i.parent.inlineContent ? i : s, s);
   }
   replace(t, n = ue.empty) {
     if (super.replace(t, n), n == ue.empty) {
@@ -7674,7 +7691,7 @@ class Re extends ye {
     }
   }
   eq(t) {
-    return t instanceof Re && t.anchor == this.anchor && t.head == this.head;
+    return t instanceof Ee && t.anchor == this.anchor && t.head == this.head;
   }
   getBookmark() {
     return new ms(this.anchor, this.head);
@@ -7688,7 +7705,7 @@ class Re extends ye {
   static fromJSON(t, n) {
     if (typeof n.anchor != "number" || typeof n.head != "number")
       throw new RangeError("Invalid input for TextSelection.fromJSON");
-    return new Re(t.resolve(n.anchor), t.resolve(n.head));
+    return new Ee(t.resolve(n.anchor), t.resolve(n.head));
   }
   /**
   Create a text selection from non-resolved positions.
@@ -7714,10 +7731,10 @@ class Re extends ye {
       else
         return ye.near(n, s);
     }
-    return t.parent.inlineContent || (i == 0 ? t = n : (t = (ye.findFrom(t, -s, !0) || ye.findFrom(t, s, !0)).$anchor, t.pos < n.pos != i < 0 && (t = n))), new Re(t, n);
+    return t.parent.inlineContent || (i == 0 ? t = n : (t = (ye.findFrom(t, -s, !0) || ye.findFrom(t, s, !0)).$anchor, t.pos < n.pos != i < 0 && (t = n))), new Ee(t, n);
   }
 }
-ye.jsonID("text", Re);
+ye.jsonID("text", Ee);
 class ms {
   constructor(t, n) {
     this.anchor = t, this.head = n;
@@ -7726,7 +7743,7 @@ class ms {
     return new ms(t.map(this.anchor), t.map(this.head));
   }
   resolve(t) {
-    return Re.between(t.resolve(this.anchor), t.resolve(this.head));
+    return Ee.between(t.resolve(this.anchor), t.resolve(this.head));
   }
 }
 class st extends ye {
@@ -7752,7 +7769,7 @@ class st extends ye {
     return { type: "node", anchor: this.anchor };
   }
   getBookmark() {
-    return new Ui(this.anchor);
+    return new Ki(this.anchor);
   }
   /**
   @internal
@@ -7778,13 +7795,13 @@ class st extends ye {
 }
 st.prototype.visible = !1;
 ye.jsonID("node", st);
-class Ui {
+class Ki {
   constructor(t) {
     this.anchor = t;
   }
   map(t) {
     let { deleted: n, pos: s } = t.mapResult(this.anchor);
-    return n ? new ms(s, s) : new Ui(s);
+    return n ? new ms(s, s) : new Ki(s);
   }
   resolve(t) {
     let n = t.resolve(this.anchor), s = n.nodeAfter;
@@ -7836,7 +7853,7 @@ const Db = {
 };
 function Ln(e, t, n, s, i, a = !1) {
   if (t.inlineContent)
-    return Re.create(e, n);
+    return Ee.create(e, n);
   for (let o = s - (i > 0 ? 0 : 1); i > 0 ? o < t.childCount : o >= 0; o += i) {
     let l = t.child(o);
     if (l.isAtom) {
@@ -8206,7 +8223,7 @@ function Hr(e, t, n = { strict: !0 }) {
 function oi(e, t, n = {}) {
   return e.find((s) => s.type === t && Hr(s.attrs, n));
 }
-function Ub(e, t, n = {}) {
+function Kb(e, t, n = {}) {
   return !!oi(e, t, n);
 }
 function Fc(e, t, n = {}) {
@@ -8221,7 +8238,7 @@ function Fc(e, t, n = {}) {
   let a = s.index, o = e.start() + s.offset, l = a + 1, c = o + s.node.nodeSize;
   for (oi([...s.node.marks], t, n); a > 0 && i.isInSet(e.parent.child(a - 1).marks); )
     a -= 1, o -= e.parent.child(a).nodeSize;
-  for (; l < e.parent.childCount && Ub([...e.parent.child(l).marks], t, n); )
+  for (; l < e.parent.childCount && Kb([...e.parent.child(l).marks], t, n); )
     c += e.parent.child(l).nodeSize, l += 1;
   return {
     from: o,
@@ -8236,12 +8253,12 @@ function an(e, t) {
   }
   return e;
 }
-const Kb = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
+const Ub = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
   const a = an(e, s.schema), { doc: o, selection: l } = n, { $from: c, from: d, to: u } = l;
   if (i) {
     const h = Fc(c, a, t);
     if (h && h.from <= d && h.to >= u) {
-      const p = Re.create(o, h.from, h.to);
+      const p = Ee.create(o, h.from, h.to);
       n.setSelection(p);
     }
   }
@@ -8254,7 +8271,7 @@ const Kb = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return !1;
 };
 function Oc(e) {
-  return e instanceof Re;
+  return e instanceof Ee;
 }
 function mn(e = 0, t = 0, n = 0) {
   return Math.min(Math.max(e, t), n);
@@ -8268,9 +8285,9 @@ function Xb(e, t = null) {
   if (t === "end")
     return s;
   const i = n.from, a = s.to;
-  return t === "all" ? Re.create(e, mn(0, i, a), mn(e.content.size, i, a)) : Re.create(e, mn(t, i, a), mn(t, i, a));
+  return t === "all" ? Ee.create(e, mn(0, i, a), mn(e.content.size, i, a)) : Ee.create(e, mn(t, i, a), mn(t, i, a));
 }
-function Ki() {
+function Ui() {
   return [
     "iPad Simulator",
     "iPhone Simulator",
@@ -8286,7 +8303,7 @@ const Jb = (e = null, t = {}) => ({ editor: n, view: s, tr: i, dispatch: a }) =>
     ...t
   };
   const o = () => {
-    Ki() && s.dom.focus(), requestAnimationFrame(() => {
+    Ui() && s.dom.focus(), requestAnimationFrame(() => {
       n.isDestroyed || (s.focus(), t != null && t.scrollIntoView && n.commands.scrollIntoView());
     });
   };
@@ -8301,7 +8318,7 @@ function So(e) {
   const t = `<body>${e}</body>`;
   return new window.DOMParser().parseFromString(t, "text/html").body;
 }
-function Ur(e, t, n) {
+function Kr(e, t, n) {
   if (n = {
     slice: !0,
     parseOptions: {},
@@ -8310,13 +8327,13 @@ function Ur(e, t, n) {
     try {
       return Array.isArray(e) && e.length > 0 ? ie.fromArray(e.map((s) => t.nodeFromJSON(s))) : t.nodeFromJSON(e);
     } catch (s) {
-      return console.warn("[tiptap warn]: Invalid content.", "Passed value:", e, "Error:", s), Ur("", t, n);
+      return console.warn("[tiptap warn]: Invalid content.", "Passed value:", e, "Error:", s), Kr("", t, n);
     }
   if (typeof e == "string") {
     const s = Wr.fromSchema(t);
     return n.slice ? s.parseSlice(So(e), n.parseOptions).content : s.parse(So(e), n.parseOptions);
   }
-  return Ur("", t, n);
+  return Kr("", t, n);
 }
 function ty(e, t, n) {
   const s = e.steps.length - 1;
@@ -8338,7 +8355,7 @@ const ny = (e) => e.toString().startsWith("<"), ry = (e, t, n) => ({ tr: s, disp
       updateSelection: !0,
       ...n
     };
-    const o = Ur(t, a.schema, {
+    const o = Kr(t, a.schema, {
       parseOptions: {
         preserveWhitespace: "full",
         ...n.parseOptions
@@ -8376,7 +8393,7 @@ function ly(e) {
     else if (/^s(hift)?$/i.test(c))
       a = !0;
     else if (/^mod$/i.test(c))
-      Ki() || $c() ? o = !0 : i = !0;
+      Ui() || $c() ? o = !0 : i = !0;
     else
       throw new Error(`Unrecognized modifier name: ${c}`);
   }
@@ -8443,7 +8460,7 @@ const xy = (e, t) => ({ tr: n, state: s, dispatch: i }) => {
   to: e.doc.content.size
 }), gy = () => ({ state: e, dispatch: t }) => _p(e, t), by = () => ({ state: e, dispatch: t }) => Sp(e, t), yy = () => ({ state: e, dispatch: t }) => Cp(e, t), jy = () => ({ state: e, dispatch: t }) => kp(e, t), vy = () => ({ state: e, dispatch: t }) => Tp(e, t);
 function wy(e, t, n = {}) {
-  return Ur(e, t, { slice: !1, parseOptions: n });
+  return Kr(e, t, { slice: !1, parseOptions: n });
 }
 const _y = (e, t = !1, n = {}) => ({ tr: s, editor: i, dispatch: a }) => {
   const { doc: o } = s, l = wy(e, i.schema, n);
@@ -8576,7 +8593,7 @@ const Dy = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return !0;
 }, Ay = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
-    const { doc: s } = t, { from: i, to: a } = typeof e == "number" ? { from: e, to: e } : e, 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 } = t, { from: i, to: a } = typeof e == "number" ? { from: e, to: e } : e, o = Ee.atStart(s).from, l = Ee.atEnd(s).to, c = mn(i, o, l), d = mn(a, o, l), u = Ee.create(s, c, d);
     t.setSelection(u);
   }
   return !0;
@@ -8599,7 +8616,7 @@ const Ey = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: s, edit
     return !1;
   if (s) {
     const h = c.parentOffset === c.parent.content.size;
-    a instanceof Re && t.deleteSelection();
+    a instanceof Ee && t.deleteSelection();
     const p = l.depth === 0 ? void 0 : Sy(l.node(-1).contentMatchAt(l.indexAfter(-1)));
     let x = h && p ? [
       {
@@ -8634,18 +8651,18 @@ const Ey = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: s, edit
     if (s) {
       let M = ie.empty;
       const F = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
-      for (let Te = l.depth - F; Te >= l.depth - 3; Te -= 1)
-        M = ie.from(l.node(Te).copy(M));
+      for (let Ie = l.depth - F; Ie >= l.depth - 3; Ie -= 1)
+        M = ie.from(l.node(Ie).copy(M));
       const B = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, re = Or(h, l.node().type.name, l.node().attrs), be = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(re)) || void 0;
       M = M.append(ie.from(o.createAndFill(null, be) || void 0));
       const ne = l.before(l.depth - (F - 1));
       t.replace(ne, l.after(-B), new ue(M, 4 - F, 0));
       let Se = -1;
-      t.doc.nodesBetween(ne, t.doc.content.size, (Te, Me) => {
+      t.doc.nodesBetween(ne, t.doc.content.size, (Ie, Le) => {
         if (Se > -1)
           return !1;
-        Te.isTextblock && Te.content.size === 0 && (Se = Me + 1);
-      }), Se > -1 && t.setSelection(Re.near(t.doc.resolve(Se))), t.scrollIntoView();
+        Ie.isTextblock && Ie.content.size === 0 && (Se = Le + 1);
+      }), Se > -1 && t.setSelection(Ee.near(t.doc.resolve(Se))), t.scrollIntoView();
     }
     return !0;
   }
@@ -8695,8 +8712,8 @@ const Ey = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: s, edit
       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 Se = u().wrapInList(x, s), Te = be.filter((Me) => p.includes(Me.type.name));
-    return a.ensureMarks(Te), Se ? !0 : d.clearNodes();
+    const Se = u().wrapInList(x, s), Ie = be.filter((Le) => p.includes(Le.type.name));
+    return a.ensureMarks(Ie), Se ? !0 : d.clearNodes();
   }).wrapInList(x, s).command(() => Gs(a, x)).command(() => Qs(a, x)).run();
 }, $y = (e, t = {}, n = {}) => ({ state: s, commands: i }) => {
   const { extendEmptyMarkRange: a = !1 } = n, o = an(e, s.schema);
@@ -8786,7 +8803,7 @@ var Hy = /* @__PURE__ */ Object.freeze({
   deleteSelection: Gb,
   enter: Qb,
   exitCode: Hb,
-  extendMarkRange: Kb,
+  extendMarkRange: Ub,
   first: Yb,
   focus: Jb,
   forEach: Zb,
@@ -8920,7 +8937,7 @@ At.create({
       "Ctrl-a": () => this.editor.commands.selectTextblockStart(),
       "Ctrl-e": () => this.editor.commands.selectTextblockEnd()
     };
-    return Ki() || $c() ? a : i;
+    return Ui() || $c() ? a : i;
   },
   addProseMirrorPlugins() {
     return [
@@ -8999,10 +9016,10 @@ const Vc = At.create({
       }).removeEmptyTextStyle().run()
     };
   }
-}), Uy = ["8", "10", "12", "14", "16", "18", "20", "24", "30", "36", "48", "60", "72"].map((e) => `${e}px`), Ky = [{
+}), Ky = ["8", "10", "12", "14", "16", "18", "20", "24", "30", "36", "48", "60", "72"].map((e) => `${e}px`), Uy = [{
   label: "auto",
   value: ""
-}].concat(Uy.map((e) => ({
+}].concat(Ky.map((e) => ({
   label: e,
   value: e
 }))), Yy = {
@@ -9016,15 +9033,16 @@ const Vc = At.create({
   editor: e
 }) => {
   const t = e.getAttributes("textStyle").fontSize;
-  return /* @__PURE__ */ r.jsx(X.ControlsGroup, { children: /* @__PURE__ */ r.jsx(Zo, { size: "xs", icon: /* @__PURE__ */ r.jsx(_i, { stroke: 1.5, size: 16 }), data: Ky, styles: Yy, value: t || "", onChange: (n) => {
+  return /* @__PURE__ */ r.jsx(X.ControlsGroup, { children: /* @__PURE__ */ r.jsx(Zo, { size: "xs", icon: /* @__PURE__ */ r.jsx(_i, { stroke: 1.5, size: 16 }), data: Uy, styles: Yy, value: t || "", onChange: (n) => {
     const s = n.currentTarget.value;
     s ? e.chain().focus().setFontSize(s).run() : e.chain().focus().unsetFontSize().run();
   } }) });
 }, fs = ({
   value: e,
-  styles: t = {}
+  styles: t = {},
+  sx: n = {}
 }) => {
-  const n = Ol({
+  const s = Ol({
     extensions: [$l, Fl, Sl, Dl, Il, kl, Ll.configure({
       resizable: !1,
       // https://github.com/ueberdosis/tiptap/issues/2041
@@ -9040,12 +9058,12 @@ const Vc = At.create({
     editable: !1
   });
   O(() => {
-    n == null || n.commands.setContent(e);
-  }, [e, n]);
-  const s = T(() => _.defaultsDeep({}, {
+    s == null || s.commands.setContent(e);
+  }, [e, s]);
+  const i = T(() => _.defaultsDeep({}, {
     content: Qi
   }, t), [t]);
-  return /* @__PURE__ */ r.jsx(X, { editor: n, styles: s, children: /* @__PURE__ */ r.jsx(X.Content, {}) });
+  return /* @__PURE__ */ r.jsx(X, { editor: s, styles: i, sx: n, children: /* @__PURE__ */ r.jsx(X.Content, {}) });
 };
 function Jy() {
   const [e, {
@@ -9225,7 +9243,7 @@ function nj({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, pt: s, children: [
       /* @__PURE__ */ r.jsx(A, { ref: a, label: e, data: tj, value: t.type, onChange: o, maxDropdownHeight: 600 }),
-      t.type === "quantile" && /* @__PURE__ */ r.jsx(U, { label: "p", value: t.config.p, onChange: l, precision: 2, min: 0.05, step: 0.05, max: 1 }),
+      t.type === "quantile" && /* @__PURE__ */ r.jsx(K, { label: "p", value: t.config.p, onChange: l, precision: 2, min: 0.05, step: 0.05, max: 1 }),
       t.type === "custom" && /* @__PURE__ */ r.jsx(ej, { label: "", triggerLabel: "Edit Function", value: t.config.func, onChange: c, defaultValue: ho, triggerButtonProps: {
         size: "xs",
         sx: {
@@ -9310,7 +9328,7 @@ const ij = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = N(e), l = () => {
+  }] = Fe(), [a, o] = N(e), l = () => {
     i();
     const {
       type: h,
@@ -9363,7 +9381,7 @@ const ij = ({
       size: s
     });
   };
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(U, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(K, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
 }, cj = [{
   label: "Static",
   value: "static"
@@ -9437,7 +9455,7 @@ function hj({
           control: e,
           render: ({
             field: i
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...i })
         }
@@ -9610,12 +9628,12 @@ function mj({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.color`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...o }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...o }) })
     ] }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Hide in legend", checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Hide in legend", checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed" }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
@@ -9681,7 +9699,7 @@ function fj({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((u, h) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.toString(), children: /* @__PURE__ */ r.jsx(mj, { control: e, index: h, remove: i, seriesItem: u, yAxisOptions: d }, u.id) }, u.id))
   ] });
@@ -9707,11 +9725,11 @@ const bj = () => /* @__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(Oe, { width: 340, shadow: "md", position: "top", children: [
-    /* @__PURE__ */ r.jsx(Oe.Target, { children: /* @__PURE__ */ r.jsx(W, { size: "xs", sx: {
+  /* @__PURE__ */ r.jsxs(Te, { width: 340, shadow: "md", position: "top", children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(W, { size: "xs", sx: {
       transform: "none !important"
     }, children: /* @__PURE__ */ r.jsx(_n, {}) }) }),
-    /* @__PURE__ */ r.jsx(Oe.Dropdown, { children: /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
+    /* @__PURE__ */ r.jsx(Te.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"
@@ -9761,7 +9779,7 @@ function jj({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -9849,7 +9867,7 @@ function _j({
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.show`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
+    }) => /* @__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(t), disabled: t === 0, children: "Delete this YAxis" })
   ] });
 }
@@ -9887,7 +9905,7 @@ function Sj({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(_j, { control: e, index: d, remove: i }) }, c.id))
   ] });
@@ -10390,7 +10408,7 @@ function Hj(e) {
   };
   return e.orient === "vertical" && _.get(s, n) && n === e.funnelAlign && _.set(s, n, t), s;
 }
-function Uj(e, t) {
+function Kj(e, t) {
   return e.series.map((n) => {
     const {
       level_name_data_key: s,
@@ -10427,7 +10445,7 @@ function Uj(e, t) {
     };
   });
 }
-function Kj({
+function Uj({
   conf: e,
   params: t,
   max: n
@@ -10453,7 +10471,7 @@ function Yj(e, t) {
   var a;
   const n = $(e.series[0].level_name_data_key), s = $(e.series[0].level_value_data_key), i = (a = _.maxBy(t[n.queryID], s.columnKey)) == null ? void 0 : a[s.columnKey];
   return (o) => {
-    const c = Kj({
+    const c = Uj({
       conf: e,
       params: o,
       max: i
@@ -10492,7 +10510,7 @@ function Jj(e, t) {
       bottom: 0
     },
     tooltip: Xj(e, t),
-    series: Uj(e, t)
+    series: Kj(e, t)
   };
 }
 function Zj(e) {
@@ -10674,7 +10692,7 @@ const nv = [{
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { disabled: !i, labelProps: {
+        /* @__PURE__ */ r.jsx(K, { disabled: !i, labelProps: {
           display: "block"
         }, label: /* @__PURE__ */ r.jsxs(b, { position: "apart", pr: 6, sx: {
           width: "100%"
@@ -10682,7 +10700,7 @@ const nv = [{
           /* @__PURE__ */ r.jsx(j, { children: "Min Value" }),
           /* @__PURE__ */ r.jsx(fe, { label: "Check to enable specific min value", children: /* @__PURE__ */ r.jsx(z, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.min.enable_value`, control: t, render: ({
             field: c
-          }) => /* @__PURE__ */ r.jsx(K, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
+          }) => /* @__PURE__ */ r.jsx(U, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.min.size`, control: t, render: ({
@@ -10694,7 +10712,7 @@ const nv = [{
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { disabled: !a, labelProps: {
+        /* @__PURE__ */ r.jsx(K, { disabled: !a, labelProps: {
           display: "block"
         }, label: /* @__PURE__ */ r.jsxs(b, { position: "apart", pr: 6, sx: {
           width: "100%"
@@ -10702,7 +10720,7 @@ const nv = [{
           /* @__PURE__ */ r.jsx(j, { children: "Max Value" }),
           /* @__PURE__ */ r.jsx(fe, { label: "Check to enable specific max value", children: /* @__PURE__ */ r.jsx(z, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.max.enable_value`, control: t, render: ({
             field: c
-          }) => /* @__PURE__ */ r.jsx(K, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
+          }) => /* @__PURE__ */ r.jsx(U, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.max.size`, control: t, render: ({
@@ -10745,7 +10763,7 @@ const nv = [{
           control: t,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { placeholder: "0, 5, 10...", label: "Gap", ...l })
+          }) => /* @__PURE__ */ r.jsx(K, { placeholder: "0, 5, 10...", label: "Gap", ...l })
         }
       )
     ] }),
@@ -11101,7 +11119,7 @@ const vv = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = N(e), l = () => {
+  }] = Fe(), [a, o] = N(e), l = () => {
     i();
     const {
       type: h,
@@ -11154,7 +11172,7 @@ const vv = ({
       value: s
     });
   };
-  return /* @__PURE__ */ r.jsx(U, { defaultValue: 18, label: " ", hideControls: !0, value: e.value, onChange: n });
+  return /* @__PURE__ */ r.jsx(K, { defaultValue: 18, label: " ", hideControls: !0, value: e.value, onChange: n });
 }, Cv = [{
   label: "Static",
   value: "static"
@@ -11473,7 +11491,7 @@ function Ev({
         field: s
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { size: "xs", icon: /* @__PURE__ */ r.jsx(_i, { size: 16 }), disabled: !n, ...s })
+        /* @__PURE__ */ r.jsx(K, { size: "xs", icon: /* @__PURE__ */ r.jsx(_i, { size: 16 }), disabled: !n, ...s })
       ) })
     ] })
   ] });
@@ -11542,7 +11560,7 @@ const Fv = ({
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(Fv, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -11584,7 +11602,7 @@ const Pv = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = N(e);
+  }] = Fe(), [o, l] = N(e);
   O(() => {
     l(e);
   }, [e]);
@@ -11618,7 +11636,7 @@ const Pv = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(me, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Pv, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -11656,7 +11674,7 @@ function Nv({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -11718,7 +11736,7 @@ function qv({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -11869,7 +11887,7 @@ function Hv(e) {
     }
   };
 }
-class Uv extends _e {
+class Kv extends _e {
   constructor() {
     super(...arguments);
     V(this, "VERSION", 4);
@@ -11893,10 +11911,10 @@ class Uv extends _e {
     }));
   }
 }
-const Kv = {
+const Uv = {
   displayName: "Heatmap",
   displayGroup: "ECharts-based charts",
-  migrator: new Uv(),
+  migrator: new Kv(),
   name: "heatmap",
   viewRender: Rv,
   configRender: Wv,
@@ -11969,7 +11987,7 @@ const Qc = {
   dataZoom: Gn,
   markLine: Qc
 };
-function Kr(e) {
+function Ur(e) {
   return Y(e).format({
     output: "percent",
     mantissa: 0
@@ -11978,7 +11996,7 @@ function Kr(e) {
 function Jv(e) {
   const t = e.value[1];
   try {
-    return Kr(t);
+    return Ur(t);
   } catch (n) {
     return console.error(n), t;
   }
@@ -11997,7 +12015,7 @@ function Zv(e) {
   return {
     bar: t,
     line: Jv,
-    lineValue: Kr
+    lineValue: Ur
   };
 }
 function ew(e, t, n) {
@@ -12020,8 +12038,8 @@ function tw(e, t) {
   if (n === -1)
     return {};
   const s = t[n], i = {
-    x: Kr((n + 1) / t.length),
-    y: Kr(s[1])
+    x: Ur((n + 1) / t.length),
+    y: Ur(s[1])
   }, a = {
     left: n + 1,
     right: t.length - n - 1
@@ -12276,7 +12294,7 @@ function dw({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.color", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...n }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...n }) })
     ] }),
     /* @__PURE__ */ r.jsxs(w, { children: [
       /* @__PURE__ */ r.jsx(D, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
@@ -12320,7 +12338,7 @@ function hw({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: "line.color", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...n }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...n }) })
     ] })
   ] });
 }
@@ -12363,7 +12381,7 @@ function mw({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: "markLine.color", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...n }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...n }) })
     ] }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(g, { name: "markLine.label_template", control: e, render: ({
@@ -12398,7 +12416,7 @@ function fw({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -12816,7 +12834,7 @@ function Lw(e, t, n) {
     series: Mw(e, t, n)
   };
 }
-const Uc = {
+const Kc = {
   id: "builtin:echarts:click-pie-chart:series",
   displayName: "Click Pie Series",
   nameRender: Rw,
@@ -12866,7 +12884,7 @@ function Ew({
   height: s,
   interactionManager: i
 }) {
-  const a = Tn(t, e.label_field), o = ft(i.triggerManager, Uc.id), l = L.useCallback((u) => {
+  const a = Tn(t, e.label_field), o = ft(i.triggerManager, Kc.id), l = L.useCallback((u) => {
     const h = _.get(a, u.name, {
       error: "rowData is not found"
     });
@@ -13006,7 +13024,7 @@ const Nw = {
       config: Pe(ra)
     };
   },
-  triggers: [Uc]
+  triggers: [Kc]
 };
 function Bw(e) {
   return /* @__PURE__ */ r.jsx(r.Fragment, {});
@@ -13014,7 +13032,7 @@ function Bw(e) {
 function qw(e) {
   return /* @__PURE__ */ r.jsx(j, { children: "Click heat block" });
 }
-const Kc = {
+const Uc = {
   id: "builtin:echarts:click-radar-chart:series",
   displayName: "Click radar chart series",
   nameRender: qw,
@@ -13151,7 +13169,7 @@ function Qw(e, t) {
 function Hw(e, t) {
   return [...Gw(e, t), ...Qw(e, t)];
 }
-function Uw(e) {
+function Kw(e) {
   return ({
     name: t,
     marker: n,
@@ -13194,7 +13212,7 @@ function Uw(e) {
   `;
   };
 }
-const Kw = {
+const Uw = {
   legend: {
     show: !0,
     bottom: 0,
@@ -13227,7 +13245,7 @@ function Xw(e, t) {
     },
     tooltip: ge.getTooltip({
       backgroundColor: "rgba(255,255,255,0.6)",
-      formatter: Uw(e)
+      formatter: Kw(e)
     }),
     legend: {
       show: !0,
@@ -13238,7 +13256,7 @@ function Xw(e, t) {
     series: Hw(t, e),
     color: Yw
   };
-  return _.merge({}, Kw, o);
+  return _.merge({}, Uw, o);
 }
 ae.use([$h, ot, lt, ct, Xe]);
 function Jw({
@@ -13264,7 +13282,7 @@ function Jw({
       ...x,
       ...y
     };
-  }, [t, e.series_name_key, e.additional_series]), l = ft(i.triggerManager, Kc.id), c = qe((h) => {
+  }, [t, e.series_name_key, e.additional_series]), l = ft(i.triggerManager, Uc.id), c = qe((h) => {
     const p = _.get(o, h.name, {
       error: "rowData is not found"
     });
@@ -13510,10 +13528,10 @@ function s0({
       /* @__PURE__ */ r.jsx(m.Panel, { value: "style", p: "md", children: /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: "background.enabled", control: i, render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(K, { label: "Show background", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) }),
+        }) => /* @__PURE__ */ r.jsx(U, { label: "Show background", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) }),
         /* @__PURE__ */ r.jsx(g, { name: "label.enabled", control: i, render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(K, { label: "Show value label", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) })
+        }) => /* @__PURE__ */ r.jsx(U, { label: "Show value label", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) })
       ] }) }),
       /* @__PURE__ */ r.jsx(m.Panel, { value: "additional_series", p: "md", children: /* @__PURE__ */ r.jsx(t0, { control: i, watch: o }) })
     ] })
@@ -13683,7 +13701,7 @@ const h0 = {
     version: 7,
     config: gs
   }),
-  triggers: [Kc]
+  triggers: [Uc]
 };
 function p0(e, t) {
   const {
@@ -14039,7 +14057,7 @@ function zo({
     rSquared: n,
     adjustedRSquared: s
   } = e;
-  return t ? /* @__PURE__ */ r.jsx(Ke, { fontSize: 14, sx: T0, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+  return t ? /* @__PURE__ */ r.jsx(Ue, { fontSize: 14, sx: T0, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
     /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: 2, children: /* @__PURE__ */ r.jsx(j, { align: "center", children: t }) }) }),
     /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("td", { children: "R-Sq" }),
@@ -14076,9 +14094,9 @@ function D0({
   conf: e,
   queryData: t
 }) {
-  return /* @__PURE__ */ r.jsxs(Oe, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(Oe.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(_n, { size: 14 }), children: "Regression Info" }) }),
-    /* @__PURE__ */ r.jsx(Oe.Dropdown, { children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(I0, { conf: e, queryData: t }) }) })
+  return /* @__PURE__ */ r.jsxs(Te, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(_n, { size: 14 }), children: "Regression Info" }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(I0, { conf: e, queryData: t }) }) })
   ] });
 }
 function z0(e) {
@@ -14211,7 +14229,7 @@ function A0({
           control: e,
           render: ({
             field: i
-          }) => /* @__PURE__ */ r.jsx(U, { label: "次", sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "次", sx: {
             flex: 1
           }, ...i })
         }
@@ -14221,7 +14239,7 @@ function A0({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "颜色" }),
       /* @__PURE__ */ r.jsx(g, { name: "regression.plot.color", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...i }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...i }) })
     ] })
   ] });
 }
@@ -14252,7 +14270,7 @@ const R0 = ({
   const [i, {
     setTrue: a,
     setFalse: o
-  }] = Ee(), [l, c] = N(e);
+  }] = Fe(), [l, c] = N(e);
   O(() => {
     c(e);
   }, [e]);
@@ -14286,7 +14304,7 @@ const R0 = ({
       flexGrow: 0
     }, children: n }),
     /* @__PURE__ */ r.jsx(me, { size: 800, title: "Customize label content", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (y) => d(y.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (y) => d(y.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(R0, { value: l.func_content, onChange: p, disabled: !l.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: x, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -14325,7 +14343,7 @@ function E0({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -14536,7 +14554,7 @@ function G0(e, t, n, s) {
 const Q0 = k(({
   context: e
 }) => {
-  const t = Fe(), {
+  const t = Oe(), {
     value: n
   } = Q(e.instanceData, "config"), {
     variables: s,
@@ -14651,7 +14669,7 @@ const ia = de(({
     ] })
   ] }) : null;
 });
-function U0({
+function K0({
   context: e
 }) {
   const {
@@ -14699,7 +14717,7 @@ function U0({
     ) })
   ] }) });
 }
-class K0 extends _e {
+class U0 extends _e {
   constructor() {
     super(...arguments);
     V(this, "VERSION", 1);
@@ -14717,10 +14735,10 @@ class K0 extends _e {
 const Y0 = {
   displayName: "Rich Text",
   displayGroup: "Others",
-  migrator: new K0(),
+  migrator: new U0(),
   name: "richText",
   viewRender: Q0,
-  configRender: U0,
+  configRender: K0,
   createConfig() {
     return {
       version: 1,
@@ -15313,11 +15331,11 @@ const g_ = de(({
     /* @__PURE__ */ r.jsx(D, { mb: -15, variant: "dashed", label: "Style", labelPosition: "right" }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: 14, children: "Background Color" }),
-      /* @__PURE__ */ r.jsx(Ue, { value: e.itemStyle.color, onChange: (l) => o("itemStyle.color", l) })
+      /* @__PURE__ */ r.jsx(Ke, { value: e.itemStyle.color, onChange: (l) => o("itemStyle.color", l) })
     ] }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 4, children: [
       /* @__PURE__ */ r.jsx(j, { size: 14, children: "Text Color" }),
-      /* @__PURE__ */ r.jsx(Ue, { value: e.label.color, onChange: (l) => o("label.color", l) })
+      /* @__PURE__ */ r.jsx(Ke, { value: e.label.color, onChange: (l) => o("label.color", l) })
     ] })
   ] });
 });
@@ -15385,7 +15403,7 @@ function y_({
   }, 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(Me, { 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: e, render: ({
       field: y
@@ -15497,7 +15515,7 @@ function w_({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -15507,7 +15525,7 @@ function w_({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...l }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...l }) })
     ] }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
@@ -15565,7 +15583,7 @@ function __({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((p, x) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(w_, { control: e, index: x, remove: a, watch: t, variableOptions: d, yAxisOptions: h }) }, p.id))
   ] });
@@ -15589,7 +15607,7 @@ const S_ = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = N(e), l = () => {
+  }] = Fe(), [a, o] = N(e), l = () => {
     i();
     const {
       type: h,
@@ -15714,7 +15732,7 @@ const S_ = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = N(e), l = () => {
+  }] = Fe(), [a, o] = N(e), l = () => {
     i();
     const {
       type: h,
@@ -15767,7 +15785,7 @@ const S_ = ({
       size: s
     });
   };
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(U, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(K, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
 }, E_ = [{
   label: "Static",
   value: "static"
@@ -15954,7 +15972,7 @@ const V_ = ({
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(V_, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -16013,7 +16031,7 @@ const W_ = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = N(e);
+  }] = Fe(), [o, l] = N(e);
   O(() => {
     l(e);
   }, [e]);
@@ -16047,7 +16065,7 @@ const W_ = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(me, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(W_, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -16082,7 +16100,7 @@ function Q_({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -16107,14 +16125,14 @@ const H_ = [{
 }, {
   label: "right",
   value: "right"
-}], U_ = [{
+}], K_ = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function K_({
+function U_({
   control: e,
   index: t,
   remove: n
@@ -16143,7 +16161,7 @@ function K_({
       field: s
     }) => (
       // @ts-expect-error type of onChange
-      /* @__PURE__ */ r.jsx(A, { label: "Position", required: !0, data: U_, sx: {
+      /* @__PURE__ */ r.jsx(A, { label: "Position", required: !0, data: K_, sx: {
         flex: 1
       }, ...s })
     ) }) }),
@@ -16201,9 +16219,9 @@ function Y_({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
-    o.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(K_, { control: e, index: d, remove: i }) }, c.id))
+    o.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(U_, { control: e, index: d, remove: i }) }, c.id))
   ] });
 }
 function X_(e) {
@@ -16584,7 +16602,7 @@ const pS = {
 }, mS = k(({
   context: e
 }) => {
-  const t = Fe(), {
+  const t = Oe(), {
     value: n = oa
   } = Q(e.instanceData, "config"), {
     variables: s
@@ -16913,7 +16931,7 @@ const MS = [{
     field: s
   }) => (
     // @ts-expect-error type of onChange
-    /* @__PURE__ */ r.jsx(U, { label: "Hide label when its percentage is less than...", precision: 4, step: 5e-4, min: 0, max: 1, ...s })
+    /* @__PURE__ */ r.jsx(K, { label: "Hide label when its percentage is less than...", precision: 4, step: 5e-4, min: 0, max: 1, ...s })
   ) }),
   /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(
@@ -16948,7 +16966,7 @@ const MS = [{
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ r.jsx(U, { label: "Padding", min: 0, hideControls: !0, ...s })
+        }) => /* @__PURE__ */ r.jsx(K, { label: "Padding", min: 0, hideControls: !0, ...s })
       }
     )
   ] }),
@@ -17006,7 +17024,7 @@ const MS = [{
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(AS, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -17265,7 +17283,7 @@ const od = ["function text({ value }) {", "    // your code goes here", "    ret
 function HS(e) {
   return e ? rr(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
-function US(e) {
+function KS(e) {
   const t = e.tableCellContext.bgColor;
   return {
     backgroundColor: t,
@@ -17278,10 +17296,10 @@ function Vn(e) {
     align: e.align
   });
   return /* @__PURE__ */ r.jsx("div", { className: n.classes.content, style: {
-    ...US(e)
+    ...KS(e)
   }, children: /* @__PURE__ */ r.jsx(j, { className: "table-cell-text", onClick: e.tableCellContext.getClickHandler(), children: /* @__PURE__ */ r.jsx("span", { title: e.children, children: e.children }) }) });
 }
-function KS(e) {
+function US(e) {
   return /* @__PURE__ */ r.jsx(Vn, { ...e, children: e.value });
 }
 function YS(e) {
@@ -17318,7 +17336,7 @@ function ZS(e) {
 function eC(e) {
   switch (e.type) {
     case jt.string:
-      return /* @__PURE__ */ r.jsx(KS, { ...e });
+      return /* @__PURE__ */ r.jsx(US, { ...e });
     case jt.eloc:
       return /* @__PURE__ */ r.jsx(YS, { ...e });
     case jt.number:
@@ -17519,23 +17537,23 @@ function cC({
   } = s, {
     classes: u,
     cx: h
-  } = WS(), p = L.useMemo(() => l ? !Array.isArray(e) || e.length === 0 ? [] : Object.keys(e[0]).map((Me) => ({
-    id: Me,
-    label: Me,
-    value_field: Me,
+  } = WS(), p = L.useMemo(() => l ? !Array.isArray(e) || e.length === 0 ? [] : Object.keys(e[0]).map((Le) => ({
+    id: Le,
+    label: Le,
+    value_field: Le,
     value_type: jt.string,
     align: "left",
     width: "",
     cellBackgroundColor: ""
   })) : c, [l, c, e]), x = lC({
-    getColIndex: qe((Me) => p.indexOf(Me.column.columnDef.meta), [p]),
+    getColIndex: qe((Le) => p.indexOf(Le.column.columnDef.meta), [p]),
     vizManager: i.vizManager,
     instance: a
   }), y = T(() => {
-    const Me = Pl();
+    const Le = Pl();
     return p.map((yt) => {
       const ks = am(yt.value_field);
-      return Me.accessor(ks.columnKey, {
+      return Le.accessor(ks.columnKey, {
         cell: (Qn) => /* @__PURE__ */ r.jsx(eC, { tableCellContext: x(Qn.cell), value: Qn.getValue(), type: yt.value_type, ...yt }),
         header: yt.label,
         enableSorting: !0,
@@ -17555,7 +17573,7 @@ function cC({
     getSortedRowModel: Lp()
   }), {
     rows: B
-  } = F.getRowModel(), re = L.useRef(null), be = B.length, ne = be > 0, Se = ne ? n - 22 : n, Te = ne ? 22 : 0;
+  } = F.getRowModel(), re = L.useRef(null), be = B.length, ne = be > 0, Se = ne ? n - 22 : n, Ie = ne ? 22 : 0;
   return il("VizTableComponent", {
     queryData: e,
     width: t,
@@ -17582,15 +17600,15 @@ function cC({
       "Total: ",
       be
     ] }) }),
-    /* @__PURE__ */ r.jsxs(Ke, { sx: {
+    /* @__PURE__ */ r.jsxs(Ue, { sx: {
       ...GS,
       maxHeight: Se
     }, ...d, striped: s.striped, children: [
       /* @__PURE__ */ r.jsx("thead", { className: u.thead, style: {
-        top: Te
-      }, children: F.getHeaderGroups().map((Me) => /* @__PURE__ */ r.jsx("tr", { children: Me.headers.map((on) => /* @__PURE__ */ r.jsx("th", { style: {
+        top: Ie
+      }, children: F.getHeaderGroups().map((Le) => /* @__PURE__ */ r.jsx("tr", { children: Le.headers.map((on) => /* @__PURE__ */ r.jsx("th", { style: {
         width: on.getSize()
-      }, children: /* @__PURE__ */ r.jsx(BS, { header: on, cx: h }) }, on.id)) }, Me.id)) }),
+      }, children: /* @__PURE__ */ r.jsx(BS, { header: on, cx: h }) }, on.id)) }, Le.id)) }),
       /* @__PURE__ */ r.jsx(tC, { tableContainerRef: re, rows: B })
     ] })
   ] });
@@ -17669,7 +17687,7 @@ class pC {
       steps: al
     }, {
       deep: !1
-    }), it(() => Kt(this.steps), () => {
+    }), it(() => Ut(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -17705,7 +17723,7 @@ function xC(e) {
   } = ud(), [o, l] = N(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 = () => {
+  }] = Fe(!1), h = s % 2 === 1, p = h && i != null, x = !h && i != null, y = `map ${i} to color ${s}`, S = () => {
     l(i), u();
   }, M = () => {
     u(), t == null || t(o);
@@ -17722,7 +17740,7 @@ function xC(e) {
         backgroundColor: n
       } }) }),
       /* @__PURE__ */ r.jsx(Fn.Dropdown, { children: /* @__PURE__ */ r.jsxs(w, { children: [
-        /* @__PURE__ */ r.jsx(U, { size: "xs", label: "Map a value to this color", value: o, onChange: l }),
+        /* @__PURE__ */ r.jsx(K, { size: "xs", label: "Map a value to this color", value: o, onChange: l }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(C, { variant: "subtle", size: "xs", onClick: S, children: "Cancel" }),
           /* @__PURE__ */ r.jsx(C, { "data-testid": "palette-item-ok", size: "xs", onClick: M, children: "OK" })
@@ -17754,7 +17772,7 @@ const mC = k(({
   } = e, i = s.getColorInterpolations(), [a, o] = N(t), l = s.decodeInterpolation(a.interpolation) || i[0], [c, {
     setTrue: d,
     setFalse: u
-  }] = Ee(), h = i.map((M) => ({
+  }] = Fe(), h = i.map((M) => ({
     label: M.displayName,
     value: s.encodeColor(M),
     group: M.category
@@ -17766,7 +17784,7 @@ const mC = k(({
     }));
   }
   const x = () => {
-    u(), n == null || n(Kt(a));
+    u(), n == null || n(Ut(a));
   };
   function y(M) {
     o((F) => ({
@@ -17826,7 +17844,7 @@ const wC = de((e, t) => {
   };
   return /* @__PURE__ */ r.jsxs(w, { align: "stretch", children: [
     /* @__PURE__ */ r.jsx(A, { label: "Cell background", value: s || "none", onChange: h, data: bC }),
-    s === "static" && /* @__PURE__ */ r.jsx(Ue, { value: a, onChange: p }),
+    s === "static" && /* @__PURE__ */ r.jsx(Ke, { value: a, onChange: p }),
     s === "interpolation" && /* @__PURE__ */ r.jsx(gC, { colorManager: n, value: c, onChange: x })
   ] });
 }), _C = {
@@ -17846,7 +17864,7 @@ const wC = de((e, t) => {
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = N(e), c = () => {
+  }] = Fe(), [o, l] = N(e), c = () => {
     a(), t(o);
   }, d = () => {
     a(), l(e);
@@ -17918,11 +17936,11 @@ const wC = de((e, t) => {
     ] }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(U, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ r.jsx(Hs, {}), disabled: !0 }),
+      /* @__PURE__ */ r.jsx(K, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ r.jsx(Hs, {}), disabled: !0 }),
       /* @__PURE__ */ r.jsx(g, { name: `columns.${t}.width`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r.jsx(U, { hideControls: !0, label: "Width", rightSection: /* @__PURE__ */ r.jsx(Hs, {}), ...o }) }),
-      /* @__PURE__ */ r.jsx(U, { hideControls: !0, label: "Max Width", rightSection: /* @__PURE__ */ r.jsx(Hs, {}), disabled: !0 })
+      }) => /* @__PURE__ */ r.jsx(K, { hideControls: !0, label: "Width", rightSection: /* @__PURE__ */ r.jsx(Hs, {}), ...o }) }),
+      /* @__PURE__ */ r.jsx(K, { hideControls: !0, label: "Max Width", rightSection: /* @__PURE__ */ r.jsx(Hs, {}), disabled: !0 })
     ] }),
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(
       g,
@@ -17981,7 +17999,7 @@ const wC = de((e, t) => {
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       n.map((c, d) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.toString(), children: /* @__PURE__ */ r.jsx(IC, { control: e, watch: t, index: d, column: c, remove: i }) }, c.id))
     ] }) })
@@ -18216,7 +18234,7 @@ const ci = {
 }, OC = k(({
   context: e
 }) => {
-  const t = Fe(), {
+  const t = Oe(), {
     value: n = da
   } = Q(e.instanceData, "config"), {
     variables: s
@@ -18289,7 +18307,7 @@ const xd = L.forwardRef($C), PC = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = N(e), c = () => {
+  }] = Fe(), [o, l] = N(e), c = () => {
     a(), t(o);
   }, d = () => {
     a(), l(e);
@@ -18490,7 +18508,7 @@ const HC = ({
   fontSize: "14px",
   lineHeight: "32px",
   color: "#3D3E45"
-} }) }), UC = ({
+} }) }), KC = ({
   error: e,
   width: t,
   height: n
@@ -18507,7 +18525,7 @@ const HC = ({
     /* @__PURE__ */ r.jsx(Eo, { message: s })
   ] }) });
 };
-function KC({
+function UC({
   context: e
 }) {
   const {
@@ -18528,7 +18546,7 @@ function KC({
   return !s || !i || !n ? null : c ? /* @__PURE__ */ r.jsx(z, { sx: {
     position: "relative",
     height: i
-  }, children: /* @__PURE__ */ r.jsx(vn, { visible: !0 }) }) : l ? /* @__PURE__ */ r.jsx(z, { sx: di, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(UC, { error: l, width: s, height: i }) }) : !o || !Array.isArray(o.replies) || o.replies.length === 0 ? null : /* @__PURE__ */ r.jsx(z, { sx: di, "data-enable-scrollbar": !0, children: o.replies.map((d, u) => /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ r.jsx(vn, { visible: !0 }) }) : l ? /* @__PURE__ */ r.jsx(z, { sx: di, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(KC, { error: l, width: s, height: i }) }) : !o || !Array.isArray(o.replies) || o.replies.length === 0 ? null : /* @__PURE__ */ r.jsx(z, { sx: di, "data-enable-scrollbar": !0, children: o.replies.map((d, u) => /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, u)) });
 }
@@ -18591,7 +18609,7 @@ const JC = {
   displayGroup: "Merico suite",
   migrator: new XC(),
   name: "mericoGQM",
-  viewRender: KC,
+  viewRender: UC,
   configRender: YC,
   createConfig() {
     return {
@@ -19009,7 +19027,7 @@ const b1 = ({
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(b1, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -19595,7 +19613,7 @@ function H1(e, t, n) {
   };
 }
 ae.use([Et, Nn, Bn, rs, ot, lt, ct, Xe, ts, ji]);
-function U1({
+function K1({
   conf: e,
   data: t,
   width: n,
@@ -19621,7 +19639,7 @@ function U1({
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
 }
-function K1({
+function U1({
   context: e,
   instance: t
 }) {
@@ -19636,7 +19654,7 @@ function K1({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(tt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(U1, { variables: i, width: kt(l), height: Tt(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(tt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(K1, { variables: i, width: kt(l), height: Tt(c), data: o, conf: a, interactionManager: n }) });
 }
 const Y1 = [{
   label: "solid",
@@ -19732,7 +19750,7 @@ function J1({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -19742,12 +19760,12 @@ function J1({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...l }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...l }) })
     ] }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
+    }) => /* @__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(t), sx: {
       top: 15,
       right: 5
@@ -19792,7 +19810,7 @@ function Z1({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((x, y) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.id, children: /* @__PURE__ */ r.jsx(J1, { control: e, index: y, remove: a, watch: t, variableOptions: d, xAxisOptions: h }) }, x.id))
   ] });
@@ -19957,15 +19975,15 @@ function sk({
       /* @__PURE__ */ r.jsx(j, { size: "sm", children: "Color" }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.color`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(Ue, { ...a }) })
+      }) => /* @__PURE__ */ r.jsx(Ke, { ...a }) })
     ] }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Hide in legend", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Hide in legend", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.invisible`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Invisible", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Invisible", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed" }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(oe, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
@@ -20012,7 +20030,7 @@ function ik({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((x, y) => /* @__PURE__ */ r.jsx(m.Panel, { value: x.id, children: /* @__PURE__ */ r.jsx(sk, { control: e, index: y, remove: i, seriesItem: x, xAxisOptions: d }, x.id) }, x.id))
   ] });
@@ -20067,7 +20085,7 @@ function ok({
     /* @__PURE__ */ r.jsx(D, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.show`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
+    }) => /* @__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(t), disabled: t === 0, children: "Delete this X Axis" })
   ] });
 }
@@ -20100,7 +20118,7 @@ function lk({
   }, 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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     o.map((d, u) => /* @__PURE__ */ r.jsx(m.Panel, { value: d.id, children: /* @__PURE__ */ r.jsx(ok, { control: e, index: u, remove: i }) }, d.id))
   ] });
@@ -20242,7 +20260,7 @@ const pk = {
   displayGroup: "ECharts-based charts",
   migrator: new hk(),
   name: "horizontalBarChart",
-  viewRender: K1,
+  viewRender: U1,
   configRender: dk,
   createConfig: () => ({
     version: 2,
@@ -20878,9 +20896,9 @@ const Mk = {
   }
 };
 function Rk() {
-  return /* @__PURE__ */ r.jsxs(Oe, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Oe.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(_n, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ r.jsx(Oe.Dropdown, { children: /* @__PURE__ */ r.jsx(Ke, { fontSize: 14, sx: Ak, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+  return /* @__PURE__ */ r.jsxs(Te, { width: 400, shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(_n, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(Ue, { fontSize: 14, sx: Ak, 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。" })
@@ -21029,7 +21047,7 @@ const Pk = ({
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(Pk, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -21058,7 +21076,7 @@ function Nk({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -21232,7 +21250,7 @@ const $o = ({
     data_keys: s,
     formatter: i,
     postfix: a
-  } = e, o = Fe(), l = T(() => {
+  } = e, o = Oe(), l = T(() => {
     if (a.type === "text" && a.value)
       return a.value;
     if (a.type === "filter-option-label" && a.value) {
@@ -21261,7 +21279,7 @@ const $o = ({
       ] })
     ] })
   ] });
-}), Uk = k(({
+}), Kk = k(({
   context: e,
   instance: t
 }) => {
@@ -21273,10 +21291,10 @@ const $o = ({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c || !i ? null : /* @__PURE__ */ r.jsx(Ut, { w: `${l}px`, h: `${c}px`, justify: i.styles.justify, align: i.styles.align, direction: "row", wrap: "nowrap", sx: {
+  return !l || !c || !i ? null : /* @__PURE__ */ r.jsx(Kt, { w: `${l}px`, h: `${c}px`, justify: i.styles.justify, align: i.styles.align, direction: "row", wrap: "nowrap", sx: {
     overflow: "hidden"
   }, children: i.metrics.map((d) => /* @__PURE__ */ r.jsx(Hk, { metric: d, variableValueMap: o }, d.id)) });
-}), Kk = [{
+}), Uk = [{
   label: "Text",
   value: "text"
 }, {
@@ -21298,7 +21316,7 @@ const $o = ({
     });
   };
   return /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
-    /* @__PURE__ */ r.jsx(A, { label: "Postfix Type", data: Kk, value: e.type, onChange: a }),
+    /* @__PURE__ */ r.jsx(A, { label: "Postfix Type", data: Uk, value: e.type, onChange: a }),
     e.type === "text" && /* @__PURE__ */ r.jsx(I, { label: "Postfix Content", value: e.value, onChange: (l) => {
       o(l.currentTarget.value);
     } }),
@@ -21544,7 +21562,7 @@ const iT = {
   displayGroup: "Merico suite",
   migrator: new sT(),
   name: "merico-stats",
-  viewRender: Uk,
+  viewRender: Kk,
   configRender: nT,
   createConfig: () => ({
     version: 2,
@@ -21593,7 +21611,7 @@ function aT({
         field: s
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { size: "xs", icon: /* @__PURE__ */ r.jsx(_i, { size: 16 }), disabled: !n, ...s })
+        /* @__PURE__ */ r.jsx(K, { size: "xs", icon: /* @__PURE__ */ r.jsx(_i, { size: 16 }), disabled: !n, ...s })
       ) })
     ] })
   ] });
@@ -21662,7 +21680,7 @@ const oT = ({
     }, 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(Me, { size: 18, color: "#228be6" }) })
       ] }),
       o.map((h, p) => /* @__PURE__ */ r.jsx(m.Panel, { value: h.id, children: /* @__PURE__ */ r.jsx(oT, { control: e, index: p, remove: i }, h.id) }, h.id))
     ] })
@@ -21704,7 +21722,7 @@ const dT = ({
   const [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(), [o, l] = N(e);
+  }] = Fe(), [o, l] = N(e);
   O(() => {
     l(e);
   }, [e]);
@@ -21738,7 +21756,7 @@ const dT = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(me, { size: 800, title: "Customize label content", opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(dT, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -21776,7 +21794,7 @@ function hT({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -21838,7 +21856,7 @@ function xT({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -22376,14 +22394,14 @@ const LT = {
   value: e.value,
   type: "single",
   category: "basic"
-})), RT = [Kx, Yx, Zx, Jx, Xx, em], yd = () => ({
+})), RT = [Ux, Yx, Zx, Jx, Xx, em], yd = () => ({
   id: "dashboard",
   version: Xl,
   manifest: {
-    viz: [ci, yS, WC, Y0, NS, Nw, pk, fm, xg, pv, Kv, T1, Iw, Wj, oS, h0, N0, JC, Gk, LT, iT, Ig],
+    viz: [ci, yS, WC, Y0, NS, Nw, pk, fm, xg, pv, Uv, T1, Iw, Wj, oS, h0, N0, JC, Gk, LT, iT, Ig],
     color: [...AT, ...RT]
   }
-}), Xn = new sm(), De = {
+}), Xn = new sm(), ze = {
   pluginManager: Vt("pluginManager"),
   vizManager: Vt("vizManager"),
   colorManager: Vt("colorManager"),
@@ -22449,7 +22467,7 @@ const ET = ({
   onChange: o
 }) => /* @__PURE__ */ r.jsxs(z, { children: [
   /* @__PURE__ */ r.jsx(j, { children: " " }),
-  /* @__PURE__ */ r.jsx(K, { label: /* @__PURE__ */ r.jsxs(b, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
+  /* @__PURE__ */ r.jsx(U, { label: /* @__PURE__ */ r.jsxs(b, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
     /* @__PURE__ */ r.jsx(z, { sx: {
       flexGrow: 1
     }, children: e }),
@@ -22637,7 +22655,7 @@ const ET = ({
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(D, { variant: "dashed", my: 10 }),
-    /* @__PURE__ */ r.jsx(Ke, { withBorder: !1, sx: {
+    /* @__PURE__ */ r.jsx(Ue, { withBorder: !1, sx: {
       "tbody > tr > th, tbody > tr > td": {
         borderTop: "none",
         padding: "2px 6px"
@@ -22931,9 +22949,9 @@ const ET = ({
   }, F = y && (l == null ? void 0 : l.length) > 0, [B, re] = N(""), be = T(() => {
     if (!B)
       return d;
-    const ne = B.toLowerCase(), Se = (Te) => {
-      var Me;
-      return ((Me = Te.description) == null ? void 0 : Me.toLowerCase().includes(ne)) || Te.label.toLowerCase().includes(ne);
+    const ne = B.toLowerCase(), Se = (Ie) => {
+      var Le;
+      return ((Le = Ie.description) == null ? void 0 : Le.toLowerCase().includes(ne)) || Ie.label.toLowerCase().includes(ne);
     };
     return d.filter(Se);
   }, [B, d]);
@@ -22956,7 +22974,7 @@ const ET = ({
   value: n,
   onChange: s
 }) => {
-  const i = Fe(), a = !!t.options_query_id, {
+  const i = Oe(), a = !!t.options_query_id, {
     state: o,
     error: l
   } = i.getDataStuffByID(t.options_query_id), c = o === "loading", d = t.min_width ? t.min_width : "200px", u = a ? c : !1, h = (p) => s(p, !1);
@@ -22979,7 +22997,7 @@ const ET = ({
   value: n,
   onChange: s
 }) => {
-  const i = Fe(), a = !!t.options_query_id, {
+  const i = Oe(), a = !!t.options_query_id, {
     state: o,
     error: l
   } = i.getDataStuffByID(t.options_query_id), c = o === "loading";
@@ -22996,7 +23014,7 @@ const ET = ({
     }
   }, itemComponent: QT });
 });
-function UT({
+function KT({
   label: e,
   config: t,
   value: n,
@@ -23008,7 +23026,7 @@ function UT({
     }
   } });
 }
-const KT = ({
+const UT = ({
   rotate: e,
   onClick: t
 }) => /* @__PURE__ */ r.jsx("svg", { onClick: t, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${e})`, children: /* @__PURE__ */ r.jsx("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), YT = ({
@@ -23020,7 +23038,7 @@ const KT = ({
 }) => (n === "0-0-value" && console.log(i), t ? /* @__PURE__ */ r.jsx("span", { style: {
   width: "14px",
   display: "inline-block"
-} }) : /* @__PURE__ */ r.jsx(KT, { rotate: e ? "0" : "-90", onClick: s, ...i })), XT = ({
+} }) : /* @__PURE__ */ r.jsx(UT, { rotate: e ? "0" : "-90", onClick: s, ...i })), XT = ({
   onClick: e
 }) => /* @__PURE__ */ r.jsxs("svg", { onClick: e, className: "checkbox-icon", width: "16", height: "16", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ r.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
@@ -23386,7 +23404,7 @@ const KT = ({
     case "tree-select":
       return /* @__PURE__ */ r.jsx(tI, { ...s, ...i, config: t });
     case "text-input":
-      return /* @__PURE__ */ r.jsx(UT, { ...s, ...i, config: t });
+      return /* @__PURE__ */ r.jsx(KT, { ...s, ...i, config: t });
     case "date-range":
       return /* @__PURE__ */ r.jsx(vd, { ...s, ...i, config: t });
     case "checkbox":
@@ -23419,7 +23437,7 @@ function iI(e) {
 const _d = k(function({
   view: t
 }) {
-  const n = Fe(), {
+  const n = Oe(), {
     control: s,
     handleSubmit: i,
     reset: a
@@ -23712,7 +23730,7 @@ const oI = f.model("PanelLayoutMeta", {
   }
 })), Ss = (e) => hl(e, (t, n) => {
   if (n !== void 0 && t)
-    return Kt(t);
+    return Ut(t);
 });
 var et = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e))(et || {});
 const xI = f.model("QueryMeta", {
@@ -23800,7 +23818,7 @@ const xI = f.model("QueryMeta", {
     e.value = t;
   }
 }));
-var Le = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Le || {});
+var Ae = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Ae || {});
 const kd = f.model("FilterCheckboxConfigMeta", {
   _name: f.literal("checkbox"),
   description: f.optional(f.string, ""),
@@ -24025,7 +24043,7 @@ const gI = f.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    wt(e, it(() => Kt(e.default_selection), e.setDefaultSelection, {
+    wt(e, it(() => Ut(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -24083,7 +24101,7 @@ const gI = f.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    wt(e, it(() => Kt(e.default_selection), e.setDefaultSelection, {
+    wt(e, it(() => Ut(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -24254,7 +24272,7 @@ const Ad = 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", [Ae.Select, Ae.MultiSelect, Ae.TreeSelect, Ae.TextInput, Ae.Checkbox, Ae.DateRange]),
   config: f.union(zd, Dd, Ad, Md, kd, Id)
 }).views((e) => ({
   get plainDefaultValue() {
@@ -24262,10 +24280,10 @@ const Ad = f.compose("FilterTreeSelectConfigMeta", f.model({
     return Array.isArray(t) ? [...t] : t;
   },
   get usingDefaultValue() {
-    return e.type !== Le.TreeSelect;
+    return e.type !== Ae.TreeSelect;
   },
   get auto_submit_supported() {
-    return [Le.Select, Le.Checkbox, Le.DateRange].includes(e.type);
+    return [Ae.Select, Ae.Checkbox, Ae.DateRange].includes(e.type);
   }
 })).views((e) => ({
   get json() {
@@ -24287,7 +24305,7 @@ const Ad = f.compose("FilterTreeSelectConfigMeta", f.model({
       order: i,
       config: c.json,
       auto_submit: o,
-      visibleInViewsIDs: Kt(a)
+      visibleInViewsIDs: Ut(a)
     };
   },
   get visibleInViewsIDSet() {
@@ -24312,22 +24330,22 @@ const Ad = f.compose("FilterTreeSelectConfigMeta", f.model({
   },
   setType(t) {
     switch (t) {
-      case Le.Select:
+      case Ae.Select:
         e.config = vI();
         break;
-      case Le.MultiSelect:
+      case Ae.MultiSelect:
         e.config = jI();
         break;
-      case Le.TreeSelect:
+      case Ae.TreeSelect:
         e.config = SI();
         break;
-      case Le.TextInput:
+      case Ae.TextInput:
         e.config = Ld();
         break;
-      case Le.Checkbox:
+      case Ae.Checkbox:
         e.config = fI();
         break;
-      case Le.DateRange:
+      case Ae.DateRange:
         e.config = bI();
         break;
     }
@@ -24978,7 +24996,7 @@ const Hd = f.model("FiltersRenderModel", {
     In("Filters", n);
   }
 }));
-function Ud(e) {
+function Kd(e) {
   return {
     current: e,
     values: OI(e)
@@ -25239,7 +25257,7 @@ const $r = {
       delay: 0
     }));
   }
-})), Kd = f.model("QueriesRenderModel", {
+})), Ud = f.model("QueriesRenderModel", {
   current: f.optional(f.array(WI), [])
 }).views((e) => ({
   get idSet() {
@@ -25396,7 +25414,7 @@ function Yr(e, t, n, s) {
     return i;
   }, {});
 }
-class UI {
+class KI {
   constructor(t) {
     V(this, "origin");
     V(this, "copy");
@@ -25418,7 +25436,7 @@ class UI {
     Qe(this.copy, t);
   }
 }
-const KI = (e) => new UI(e), YI = k(({
+const UI = (e) => new KI(e), YI = k(({
   view: e
 }) => {
   const t = le(), n = ce(), s = Ct(), {
@@ -25479,13 +25497,17 @@ const Xd = k(() => {
     panel: n
   } = kn();
   return XI(n.description) ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(me, { opened: e, onClose: () => t(!1), title: n.name, withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(fs, { value: n.description, styles: {
+    /* @__PURE__ */ r.jsx(me, { opened: e, onClose: () => t(!1), title: n.title.show ? n.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(fs, { value: n.description, styles: {
       root: {
         border: "none"
       },
       content: {
         padding: 0
       }
+    }, sx: {
+      ".mantine-RichTextEditor-content .ProseMirror": {
+        padding: "0 !important"
+      }
     } }) }),
     /* @__PURE__ */ r.jsx(fe, { label: "Click to see description", position: "top-start", withinPortal: !0, children: /* @__PURE__ */ r.jsx(W, { variant: "subtle", color: "blue", onClick: () => t((s) => !s), sx: {
       verticalAlign: "baseline",
@@ -25539,7 +25561,7 @@ class eD {
     V(this, "runningMigration");
     V(this, "panelModel");
     V(this, "status", "notStarted");
-    this.panelModel = t.getRequired(De.instanceScope.panelModel), this.vizInstance = t.getRequired(De.instanceScope.vizInstance), this.operationManager = t.getRequired(De.instanceScope.operationManager), this.triggerManager = t.getRequired(De.instanceScope.triggerManager), this.vizManager = t.getRequired(De.vizManager);
+    this.panelModel = t.getRequired(ze.instanceScope.panelModel), this.vizInstance = t.getRequired(ze.instanceScope.vizInstance), this.operationManager = t.getRequired(ze.instanceScope.operationManager), this.triggerManager = t.getRequired(ze.instanceScope.triggerManager), this.vizManager = t.getRequired(ze.vizManager);
   }
   async createMigrationTask() {
     const t = [];
@@ -25584,15 +25606,15 @@ function Zd(e) {
     panel: t
   } = kn();
   return qe((n) => {
-    const s = n.getRequired(De.vizManager), i = s.resolveComponent(e.viz.type);
-    return n.createScoped().provideFactory(De.instanceScope.vizInstance, () => s.getOrCreateInstance(e)).provideFactory(De.instanceScope.interactionManager, (a) => {
-      const o = a.getRequired(De.instanceScope.vizInstance);
+    const s = n.getRequired(ze.vizManager), i = s.resolveComponent(e.viz.type);
+    return n.createScoped().provideFactory(ze.instanceScope.vizInstance, () => s.getOrCreateInstance(e)).provideFactory(ze.instanceScope.interactionManager, (a) => {
+      const o = a.getRequired(ze.instanceScope.vizInstance);
       return new Fi(o, i, ds);
-    }).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, t).provideFactory(De.instanceScope.migrator, (a) => new eD(a));
+    }).provideFactory(ze.instanceScope.operationManager, (a) => a.getRequired(ze.instanceScope.interactionManager).operationManager).provideFactory(ze.instanceScope.triggerManager, (a) => a.getRequired(ze.instanceScope.interactionManager).triggerManager).provideValue(ze.instanceScope.panelModel, t).provideFactory(ze.instanceScope.migrator, (a) => new eD(a));
   }, [e.viz.type, e.viz.conf]);
 }
 function eu(e) {
-  const [t, n] = N(!1), s = jd().getRequired(De.instanceScope.migrator);
+  const [t, n] = N(!1), s = jd().getRequired(ze.instanceScope.migrator);
   return ur(async () => {
     const i = s.status === Pr.notStarted;
     n(s.status === Pr.done), s.status === Pr.notStarted && s.runMigration().then((a) => {
@@ -25603,7 +25625,7 @@ function eu(e) {
   }, [s]), t;
 }
 function tu(e, t) {
-  const n = jd().getRequired(De.instanceScope.vizInstance);
+  const n = jd().getRequired(ze.instanceScope.vizInstance);
   return O(() => (n.instanceData.setItem(null, t.viz.conf), n.instanceData.watchItem(null, (s) => {
     e(s);
   })), [e, t.viz.type]), n;
@@ -25622,7 +25644,7 @@ function tD({
   });
   return ur(async () => {
     await s.instanceData.setItem(null, n.viz.conf);
-  }, [s, n.viz.type]), i ? /* @__PURE__ */ r.jsx(Ux, { ...t }) : /* @__PURE__ */ r.jsx(j, { children: "Checking update..." });
+  }, [s, n.viz.type]), i ? /* @__PURE__ */ r.jsx(Kx, { ...t }) : /* @__PURE__ */ r.jsx(j, { children: "Checking update..." });
 }
 function nD(e) {
   const {
@@ -25693,7 +25715,7 @@ const sD = k(function({
   /* @__PURE__ */ r.jsx(j, { color: "gray", align: "center", size: "sm", children: e.queryStateMessages })
 ] })), nu = k(({
   panel: e
-}) => /* @__PURE__ */ r.jsxs(Ut, { className: "panel-viz-section", direction: "column", sx: {
+}) => /* @__PURE__ */ r.jsxs(Kt, { className: "panel-viz-section", direction: "column", sx: {
   position: "relative",
   width: "100%"
 }, children: [
@@ -25810,7 +25832,7 @@ const su = k(({
 function mD(e, t, n) {
   const {
     panels: s
-  } = Fe(), i = e.id === "Main", [a, o] = L.useState(() => i && s.findByID(t) ? t : null), l = L.useCallback((h) => {
+  } = Oe(), i = e.id === "Main", [a, o] = L.useState(() => i && s.findByID(t) ? t : null), l = L.useCallback((h) => {
     o(h), i && n(h);
   }, [i, n]), c = L.useCallback(() => {
     o(null), i && n("");
@@ -25851,7 +25873,7 @@ const fD = L.forwardRef(({
   view: e,
   className: t = "layout"
 }) => {
-  const n = Fe(), {
+  const n = Oe(), {
     panels: s,
     layouts: i
   } = n.panels.panelsByIDs(e.panelIDs), a = L.useCallback((l) => {
@@ -25878,7 +25900,7 @@ const fD = L.forwardRef(({
   const {
     panels: s,
     layouts: i
-  } = Fe().panels.panelsByIDs(t.panelIDs);
+  } = Oe().panels.panelsByIDs(t.panelIDs);
   return /* @__PURE__ */ r.jsx(jD, { 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(su, { view: t, panel: a }) }, a.id)) });
@@ -25913,7 +25935,7 @@ const wD = k(({
   const [t, {
     setTrue: n,
     setFalse: s
-  }] = Ee(!1), i = tc(), a = Fe(), o = () => {
+  }] = Fe(!1), i = tc(), a = Oe(), o = () => {
     const l = JSON.stringify(a.contentJSON, null, 2), c = `${i.name}__${a.name}`;
     In(c, l);
   };
@@ -25956,7 +25978,7 @@ const wD = k(({
   children: e,
   view: t
 }) => {
-  const n = Fe(), s = t.config, i = n.views.visibleViewIDs.includes(t.id), a = () => n.views.rmVisibleViewID(t.id), {
+  const n = Oe(), s = t.config, i = n.views.visibleViewIDs.includes(t.id), a = () => n.views.rmVisibleViewID(t.id), {
     ref: o,
     downloadScreenshot: l
   } = ja(t);
@@ -26004,7 +26026,7 @@ const wD = k(({
 } : {}, CD = k(({
   view: e
 }) => {
-  const t = Fe(), n = e.config;
+  const t = Oe(), n = e.config;
   return /* @__PURE__ */ r.jsxs(m, { className: "render-view-tabs", variant: n.variant, orientation: n.orientation, value: e.tab, onTabChange: e.setTab, styles: {
     root: {
       height: "100%",
@@ -26153,7 +26175,7 @@ const ID = k(({
   return /* @__PURE__ */ r.jsxs(m, { className: "preview-view-tabs", variant: i.variant, orientation: i.orientation, value: e.tab, onTabChange: e.setTab, styles: DD(i), children: [
     /* @__PURE__ */ r.jsxs(m.List, { grow: i.grow, children: [
       i.tabs.map((l) => /* @__PURE__ */ r.jsx(m.Tab, { value: l.id, sx: zD(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(Me, { size: 18, color: "#228be6" }) })
     ] }),
     i.tabs.map((l, c) => {
       const d = n.views.findByID(l.view_id);
@@ -26304,7 +26326,7 @@ const OD = f.compose("FiltersModel", Hd, f.model("FiltersModel", {
     }));
   },
   get selects() {
-    return e.current.filter((t) => t.type === Le.Select).map((t) => ({
+    return e.current.filter((t) => t.type === Ae.Select).map((t) => ({
       label: t.label ?? t.id,
       value: t.id
     }));
@@ -26358,7 +26380,7 @@ const OD = f.compose("FiltersModel", Hd, f.model("FiltersModel", {
       t();
     }
   };
-}), $D = Kd.views((e) => ({
+}), $D = Ud.views((e) => ({
   get options() {
     const t = e.current.map((n) => ({
       value: n.id,
@@ -26788,7 +26810,7 @@ const HD = f.model("EditorModel", {
     }, {
       label: "Mock Context",
       value: "_MOCK_CONTEXT_",
-      Icon: Uh,
+      Icon: Kh,
       _type: "mock_context"
     }, {
       label: "Filters",
@@ -26799,7 +26821,7 @@ const HD = f.model("EditorModel", {
     }, {
       label: "SQL Snippets",
       value: "_SQL_SNIPPETS_",
-      Icon: Kh,
+      Icon: Uh,
       children: [cn("_SQL_SNIPPETS_SETTINGS_"), ...i.options, cn("_Add_A_SQL_SNIPPET_")],
       _type: "GROUP"
     }, {
@@ -26843,7 +26865,7 @@ const HD = f.model("EditorModel", {
     const n = QD(t);
     n && e.setPath(n);
   }
-})), UD = Wd.views((e) => ({
+})), KD = Wd.views((e) => ({
   get dataFieldOptions() {
     return e.queryIDs.length === 0 ? [] : e.queries.map((t) => {
       const n = t.data;
@@ -26853,6 +26875,21 @@ const HD = f.model("EditorModel", {
         group: t.name
       }));
     }).flat();
+  },
+  explainDataKey(t) {
+    const {
+      queryID: n,
+      columnKey: s
+    } = $(t), i = e.queries.find((a) => a.id === n);
+    return i ? {
+      queryID: n,
+      queryName: i.name,
+      columnKey: s
+    } : {
+      queryID: n,
+      queryName: null,
+      columnKey: s
+    };
   }
 })).actions((e) => ({
   removeSelf() {
@@ -26862,8 +26899,8 @@ const HD = f.model("EditorModel", {
   moveToView(t, n) {
     Ne(e).content.views.findByID(t).removePanelID(e.id), Ne(e).content.views.findByID(n).appendPanelID(e.id), Ne(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
   }
-})), KD = f.compose("PanelsModel", Gd, f.model({
-  list: f.optional(f.array(UD), [])
+})), UD = f.compose("PanelsModel", Gd, f.model({
+  list: f.optional(f.array(KD), [])
 })).views((e) => ({
   editorOptions(t, n) {
     const {
@@ -27059,7 +27096,7 @@ const JD = f.model({
   queries: $D,
   sqlSnippets: PD,
   views: XD,
-  panels: KD,
+  panels: UD,
   mock_context: Sd,
   /**
    * this field should be excluded from snapshot
@@ -27380,7 +27417,7 @@ function ZD({
     create_time: s,
     update_time: i,
     version: o,
-    filters: Ud(l),
+    filters: Kd(l),
     queries: {
       current: u
     },
@@ -27532,7 +27569,7 @@ function cu(e, t) {
   }, [e]);
 }
 function du(e) {
-  return L.useCallback((t) => t.provideValue(De.pluginManager, e.pluginManager).provideValue(De.vizManager, e.vizManager).provideValue(De.colorManager, e.colorManager), []);
+  return L.useCallback((t) => t.provideValue(ze.pluginManager, e.pluginManager).provideValue(ze.vizManager, e.vizManager).provideValue(ze.colorManager, e.colorManager), []);
 }
 const nz = k(() => {
   const e = tc(), t = ce(), n = () => {
@@ -27715,7 +27752,7 @@ const oz = k(({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = Ee(), [a, o] = N(e ?? pi), l = (p) => {
+  }] = Fe(), [a, o] = N(e ?? pi), l = (p) => {
     o({
       ...a,
       enabled: p
@@ -27745,7 +27782,7 @@ const oz = k(({
       flexGrow: 0
     }, children: /* @__PURE__ */ r.jsx(ml, { size: 14 }) }),
     /* @__PURE__ */ r.jsx(me, { size: 800, title: "Customize modal title", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(w, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (p) => l(p.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (p) => l(p.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(uz, { value: a.func_content, onChange: u, disabled: !a.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -27764,7 +27801,7 @@ const oz = k(({
   const t = e.config, n = t.custom_modal_title.value;
   return /* @__PURE__ */ r.jsxs(w, { children: [
     /* @__PURE__ */ r.jsx(D, { mt: 8, label: "Modal settings", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsxs(Ut, { gap: 10, children: [
+    /* @__PURE__ */ r.jsxs(Kt, { gap: 10, children: [
       /* @__PURE__ */ r.jsx(I, { label: "Modal Title", value: n, onChange: _.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
@@ -27807,7 +27844,7 @@ const oz = k(({
 ] }) : null), Cs = ({
   headers: e,
   rows: t
-}) => /* @__PURE__ */ r.jsxs(Ke, { fontSize: "xs", highlightOnHover: !0, sx: {
+}) => /* @__PURE__ */ r.jsxs(Ue, { fontSize: "xs", highlightOnHover: !0, sx: {
   tableLayout: "fixed",
   fontFamily: "monospace"
 }, children: [
@@ -28008,7 +28045,7 @@ const oz = k(({
   }] = xr(!1), [s, {
     setTrue: i,
     setFalse: a
-  }] = Ee(!1), l = ((c = le().content.views.VIE) == null ? void 0 : c.type) === q.Tabs;
+  }] = Fe(!1), l = ((c = le().content.views.VIE) == null ? void 0 : c.type) === q.Tabs;
   return l ? /* @__PURE__ */ r.jsx(fe, { label: "Please choose a tab first", children: /* @__PURE__ */ r.jsx(C, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(to, { size: 16 }), sx: {
     ...Wo,
     transform: "none !important"
@@ -28325,19 +28362,19 @@ function Hz(e) {
   };
   return Qz(l);
 }
-const Us = {
+const Ks = {
   "builtin:op:open-link": /* @__PURE__ */ r.jsx(Es, { color: "blue", size: 20, radius: "xl", children: /* @__PURE__ */ r.jsx(Zh, { size: 14 }) }),
   "builtin:op:set_filter_values": /* @__PURE__ */ r.jsx(Es, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r.jsx(ep, { size: 14 }) }),
   "builtin:op:clear_filter_values": /* @__PURE__ */ r.jsx(Es, { color: "orange", size: 20, radius: "xl", children: /* @__PURE__ */ r.jsx(tp, { size: 14 }) })
 };
-function Uz(e) {
+function Kz(e) {
   const t = [];
   return e.forEach((n) => {
     switch (n.schemaRef) {
       case "builtin:op:open-link":
         t.push({
           key: n.urlTemplate,
-          icon: Us[n.schemaRef],
+          icon: Ks[n.schemaRef],
           text: /* @__PURE__ */ r.jsxs(b, { spacing: 4, children: [
             /* @__PURE__ */ r.jsx(j, { children: "Open: " }),
             /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: n.shortURLTemplate })
@@ -28351,7 +28388,7 @@ function Uz(e) {
         }) => {
           t.push({
             key: n.schemaRef + s,
-            icon: Us[n.schemaRef],
+            icon: Ks[n.schemaRef],
             text: /* @__PURE__ */ r.jsx(b, { spacing: 4, children: /* @__PURE__ */ r.jsxs(j, { children: [
               "Set Filter: ",
               i
@@ -28366,7 +28403,7 @@ function Uz(e) {
         }) => {
           t.push({
             key: n.schemaRef + s,
-            icon: Us[n.schemaRef],
+            icon: Ks[n.schemaRef],
             text: /* @__PURE__ */ r.jsx(b, { spacing: 4, children: /* @__PURE__ */ r.jsxs(j, { children: [
               "Clear Filter: ",
               i
@@ -28377,14 +28414,14 @@ function Uz(e) {
     }
   }), t;
 }
-const Kz = Ku(({
+const Uz = Uu(({
   data: e,
   isConnectable: t,
   sourcePosition: n = vt.Right,
   targetPosition: s = vt.Left,
   ...i
 }) => {
-  const a = T(() => Uz(e.interactions), [e.interactions]);
+  const a = T(() => Kz(e.interactions), [e.interactions]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(io, { type: "target", position: s, isConnectable: t }),
     /* @__PURE__ */ r.jsx(z, { sx: {
@@ -28392,17 +28429,17 @@ const Kz = Ku(({
       top: 0,
       right: 0
     }, children: /* @__PURE__ */ r.jsx(Lh, { size: 12 }) }),
-    /* @__PURE__ */ r.jsxs(Oe, { shadow: "xl", withinPortal: !0, children: [
-      /* @__PURE__ */ r.jsx(Oe.Target, { children: /* @__PURE__ */ r.jsx(j, { children: e.label }) }),
-      /* @__PURE__ */ r.jsx(Oe.Dropdown, { children: /* @__PURE__ */ r.jsx(Mt, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(Mt.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+    /* @__PURE__ */ r.jsxs(Te, { shadow: "xl", withinPortal: !0, children: [
+      /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(j, { children: e.label }) }),
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(Mt, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(Mt.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(io, { type: "source", position: n, isConnectable: t })
   ] });
 });
 const Yz = {
-  interaction: Kz
+  interaction: Uz
 }, Xz = k(() => {
-  const e = Fe(), {
+  const e = Oe(), {
     edges: t,
     nodes: n
   } = Hz(e);
@@ -28570,7 +28607,7 @@ const tM = k(() => {
   config: t
 }) {
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(K, { checked: t.default_value, onChange: (n) => t.setDefaultValue(n.currentTarget.checked), label: "Default Checked" }),
+    /* @__PURE__ */ r.jsx(U, { checked: t.default_value, onChange: (n) => t.setDefaultValue(n.currentTarget.checked), label: "Default Checked" }),
     /* @__PURE__ */ r.jsx(ia, { label: "Description", value: t.description, onChange: t.setDescription, styles: {
       root: {
         flexGrow: 1,
@@ -28598,8 +28635,8 @@ const tM = k(() => {
 }) {
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { children: [
-      /* @__PURE__ */ r.jsx(K, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
-      /* @__PURE__ */ r.jsx(K, { checked: t.allowSingleDateInRange, onChange: (n) => t.setAllowSingleDateInRange(n.currentTarget.checked), label: "Allow choosing 1 day" })
+      /* @__PURE__ */ r.jsx(U, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
+      /* @__PURE__ */ r.jsx(U, { checked: t.allowSingleDateInRange, onChange: (n) => t.setAllowSingleDateInRange(n.currentTarget.checked), label: "Allow choosing 1 day" })
     ] }),
     /* @__PURE__ */ r.jsx(A, { data: sM, label: "Display Format", value: t.inputFormat, onChange: t.setInputFormat }),
     /* @__PURE__ */ r.jsx(
@@ -28611,7 +28648,7 @@ const tM = k(() => {
         onChange: t.setDefaultValue
       }
     ),
-    /* @__PURE__ */ r.jsx(U, { label: "Max Days", min: 0, value: t.max_days, onChange: t.setMaxDays, hideControls: !0, sx: {
+    /* @__PURE__ */ r.jsx(K, { label: "Max Days", min: 0, value: t.max_days, onChange: t.setMaxDays, hideControls: !0, sx: {
       width: "149px"
     } })
   ] });
@@ -28655,7 +28692,7 @@ const tM = k(() => {
     });
   }, s = t.static_options, i = [...s];
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(K, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
+    /* @__PURE__ */ r.jsx(U, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
     /* @__PURE__ */ r.jsx(I, { label: "Width", description: "At least 160px", value: t.min_width, onChange: (a) => t.setMinWidth(a.currentTarget.value), placeholder: "default: 200px" }),
     /* @__PURE__ */ r.jsx(D, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 10, sx: {
@@ -28679,7 +28716,7 @@ const tM = k(() => {
         }, children: /* @__PURE__ */ r.jsx(j, { color: "white", size: 16, children: "Using query" }) })
       ] }),
       s.length > 0 && /* @__PURE__ */ r.jsx(nr, { label: "Default Selection", data: i, value: [...t.default_value], onChange: t.setDefaultValue }),
-      s.map((a, o) => /* @__PURE__ */ r.jsxs(Ut, { gap: 10, sx: {
+      s.map((a, o) => /* @__PURE__ */ r.jsxs(Kt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
         /* @__PURE__ */ r.jsx(I, { label: "Label", required: !0, value: t.static_options[o].label, onChange: (l) => {
@@ -28703,7 +28740,7 @@ const tM = k(() => {
       }, mx: "auto", children: "Add an Option" })
     ] }),
     /* @__PURE__ */ r.jsx(D, { label: "Or fetch options from database", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(U, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
+    /* @__PURE__ */ r.jsx(K, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ r.jsx(Sa, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(mu, {})
   ] });
@@ -28720,7 +28757,7 @@ const tM = k(() => {
     value: ""
   }, ...s];
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(K, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
+    /* @__PURE__ */ r.jsx(U, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
     /* @__PURE__ */ r.jsx(I, { label: "Width", value: t.width, onChange: (a) => t.setWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(D, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 10, sx: {
@@ -28744,7 +28781,7 @@ const tM = k(() => {
         }, children: /* @__PURE__ */ r.jsx(j, { color: "white", size: 16, children: "Using query" }) })
       ] }),
       s.length > 0 && /* @__PURE__ */ r.jsx(A, { label: "Default Selection", data: i, value: t.default_value, onChange: t.setDefaultValue }),
-      s.map((a, o) => /* @__PURE__ */ r.jsxs(Ut, { gap: 10, sx: {
+      s.map((a, o) => /* @__PURE__ */ r.jsxs(Kt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
         /* @__PURE__ */ r.jsx(I, { label: "Label", required: !0, value: t.static_options[o].label, onChange: (l) => {
@@ -28768,7 +28805,7 @@ const tM = k(() => {
       }, mx: "auto", children: "Add an Option" })
     ] }),
     /* @__PURE__ */ r.jsx(D, { label: "Or fetch options from database", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(K, { checked: t.default_selection_count === 1, onChange: (a) => t.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: "Select the first option by default" }),
+    /* @__PURE__ */ r.jsx(U, { checked: t.default_selection_count === 1, onChange: (a) => t.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: "Select the first option by default" }),
     /* @__PURE__ */ r.jsx(Sa, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(mu, {})
   ] });
@@ -28779,7 +28816,7 @@ const tM = k(() => {
     /* @__PURE__ */ r.jsx(I, { label: "Default Value", value: t.default_value, onChange: (n) => {
       t.setDefaultValue(n.currentTarget.value);
     } }),
-    /* @__PURE__ */ r.jsx(K, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" })
+    /* @__PURE__ */ r.jsx(U, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" })
   ] });
 }), dM = `
 // row
@@ -28799,11 +28836,11 @@ const tM = k(() => {
   config: t
 }) {
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(K, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
+    /* @__PURE__ */ r.jsx(U, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
     /* @__PURE__ */ r.jsx(I, { label: "Min-width", value: t.min_width, onChange: (n) => t.setMinWidth(n.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(D, { label: "Fetch options from database", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(K, { checked: t.treeCheckStrictly, onChange: (n) => t.setTreeCheckStrictly(n.currentTarget.checked), label: "Parent and children nodes are not associated" }),
-    /* @__PURE__ */ r.jsx(U, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
+    /* @__PURE__ */ r.jsx(U, { checked: t.treeCheckStrictly, onChange: (n) => t.setTreeCheckStrictly(n.currentTarget.checked), label: "Parent and children nodes are not associated" }),
+    /* @__PURE__ */ r.jsx(K, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ r.jsx(Sa, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(uM, {})
   ] });
@@ -28860,7 +28897,7 @@ const tM = k(() => {
       /* @__PURE__ */ r.jsxs(w, { children: [
         /* @__PURE__ */ r.jsxs(b, { noWrap: !0, children: [
           /* @__PURE__ */ r.jsx(
-            U,
+            K,
             {
               label: "Placement Order",
               required: !0,
@@ -28872,7 +28909,7 @@ const tM = k(() => {
               }
             }
           ),
-          t.auto_submit_supported && /* @__PURE__ */ r.jsx(K, { label: "Submit automatically", checked: t.auto_submit, onChange: (i) => t.setAutoSubmit(i.currentTarget.checked), mt: 22 })
+          t.auto_submit_supported && /* @__PURE__ */ r.jsx(U, { label: "Submit automatically", checked: t.auto_submit, onChange: (i) => t.setAutoSubmit(i.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r.jsx(nr, { label: "Visible in...", data: n.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
         /* @__PURE__ */ r.jsx(I, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (i) => {
@@ -28949,7 +28986,7 @@ const tM = k(() => {
       userSelect: "none",
       cursor: "default"
     }, children: "Manage Filters" }) }),
-    /* @__PURE__ */ r.jsx(Ut, { justify: "space-between", align: "center", px: 12, children: /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
+    /* @__PURE__ */ r.jsx(Kt, { justify: "space-between", align: "center", px: 12, children: /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
       /* @__PURE__ */ r.jsxs(C.Group, { children: [
         /* @__PURE__ */ r.jsx(C, { variant: "default", size: "xs", onClick: o, children: "Select All" }),
         /* @__PURE__ */ r.jsx(C, { variant: "default", size: "xs", onClick: l, children: "Clear Selection" })
@@ -28969,7 +29006,7 @@ const tM = k(() => {
     /* @__PURE__ */ r.jsx(z, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(K.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ke, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(U.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ue, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -28989,7 +29026,7 @@ const tM = k(() => {
         }, children: "Action" })
       ] }) }),
       /* @__PURE__ */ r.jsx("tbody", { children: n.content.filters.sortedList.map((c) => /* @__PURE__ */ r.jsxs("tr", { children: [
-        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(K, { value: c.id, styles: {
+        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(U, { value: c.id, styles: {
           input: {
             cursor: "pointer"
           }
@@ -29071,14 +29108,14 @@ const tM = k(() => {
     /* @__PURE__ */ r.jsx(D, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 20, children: [
       /* @__PURE__ */ r.jsxs(b, { grow: !0, align: "top", children: [
-        /* @__PURE__ */ r.jsx(U, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "of 36 columns" }), styles: {
+        /* @__PURE__ */ r.jsx(K, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "of 36 columns" }), styles: {
           rightSection: {
             width: "110px"
           }
         }, value: e.layout.w, onChange: (n) => {
           n && e.layout.setWidth(n);
         } }),
-        /* @__PURE__ */ r.jsx(U, { label: "Height", rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "px" }), styles: {
+        /* @__PURE__ */ r.jsx(K, { label: "Height", rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "px" }), styles: {
           rightSection: {
             width: "40px"
           }
@@ -29086,7 +29123,7 @@ const tM = k(() => {
           n && e.layout.setHeight(n);
         } })
       ] }),
-      /* @__PURE__ */ r.jsx(K, { ml: 6, label: "Border", checked: t.border.enabled, onChange: (n) => t.border.setEnabled(n.currentTarget.checked) })
+      /* @__PURE__ */ r.jsx(U, { ml: 6, label: "Border", checked: t.border.enabled, onChange: (n) => t.border.setEnabled(n.currentTarget.checked) })
     ] })
   ] });
 }), wM = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
@@ -29119,10 +29156,10 @@ const tM = k(() => {
     panel: e
   } = It();
   return /* @__PURE__ */ r.jsx(w, { spacing: 6, mb: 10, children: /* @__PURE__ */ r.jsxs(b, { pl: 6, position: "left", spacing: 20, children: [
-    /* @__PURE__ */ r.jsx(K, { size: "sm", checked: e.title.show, onChange: (t) => e.title.setShow(t.currentTarget.checked), label: "Show Title", sx: {
+    /* @__PURE__ */ r.jsx(U, { size: "sm", checked: e.title.show, onChange: (t) => e.title.setShow(t.currentTarget.checked), label: "Show Title", sx: {
       userSelect: "none"
     } }),
-    /* @__PURE__ */ r.jsx(K, { size: "sm", checked: !0, disabled: !0, label: "Use name as title" })
+    /* @__PURE__ */ r.jsx(U, { size: "sm", checked: !0, disabled: !0, label: "Use name as title" })
   ] }) });
 });
 function CM() {
@@ -29190,7 +29227,7 @@ function fu({
   });
   return e.length === 0 ? /* @__PURE__ */ r.jsx(z, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsxs(Ke, { sx: kM, children: [
+  } }) : /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsxs(Ue, { sx: kM, children: [
     /* @__PURE__ */ r.jsx("thead", { children: n.getHeaderGroups().map((s) => /* @__PURE__ */ r.jsx("tr", { children: s.headers.map((i) => /* @__PURE__ */ r.jsxs("th", { style: {
       width: i.getSize()
     }, children: [
@@ -29283,7 +29320,7 @@ const TM = [{
 }, MM = ({
   queryID: e
 }) => {
-  const t = Fe(), {
+  const t = Oe(), {
     state: n,
     error: s
   } = t.getDataStuffByID(e), i = L.useMemo(() => t.queries.findByID(e), [t, e]);
@@ -29295,7 +29332,7 @@ const TM = [{
   moreActions: t,
   refreshOnMount: n
 }) => {
-  const s = Fe(), {
+  const s = Oe(), {
     data: i,
     state: a
   } = s.getDataStuffByID(e), o = a === "loading", l = qe(() => {
@@ -29338,7 +29375,7 @@ const TM = [{
     t.editor.setPath(["_QUERIES_", l]);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(oh, { opened: i, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(K.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(w, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ r.jsx(K, { label: l.label, value: l.value }, l.value)) }) }) }),
+    /* @__PURE__ */ r.jsx(oh, { opened: i, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(U.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(w, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ r.jsx(U, { label: l.label, value: l.value }, l.value)) }) }) }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 6, children: [
       /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(C, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(sp, { size: 16 }), onClick: () => a(!0), children: "Click me to choose queries for this panel" }) }),
       s.queryIDs.length === 1 && /* @__PURE__ */ r.jsx(xi, { id: s.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(fe, { label: "Open this query", children: /* @__PURE__ */ r.jsx(W, { variant: "subtle", color: "blue", onClick: () => o(s.queryIDs[0]), children: /* @__PURE__ */ r.jsx(ei, { size: 16 }) }) }) }),
@@ -29382,7 +29419,7 @@ const TM = [{
       }
     }, children: /* @__PURE__ */ r.jsx(nu, { panel: e }) })
   ] }) }) });
-}), Ks = {
+}), Us = {
   name: "new_var",
   size: "1rem",
   weight: "initial",
@@ -29423,10 +29460,10 @@ class RM {
     }));
   }
   addNew() {
-    const t = this.panel.variables.filter((n) => n.name.startsWith(Ks.name)).length;
+    const t = this.panel.variables.filter((n) => n.name.startsWith(Us.name)).length;
     this.panel.addVariable(Pe({
-      ...Ks,
-      name: `${Ks.name}${t || ""}`
+      ...Us,
+      name: `${Us.name}${t || ""}`
     })), this.selected = ll(this.panel.variables);
   }
   select(t) {
@@ -29562,7 +29599,7 @@ const PM = L.forwardRef($M), VM = L.forwardRef(function({
         label: "Continuous Color",
         value: "continuous"
       }], value: t.color.type, onChange: o }),
-      i === "static" && /* @__PURE__ */ r.jsx(Ue, { value: t.color.staticColor, onChange: (l) => a("color.staticColor", l) }),
+      i === "static" && /* @__PURE__ */ r.jsx(Ke, { value: t.color.staticColor, onChange: (l) => a("color.staticColor", l) }),
       i === "continuous" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(PM, { label: "Value Range", value: t.color.valueRange, type: "number", onChange: (l) => a("color.valueRange", l) }),
         /* @__PURE__ */ r.jsx(OM, { label: "Color Range", value: t.color.colorRange, onChange: (l) => a("color.colorRange", l) })
@@ -29600,7 +29637,7 @@ const PM = L.forwardRef($M), VM = L.forwardRef(function({
     /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(tn, { size: 16 }), color: "red", variant: "light", onClick: i, children: "Delete this Variable" })
   ] });
 }), BM = k((e) => {
-  const t = _t(() => KI(e.variable), [e.variable]), n = () => e.uiModel.remove(e.variable);
+  const t = _t(() => UI(e.variable), [e.variable]), n = () => e.uiModel.remove(e.variable);
   return /* @__PURE__ */ r.jsxs(w, { "data-testid": "variable-editor", align: "stretch", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
       /* @__PURE__ */ r.jsx(C, { variant: "subtle", size: "xs", disabled: !t.changed, color: "red", onClick: t.reset, leftIcon: /* @__PURE__ */ r.jsx(is, { size: 18 }), children: "Revert Changes" }),
@@ -29675,14 +29712,14 @@ const HM = k(({
   const i = QM(), a = e !== n;
   return /* @__PURE__ */ r.jsx(A, { label: "Visualization", value: n, searchable: !0, onChange: s, data: i, rightSection: /* @__PURE__ */ r.jsx(W, { disabled: !a, onClick: () => t(n), children: /* @__PURE__ */ r.jsx(he, { size: 20 }) }), maxDropdownHeight: 600 });
 }), Ho = [];
-function UM(e, t) {
+function KM(e, t) {
   try {
     return e.resolveComponent(t).createConfig();
   } catch {
     return null;
   }
 }
-function KM() {
+function UM() {
   const {
     data: e,
     panel: {
@@ -29721,7 +29758,7 @@ const YM = k(() => {
   } = Ht(Ot), s = L.useCallback((d) => {
     if (d === t.type)
       return;
-    const u = UM(n, d);
+    const u = KM(n, d);
     t.setType(d), t.setConf(u || {});
   }, [t.type]), i = (d) => {
     try {
@@ -29732,7 +29769,7 @@ const YM = k(() => {
   }, a = L.useMemo(() => {
     var d;
     return (d = Ho.find((u) => u.value === t.type)) == null ? void 0 : d.Panel;
-  }, [t.type, Ho]), o = KM(), l = a ? Jr(a, {
+  }, [t.type, Ho]), o = UM(), l = a ? Jr(a, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
@@ -29936,7 +29973,7 @@ const eL = k(({
       userSelect: "none",
       cursor: "default"
     }, children: "Manage Queries" }) }),
-    /* @__PURE__ */ r.jsxs(Ut, { justify: "space-between", align: "center", px: 12, children: [
+    /* @__PURE__ */ r.jsxs(Kt, { justify: "space-between", align: "center", px: 12, children: [
       /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
         /* @__PURE__ */ r.jsxs(C.Group, { children: [
           /* @__PURE__ */ r.jsx(C, { variant: "default", size: "xs", onClick: c, children: "Select All" }),
@@ -29959,7 +29996,7 @@ const eL = k(({
     /* @__PURE__ */ r.jsx(z, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(K.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ke, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(U.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ue, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -29987,7 +30024,7 @@ const eL = k(({
         var x;
         const p = ((x = u[h.id]) == null ? void 0 : x.length) ?? 0;
         return /* @__PURE__ */ r.jsxs("tr", { children: [
-          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(K, { value: h.id, styles: {
+          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(U, { value: h.id, styles: {
             input: {
               cursor: "pointer"
             }
@@ -30062,7 +30099,7 @@ const eL = k(({
   const {
     columns: t
   } = e;
-  return t.loading ? /* @__PURE__ */ r.jsx(gu, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : t.empty ? null : /* @__PURE__ */ r.jsxs(Ke, { highlightOnHover: !0, fontSize: 14, sx: {
+  return t.loading ? /* @__PURE__ */ r.jsx(gu, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : t.empty ? null : /* @__PURE__ */ r.jsxs(Ue, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "1000px",
     alignSelf: "flex-start",
@@ -30122,7 +30159,7 @@ const eL = k(({
   const {
     indexes: t
   } = e, n = t.data;
-  return /* @__PURE__ */ r.jsxs(Ke, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ r.jsxs(Ue, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "950px",
     alignSelf: "flex-start",
@@ -30170,7 +30207,7 @@ const eL = k(({
   const {
     indexes: t
   } = e, n = t.data;
-  return /* @__PURE__ */ r.jsxs(Ke, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ r.jsxs(Ue, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "850px",
     alignSelf: "flex-start",
@@ -30351,7 +30388,7 @@ const hL = k(({
   e.loadTablesIfEmpty();
 }, [e]), e.tables.error ? /* @__PURE__ */ r.jsx(j, { color: "red", size: "md", align: "center", sx: {
   fontFamily: "monospace"
-}, children: e.tables.error }) : /* @__PURE__ */ r.jsxs(Ut, { sx: {
+}, children: e.tables.error }) : /* @__PURE__ */ r.jsxs(Kt, { sx: {
   height: "100%"
 }, children: [
   /* @__PURE__ */ r.jsx(z, { w: 300, sx: {
@@ -30466,7 +30503,7 @@ const hL = k(({
       }
     }
   }, disabled: i, value: e.key, onChange: l });
-}), Uo = de((e, t) => {
+}), Ko = de((e, t) => {
   const {
     label: n,
     description: s,
@@ -30505,8 +30542,8 @@ const hL = k(({
       e.setKey(i), e.setType(s);
     } }),
     /* @__PURE__ */ r.jsx(D, { mt: 10, mb: -10, variant: "dashed", label: "Conditions", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(nr, { label: "Run query when these are truthy", placeholder: "Always run this query on load", data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy, itemComponent: Uo, maxDropdownHeight: 500 }),
-    e.typedAsHTTP && /* @__PURE__ */ r.jsx(nr, { label: "Re-run query when these changed", placeholder: "Leave it empty to never re-run this query", data: e.conditionOptions, value: [...e.react_to], onChange: e.setReactTo, itemComponent: Uo, maxDropdownHeight: 500 }),
+    /* @__PURE__ */ r.jsx(nr, { label: "Run query when these are truthy", placeholder: "Always run this query on load", data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy, itemComponent: Ko, maxDropdownHeight: 500 }),
+    e.typedAsHTTP && /* @__PURE__ */ r.jsx(nr, { label: "Re-run query when these changed", placeholder: "Leave it empty to never re-run this query", data: e.conditionOptions, value: [...e.react_to], onChange: e.setReactTo, itemComponent: Ko, maxDropdownHeight: 500 }),
     /* @__PURE__ */ r.jsx(D, { mt: 20, mb: 10, variant: "dashed" }),
     /* @__PURE__ */ r.jsx(sL, { queryModel: e })
   ] }) });
@@ -30514,14 +30551,14 @@ const hL = k(({
 function SL({
   content: e
 }) {
-  return /* @__PURE__ */ r.jsxs(Oe, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Oe.Target, { children: /* @__PURE__ */ r.jsx(W, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(wl, {}) }) }),
-    /* @__PURE__ */ r.jsx(Oe.Dropdown, { children: /* @__PURE__ */ r.jsx(rn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
+  return /* @__PURE__ */ r.jsxs(Te, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(W, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(wl, {}) }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(rn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
 const CL = k(() => {
   const t = [...le().globalSQLSnippets.list];
-  return t.length === 0 ? null : /* @__PURE__ */ r.jsxs(Ke, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
+  return t.length === 0 ? null : /* @__PURE__ */ r.jsxs(Ue, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("th", { children: "Key" }),
       /* @__PURE__ */ r.jsx("th", { children: "Value" })
@@ -30594,7 +30631,7 @@ WHERE
       }
     }, children: "See Query Variables" })
   ] });
-}), Ko = {
+}), Uo = {
   pre: ["function build_request({ context, filters }, utils) {", "    // build the quest", "    return { method: 'POST', url: '/', params: {}, headers: {}, data: {} }", "}"].join(`
 `),
   post: ["function process_result(res, utils, state) {", "    // your code goes here", "    return data", "}"].join(`
@@ -30611,8 +30648,8 @@ WHERE
   ] }),
   /* @__PURE__ */ r.jsx(m.Panel, { value: "pre_process", sx: {
     position: "relative"
-  }, p: "sm", children: /* @__PURE__ */ r.jsx(cr, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Ko.pre }) }),
-  /* @__PURE__ */ r.jsx(m.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(cr, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Ko.post }) })
+  }, p: "sm", children: /* @__PURE__ */ r.jsx(cr, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Uo.pre }) }),
+  /* @__PURE__ */ r.jsx(m.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(cr, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Uo.post }) })
 ] }) : null), IL = k(({
   queryID: e,
   usage: t
@@ -30630,7 +30667,7 @@ WHERE
   }, i = (a) => {
     n.setPath(["_VIEWS_", a]);
   };
-  return /* @__PURE__ */ r.jsx(w, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(Ke, { highlightOnHover: !0, sx: {
+  return /* @__PURE__ */ r.jsx(w, { py: "sm", px: "md", children: /* @__PURE__ */ r.jsxs(Ue, { highlightOnHover: !0, sx: {
     tableLayout: "fixed"
   }, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -30677,9 +30714,9 @@ WHERE
   queryModel: e
 }) => {
   const t = T(() => _.groupBy(e.dependencies, "type"), [e.dependencies]), n = T(() => e.dependencies.some((i) => !i.valid), [e.dependencies]), s = e.dependencies.length > 0;
-  return s ? /* @__PURE__ */ r.jsxs(Oe, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !s, children: [
-    /* @__PURE__ */ r.jsx(Oe.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", color: n ? "red" : "green", disabled: !s, leftIcon: n ? /* @__PURE__ */ r.jsx(Si, { size: 16 }) : /* @__PURE__ */ r.jsx(cp, { size: 16 }), children: "Dependency" }) }),
-    /* @__PURE__ */ r.jsx(Oe.Dropdown, { children: /* @__PURE__ */ r.jsx(Mt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(t).map(([i, a]) => /* @__PURE__ */ r.jsxs(Mt.Item, { children: [
+  return s ? /* @__PURE__ */ r.jsxs(Te, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !s, children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(C, { size: "xs", variant: "subtle", color: n ? "red" : "green", disabled: !s, leftIcon: n ? /* @__PURE__ */ r.jsx(Si, { size: 16 }) : /* @__PURE__ */ r.jsx(cp, { size: 16 }), children: "Dependency" }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(Mt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(t).map(([i, a]) => /* @__PURE__ */ r.jsxs(Mt.Item, { children: [
       /* @__PURE__ */ r.jsx(j, { fw: "bold", ff: "monospace", children: i }),
       /* @__PURE__ */ r.jsx(Mt, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
@@ -30743,7 +30780,7 @@ WHERE
 } }), AL = k(({
   value: e
 }) => {
-  const n = Fe().payloadForSQL, s = L.useMemo(() => Ii(e, n), [e, n]);
+  const n = Oe().payloadForSQL, s = L.useMemo(() => Ii(e, n), [e, n]);
   return /* @__PURE__ */ r.jsx(LL, { height: "100%", value: s });
 }), Yo = {
   pre: ["function process_request({ context, filters, sql }, utils) {", "    // modify and return sql", "    return sql", "}"].join(`
@@ -30823,7 +30860,7 @@ WHERE
 }), OL = k(({
   value: e
 }) => {
-  const n = Fe().payloadForSQL, s = T(() => Ii(e, n), [e, n]);
+  const n = Oe().payloadForSQL, s = T(() => Ii(e, n), [e, n]);
   return /* @__PURE__ */ r.jsx(ka, { height: "100%", value: s });
 }), $L = k(({
   item: e,
@@ -30954,7 +30991,7 @@ WHERE
       userSelect: "none",
       cursor: "default"
     }, children: "Manage SQL Snippets" }) }),
-    /* @__PURE__ */ r.jsxs(Ut, { justify: "space-between", align: "center", px: 12, children: [
+    /* @__PURE__ */ r.jsxs(Kt, { justify: "space-between", align: "center", px: 12, children: [
       /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
         /* @__PURE__ */ r.jsxs(C.Group, { children: [
           /* @__PURE__ */ r.jsx(C, { variant: "default", size: "xs", onClick: c, children: "Select All" }),
@@ -30977,7 +31014,7 @@ WHERE
     /* @__PURE__ */ r.jsx(z, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(K.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ke, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(U.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ue, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -30998,7 +31035,7 @@ WHERE
         var x;
         const p = ((x = u[h.key]) == null ? void 0 : x.length) ?? 0;
         return /* @__PURE__ */ r.jsxs("tr", { children: [
-          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(K, { value: h.key, styles: {
+          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(U, { value: h.key, styles: {
             input: {
               cursor: "pointer"
             }
@@ -31073,10 +31110,10 @@ function QL(e) {
 function HL(e) {
   return e.length === 2 && e[0] === "_SQL_SNIPPETS_";
 }
-function UL(e) {
+function KL(e) {
   return e.length === 2 && e[0] === "_QUERIES_";
 }
-function KL(e) {
+function UL(e) {
   return e.length === 1 && e[0] === "_QUERIES_";
 }
 function YL(e) {
@@ -31089,7 +31126,7 @@ const JL = k(() => /* @__PURE__ */ r.jsx(w, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r.jsx(yu, {}) })), ZL = k(() => {
   const e = le().editor, t = e.path;
-  return BL(t) ? /* @__PURE__ */ r.jsx(JL, {}) : qL(t) ? /* @__PURE__ */ r.jsx(yM, {}) : WL(t) ? /* @__PURE__ */ r.jsx(bM, {}) : GL(t) ? /* @__PURE__ */ r.jsx(z, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(gM, { id: t[1] }) }) : QL(t) ? /* @__PURE__ */ r.jsx(VL, {}) : HL(t) ? /* @__PURE__ */ r.jsx(PL, { id: t[1] }) : KL(t) ? /* @__PURE__ */ r.jsx(nL, {}) : UL(t) ? /* @__PURE__ */ r.jsx(FL, { id: t[1] }) : YL(t) ? /* @__PURE__ */ r.jsx(z, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(NL, { id: t[1] }) }) : XL(t) ? /* @__PURE__ */ r.jsx(tL, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r.jsx(z, { children: e.path });
+  return BL(t) ? /* @__PURE__ */ r.jsx(JL, {}) : qL(t) ? /* @__PURE__ */ r.jsx(yM, {}) : WL(t) ? /* @__PURE__ */ r.jsx(bM, {}) : GL(t) ? /* @__PURE__ */ r.jsx(z, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(gM, { id: t[1] }) }) : QL(t) ? /* @__PURE__ */ r.jsx(VL, {}) : HL(t) ? /* @__PURE__ */ r.jsx(PL, { id: t[1] }) : UL(t) ? /* @__PURE__ */ r.jsx(nL, {}) : KL(t) ? /* @__PURE__ */ r.jsx(FL, { id: t[1] }) : YL(t) ? /* @__PURE__ */ r.jsx(z, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(NL, { id: t[1] }) }) : XL(t) ? /* @__PURE__ */ r.jsx(tL, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r.jsx(z, { children: e.path });
 }), eA = k(() => /* @__PURE__ */ r.jsx(ZL, {})), tA = k(() => {
   const e = le(), t = () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), s = {
@@ -31097,7 +31134,7 @@ const JL = k(() => /* @__PURE__ */ r.jsx(w, { sx: {
       key: n,
       label: n,
       order: e.content.filters.current.length + 1,
-      type: Le.TextInput,
+      type: Ae.TextInput,
       config: Ld(),
       visibleInViewsIDs: ["Main"],
       auto_submit: !1
@@ -31336,7 +31373,7 @@ const fA = {
     h.datasources.replace(d);
   }, [d]), L.useEffect(() => {
     h.globalSQLSnippets.replace(u);
-  }, [u]), L.useEffect(() => it(() => Kt(h.json), (S) => {
+  }, [u]), L.useEffect(() => it(() => Ut(h.json), (S) => {
     o == null || o(S);
   }), [h]);
   const p = async () => {
@@ -31362,7 +31399,7 @@ const vu = f.model({
   version: f.string,
   // schema version
   filters: Hd,
-  queries: Kd,
+  queries: Ud,
   sqlSnippets: Yd,
   views: Bd,
   panels: Gd,
@@ -31482,7 +31519,7 @@ function bA({
     create_time: s,
     update_time: i,
     version: o,
-    filters: Ud(l),
+    filters: Kd(l),
     queries: GI(u),
     sqlSnippets: HI(h),
     mock_context: Cd(p),
@@ -31559,8 +31596,8 @@ const mR = k(({
 E.extend(Gp);
 E.extend(Qp);
 E.extend(Hp);
-E.extend(Up);
 E.extend(Kp);
+E.extend(Up);
 E.extend(Yp);
 E.extend(Xp);
 E.extend(Jp);
@@ -31603,7 +31640,7 @@ export {
   Px as DashboardApiClient,
   Vx as DashboardApiFacadeClient,
   xR as DashboardEditor,
-  Le as DashboardFilterType,
+  Ae as DashboardFilterType,
   RD as DashboardMode,
   ez as DashboardModel,
   Zl as DashboardModelContextProvider,
@@ -31620,10 +31657,10 @@ export {
   cD as Panel,
   lc as PanelContextProvider,
   iD as PanelErrorOrStateMessage,
-  UD as PanelModel,
+  KD as PanelModel,
   su as PanelRender,
   nu as PanelVizSection,
-  KD as PanelsModel,
+  UD as PanelsModel,
   $D as QueriesModel,
   mR as ReadOnlyDashboard,
   PD as SQLSnippetsModel,
@@ -31647,7 +31684,7 @@ export {
   It as useEditPanelContext,
   hm as useFullScreenPanelContext,
   mD as usePanelFullScreen,
-  Fe as useRenderContentModelContext,
+  Oe as useRenderContentModelContext,
   tc as useRenderDashboardContext,
   kn as useRenderPanelContext
 };