@devtable/dashboard 10.34.1 → 10.34.2

package/dist/dashboard.es.js

@@ -2,19 +2,19 @@ var ah = Object.defineProperty;
 var sh = (e, t, n) => t in e ? ah(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var H = (e, t, n) => (sh(e, typeof t != "symbol" ? t + "" : t, n), n);
 import R, { useState as Q, useEffect as W, useCallback as nt, useMemo as z, forwardRef as we, createElement as ai, useContext as nn, useRef as si, createContext as bl, memo as lh } from "react";
-import { Box as V, Select as F, Stack as S, Text as C, Group as x, TextInput as L, Button as I, Switch as Xe, NumberInput as ie, Divider as A, Table as It, ActionIcon as U, MultiSelect as fr, Paper as Xo, Code as ws, Modal as De, Tabs as g, LoadingOverlay as $n, Alert as Jo, NativeSelect as yl, useMantineTheme as xl, ColorInput as Zo, ColorSwatch as to, Slider as ch, Overlay as rn, Checkbox as pe, Center as Ln, CheckIcon as dh, MANTINE_SIZES as uh, SimpleGrid as pn, Tooltip as Be, SegmentedControl as hh, HoverCard as ot, Anchor as no, Textarea as ph, Collapse as ea, Mark as mh, createStyles as Xn, Popover as Ni, Flex as fn, Badge as gr, CloseButton as vl, Menu as ue, Affix as fh, Header as gh, ThemeIcon as Bi, List as _s, UnstyledButton as bh, Navbar as Jt, JsonInput as wl, Drawer as yh, Radio as Cs, Skeleton as Ss, NavLink as ro, Pagination as xh, AppShell as _l } from "@mantine/core";
+import { Box as V, Select as F, Stack as S, Text as C, Group as x, TextInput as $, Button as I, Switch as Xe, NumberInput as ie, Divider as A, Table as It, ActionIcon as U, MultiSelect as fr, Paper as Xo, Code as ws, Modal as De, Tabs as g, LoadingOverlay as Ln, Alert as Jo, NativeSelect as yl, useMantineTheme as xl, ColorInput as Zo, ColorSwatch as to, Slider as ch, Overlay as rn, Checkbox as pe, Center as $n, CheckIcon as dh, MANTINE_SIZES as uh, SimpleGrid as pn, Tooltip as Be, SegmentedControl as hh, HoverCard as ot, Anchor as no, Textarea as ph, Collapse as ea, Mark as mh, createStyles as Xn, Popover as Ni, Flex as fn, Badge as gr, CloseButton as vl, Menu as ue, Affix as fh, Header as gh, ThemeIcon as Bi, List as _s, UnstyledButton as bh, Navbar as Jt, JsonInput as wl, Drawer as yh, Radio as Cs, Skeleton as Ss, NavLink as ro, Pagination as xh, AppShell as _l } from "@mantine/core";
 import { useModals as Ft, ModalsProvider as Cl } from "@mantine/modals";
 import { useBoolean as Je, useCreation as Ot, useAsyncEffect as kr, useRequest as Dn, useLatest as ks, usePrevious as vh } from "ahooks";
 import { observable as Sl, runInAction as ur, toJS as on, reaction as yt, makeAutoObservable as Tr } from "mobx";
 import { observer as D } from "mobx-react-lite";
 import kl from "crypto-js";
 import ne from "dayjs";
-import k, { unset as wh, get as de, isObject as Tl, set as ta, omit as In, isFunction as _h, orderBy as Ch, last as Dl, defaults as Pe, minBy as Sh, maxBy as kh, cloneDeep as Ze, values as Il, template as na, throttle as Th, isEqual as ke, defaultsDeep as Ie, keyBy as Dh, isEmpty as Ml, isNumber as Ih, findLastIndex as Mh, isString as zl, range as zh, cloneDeepWith as $l, pick as Ll } from "lodash";
+import k, { unset as wh, get as de, isObject as Tl, set as ta, omit as In, isFunction as _h, orderBy as Ch, last as Dl, defaults as Pe, minBy as Sh, maxBy as kh, cloneDeep as Ze, values as Il, template as na, throttle as Th, isEqual as ke, defaultsDeep as Ie, keyBy as Dh, isEmpty as Ml, isNumber as Ih, findLastIndex as Mh, isString as zl, range as zh, cloneDeepWith as Ll, pick as $l } from "lodash";
 import ae from "numbro";
-import * as $h from "d3-array";
+import * as Lh from "d3-array";
 import { quantile as qr } from "d3-array";
 import * as Wr from "mathjs";
-import { faker as Lh } from "@faker-js/faker";
+import { faker as $h } from "@faker-js/faker";
 import un from "axios";
 import Ts from "eventemitter2";
 import br, { random as li } from "chroma-js";
@@ -23,7 +23,7 @@ import "echarts-gl";
 import { GridComponent as vt, VisualMapComponent as Dr, LegendComponent as wt, TooltipComponent as _t, DataZoomComponent as Gt, MarkLineComponent as ci, MarkAreaComponent as ra, CalendarComponent as Ah } from "echarts/components";
 import * as ge from "echarts/core";
 import { CanvasRenderer as lt } from "echarts/renderers";
-import { useForm as Re, Controller as y, useFieldArray as Ae, useWatch as Eh } from "react-hook-form";
+import { useForm as Ee, Controller as y, useFieldArray as $e, useWatch as Eh } from "react-hook-form";
 import { DeviceFloppy as ve, ArrowRight as qi, Trash as be, AlertCircle as Rh, PlaylistAdd as di, Recycle as Mt, InfoCircle as gn, Plus as Ge, Calendar as Oh, Refresh as ia, Download as oa, ArrowsMaximize as Al, Settings as El, Copy as Fh, ArrowLeft as Ph, ArrowsMove as Vh, ChevronDownRight as Nh, ChevronsUpRight as Bh, ArrowBarToRight as qh } from "tabler-icons-react";
 import { BoxplotChart as Wh, BarChart as Jn, LineChart as Zn, ScatterChart as ui, FunnelChart as jh, HeatmapChart as hi, PieChart as Gh, RadarChart as Hh, SunburstChart as Yh } from "echarts/charts";
 import { IconDeviceFloppy as bn, IconTextSize as aa, IconInfoCircle as An, IconPlayerSkipBack as Rl, IconRecycle as sa, IconMathFunction as Qh, IconPlus as Ht, IconBorderAll as Uh, IconTrash as mn, IconArrowDown as Kh, IconArrowUp as Xh, IconCamera as pi, IconShare3 as Jh, IconDownload as Ol, IconCode as Fl, IconArrowsLeftRight as Zh, IconVariable as Pl, IconCodeDots as ep, IconFilter as Vl, IconCopy as tp, IconDatabase as mi, IconBoxMultiple as Nl, IconMenu2 as np, IconCaretDown as rp, IconAlertTriangle as Bl, IconArrowLeft as ip, IconPlaylistAdd as op, IconCircleDashed as ap, IconCircleDot as sp, IconCircleOff as lp, IconAdjustments as cp, IconLink as dp, IconSettings as la, IconArrowCurveRight as io, IconLine as up, IconX as ql, IconEye as Wl, IconTable as hp, IconColumns as pp, IconAlertCircle as Ds, IconVariablePlus as mp } from "@tabler/icons-react";
@@ -45,7 +45,7 @@ import rc from "@tiptap/extension-underline";
 import { useEditor as ic } from "@tiptap/react";
 import oc from "@tiptap/starter-kit";
 import "prosemirror-keymap";
-import { createParagraphNear as bp, deleteSelection as yp, exitCode as xp, joinUp as vp, joinDown as wp, joinBackward as _p, joinForward as Cp, lift as Sp, liftEmptyBlock as kp, newlineInCode as Tp, selectNodeBackward as Dp, selectNodeForward as Ip, selectParentNode as Mp, selectTextblockEnd as zp, selectTextblockStart as $p, setBlockType as Is, wrapIn as Lp } from "prosemirror-commands";
+import { createParagraphNear as bp, deleteSelection as yp, exitCode as xp, joinUp as vp, joinDown as wp, joinBackward as _p, joinForward as Cp, lift as Sp, liftEmptyBlock as kp, newlineInCode as Tp, selectNodeBackward as Dp, selectNodeForward as Ip, selectParentNode as Mp, selectTextblockEnd as zp, selectTextblockStart as Lp, setBlockType as Is, wrapIn as $p } from "prosemirror-commands";
 import { liftListItem as Ap, sinkListItem as Ep, wrapInList as Rp } from "prosemirror-schema-list";
 import ct, { loader as Wi } from "@monaco-editor/react";
 import { interpolate as En } from "popmotion";
@@ -57,7 +57,7 @@ import { DatePickerInput as Pp } from "@mantine/dates";
 import Vp, { Option as Np } from "rc-select";
 import Bp, { SHOW_PARENT as qp } from "rc-tree-select";
 import cc, { WidthProvider as dc } from "react-grid-layout";
-import { types as b, cast as qt, getParent as Fe, getRoot as Me, addDisposer as Rt, isAlive as Ms, flow as Hn, toGenerator as wn, clone as Wp, getSnapshot as Zt, applySnapshot as dt, addMiddleware as jp, getType as Gp, detach as oo, castToSnapshot as uc } from "mobx-state-tree";
+import { types as b, cast as qt, getParent as Fe, getRoot as Oe, addDisposer as Rt, isAlive as Ms, flow as Hn, toGenerator as wn, clone as Wp, getSnapshot as Zt, applySnapshot as dt, addMiddleware as jp, getType as Gp, detach as oo, castToSnapshot as uc } from "mobx-state-tree";
 import { arrayToTree as Hp } from "performant-array-to-tree";
 import Yp from "jszip";
 import { saveAs as da } from "file-saver";
@@ -81,11 +81,11 @@ var he = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $s;
+var Ls;
 function em() {
-  if ($s)
+  if (Ls)
     return lr;
-  $s = 1;
+  Ls = 1;
   var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(l, c, d) {
     var p, h = {}, m = null, f = null;
@@ -109,9 +109,9 @@ var cr = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ls;
+var $s;
 function tm() {
-  return Ls || (Ls = 1, process.env.NODE_ENV !== "production" && function() {
+  return $s || ($s = 1, process.env.NODE_ENV !== "production" && function() {
     var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), f = Symbol.for("react.offscreen"), w = Symbol.iterator, v = "@@iterator";
     function T(_) {
       if (_ === null || typeof _ != "object")
@@ -120,7 +120,7 @@ function tm() {
       return typeof P == "function" ? P : null;
     }
     var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function $(_) {
+    function L(_) {
       {
         for (var P = arguments.length, G = new Array(P > 1 ? P - 1 : 0), te = 1; te < P; te++)
           G[te - 1] = arguments[te];
@@ -159,7 +159,7 @@ function tm() {
     function xe(_) {
       if (_ == null)
         return null;
-      if (typeof _.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof _ == "function")
+      if (typeof _.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof _ == "function")
         return _.displayName || _.name || null;
       if (typeof _ == "string")
         return _;
@@ -201,14 +201,14 @@ function tm() {
         }
       return null;
     }
-    var Ee = Object.assign, Ke = 0, ze, Ve, $e, tt, St, xn, Ar;
+    var Ae = Object.assign, Ke = 0, Me, Ve, ze, tt, St, xn, Ar;
     function Er() {
     }
     Er.__reactDisabledLog = !0;
     function Ai() {
       {
         if (Ke === 0) {
-          ze = console.log, Ve = console.info, $e = console.warn, tt = console.error, St = console.group, xn = console.groupCollapsed, Ar = console.groupEnd;
+          Me = console.log, Ve = console.info, ze = console.warn, tt = console.error, St = console.group, xn = console.groupCollapsed, Ar = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -237,30 +237,30 @@ function tm() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Ee({}, _, {
-              value: ze
+            log: Ae({}, _, {
+              value: Me
             }),
-            info: Ee({}, _, {
+            info: Ae({}, _, {
               value: Ve
             }),
-            warn: Ee({}, _, {
-              value: $e
+            warn: Ae({}, _, {
+              value: ze
             }),
-            error: Ee({}, _, {
+            error: Ae({}, _, {
               value: tt
             }),
-            group: Ee({}, _, {
+            group: Ae({}, _, {
               value: St
             }),
-            groupCollapsed: Ee({}, _, {
+            groupCollapsed: Ae({}, _, {
               value: xn
             }),
-            groupEnd: Ee({}, _, {
+            groupEnd: Ae({}, _, {
               value: Ar
             })
           });
         }
-        Ke < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Ke < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var rr = M.ReactCurrentDispatcher, Pn;
@@ -412,7 +412,7 @@ function tm() {
             } catch (Ne) {
               le = Ne;
             }
-            le && !(le instanceof Error) && (Rr(me), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", te || "React class", G, ce, typeof le), Rr(null)), le instanceof Error && !(le.message in ls) && (ls[le.message] = !0, Rr(me), $("Failed %s type: %s", G, le.message), Rr(null));
+            le && !(le instanceof Error) && (Rr(me), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", te || "React class", G, ce, typeof le), Rr(null)), le instanceof Error && !(le.message in ls) && (ls[le.message] = !0, Rr(me), L("Failed %s type: %s", G, le.message), Rr(null));
           }
       }
     }
@@ -438,7 +438,7 @@ function tm() {
     }
     function us(_) {
       if (Wu(_))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qu(_)), ds(_);
+        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qu(_)), ds(_);
     }
     var sr = M.ReactCurrentOwner, ju = {
       key: !0,
@@ -466,13 +466,13 @@ function tm() {
     function Yu(_, P) {
       if (typeof _.ref == "string" && sr.current && P && sr.current.stateNode !== P) {
         var G = xe(sr.current.type);
-        Oi[G] || ($('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', xe(sr.current.type), _.ref), Oi[G] = !0);
+        Oi[G] || (L('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', xe(sr.current.type), _.ref), Oi[G] = !0);
       }
     }
     function Qu(_, P) {
       {
         var G = function() {
-          hs || (hs = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
+          hs || (hs = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
         };
         G.isReactWarning = !0, Object.defineProperty(_, "key", {
           get: G,
@@ -483,7 +483,7 @@ function tm() {
     function Uu(_, P) {
       {
         var G = function() {
-          ps || (ps = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
+          ps || (ps = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
         };
         G.isReactWarning = !0, Object.defineProperty(_, "ref", {
           get: G,
@@ -597,7 +597,7 @@ Check the top-level render call using <` + G + ">.");
           return;
         gs[G] = !0;
         var te = "";
-        _ && _._owner && _._owner !== Fi.current && (te = " It was passed a child from " + xe(_._owner.type) + "."), Bn(_), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', G, te), Bn(null);
+        _ && _._owner && _._owner !== Fi.current && (te = " It was passed a child from " + xe(_._owner.type) + "."), Bn(_), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', G, te), Bn(null);
       }
     }
     function ys(_, P) {
@@ -639,9 +639,9 @@ Check the top-level render call using <` + G + ">.");
         } else if (P.PropTypes !== void 0 && !Pi) {
           Pi = !0;
           var me = xe(P);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", me || "Unknown");
+          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", me || "Unknown");
         }
-        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function th(_) {
@@ -649,11 +649,11 @@ Check the top-level render call using <` + G + ">.");
         for (var P = Object.keys(_.props), G = 0; G < P.length; G++) {
           var te = P[G];
           if (te !== "children" && te !== "key") {
-            Bn(_), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", te), Bn(null);
+            Bn(_), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", te), Bn(null);
             break;
           }
         }
-        _.ref !== null && (Bn(_), $("Invalid attribute `ref` supplied to `React.Fragment`."), Bn(null));
+        _.ref !== null && (Bn(_), L("Invalid attribute `ref` supplied to `React.Fragment`."), Bn(null));
       }
     }
     function xs(_, P, G, te, me, Se) {
@@ -665,7 +665,7 @@ Check the top-level render call using <` + G + ">.");
           var it = Ju(me);
           it ? le += it : le += fs();
           var Ne;
-          _ === null ? Ne = "null" : Ri(_) ? Ne = "array" : _ !== void 0 && _.$$typeof === t ? (Ne = "<" + (xe(_.type) || "Unknown") + " />", le = " Did you accidentally export a JSX literal instead of a component?") : Ne = typeof _, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ne, le);
+          _ === null ? Ne = "null" : Ri(_) ? Ne = "array" : _ !== void 0 && _.$$typeof === t ? (Ne = "<" + (xe(_.type) || "Unknown") + " />", le = " Did you accidentally export a JSX literal instead of a component?") : Ne = typeof _, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ne, le);
         }
         var qe = Xu(_, P, G, me, Se);
         if (qe == null)
@@ -679,7 +679,7 @@ Check the top-level render call using <` + G + ">.");
                   ys(kt[qn], _);
                 Object.freeze && Object.freeze(kt);
               } else
-                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               ys(kt, _);
         }
@@ -701,12 +701,12 @@ Check the top-level render call using <` + G + ">.");
 })(Zp);
 const j = xr.Fragment, i = xr.jsx, u = xr.jsxs, Rn = {
   CryptoJS: kl,
-  d3Array: $h,
+  d3Array: Lh,
   dayjs: ne,
   lodash: k,
   numbro: ae,
   mathjs: Wr,
-  faker: Lh
+  faker: $h
 }, nm = [{
   name: "CryptoJS",
   url: "https://github.com/brix/crypto-js",
@@ -1174,7 +1174,7 @@ class ma {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const yc = "10.34.1", _m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yc = "10.34.2", _m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: yc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1264,7 +1264,7 @@ class km {
     return a.reduce((l, c) => c.handler(l, r), n);
   }
 }
-class Oe extends km {
+class Re extends km {
   constructor() {
     super(), this.configVersions();
   }
@@ -1410,9 +1410,9 @@ function Im({
     min: v,
     max: T
   } = z(() => {
-    const $ = Sh(h, (K) => K[w.columnKey]), B = kh(h, (K) => K[w.columnKey]);
+    const L = Sh(h, (K) => K[w.columnKey]), B = kh(h, (K) => K[w.columnKey]);
     return {
-      min: de($, w.columnKey),
+      min: de(L, w.columnKey),
       max: de(B, w.columnKey)
     };
   }, [h, w]), M = {
@@ -1448,7 +1448,7 @@ function Im({
       wireframe: {
         // show: false
       },
-      data: h.map(($) => [$[m.columnKey], $[f.columnKey], $[w.columnKey]])
+      data: h.map((L) => [L[m.columnKey], L[f.columnKey], L[w.columnKey]])
     }]
   };
   return t ? /* @__PURE__ */ i(mt, { width: r, height: o, children: /* @__PURE__ */ i(st, { echarts: ge, option: M, style: Ir(r, o), notMerge: !0, theme: "merico-light" }) }) : null;
@@ -1487,7 +1487,7 @@ const On = () => Ic(), Yt = () => Ic(), zm = {
   fullScreenPanelID: "",
   setFullScreenPanelID: k.noop
 }, Mc = R.createContext(zm);
-function $m() {
+function Lm() {
   const e = R.useContext(Mc);
   if (!e)
     throw new Error("Please use FullScreenPanelContext.Provider");
@@ -1514,7 +1514,7 @@ const J = D(we(({
   }, [c.dataFieldOptions]);
   return /* @__PURE__ */ i(F, { ref: l, label: e, data: d, value: n, onChange: r, required: t, sx: a, maxDropdownHeight: 500, ...s });
 }));
-function Lm({
+function $m({
   context: e
 }) {
   const {
@@ -1524,7 +1524,7 @@ function Lm({
     control: o,
     handleSubmit: a,
     reset: s
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   return W(() => {
@@ -1540,7 +1540,7 @@ function Lm({
       }) => /* @__PURE__ */ i(J, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ i(y, { name: "xAxis3D.name", control: o, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { sx: {
+      }) => /* @__PURE__ */ i($, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -1554,7 +1554,7 @@ function Lm({
       }) => /* @__PURE__ */ i(J, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ i(y, { name: "yAxis3D.name", control: o, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { sx: {
+      }) => /* @__PURE__ */ i($, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -1568,7 +1568,7 @@ function Lm({
       }) => /* @__PURE__ */ i(J, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ i(y, { name: "zAxis3D.name", control: o, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { sx: {
+      }) => /* @__PURE__ */ i($, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -1603,7 +1603,7 @@ function Am(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Em extends Oe {
+class Em extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 2);
@@ -1630,7 +1630,7 @@ const Rm = {
   migrator: new Em(),
   name: "bar-3d",
   viewRender: Im,
-  configRender: Lm,
+  configRender: $m,
   createConfig() {
     return {
       version: 2,
@@ -1832,7 +1832,7 @@ const Vm = [{
       /* @__PURE__ */ i(ie, { label: "Max Width", hideControls: !0, value: t.width, onChange: o("width") }),
       /* @__PURE__ */ i(F, { label: "Overflow", data: Vm, value: t.overflow, onChange: o("overflow") }),
       /* @__PURE__ */ i(
-        L,
+        $,
         {
           label: "Ellipsis",
           value: t.ellipsis,
@@ -2037,7 +2037,7 @@ function Bm(e) {
     urlTemplate: l.currentTarget.value
   });
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(L, { label: "Url", value: t.urlTemplate, onChange: s, onBlur: o }),
+    /* @__PURE__ */ i($, { label: "Url", value: t.urlTemplate, onChange: s, onBlur: o }),
     /* @__PURE__ */ i(Xe, { label: "Open in new Tab", checked: t.openInNewTab, onChange: (l) => a(l.currentTarget.checked) })
   ] });
 }
@@ -2054,7 +2054,7 @@ async function qm(e, t) {
     }
   }));
 }
-class Wm extends Oe {
+class Wm extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 1);
@@ -2088,7 +2088,7 @@ function Gm(e) {
 }
 function Hm(e) {
   const [t, n] = Gm(e.operation);
-  return /* @__PURE__ */ i(L, { defaultValue: t, onBlur: (r) => n(r.currentTarget.value), label: "console.log" });
+  return /* @__PURE__ */ i($, { defaultValue: t, onBlur: (r) => n(r.currentTarget.value), label: "console.log" });
 }
 async function Ym(e, t) {
   const n = await t.operationData.getItem("config"), r = na(n.template || "");
@@ -2141,7 +2141,7 @@ const Xm = {
   const [n, r] = Q(e);
   return W(() => {
     r(e);
-  }, [e]), /* @__PURE__ */ i(L, { size: "xs", label: "", value: n, onChange: (a) => r(a.currentTarget.value), sx: {
+  }, [e]), /* @__PURE__ */ i($, { size: "xs", label: "", value: n, onChange: (a) => r(a.currentTarget.value), sx: {
     flexGrow: 1
   }, rightSection: /* @__PURE__ */ i(U, { color: "green", size: "xs", onClick: () => {
     t(n);
@@ -2447,10 +2447,10 @@ class xa {
     }));
   }
 }
-const $t = ({
+const Lt = ({
   vizManager: e,
   instance: t
-}) => Ot(() => new xa(t, e.resolveComponent(t.type), bi), [t, e]), $c = (e) => {
+}) => Ot(() => new xa(t, e.resolveComponent(t.type), bi), [t, e]), Lc = (e) => {
   const {
     title: t = "Variables",
     variables: n
@@ -2553,7 +2553,7 @@ const pf = D(({
           /* @__PURE__ */ i(g.Tab, { value: "variables", children: "Variables" })
         ] }),
         /* @__PURE__ */ i(g.Panel, { value: "settings", pt: 10, children: /* @__PURE__ */ i(mf, { model: c }) }),
-        /* @__PURE__ */ i(g.Panel, { value: "variables", pt: 10, children: /* @__PURE__ */ i($c, { title: "Variables", variables: c.variables }) })
+        /* @__PURE__ */ i(g.Panel, { value: "variables", pt: 10, children: /* @__PURE__ */ i(Lc, { title: "Variables", variables: c.variables }) })
       ] })
     ] }) })
   ] }) : null;
@@ -2627,7 +2627,7 @@ const vf = D(({
     /* @__PURE__ */ i(De, { opened: t, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(wf, { model: o }),
       /* @__PURE__ */ i(_f, { model: o }),
-      /* @__PURE__ */ i($c, { title: "Payload", variables: o.triggerSchema.payload })
+      /* @__PURE__ */ i(Lc, { title: "Payload", variables: o.triggerSchema.payload })
     ] }) }),
     /* @__PURE__ */ i(vf, { onClick: n, model: o })
   ] });
@@ -2686,7 +2686,7 @@ const kf = D(({
     }
   });
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i($n, { visible: h }),
+    /* @__PURE__ */ i(Ln, { visible: h }),
     p === 0 && /* @__PURE__ */ i(Jo, { icon: /* @__PURE__ */ i(Rh, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
     l.map((m) => /* @__PURE__ */ i(kf, { onRemove: d, instance: o, sampleData: a, variables: s, item: m, manager: e.interactionManager }, m.id)),
     /* @__PURE__ */ i(I, { style: {
@@ -2768,7 +2768,7 @@ function zf(e, t) {
     source: c
   }];
 }
-function $f({
+function Lf({
   config: e
 }) {
   return {
@@ -2789,7 +2789,7 @@ function $f({
   };
 }
 const ao = ["max", "q3", "median", "q1", "min"];
-function Lf(e) {
+function $f(e) {
   const {
     color: t
   } = e;
@@ -2916,7 +2916,7 @@ const vr = we(function({
   onChange: n,
   ...r
 }, o) {
-  return /* @__PURE__ */ i(L, { ref: o, value: t, onChange: n, ...r });
+  return /* @__PURE__ */ i($, { ref: o, value: t, onChange: n, ...r });
 }), va = {
   fontSize: "14px",
   lineHeight: "32px",
@@ -2995,7 +2995,7 @@ const vr = we(function({
     margin: "0 0 14px"
   }
 };
-function Lc(e, t, n) {
+function $c(e, t, n) {
   for (let r = 0; ; r++) {
     if (r == e.childCount || r == t.childCount)
       return e.childCount == t.childCount ? null : n;
@@ -3012,7 +3012,7 @@ function Lc(e, t, n) {
       return n;
     }
     if (o.content.size || a.content.size) {
-      let s = Lc(o.content, a.content, n + 1);
+      let s = $c(o.content, a.content, n + 1);
       if (s != null)
         return s;
     }
@@ -3205,7 +3205,7 @@ class fe {
   fragment differ, or `null` if they are the same.
   */
   findDiffStart(t, n = 0) {
-    return Lc(this, t, n);
+    return $c(this, t, n);
   }
   /**
   Find the first position, searching from the end, at which this
@@ -5106,7 +5106,7 @@ const Yi = /* @__PURE__ */ Object.create(null);
 function Gc(e) {
   return e in Yi ? e + "$" + ++Yi[e] : (Yi[e] = 0, e + "$");
 }
-class $r {
+class Lr {
   /**
   Create a plugin key.
   */
@@ -5318,7 +5318,7 @@ jt.create({
   addProseMirrorPlugins() {
     return [
       new zr({
-        key: new $r("clipboardTextSerializer"),
+        key: new Lr("clipboardTextSerializer"),
         props: {
           clipboardTextSerializer: () => {
             const { editor: e } = this, { state: t, schema: n } = e, { doc: r, selection: o } = t, { ranges: a } = o, s = Math.min(...a.map((p) => p.$from.pos)), l = Math.max(...a.map((p) => p.$to.pos)), c = og(n);
@@ -5541,7 +5541,7 @@ const kg = (e) => e.toString().startsWith("<"), Tg = (e, t, n) => ({ tr: r, disp
 function Kc() {
   return typeof navigator < "u" ? /Mac/.test(navigator.platform) : !1;
 }
-function $g(e) {
+function Lg(e) {
   const t = e.split(/-(?!$)/);
   let n = t[t.length - 1];
   n === "Space" && (n = " ");
@@ -5563,8 +5563,8 @@ function $g(e) {
   }
   return r && (n = `Alt-${n}`), o && (n = `Ctrl-${n}`), s && (n = `Meta-${n}`), a && (n = `Shift-${n}`), n;
 }
-const Lg = (e) => ({ editor: t, view: n, tr: r, dispatch: o }) => {
-  const a = $g(e).split(/-(?!$)/), s = a.find((d) => !["Alt", "Ctrl", "Meta", "Shift"].includes(d)), l = new KeyboardEvent("keydown", {
+const $g = (e) => ({ editor: t, view: n, tr: r, dispatch: o }) => {
+  const a = Lg(e).split(/-(?!$)/), s = a.find((d) => !["Alt", "Ctrl", "Meta", "Shift"].includes(d)), l = new KeyboardEvent("keydown", {
     key: s === "Space" ? " " : s,
     altKey: a.includes("Alt"),
     ctrlKey: a.includes("Ctrl"),
@@ -5622,7 +5622,7 @@ const Fg = (e, t) => ({ tr: n, state: r, dispatch: o }) => {
 }, Pg = () => ({ tr: e, dispatch: t }) => (t && e.scrollIntoView(), !0), Vg = () => ({ tr: e, commands: t }) => t.setTextSelection({
   from: 0,
   to: e.doc.content.size
-}), Ng = () => ({ state: e, dispatch: t }) => Dp(e, t), Bg = () => ({ state: e, dispatch: t }) => Ip(e, t), qg = () => ({ state: e, dispatch: t }) => Mp(e, t), Wg = () => ({ state: e, dispatch: t }) => zp(e, t), jg = () => ({ state: e, dispatch: t }) => $p(e, t);
+}), Ng = () => ({ state: e, dispatch: t }) => Dp(e, t), Bg = () => ({ state: e, dispatch: t }) => Ip(e, t), qg = () => ({ state: e, dispatch: t }) => Mp(e, t), Wg = () => ({ state: e, dispatch: t }) => zp(e, t), jg = () => ({ state: e, dispatch: t }) => Lp(e, t);
 function Gg(e, t, n = {}) {
   return ni(e, t, { slice: !1, parseOptions: n });
 }
@@ -5678,11 +5678,11 @@ function Kg(e, t, n = {}) {
     e.doc.nodesBetween(f, w, (v, T) => {
       if (!v.isText && !v.marks.length)
         return;
-      const M = Math.max(f, T), $ = Math.min(w, T + v.nodeSize), B = $ - M;
+      const M = Math.max(f, T), L = Math.min(w, T + v.nodeSize), B = L - M;
       s += B, l.push(...v.marks.map((K) => ({
         mark: K,
         from: M,
-        to: $
+        to: L
       })));
     });
   }), s === 0)
@@ -5817,10 +5817,10 @@ const ib = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
       const M = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let E = l.depth - M; E >= l.depth - 3; E -= 1)
         T = fe.from(l.node(E).copy(T));
-      const $ = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, B = Yr(h, l.node().type.name, l.node().attrs), K = ((a = s.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(B)) || void 0;
+      const L = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, B = Yr(h, l.node().type.name, l.node().attrs), K = ((a = s.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(B)) || void 0;
       T = T.append(fe.from(s.createAndFill(null, K) || void 0));
       const N = l.before(l.depth - (M - 1));
-      t.replace(N, l.after(-$), new _e(T, 4 - M, 0));
+      t.replace(N, l.after(-L), new _e(T, 4 - M, 0));
       let O = -1;
       t.doc.nodesBetween(N, t.doc.content.size, (E, Y) => {
         if (O > -1)
@@ -5839,10 +5839,10 @@ const ib = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
   if (!Hr(t.doc, l.pos, 2))
     return !1;
   if (r) {
-    const { selection: T, storedMarks: M } = n, { splittableMarks: $ } = o.extensionManager, B = M || T.$to.parentOffset && T.$from.marks();
+    const { selection: T, storedMarks: M } = n, { splittableMarks: L } = o.extensionManager, B = M || T.$to.parentOffset && T.$from.marks();
     if (t.split(l.pos, 2, v).scrollIntoView(), !B || !r)
       return !0;
-    const K = B.filter((N) => $.includes(N.type.name));
+    const K = B.filter((N) => L.includes(N.type.name));
     t.ensureMarks(K);
   }
   return !0;
@@ -5865,7 +5865,7 @@ const ib = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
   const o = e.doc.nodeAt(r);
   return n.node.type === (o == null ? void 0 : o.type) && Wc(e.doc, r) && e.join(r), !0;
 }, ab = (e, t, n, r = {}) => ({ editor: o, tr: a, state: s, dispatch: l, chain: c, commands: d, can: p }) => {
-  const { extensions: h, splittableMarks: m } = o.extensionManager, f = rt(e, s.schema), w = rt(t, s.schema), { selection: v, storedMarks: T } = s, { $from: M, $to: $ } = v, B = M.blockRange($), K = T || v.$to.parentOffset && v.$from.marks();
+  const { extensions: h, splittableMarks: m } = o.extensionManager, f = rt(e, s.schema), w = rt(t, s.schema), { selection: v, storedMarks: T } = s, { $from: M, $to: L } = v, B = M.blockRange(L), K = T || v.$to.parentOffset && v.$from.marks();
   if (!B)
     return !1;
   const N = ka((O) => Gs(O.type.name, h))(v);
@@ -5949,7 +5949,7 @@ const ib = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
   }), !0) : !1;
 }, mb = (e, t = {}) => ({ state: n, dispatch: r }) => {
   const o = rt(e, n.schema);
-  return Lp(o, t)(n, r);
+  return $p(o, t)(n, r);
 }, fb = (e, t = {}) => ({ state: n, dispatch: r }) => {
   const o = rt(e, n.schema);
   return Rp(o, t)(n, r);
@@ -5977,7 +5977,7 @@ var gb = /* @__PURE__ */ Object.freeze({
   joinDown: Ig,
   joinBackward: Mg,
   joinForward: zg,
-  keyboardShortcut: Lg,
+  keyboardShortcut: $g,
   lift: Ag,
   liftEmptyBlock: Eg,
   liftListItem: Rg,
@@ -6023,7 +6023,7 @@ jt.create({
   addProseMirrorPlugins() {
     return [
       new zr({
-        key: new $r("editable"),
+        key: new Lr("editable"),
         props: {
           editable: () => this.editor.options.editable
         }
@@ -6037,7 +6037,7 @@ jt.create({
     const { editor: e } = this;
     return [
       new zr({
-        key: new $r("focusEvents"),
+        key: new Lr("focusEvents"),
         props: {
           handleDOMEvents: {
             focus: (t, n) => {
@@ -6111,7 +6111,7 @@ jt.create({
       // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
       // with many other commands.
       new zr({
-        key: new $r("clearDocument"),
+        key: new Lr("clearDocument"),
         appendTransaction: (e, t, n) => {
           if (!(e.some((w) => w.docChanged) && !t.doc.eq(n.doc)))
             return;
@@ -6137,7 +6137,7 @@ jt.create({
   addProseMirrorPlugins() {
     return [
       new zr({
-        key: new $r("tabindex"),
+        key: new Lr("tabindex"),
         props: {
           attributes: this.editor.isEditable ? { tabindex: "0" } : {}
         }
@@ -6487,8 +6487,8 @@ function zb({
     ] })
   ] });
 }
-const $b = R.forwardRef(zb);
-function Lb({
+const Lb = R.forwardRef(zb);
+function $b({
   value: e,
   onChange: t
 }, n) {
@@ -6502,7 +6502,7 @@ function Lb({
   })), [r]), a = R.useMemo(() => o.some((s) => s.value === e), [e, o]);
   return /* @__PURE__ */ u(x, { position: "apart", spacing: 4, ref: n, children: [
     /* @__PURE__ */ i(
-      L,
+      $,
       {
         placeholder: "Set any color",
         value: a ? "" : e,
@@ -6535,7 +6535,7 @@ function Lb({
     )
   ] });
 }
-const at = R.forwardRef(Lb), Vr = [{
+const at = R.forwardRef($b), Vr = [{
   label: "initial",
   value: 0
 }, {
@@ -6586,7 +6586,7 @@ function Eb({
       }, children: /* @__PURE__ */ i(ve, { size: 20 }) })
     ] }),
     /* @__PURE__ */ u(x, { children: [
-      a.map((h, m) => /* @__PURE__ */ i(L, { type: r, value: h, onChange: (f) => {
+      a.map((h, m) => /* @__PURE__ */ i($, { type: r, value: h, onChange: (f) => {
         const w = f.currentTarget.value;
         s((v) => (v.splice(m, 1, w), [...v]));
       }, rightSection: /* @__PURE__ */ i(U, { onClick: () => c(m), color: "red", children: /* @__PURE__ */ i(be, { size: 14 }) }), sx: {
@@ -6625,7 +6625,7 @@ const Rb = R.forwardRef(Eb), ed = R.forwardRef(function({
   };
   return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(A, { my: "xs", label: "Typography", labelPosition: "center" }),
-    /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(L, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
+    /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i($, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
       flex: 1
     }, value: t.size, onChange: (l) => a("size", l.currentTarget.value) }) }),
     /* @__PURE__ */ i(x, { position: "apart", grow: !0, sx: {
@@ -6646,7 +6646,7 @@ const Rb = R.forwardRef(Eb), ed = R.forwardRef(function({
       o === "static" && /* @__PURE__ */ i(at, { value: t.color.staticColor, onChange: (l) => a("color.staticColor", l) }),
       o === "continuous" && /* @__PURE__ */ u(j, { children: [
         /* @__PURE__ */ i(Rb, { label: "Value Range", value: t.color.valueRange, type: "number", onChange: (l) => a("color.valueRange", l) }),
-        /* @__PURE__ */ i($b, { label: "Color Range", value: t.color.colorRange, onChange: (l) => a("color.colorRange", l) })
+        /* @__PURE__ */ i(Lb, { label: "Color Range", value: t.color.colorRange, onChange: (l) => a("color.colorRange", l) })
       ] })
     ] })
   ] });
@@ -6664,7 +6664,7 @@ R.forwardRef(function({
     /* @__PURE__ */ i(C, { weight: "bold", pb: 0, children: t.name }),
     /* @__PURE__ */ i(A, { my: "xs", label: "Data", labelPosition: "center" }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ i(L, { label: "Name", required: !0, value: t.name, onChange: (s) => a("name", s.currentTarget.value) }),
+      /* @__PURE__ */ i($, { label: "Name", required: !0, value: t.name, onChange: (s) => a("name", s.currentTarget.value) }),
       /* @__PURE__ */ i(J, { label: "Data Field", required: !0, value: t.data_field, onChange: (s) => a("data_field", s) })
     ] }),
     /* @__PURE__ */ i(wi, { label: "Aggregation", value: t.aggregation, onChange: (s) => a("aggregation", s) }),
@@ -6694,7 +6694,7 @@ function an({
 }, n) {
   return vi(n, e, t);
 }
-function Lt({
+function $t({
   formatter: e,
   aggregation: t
 }, n) {
@@ -6728,7 +6728,7 @@ function td(e, t) {
     aggregation: o,
     size: a,
     weight: s
-  } = e, l = vi(t, r, o), c = Lt(e, l);
+  } = e, l = vi(t, r, o), c = $t(e, l);
   return /* @__PURE__ */ i(C, { sx: {
     fontSize: a,
     display: "inline"
@@ -6782,7 +6782,7 @@ function qb(e, t) {
       data_field: a,
       aggregation: s
     } = r, l = vi(t, a, s);
-    n[o] = Lt(r, l);
+    n[o] = $t(r, l);
   }), n;
 }
 function _i(e, t, n) {
@@ -6801,7 +6801,7 @@ function _i(e, t, n) {
 function Wb(e, t, n) {
   const r = t.reduce((o, a) => {
     const s = an(a, n);
-    return o[a.name] = Lt(a, s), o;
+    return o[a.name] = $t(a, s), o;
   }, {});
   return e.map((o) => ({
     name: "refs",
@@ -6842,11 +6842,11 @@ function Gb({
     x_axis: r,
     y_axis: o,
     reference_lines: a
-  } = e, s = zf(e, t), l = Nt(r.axisLabel.overflow.on_axis), c = Lf(e);
+  } = e, s = zf(e, t), l = Nt(r.axisLabel.overflow.on_axis), c = $f(e);
   return {
     grid: jb(e),
     dataset: s,
-    legend: $f({
+    legend: Lf({
       config: e
     }),
     tooltip: Pf({
@@ -6901,7 +6901,7 @@ function Hb({
   } = e, o = e.data, {
     width: a,
     height: s
-  } = e.viewport, l = Pe({}, n, ba), c = $t({
+  } = e.viewport, l = Pe({}, n, ba), c = Lt({
     vizManager: e.vizManager,
     instance: t
   }), d = zt(c.triggerManager, zc.id), p = Fn(o, l.x_axis.data_key), h = nt((w) => {
@@ -6936,7 +6936,7 @@ function Yb({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ i(
@@ -6954,7 +6954,7 @@ function Yb({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Content Template", placeholder: "Average: ${avg}", required: !0, sx: {
       flex: 1
     }, ...o }) }),
     /* @__PURE__ */ i(U, { color: "red", variant: "subtle", onClick: () => n(t), sx: {
@@ -6973,7 +6973,7 @@ function Qb({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "reference_lines"
   }), s = t("reference_lines"), l = r.map((p, h) => ({
@@ -7067,7 +7067,7 @@ const Ub = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(L, { label: "X Axis Name", sx: {
+    }) => /* @__PURE__ */ i($, { label: "X Axis Name", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ i(y, { name: "x_axis.data_key", control: e, render: ({
@@ -7106,7 +7106,7 @@ const Ub = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(L, { label: "Y Axis Name", sx: {
+    }) => /* @__PURE__ */ i($, { label: "Y Axis Name", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ i(y, { name: "y_axis.data_key", control: e, render: ({
@@ -7129,7 +7129,7 @@ const Ub = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -7151,7 +7151,7 @@ const Ub = ({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "tooltip.metrics"
   }), a = t("tooltip.metrics"), s = n.map((h, m) => ({
@@ -7242,7 +7242,7 @@ function ry({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -7418,7 +7418,7 @@ function uy(e) {
   };
   return k.defaultsDeep(t, e);
 }
-class hy extends Oe {
+class hy extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 9);
@@ -7553,7 +7553,7 @@ const Da = {
   context: e,
   instance: t
 }) => {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), r = zt(n.triggerManager, nd.id), o = Ue(), {
@@ -7571,7 +7571,7 @@ const Da = {
       n.runInteraction(v.id, {});
     });
   };
-  return /* @__PURE__ */ i(Ln, { sx: {
+  return /* @__PURE__ */ i($n, { sx: {
     width: h,
     height: m,
     justifyContent: gy[c],
@@ -7658,7 +7658,7 @@ function ky({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -7676,7 +7676,7 @@ function ky({
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(y, { control: a, name: "content", render: ({
         field: m
-      }) => /* @__PURE__ */ i(L, { label: "Content Template", description: "Filter values & context entries are supported", ...m, required: !0 }) }),
+      }) => /* @__PURE__ */ i($, { label: "Content Template", description: "Filter values & context entries are supported", ...m, required: !0 }) }),
       /* @__PURE__ */ i(A, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(pn, { cols: 2, children: [
         /* @__PURE__ */ i(
@@ -7726,7 +7726,7 @@ function ky({
     ] })
   ] });
 }
-class Ty extends Oe {
+class Ty extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 2);
@@ -7880,14 +7880,14 @@ function zy(e) {
     containLabel: !0
   };
 }
-function $y(e) {
+function Ly(e) {
   return e !== "line" ? {} : {
     itemStyle: {
       opacity: 0
     }
   };
 }
-function Ly(e) {
+function $y(e) {
   switch (e) {
     case "line":
       return;
@@ -7909,8 +7909,8 @@ function Ay(e) {
     type: r
   }) => ({
     name: n,
-    icon: Ly(r),
-    ...$y(r)
+    icon: $y(r),
+    ...Ly(r)
   })), t;
 }
 function Si(e, t) {
@@ -8059,12 +8059,12 @@ function Py({
     }
   };
 }
-function $a(e, t, n) {
+function La(e, t, n) {
   const r = tn(e, t), o = tn(e, n);
   return k.zip(r, o);
 }
 function Vy(e, t, n, r) {
-  const o = $a(t, n, r);
+  const o = La(t, n, r);
   return k.unionBy(o, e, 0);
 }
 function Ny({
@@ -8092,7 +8092,7 @@ function By({
       y_axis_data_key: o,
       valueTypedXAxis: a
     });
-  const s = $a(t, r, o), l = k.groupBy(s, "0");
+  const s = La(t, r, o), l = k.groupBy(s, "0");
   return e.map(([d]) => {
     const h = l[d].map((f) => f[1]), m = Ta(h, n);
     return [d, m];
@@ -8109,7 +8109,7 @@ function qy({
     columnKey: a
   } = q(e), s = k.groupBy(t[o], a);
   return Object.entries(s).forEach(([l, c]) => {
-    s[l] = $a({
+    s[l] = La({
       [o]: c
     }, n, r);
   }), s;
@@ -8131,7 +8131,7 @@ function Wy({
   hide_in_legend: m,
   ...f
 }, w, v, T, M) {
-  const $ = t.type !== "category", B = {
+  const L = t.type !== "category", B = {
     label: {
       show: !!o,
       position: o,
@@ -8161,7 +8161,7 @@ function Wy({
       aggregation_on_value: l,
       x_axis_data_key: e,
       y_axis_data_key: n,
-      valueTypedXAxis: $
+      valueTypedXAxis: L
     }), B;
   const K = qy({
     group_by_key: s,
@@ -8253,7 +8253,7 @@ function rd(e, t) {
   const n = {};
   return t.map((r) => {
     const o = an(r, e);
-    n[r.name] = Lt(r, o);
+    n[r.name] = $t(r, o);
   }), n;
 }
 function Qy(e, t) {
@@ -8407,7 +8407,7 @@ function ex({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -8444,7 +8444,7 @@ function ex({
     }, children: Object.values(f.bottom).map((T, M) => /* @__PURE__ */ i(R.Fragment, { children: T }, M)) })
   ] });
 }
-const La = we(({
+const $a = we(({
   value: e,
   onChange: t
 }, n) => {
@@ -8493,12 +8493,12 @@ function rx({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Color", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Color", required: !0, sx: {
         flex: 1
       }, ...o }) })
     ] }),
@@ -8554,7 +8554,7 @@ function ix({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "reference_areas"
   }), s = t("reference_areas"), l = r.map((p, h) => ({
@@ -8620,7 +8620,7 @@ function sx({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ i(
@@ -8638,7 +8638,7 @@ function sx({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
+    }) => /* @__PURE__ */ i($, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ u(x, { grow: !0, children: [
@@ -8721,7 +8721,7 @@ function lx({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "reference_lines"
   }), s = t("reference_lines"), l = r.map((m, f) => ({
@@ -8802,7 +8802,7 @@ function ux({
     /* @__PURE__ */ u(x, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: `regressions.${n}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ i(y, { name: `regressions.${n}.group_by_key`, control: e, render: ({
@@ -8906,7 +8906,7 @@ function hx({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "regressions"
   }), a = t("regressions"), s = n.map((p, h) => ({
@@ -8983,7 +8983,7 @@ function mx({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.stack`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
         flexGrow: 1
       }, ...o }) }),
       /* @__PURE__ */ i(
@@ -9002,17 +9002,17 @@ function mx({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Min)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Width(Min)", disabled: r, sx: {
         flexGrow: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barWidth`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Bar Width", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Width", sx: {
         flexGrow: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Max)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Width(Max)", disabled: r, sx: {
         flexGrow: 1
       }, ...o }) })
     ] })
@@ -9282,7 +9282,7 @@ function kx({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.yAxisIndex`, control: e, render: ({
@@ -9355,7 +9355,7 @@ function Tx({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "series"
   }), a = t("series"), s = n.map((p, h) => ({
@@ -9461,7 +9461,7 @@ function zx({
   return t(["x_axis_data_key", "x_axis_name", "x_axis"]), /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(y, { name: "x_axis_name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(L, { label: "X Axis Name", sx: {
+    }) => /* @__PURE__ */ i($, { label: "X Axis Name", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
@@ -9504,7 +9504,7 @@ function zx({
     }) => /* @__PURE__ */ i(Qt, { ...n }) })
   ] });
 }
-const $x = [{
+const Lx = [{
   label: "left",
   value: "left"
 }, {
@@ -9513,7 +9513,7 @@ const $x = [{
 }, {
   label: "right",
   value: "right"
-}], Lx = [{
+}], $x = [{
   label: "left",
   value: "left"
 }, {
@@ -9532,14 +9532,14 @@ function Ax({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.name`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
         field: r
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ i(F, { label: "Name Anchor", required: !0, data: $x, sx: {
+        /* @__PURE__ */ i(F, { label: "Name Anchor", required: !0, data: Lx, sx: {
           flex: 1
         }, ...r })
       ) })
@@ -9549,7 +9549,7 @@ function Ax({
       field: r
     }) => (
       // @ts-expect-error type of onChange
-      /* @__PURE__ */ i(F, { label: "Position", required: !0, data: Lx, sx: {
+      /* @__PURE__ */ i(F, { label: "Position", required: !0, data: $x, sx: {
         flex: 1
       }, ...r })
     ) }) }),
@@ -9564,10 +9564,10 @@ function Ax({
       /* @__PURE__ */ u(x, { grow: !0, children: [
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.min`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(L, { label: "Min", ...r }) }),
+        }) => /* @__PURE__ */ i($, { label: "Min", ...r }) }),
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.max`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(L, { label: "Max", ...r }) })
+        }) => /* @__PURE__ */ i($, { label: "Max", ...r }) })
       ] })
     ] }),
     /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
@@ -9585,7 +9585,7 @@ function Ex({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "y_axes"
   }), a = t("y_axes"), s = n.map((c, d) => ({
@@ -9630,7 +9630,7 @@ function Rx({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -9674,7 +9674,7 @@ function Rx({
       /* @__PURE__ */ i(g.Panel, { value: "Reference Areas", children: /* @__PURE__ */ i(ix, { variables: r, control: a, watch: l }) }),
       /* @__PURE__ */ i(g.Panel, { value: "Zooming", children: /* @__PURE__ */ i(y, { name: "dataZoom", control: a, render: ({
         field: m
-      }) => /* @__PURE__ */ i(La, { ...m }) }) })
+      }) => /* @__PURE__ */ i($a, { ...m }) }) })
     ] })
   ] }) });
 }
@@ -9991,7 +9991,7 @@ function Jx(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Zx extends Oe {
+class Zx extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 18);
@@ -10384,7 +10384,7 @@ const hv = [{
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(x, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `series.${n}.name`, control: t, render: ({
       field: l
-    }) => /* @__PURE__ */ i(L, { label: "Series Name", ...l }) }) }),
+    }) => /* @__PURE__ */ i($, { label: "Series Name", ...l }) }) }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: l
@@ -10412,7 +10412,7 @@ const hv = [{
       ) }),
       /* @__PURE__ */ i(y, { name: `series.${n}.min.size`, control: t, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { placeholder: "0%", label: "Min Size", ...l }) })
+      }) => /* @__PURE__ */ i($, { placeholder: "0%", label: "Min Size", ...l }) })
     ] }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${n}.max.value`, control: t, render: ({
@@ -10432,7 +10432,7 @@ const hv = [{
       ) }),
       /* @__PURE__ */ i(y, { name: `series.${n}.max.size`, control: t, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { placeholder: "100%", label: "Max Size", ...l }) })
+      }) => /* @__PURE__ */ i($, { placeholder: "100%", label: "Max Size", ...l }) })
     ] }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(
@@ -10493,7 +10493,7 @@ const hv = [{
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "series"
   }), a = t("series"), s = n.map((p, h) => ({
@@ -10510,7 +10510,7 @@ const hv = [{
   }, children: [
     /* @__PURE__ */ u(g.List, { children: [
       s.map((p, h) => /* @__PURE__ */ i(g.Tab, { value: p.id, children: p.name }, p.id)),
-      /* @__PURE__ */ i(g.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ i(Be, { label: "TODO", children: /* @__PURE__ */ i(Ln, { children: /* @__PURE__ */ i(Ht, { size: 18, color: "#228be6" }) }) }) })
+      /* @__PURE__ */ i(g.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ i(Be, { label: "TODO", children: /* @__PURE__ */ i($n, { children: /* @__PURE__ */ i(Ht, { size: 18, color: "#228be6" }) }) }) })
     ] }),
     s.map((p, h) => /* @__PURE__ */ i(g.Panel, { value: p.id, children: /* @__PURE__ */ i(bv, { item: p, control: e, index: h, remove: o }) }, p.id))
   ] });
@@ -10527,7 +10527,7 @@ function xv({
     watch: s,
     getValues: l,
     reset: c
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   W(() => {
@@ -10594,7 +10594,7 @@ function wv(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class _v extends Oe {
+class _v extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 3);
@@ -10798,7 +10798,7 @@ function zv(e, t, n, r) {
     }
   };
 }
-const $v = ({
+const Lv = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
@@ -10817,7 +10817,7 @@ const $v = ({
     value: ["function getValue({ variables }, { lodash, interpolate }) {", "    // your code goes here", "    return 100;", "}"].join(`
 `)
   }
-}, Lv = ({
+}, $v = ({
   value: e,
   onChange: t
 }) => {
@@ -10852,7 +10852,7 @@ const $v = ({
     }, children: "Setup" }) }),
     /* @__PURE__ */ i(De, { size: 800, title: "Setup dynamic value", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(A, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ i($v, { value: a.value, onChange: d }),
+      /* @__PURE__ */ i(Lv, { value: a.value, onChange: d }),
       /* @__PURE__ */ u(x, { position: "apart", children: [
         /* @__PURE__ */ i(I, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Mt, { size: 20 }), children: "Reset" }),
         /* @__PURE__ */ u(x, { position: "right", children: [
@@ -10865,7 +10865,7 @@ const $v = ({
 }, Av = ({
   value: e,
   onChange: t
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ i(Lv, { value: e, onChange: t }), Ev = ({
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ i($v, { value: e, onChange: t }), Ev = ({
   value: e,
   onChange: t
 }) => {
@@ -11019,8 +11019,8 @@ function Bv(e, t, n, r, o) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
   const a = n.reduce((T, M) => {
-    const $ = an(M, t);
-    return T[M.name] = Lt(M, $), T;
+    const L = an(M, t);
+    return T[M.name] = $t(M, L), T;
   }, {}), s = Sv(e), l = kv(e), c = q(e.x_axis.data_key), d = q(e.y_axis.data_key), p = q(e.heat_block.data_key), h = k.uniq(t[c.queryID].map((T) => T[c.columnKey])), m = k.uniq(t[c.queryID].map((T) => T[d.columnKey])), f = t[c.queryID].map((T) => [k.get(T, c.columnKey), k.get(T, d.columnKey), k.get(T, p.columnKey)]), w = Nv(h.length, m.length, r, o), v = {
     xAxis: Fv(e, h, s.x_axis),
     yAxis: Pv(e, m, s.y_axis),
@@ -11146,7 +11146,7 @@ function Gv({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -11174,7 +11174,7 @@ function Hv({
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: "heat_block.name", control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...r }) })
     ] }),
@@ -11214,7 +11214,7 @@ const Yv = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -11236,7 +11236,7 @@ const Yv = ({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "tooltip.metrics"
   }), a = t("tooltip.metrics"), s = n.map((h, m) => ({
@@ -11368,7 +11368,7 @@ function Jv({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -11422,7 +11422,7 @@ function e0({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -11475,7 +11475,7 @@ function t0({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -11594,7 +11594,7 @@ function i0(e) {
     }
   };
 }
-class o0 extends Oe {
+class o0 extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 4);
@@ -11946,7 +11946,7 @@ function x0({
   } = Z(e.instanceData, "config"), r = e.data, {
     width: o,
     height: a
-  } = e.viewport, s = Pe({}, n, Fa), l = y0(s, r), c = $t({
+  } = e.viewport, s = Pe({}, n, Fa), l = y0(s, r), c = Lt({
     vizManager: e.vizManager,
     instance: t
   }), d = zt(c.triggerManager, ld.id), p = Fn(r, s.x_axis.data_key), h = nt((f) => {
@@ -11982,7 +11982,7 @@ function w0({
     /* @__PURE__ */ u(x, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "bar.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Bar Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Name", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "bar.nameAlignment", control: e, render: ({
@@ -12026,7 +12026,7 @@ function C0({
     /* @__PURE__ */ u(x, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "line.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Line Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Line Name", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "line.nameAlignment", control: e, render: ({
@@ -12110,7 +12110,7 @@ function D0({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -12161,7 +12161,7 @@ function M0({
     watch: s,
     getValues: l,
     reset: c
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   W(() => {
@@ -12201,7 +12201,7 @@ function M0({
       /* @__PURE__ */ i(g.Panel, { value: "80-20 Line", children: /* @__PURE__ */ i(T0, { control: o, watch: s }) }),
       /* @__PURE__ */ i(g.Panel, { value: "Zooming", children: /* @__PURE__ */ i(y, { name: "dataZoom", control: o, render: ({
         field: h
-      }) => /* @__PURE__ */ i(La, { ...h }) }) })
+      }) => /* @__PURE__ */ i($a, { ...h }) }) })
     ] })
   ] });
 }
@@ -12215,7 +12215,7 @@ function z0(e) {
     dataZoom: t
   };
 }
-function $0(e) {
+function L0(e) {
   const {
     markLine: t = cd,
     ...n
@@ -12225,7 +12225,7 @@ function $0(e) {
     markLine: t
   };
 }
-function L0(e) {
+function $0(e) {
   const t = k.defaultsDeep({}, e.x_axis.axisLabel, {
     rotate: 0,
     formatter: {
@@ -12325,7 +12325,7 @@ function F0(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class P0 extends Oe {
+class P0 extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 9);
@@ -12341,11 +12341,11 @@ class P0 extends Oe {
     })), this.version(3, (n) => ({
       ...n,
       version: 3,
-      config: $0(n.config)
+      config: L0(n.config)
     })), this.version(4, (n) => ({
       ...n,
       version: 4,
-      config: L0(n.config)
+      config: $0(n.config)
     })), this.version(5, (n) => ({
       ...n,
       version: 5,
@@ -12603,7 +12603,7 @@ function Y0({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -12626,7 +12626,7 @@ function Q0({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -12688,7 +12688,7 @@ function K0(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class X0 extends Oe {
+class X0 extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 3);
@@ -12971,10 +12971,10 @@ function cw({
       queryID: h,
       columnKey: m
     } = q(e.series_name_key), f = k.keyBy(t[h], m), w = e.additional_series.reduce((v, T) => {
-      const M = q(T.name_key), $ = k.keyBy(t[M.queryID], M.columnKey);
+      const M = q(T.name_key), L = k.keyBy(t[M.queryID], M.columnKey);
       return {
         ...v,
-        ...$
+        ...L
       };
     }, f);
     return {
@@ -13003,7 +13003,7 @@ function dw({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -13046,7 +13046,7 @@ function hw({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "additional_series"
   }), a = t("additional_series"), s = n.map((m, f) => ({
@@ -13102,7 +13102,7 @@ function pw({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, align: "top", children: [
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.name`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.data_key`, control: e, render: ({
@@ -13120,7 +13120,7 @@ function pw({
         fieldState: o
       }) => {
         var a;
-        return /* @__PURE__ */ i(L, { label: "Max", required: !0, sx: {
+        return /* @__PURE__ */ i($, { label: "Max", required: !0, sx: {
           flex: 1
         }, ...r, error: (a = o.error) == null ? void 0 : a.message });
       } })
@@ -13142,7 +13142,7 @@ function mw({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "dimensions"
   }), a = t("dimensions"), s = n.map((m, f) => ({
@@ -13195,7 +13195,7 @@ function fw({
     getValues: l,
     reset: c,
     formState: d
-  } = Re({
+  } = Ee({
     defaultValues: r,
     mode: "all"
   });
@@ -13323,7 +13323,7 @@ function ww(e) {
   };
   return delete t.additionalSeries, t;
 }
-class _w extends Oe {
+class _w extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 7);
@@ -13568,7 +13568,7 @@ function zw(e) {
     }
   };
 }
-const $w = {
+const Lw = {
   tooltip: {
     trigger: "axis"
   },
@@ -13587,7 +13587,7 @@ const $w = {
     yAxisIndex: [0]
   }]
 };
-function Lw(e, t) {
+function $w(e, t) {
   const n = Dw(e, t), r = Sw(e, n), o = {
     xAxis: zw(e),
     yAxis: {
@@ -13616,7 +13616,7 @@ function Lw(e, t) {
       data: n.map((a) => a.name)
     }
   };
-  return Ie({}, o, $w);
+  return Ie({}, o, Lw);
 }
 function Ti(e, t, n) {
   return 1 - (1 - e) * (t - 1) / (t - n - 1);
@@ -13878,7 +13878,7 @@ function qw({
       ...w,
       [m.columnKey]: Number(w[m.columnKey])
     });
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = z(() => Lw(Ie({}, t, Va), o), [t, o]), s = si(null), l = (c) => {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = z(() => $w(Ie({}, t, Va), o), [t, o]), s = si(null), l = (c) => {
     s.current = c;
   };
   return !n || !r || !t ? null : /* @__PURE__ */ u(mt, { width: n, height: r, children: [
@@ -13908,7 +13908,7 @@ function jw({
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(x, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: "regression.name", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ i(L, { label: "回归线名称", sx: {
+    }) => /* @__PURE__ */ i($, { label: "回归线名称", sx: {
       flex: 1
     }, ...o }) }) }),
     /* @__PURE__ */ i(y, { name: "regression.group_by_key", control: e, render: ({
@@ -14028,7 +14028,7 @@ function Hw({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ i($, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.data_key", control: e, render: ({
@@ -14073,7 +14073,7 @@ function Yw({
   return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ i(S, { children: /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(L, { label: "Y轴名称", sx: {
+    }) => /* @__PURE__ */ i($, { label: "Y轴名称", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ i(y, { name: "regression.y_axis_data_key", control: e, render: ({
@@ -14095,7 +14095,7 @@ function Qw({
     watch: s,
     getValues: l,
     reset: c
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   W(() => {
@@ -14171,7 +14171,7 @@ function Kw(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Xw extends Oe {
+class Xw extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 3);
@@ -14220,7 +14220,7 @@ function Zw(e, t) {
       data_field: a,
       aggregation: s
     } = r, l = vi(t, a, s);
-    n[o] = Lt(r, l);
+    n[o] = $t(r, l);
   }), n;
 }
 function e_(e) {
@@ -14384,7 +14384,7 @@ function o_({
     handleSubmit: a,
     watch: s,
     reset: l
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   s("content"), W(() => {
@@ -14421,7 +14421,7 @@ function o_({
     ) })
   ] }) });
 }
-class a_ extends Oe {
+class a_ extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 1);
@@ -14449,7 +14449,7 @@ const s_ = {
       config: Ze(Ii)
     };
   }
-}, Lr = {
+}, $r = {
   static: {
     type: "static",
     color: li().css()
@@ -14511,7 +14511,7 @@ const vd = {
       type: "static",
       size: 10
     },
-    color: Lr.static,
+    color: $r.static,
     label_position: "right",
     label_overflow: wd
   },
@@ -14639,7 +14639,7 @@ function f_({
   ...t
 }, n) {
   if (!e)
-    return Lr.static.color;
+    return $r.static.color;
   if (e === "static") {
     const {
       color: o
@@ -14904,7 +14904,7 @@ const S_ = {
 function k_(e, t, n) {
   const r = n.reduce((c, d) => {
     const p = an(d, t);
-    return c[d.name] = Lt(d, p), c;
+    return c[d.name] = $t(d, p), c;
   }, {}), o = e.y_axes.reduce((c, {
     label_formatter: d
   }, p) => (c[p] = function(m) {
@@ -14964,7 +14964,7 @@ function D_({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -15015,7 +15015,7 @@ const I_ = we(({
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Content", labelPosition: "right" }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ i(L, { label: "Content Text", value: e.content.text, onChange: (l) => s("content.text", l.currentTarget.value) }),
+      /* @__PURE__ */ i($, { label: "Content Text", value: e.content.text, onChange: (l) => s("content.text", l.currentTarget.value) }),
       /* @__PURE__ */ i(Ra, { label: "Text Position", value: e.label.position, onChange: (l) => s("label.position", l) })
     ] }),
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Endpoints", labelPosition: "right" }),
@@ -15083,7 +15083,7 @@ function z_({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "reference_areas"
   }), s = t("reference_areas"), l = r.map((m, f) => ({
@@ -15123,7 +15123,7 @@ function z_({
     ] }) }) }, f))
   ] });
 }
-const $_ = [{
+const L_ = [{
   label: "solid",
   value: "solid"
 }, {
@@ -15132,7 +15132,7 @@ const $_ = [{
 }, {
   label: "dotted",
   value: "dotted"
-}], L_ = [{
+}], $_ = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
@@ -15154,7 +15154,7 @@ function A_({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ i(
@@ -15172,7 +15172,7 @@ function A_({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
+    }) => /* @__PURE__ */ i($, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ u(x, { grow: !0, children: [
@@ -15181,7 +15181,7 @@ function A_({
           field: l
         }) => (
           // @ts-expect-error type of onChange
-          /* @__PURE__ */ i(F, { label: "Orientation", data: L_, required: !0, sx: {
+          /* @__PURE__ */ i(F, { label: "Orientation", data: $_, required: !0, sx: {
             flex: 1
           }, ...l })
         ) }),
@@ -15212,7 +15212,7 @@ function A_({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ i(F, { label: "Line Type", data: $_, sx: {
+          }) => /* @__PURE__ */ i(F, { label: "Line Type", data: L_, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -15251,7 +15251,7 @@ function E_({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "reference_lines"
   }), s = t("reference_lines"), l = r.map((m, f) => ({
@@ -15331,7 +15331,7 @@ const R_ = ({
       func_content: h
     }));
   }, p = () => {
-    d(Lr.dynamic.func_content);
+    d($r.dynamic.func_content);
   };
   return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(V, { sx: {
@@ -15380,7 +15380,7 @@ const R_ = ({
 }, r) => {
   const o = (a) => {
     n({
-      ...Lr[a]
+      ...$r[a]
     });
   };
   return /* @__PURE__ */ u(pn, { cols: 2, children: [
@@ -15620,7 +15620,7 @@ const X_ = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -15642,7 +15642,7 @@ const X_ = ({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "tooltip.metrics"
   }), a = t("tooltip.metrics"), s = n.map((h, m) => ({
@@ -15790,7 +15790,7 @@ function rC({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -15844,7 +15844,7 @@ function aC({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.name`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -15876,10 +15876,10 @@ function aC({
       /* @__PURE__ */ u(x, { grow: !0, children: [
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.min`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(L, { label: "Min", ...r }) }),
+        }) => /* @__PURE__ */ i($, { label: "Min", ...r }) }),
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.max`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(L, { label: "Max", ...r }) })
+        }) => /* @__PURE__ */ i($, { label: "Max", ...r }) })
       ] })
     ] }),
     /* @__PURE__ */ i(I, { mt: 20, leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), disabled: t === 0, children: "Delete this YAxis" })
@@ -15893,7 +15893,7 @@ function sC({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "y_axes"
   }), a = t("y_axes"), s = n.map((c, d) => ({
@@ -15961,7 +15961,7 @@ function dC({
     watch: c,
     getValues: d,
     reset: p
-  } = Re({
+  } = Ee({
     defaultValues: a
   });
   W(() => {
@@ -16005,7 +16005,7 @@ function dC({
       /* @__PURE__ */ i(g.Panel, { value: "Reference Areas", children: /* @__PURE__ */ i(z_, { variables: r, control: s, watch: c }) }),
       /* @__PURE__ */ i(g.Panel, { value: "Zooming", children: /* @__PURE__ */ i(y, { name: "dataZoom", control: s, render: ({
         field: f
-      }) => /* @__PURE__ */ i(La, { ...f }) }) })
+      }) => /* @__PURE__ */ i($a, { ...f }) }) })
     ] })
   ] }) });
 }
@@ -16036,7 +16036,7 @@ function pC(e) {
     scatter: {
       ...e.scatter,
       color: {
-        ...Lr.static,
+        ...$r.static,
         color: t
       }
     }
@@ -16109,7 +16109,7 @@ function gC(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class bC extends Oe {
+class bC extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 9);
@@ -16257,7 +16257,7 @@ function _C(e) {
   const t = Ze(e), n = de(t, "color.valueRange");
   return n !== void 0 && ta(t, "color.valueRange", n.map((r) => Number(r))), t;
 }
-class CC extends Oe {
+class CC extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 2);
@@ -16320,7 +16320,7 @@ const SC = {
       return o;
     }
   }, [t.payloadForSQL, o]), p = z(() => Sr(d, r, e.data), [d, r, e.data, e]);
-  return /* @__PURE__ */ i(Ln, { sx: {
+  return /* @__PURE__ */ i($n, { sx: {
     width: l,
     height: c,
     justifyContent: SC[a],
@@ -16357,7 +16357,7 @@ function MC({
     watch: s,
     getValues: l,
     reset: c
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   R.useEffect(() => {
@@ -16420,7 +16420,7 @@ const zC = {
   group_key: "",
   levels: []
 };
-function $C(e) {
+function LC(e) {
   const t = new Set(e.map((r) => r.parent_id)), n = new Set(e.map((r) => r.id));
   return t.forEach((r) => {
     r === null || n.has(r) || e.push({
@@ -16430,8 +16430,8 @@ function $C(e) {
     });
   }), e;
 }
-function LC(e) {
-  const t = $C(e).map((o) => ({
+function $C(e) {
+  const t = LC(e).map((o) => ({
     ...o,
     children: []
   })), n = k.keyBy(t, (o) => o.id), r = [];
@@ -16458,7 +16458,7 @@ function AC(e, t) {
     name: d[a.columnKey],
     value: d[s.columnKey] ? Number(d[s.columnKey]) : d[s.columnKey]
   }));
-  return o ? LC(c) : c;
+  return o ? $C(c) : c;
 }
 const EC = (e) => ({
   treePathInfo: t,
@@ -16556,7 +16556,7 @@ const PC = {
 function VC(e, t, n) {
   n.reduce((a, s) => {
     const l = an(s, t);
-    return a[s.name] = Lt(s, l), a;
+    return a[s.name] = $t(s, l), a;
   }, {});
   const o = {
     series: {
@@ -16623,10 +16623,10 @@ const qC = [{
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `levels.${t}.r0`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Inside Radius", placeholder: "0%", ...r }) }),
+    }) => /* @__PURE__ */ i($, { label: "Inside Radius", placeholder: "0%", ...r }) }),
     /* @__PURE__ */ i(y, { name: `levels.${t}.r`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Outside Radius", placeholder: "50%", ...r }) })
+    }) => /* @__PURE__ */ i($, { label: "Outside Radius", placeholder: "50%", ...r }) })
   ] }),
   /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Label Style", labelPosition: "center" }),
   /* @__PURE__ */ i(y, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
@@ -16685,7 +16685,7 @@ const qC = [{
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "levels"
   }), a = t("levels"), s = n.map((h, m) => ({
@@ -16744,7 +16744,7 @@ function HC({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -16835,7 +16835,7 @@ function KC(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class XC extends Oe {
+class XC extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 5);
@@ -17188,7 +17188,7 @@ function b1(e) {
   }
 }
 const y1 = (e) => {
-  const t = $t(e), n = zt(t.triggerManager, ja.id), {
+  const t = Lt(e), n = zt(t.triggerManager, ja.id), {
     colorManager: r
   } = nn(Ut);
   return nt((o) => new l1(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
@@ -17201,7 +17201,7 @@ function x1({
   context: o,
   instance: a
 }) {
-  var Ee, Ke;
+  var Ae, Ke;
   const {
     id_field: s,
     use_raw_columns: l,
@@ -17213,34 +17213,34 @@ function x1({
   } = o1(), m = z(() => {
     if (!s)
       return [];
-    const ze = q(s);
-    return e[ze.queryID];
-  }, [e, s]), f = R.useMemo(() => l ? !Array.isArray(m) || m.length === 0 ? [] : Object.keys(m[0]).map((ze) => ({
-    id: ze,
-    label: ze,
-    value_field: ze,
+    const Me = q(s);
+    return e[Me.queryID];
+  }, [e, s]), f = R.useMemo(() => l ? !Array.isArray(m) || m.length === 0 ? [] : Object.keys(m[0]).map((Me) => ({
+    id: Me,
+    label: Me,
+    value_field: Me,
     value_type: At.string,
     align: "left",
     width: "",
     cellBackgroundColor: ""
   })) : c, [l, c, m]), w = y1({
-    getColIndex: nt((ze) => f.indexOf(ze.column.columnDef.meta), [f]),
+    getColIndex: nt((Me) => f.indexOf(Me.column.columnDef.meta), [f]),
     vizManager: o.vizManager,
     instance: a
   }), v = z(() => {
-    const ze = ac();
-    return f.map(($e) => {
-      const tt = Tm($e.value_field);
-      return ze.accessor(tt.columnKey, {
-        cell: (St) => /* @__PURE__ */ i(b1, { tableCellContext: w(St.cell), value: St.getValue(), type: $e.value_type, ...$e }),
-        header: $e.label,
+    const Me = ac();
+    return f.map((ze) => {
+      const tt = Tm(ze.value_field);
+      return Me.accessor(tt.columnKey, {
+        cell: (St) => /* @__PURE__ */ i(b1, { tableCellContext: w(St.cell), value: St.getValue(), type: ze.value_type, ...ze }),
+        header: ze.label,
         enableSorting: !0,
-        meta: $e,
-        size: typeof $e.width == "number" ? $e.width : void 0,
-        minSize: typeof $e.width == "number" ? $e.width : void 0
+        meta: ze,
+        size: typeof ze.width == "number" ? ze.width : void 0,
+        minSize: typeof ze.width == "number" ? ze.width : void 0
       });
     });
-  }, [f, w]), [T, M] = Q([]), $ = sc({
+  }, [f, w]), [T, M] = Q([]), L = sc({
     data: m,
     state: {
       sorting: T
@@ -17251,7 +17251,7 @@ function x1({
     getSortedRowModel: Op()
   }), {
     rows: B
-  } = $.getRowModel(), K = R.useRef(null), N = Fp({
+  } = L.getRowModel(), K = R.useRef(null), N = Fp({
     parentRef: K,
     size: B.length,
     estimateSize: nt(() => 28, []),
@@ -17259,7 +17259,7 @@ function x1({
   }), {
     virtualItems: O,
     totalSize: E
-  } = N, Y = O.length > 0 && ((Ee = O == null ? void 0 : O[0]) == null ? void 0 : Ee.start) || 0, re = O.length > 0 ? E - (((Ke = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ke.end) || 0) : 0, ee = B.length, oe = ee > 0, ye = oe ? n - 22 : n, xe = oe ? 22 : 0;
+  } = N, Y = O.length > 0 && ((Ae = O == null ? void 0 : O[0]) == null ? void 0 : Ae.start) || 0, re = O.length > 0 ? E - (((Ke = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ke.end) || 0) : 0, ee = B.length, oe = ee > 0, ye = oe ? n - 22 : n, xe = oe ? 22 : 0;
   return !Array.isArray(m) || m.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: K, style: {
     height: n,
     width: t,
@@ -17279,16 +17279,16 @@ function x1({
     }, ...d, striped: r.striped, children: [
       /* @__PURE__ */ i("thead", { className: p.thead, style: {
         top: xe
-      }, children: $.getHeaderGroups().map((ze) => /* @__PURE__ */ i("tr", { children: ze.headers.map((Ve) => /* @__PURE__ */ i("th", { style: {
+      }, children: L.getHeaderGroups().map((Me) => /* @__PURE__ */ i("tr", { children: Me.headers.map((Ve) => /* @__PURE__ */ i("th", { style: {
         width: Ve.getSize()
-      }, children: /* @__PURE__ */ i(ZC, { header: Ve, cx: h }) }, Ve.id)) }, ze.id)) }),
+      }, children: /* @__PURE__ */ i(ZC, { header: Ve, cx: h }) }, Ve.id)) }, Me.id)) }),
       /* @__PURE__ */ u("tbody", { children: [
         Y > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
           height: `${Y}px`
         } }) }),
-        O.map((ze) => {
-          const Ve = B[ze.index];
-          return /* @__PURE__ */ i("tr", { children: Ve.getVisibleCells().map(($e) => /* @__PURE__ */ i("td", { children: Kr($e.column.columnDef.cell, $e.getContext()) }, $e.id)) }, Ve.id);
+        O.map((Me) => {
+          const Ve = B[Me.index];
+          return /* @__PURE__ */ i("tr", { children: Ve.getVisibleCells().map((ze) => /* @__PURE__ */ i("td", { children: Kr(ze.column.columnDef.cell, ze.getContext()) }, ze.id)) }, Ve.id);
         }),
         re > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
           height: `${re}px`
@@ -17493,7 +17493,7 @@ function z1(e, t) {
     interpolation: e.encodeColor(e.getColorInterpolations()[0])
   };
 }
-const $1 = we((e, t) => {
+const L1 = we((e, t) => {
   const {
     colorManager: n
   } = nn(Ut), [r, o] = Q(Md(e.value)), [a, s] = Q(M1(n, e.value)), l = ks(a), [c, d] = Q(z1(n, e.value)), p = ks(c);
@@ -17511,10 +17511,10 @@ const $1 = we((e, t) => {
       d(w), (v = e.onChange) == null || v.call(e, w);
     } })
   ] });
-}), L1 = {
+}), $1 = {
   [At.eloc]: "ELOC"
 }, A1 = Object.values(At).map((e) => ({
-  label: k.get(L1, e, k.capitalize(e)),
+  label: k.get($1, e, k.capitalize(e)),
   value: e
 })), E1 = we(({
   label: e,
@@ -17581,7 +17581,7 @@ const $1 = we((e, t) => {
     /* @__PURE__ */ u(x, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: `columns.${t}.label`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ i(L, { label: "Label", required: !0, id: `col-label-${t}`, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Label", required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ i(y, { name: `columns.${t}.value_field`, control: e, render: ({
@@ -17618,7 +17618,7 @@ const $1 = we((e, t) => {
     ) }),
     /* @__PURE__ */ i(y, { name: `columns.${t}.cellBackgroundColor`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ i($1, { ...s }) }),
+    }) => /* @__PURE__ */ i(L1, { ...s }) }),
     /* @__PURE__ */ i(A, { mb: 4, mt: 12, variant: "dashed" }),
     /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => r(t), children: "Delete this column" })
   ] });
@@ -17631,7 +17631,7 @@ const $1 = we((e, t) => {
     append: r,
     remove: o,
     update: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "columns"
   }), s = () => {
@@ -17681,12 +17681,12 @@ function V1({
     }, children: [
       /* @__PURE__ */ i(y, { name: "horizontalSpacing", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Horizontal Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Horizontal Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "verticalSpacing", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Vertical Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Vertical Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -17696,7 +17696,7 @@ function V1({
       }
     }, children: /* @__PURE__ */ i(y, { name: "fontSize", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(L, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(x, { position: "apart", grow: !0, children: [
@@ -17740,7 +17740,7 @@ function B1({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -17832,7 +17832,7 @@ function j1(e) {
     }))
   };
 }
-class G1 extends Oe {
+class G1 extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 5);
@@ -17909,7 +17909,7 @@ const ho = {
     font_weight: c
   } = n, d = z(() => r.reduce((h, m) => {
     const f = an(m, o);
-    return h[m.name] = Lt(m, f), h;
+    return h[m.name] = $t(m, f), h;
   }, {}), [r, o]), p = z(() => new Function(`return ${a}`)()({
     data: o,
     variables: d,
@@ -18000,7 +18000,7 @@ function K1({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   R.useEffect(() => {
@@ -18032,7 +18032,7 @@ function K1({
       ),
       /* @__PURE__ */ i(y, { name: "font_size", control: a, render: ({
         field: m
-      }) => /* @__PURE__ */ i(L, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
         flex: 1
       }, ...m }) }),
       /* @__PURE__ */ i(x, { position: "apart", grow: !0, sx: {
@@ -18046,7 +18046,7 @@ function K1({
     ] })
   ] }) });
 }
-class X1 extends Oe {
+class X1 extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 1);
@@ -18147,7 +18147,7 @@ const tS = ({
   if (r.startsWith("<"))
     return /* @__PURE__ */ i(rl, { message: r });
   const a = n - 25 - 20 - 30;
-  return /* @__PURE__ */ i(Ln, { sx: {
+  return /* @__PURE__ */ i($n, { sx: {
     width: "100%",
     height: a
   }, children: /* @__PURE__ */ u(S, { align: "center", spacing: 20, children: [
@@ -18176,7 +18176,7 @@ function rS({
   return !r || !o || !n ? null : c ? /* @__PURE__ */ i(V, { sx: {
     position: "relative",
     height: o
-  }, children: /* @__PURE__ */ i($n, { visible: !0 }) }) : l ? /* @__PURE__ */ i(V, { sx: po, "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(nS, { error: l, width: r, height: o }) }) : !s || !Array.isArray(s.replies) || s.replies.length === 0 ? null : /* @__PURE__ */ i(V, { sx: po, "data-enable-scrollbar": !0, children: s.replies.map((d, p) => /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ i(Ln, { visible: !0 }) }) : l ? /* @__PURE__ */ i(V, { sx: po, "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(nS, { error: l, width: r, height: o }) }) : !s || !Array.isArray(s.replies) || s.replies.length === 0 ? null : /* @__PURE__ */ i(V, { sx: po, "data-enable-scrollbar": !0, children: s.replies.map((d, p) => /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, p)) });
 }
@@ -18192,7 +18192,7 @@ function iS({
     watch: s,
     getValues: l,
     reset: c
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   W(() => {
@@ -18203,18 +18203,18 @@ function iS({
     /* @__PURE__ */ u(x, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "expertSystemURL", control: o, render: ({
         field: h
-      }) => /* @__PURE__ */ i(L, { label: "Expert System URL", ...h }) }),
+      }) => /* @__PURE__ */ i($, { label: "Expert System URL", ...h }) }),
       /* @__PURE__ */ i(y, { name: "path", control: o, render: ({
         field: h
-      }) => /* @__PURE__ */ i(L, { label: "Path", required: !0, ...h }) })
+      }) => /* @__PURE__ */ i($, { label: "Path", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ u(x, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "goal", control: o, render: ({
         field: h
-      }) => /* @__PURE__ */ i(L, { label: "Goal", required: !0, ...h }) }),
+      }) => /* @__PURE__ */ i($, { label: "Goal", required: !0, ...h }) }),
       /* @__PURE__ */ i(y, { name: "question", control: o, render: ({
         field: h
-      }) => /* @__PURE__ */ i(L, { label: "Question", required: !0, ...h }) })
+      }) => /* @__PURE__ */ i($, { label: "Question", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ i(A, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ i(I, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ i(ve, { size: 20 }), disabled: !p, sx: {
@@ -18222,7 +18222,7 @@ function iS({
     }, children: "Submit Changes" })
   ] }) });
 }
-class oS extends Oe {
+class oS extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 1);
@@ -18438,7 +18438,7 @@ function yS(e, t) {
 function xS(e, t, n) {
   const r = n.reduce((h, m) => {
     const f = an(m, t);
-    return h[m.name] = Lt(m, f), h;
+    return h[m.name] = $t(m, f), h;
   }, {}), o = cS(e), {
     dateSpan: a,
     minDate: s,
@@ -18459,7 +18459,7 @@ function vS(e) {
 function wS(e) {
   return /* @__PURE__ */ i(C, { children: "Click heat block" });
 }
-const $d = {
+const Ld = {
   id: "builtin:echarts:click-heatmap:heat-block",
   displayName: "Click Heat Block",
   nameRender: wS,
@@ -18528,7 +18528,7 @@ function CS({
   interactionManager: o,
   variables: a
 }) {
-  const s = Fn(t, e.calendar.data_key), l = zt(o.triggerManager, $d.id), c = nt((h) => {
+  const s = Fn(t, e.calendar.data_key), l = zt(o.triggerManager, Ld.id), c = nt((h) => {
     const [m, f] = h.value, w = k.get(s, m, {
       error: "rowData is not found"
     });
@@ -18553,7 +18553,7 @@ function SS({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -18579,7 +18579,7 @@ function kS({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "heat_block.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -18605,7 +18605,7 @@ const TS = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -18627,7 +18627,7 @@ const TS = ({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "tooltip.metrics"
   }), a = t("tooltip.metrics"), s = n.map((h, m) => ({
@@ -18704,7 +18704,7 @@ function zS({
     )
   ] });
 }
-function $S({
+function LS({
   context: e
 }) {
   const {
@@ -18720,7 +18720,7 @@ function $S({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -18756,7 +18756,7 @@ function $S({
     ] })
   ] }) });
 }
-function LS(e, {
+function $S(e, {
   panelModel: t
 }) {
   try {
@@ -18814,7 +18814,7 @@ function AS(e) {
     }
   };
 }
-class ES extends Oe {
+class ES extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 3);
@@ -18826,7 +18826,7 @@ class ES extends Oe {
     })), this.version(2, (n, r) => ({
       ...n,
       version: 2,
-      config: LS(n.config, r)
+      config: $S(n.config, r)
     })), this.version(3, (n) => ({
       ...n,
       version: 3,
@@ -18840,12 +18840,12 @@ const RS = {
   migrator: new ES(),
   name: "calendarHeatmap",
   viewRender: SS,
-  configRender: $S,
+  configRender: LS,
   createConfig: () => ({
     version: 3,
     config: Ya
   }),
-  triggers: [$d]
+  triggers: [Ld]
 }, Qa = {
   x_axes: [{
     id: "initial-x",
@@ -19061,7 +19061,7 @@ function YS({
   id: h,
   ...m
 }, f, w, v, T, M) {
-  const $ = {
+  const L = {
     label: {
       show: !!r,
       position: r,
@@ -19082,14 +19082,14 @@ function YS({
     ...m
   };
   if (!a || a === e.data_key)
-    return $.data = GS({
+    return L.data = GS({
       dataTemplate: f,
       data: v,
       aggregation_on_value: s,
       name_data_key: e.data_key,
       value_data_key: t,
       valueTypedXAxis: w
-    }), $;
+    }), L;
   const B = HS({
     group_by_key: a,
     data: v,
@@ -19097,7 +19097,7 @@ function YS({
     value_data_key: t
   });
   return Object.entries(B).map(([K, N]) => {
-    const O = Ze($);
+    const O = Ze(L);
     return O.name = K, O.color = void 0, O.data = N, O;
   });
 }
@@ -19184,7 +19184,7 @@ function JS(e, t) {
   const n = {};
   return t.map((r) => {
     const o = an(r, e);
-    n[r.name] = Lt(r, o);
+    n[r.name] = $t(r, o);
   }), n;
 }
 function ZS(e, t) {
@@ -19294,7 +19294,7 @@ function rk({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -19338,7 +19338,7 @@ function ak({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ i(
@@ -19356,7 +19356,7 @@ function ak({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
+    }) => /* @__PURE__ */ i($, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ u(x, { grow: !0, children: [
@@ -19432,7 +19432,7 @@ function sk({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "reference_lines"
   }), s = t("reference_lines"), l = r.map((f, w) => ({
@@ -19492,7 +19492,7 @@ function dk({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.stack`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
         flexGrow: 1
       }, ...o }) }),
       /* @__PURE__ */ i(
@@ -19511,17 +19511,17 @@ function dk({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Min)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Width(Min)", disabled: r, sx: {
         flexGrow: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barWidth`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Bar Width", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Width", sx: {
         flexGrow: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Max)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Bar Width(Max)", disabled: r, sx: {
         flexGrow: 1
       }, ...o }) })
     ] })
@@ -19583,7 +19583,7 @@ function hk({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.xAxisIndex`, control: e, render: ({
@@ -19651,7 +19651,7 @@ function pk({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "series"
   }), a = t("series"), s = n.map((f, w) => ({
@@ -19704,7 +19704,7 @@ function fk({
     /* @__PURE__ */ i(A, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
     /* @__PURE__ */ i(x, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `x_axes.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }) }),
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
@@ -19727,10 +19727,10 @@ function fk({
       /* @__PURE__ */ u(x, { grow: !0, children: [
         /* @__PURE__ */ i(y, { name: `x_axes.${t}.min`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(L, { label: "Min", ...r }) }),
+        }) => /* @__PURE__ */ i($, { label: "Min", ...r }) }),
         /* @__PURE__ */ i(y, { name: `x_axes.${t}.max`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(L, { label: "Max", ...r }) })
+        }) => /* @__PURE__ */ i($, { label: "Max", ...r }) })
       ] })
     ] }),
     /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
@@ -19748,7 +19748,7 @@ function gk({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "x_axes"
   }), a = t("x_axes"), s = n.map((d, p) => ({
@@ -19787,7 +19787,7 @@ function bk({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "X Axis Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "X Axis Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -19814,7 +19814,7 @@ function yk({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -19885,7 +19885,7 @@ function xk(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class vk extends Oe {
+class vk extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 2);
@@ -20040,7 +20040,7 @@ function Ck(e, t, n) {
     show_in_legend: !1
   };
 }
-function Ld(e) {
+function $d(e) {
   const t = [`background-color: ${e}`];
   return e === "rgba(255, 255, 255, 1)" && t.push("box-shadow: 0px 0px 1px 0px  rgba(0,0,0,.5)"), t.join(";");
 }
@@ -20116,7 +20116,7 @@ function kk(e, t, n, r) {
               <tr colspan="2">
                 <div style="
                   width: 100%; height: 4px; border-radius: 2px; margin-bottom: 6px;
-                  ${Ld(p)}
+                  ${$d(p)}
                 "/>
               </tr>
               <tr>
@@ -20193,7 +20193,7 @@ function Dk(e, t, n, r) {
               <tr colspan="2">
                 <div style="
                   width: 100%; height: 4px; border-radius: 2px; margin-bottom: 6px;
-                  ${Ld(h)}
+                  ${$d(h)}
                   "
                 />
               </tr>
@@ -20317,7 +20317,7 @@ function zk(e, t) {
     }
   }];
 }
-function $k(e) {
+function Lk(e) {
   return [{
     type: "category",
     name: "准确估算比例",
@@ -20426,9 +20426,9 @@ function $k(e) {
 function mo(e) {
   return e == 1 || e == 2 ? 1 : mo(e - 2) + mo(e - 1);
 }
-const Lk = Array.from(new Array(20), (e, t) => mo(t + 1));
+const $k = Array.from(new Array(20), (e, t) => mo(t + 1));
 function ol(e) {
-  return e <= 1 ? e : Lk.findIndex((t) => e <= t) - 1;
+  return e <= 1 ? e : $k.findIndex((t) => e <= t) - 1;
 }
 function Ak(e, t) {
   const {
@@ -20492,7 +20492,7 @@ function Fk(e, t) {
 function Pk(e, t, n) {
   const r = Ak(e, n), o = q(e.x_axis.data_key), a = k.uniqBy(n[o.queryID], o.columnKey).map((p) => p[o.columnKey]), s = k.groupBy(r, o.columnKey), l = Fk(e, t), c = Mk(e, l, a, s), d = {
     xAxis: zk(e, a),
-    yAxis: $k(l),
+    yAxis: Lk(l),
     series: c,
     grid: _k(),
     visualMap: [{
@@ -20617,7 +20617,7 @@ function Hk({
   return t(["deviation"]), /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(x, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(L, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ i($, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
@@ -20642,7 +20642,7 @@ const Yk = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.data_key`, control: e, render: ({
@@ -20664,7 +20664,7 @@ const Yk = ({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "metrics"
   }), a = t("metrics"), s = n.map((h, m) => ({
@@ -20717,7 +20717,7 @@ function Uk({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ i($, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -20755,7 +20755,7 @@ function Kk({
     watch: s,
     getValues: l,
     reset: c
-  } = Re({
+  } = Ee({
     defaultValues: r
   });
   W(() => {
@@ -20826,7 +20826,7 @@ function Xk(e, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Jk extends Oe {
+class Jk extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 2);
@@ -20968,7 +20968,7 @@ const al = ({
   };
   return /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(F, { label: "Postfix Type", data: rT, value: e.type, onChange: a }),
-    e.type === "text" && /* @__PURE__ */ i(L, { label: "Postfix Content", value: e.value, onChange: (l) => {
+    e.type === "text" && /* @__PURE__ */ i($, { label: "Postfix Content", value: e.value, onChange: (l) => {
       s(l.currentTarget.value);
     } }),
     e.type === "filter-option-label" && /* @__PURE__ */ i(F, { label: "Filter", value: e.value, onChange: s, data: o })
@@ -20988,7 +20988,7 @@ function oT({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(L, { label: "Metric Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Metric Name", required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
@@ -21003,7 +21003,7 @@ function oT({
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(L, { label: "Basis Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Basis Name", required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
@@ -21039,7 +21039,7 @@ const aT = ({
     fields: r,
     append: o,
     remove: a
-  } = Ae({
+  } = $e({
     control: e,
     name: "metrics"
   }), s = t("metrics"), l = r.map((w, v) => ({
@@ -21156,7 +21156,7 @@ function dT({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -21191,7 +21191,7 @@ function uT(e) {
     }))
   };
 }
-class hT extends Oe {
+class hT extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 2);
@@ -21235,7 +21235,7 @@ function mT({
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: "heat_block.name", control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...r }) })
     ] }),
@@ -21275,7 +21275,7 @@ const fT = ({
   /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -21297,7 +21297,7 @@ const fT = ({
     fields: n,
     append: r,
     remove: o
-  } = Ae({
+  } = $e({
     control: e,
     name: "tooltip.metrics"
   }), a = t("tooltip.metrics"), s = n.map((h, m) => ({
@@ -21429,7 +21429,7 @@ function vT({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -21483,7 +21483,7 @@ function _T({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i($, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -21581,7 +21581,7 @@ function CT({
     watch: l,
     getValues: c,
     reset: d
-  } = Re({
+  } = Ee({
     defaultValues: o
   });
   W(() => {
@@ -21740,7 +21740,7 @@ const zT = (e) => {
     return e;
   }
 };
-function $T({
+function LT({
   conf: e,
   labelFormatters: t,
   valueFormatters: n,
@@ -21784,7 +21784,7 @@ function $T({
     });
   }), f;
 }
-function LT(e, t, n, r) {
+function $T(e, t, n, r) {
   const {
     x_axis: o,
     y_axis: a,
@@ -21795,7 +21795,7 @@ function LT(e, t, n, r) {
   return {
     confine: !0,
     formatter: function(p) {
-      const m = $T({
+      const m = LT({
         conf: e,
         labelFormatters: n,
         valueFormatters: r,
@@ -21919,12 +21919,12 @@ function FT(e, t, n) {
     return {};
   const r = n.reduce((l, c) => {
     const d = an(c, t);
-    return l[c.name] = Lt(c, d), l;
+    return l[c.name] = $t(c, d), l;
   }, {}), o = TT(e), a = DT(e), s = {
     xAxis: ET(e, t, o.x_axis),
     yAxis: RT(e, t, o.y_axis),
     series: MT(e, t),
-    tooltip: LT(e, t, o, a),
+    tooltip: $T(e, t, o, a),
     grid: IT(e),
     visualMap: AT(e, r)
   };
@@ -21964,7 +21964,7 @@ function VT({
   context: e,
   instance: t
 }) {
-  const n = $t({
+  const n = Lt({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -21977,7 +21977,7 @@ function VT({
   } = e.viewport;
   return !l || !c ? null : /* @__PURE__ */ i(mt, { width: l, height: c, children: /* @__PURE__ */ i(PT, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
 }
-class NT extends Oe {
+class NT extends Re {
   constructor() {
     super(...arguments);
     H(this, "VERSION", 1);
@@ -22371,15 +22371,15 @@ const jT = ({
     unstyled: r
   }), [w, v] = Q(!1), T = (N) => {
     v(N);
-  }, M = w && (l == null ? void 0 : l.length) > 0, [$, B] = Q(""), K = z(() => {
-    if (!$)
+  }, M = w && (l == null ? void 0 : l.length) > 0, [L, B] = Q(""), K = z(() => {
+    if (!L)
       return d;
-    const N = $.toLowerCase(), O = (E) => {
+    const N = L.toLowerCase(), O = (E) => {
       var Y;
       return ((Y = E.description) == null ? void 0 : Y.toLowerCase().includes(N)) || E.label.toLowerCase().includes(N);
     };
     return d.filter(O);
-  }, [$, d]);
+  }, [L, d]);
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
     /* @__PURE__ */ u(x, { position: "apart", children: [
       /* @__PURE__ */ u(C, { className: m.label, children: [
@@ -22388,7 +22388,7 @@ const jT = ({
       ] }),
       M && /* @__PURE__ */ i(Be, { label: `${l.length} selected`, children: /* @__PURE__ */ i(gr, { children: l.length }) })
     ] }),
-    /* @__PURE__ */ i(Vp, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: T, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ i(vl, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ i(Pd, { errorMessage: p }), maxTagTextLength: 10, maxTagPlaceholder: (N) => `${N.length} selected`, searchValue: $, onSearch: B, filterOption: !1, children: K.map((N) => /* @__PURE__ */ u(Np, { title: N.label, children: [
+    /* @__PURE__ */ i(Vp, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: T, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ i(vl, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ i(Pd, { errorMessage: p }), maxTagTextLength: 10, maxTagPlaceholder: (N) => `${N.length} selected`, searchValue: L, onSearch: B, filterOption: !1, children: K.map((N) => /* @__PURE__ */ u(Np, { title: N.label, children: [
       /* @__PURE__ */ i(C, { size: "sm", "data-role": "label", children: N.label }),
       N.description && /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", "data-role": "description", children: N.description })
     ] }, N.value)) })
@@ -22445,7 +22445,7 @@ function XT({
   value: n,
   onChange: r
 }) {
-  return /* @__PURE__ */ i(L, { label: e, value: n || "", onChange: (o) => r(o.currentTarget.value), ...t, styles: {
+  return /* @__PURE__ */ i($, { label: e, value: n || "", onChange: (o) => r(o.currentTarget.value), ...t, styles: {
     input: {
       borderColor: "#e9ecef"
     }
@@ -22746,14 +22746,14 @@ const JT = ({
     unstyled: r
   }), [v, T] = Q(!1), M = (B) => {
     T(B);
-  }, $ = v && (l == null ? void 0 : l.length) > 0;
+  }, L = v && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
     /* @__PURE__ */ u(x, { position: "apart", children: [
       /* @__PURE__ */ u(C, { className: f.label, children: [
         s,
         h && /* @__PURE__ */ i("span", { className: f.required, "aria-hidden": "true", children: "*" })
       ] }),
-      $ && /* @__PURE__ */ i(Be, { label: `${l.length} selected`, children: /* @__PURE__ */ i(gr, { children: l.length }) })
+      L && /* @__PURE__ */ i(Be, { label: `${l.length} selected`, children: /* @__PURE__ */ i(gr, { children: l.length }) })
     ] }),
     /* @__PURE__ */ i(
       Bp,
@@ -22858,7 +22858,7 @@ const Vd = D(function({
     control: r,
     handleSubmit: o,
     reset: a
-  } = Re({
+  } = Ee({
     defaultValues: n.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
@@ -22889,7 +22889,7 @@ const Vd = D(function({
 }), lD = {
   viewPanelInFullScreen: k.noop,
   inFullScreen: !1
-}, $i = R.createContext(lD), Nd = b.model("MockContextMeta", {
+}, Li = R.createContext(lD), Nd = b.model("MockContextMeta", {
   current: b.optional(b.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -23115,7 +23115,7 @@ const cD = b.model("PanelLayoutMeta", {
   removeVariable(t) {
     e.variables.remove(t);
   }
-})), Li = (e) => $l(e, (t, n) => {
+})), $i = (e) => Ll(e, (t, n) => {
   if (n !== void 0 && t)
     return on(t);
 });
@@ -23146,7 +23146,7 @@ const fD = b.model("QueryMeta", {
       pre_process: c,
       post_process: d
     } = e;
-    return Li({
+    return $i({
       id: t,
       key: o,
       sql: a,
@@ -23301,7 +23301,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
   setFilterValue(t) {
     try {
       const n = Fe(e);
-      Me(e).filters.setValueByKey(n.key, t);
+      Oe(e).filters.setValueByKey(n.key, t);
     } catch (n) {
       console.error(n);
     }
@@ -23378,7 +23378,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
       data: t,
       state: n,
       error: r
-    } = Me(e).content.getDataStuffByID(e.options_query_id);
+    } = Oe(e).content.getDataStuffByID(e.options_query_id);
     return n === "idle" ? t : [];
   }
 })).actions((e) => ({
@@ -23412,7 +23412,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
       options_query_id: s,
       default_selection_count: l
     } = e;
-    return Li({
+    return $i({
       _name: t,
       required: !!r,
       min_width: o,
@@ -23436,7 +23436,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
     e.min_width = t;
   },
   setDefaultSelection() {
-    const t = Me(e).content.filters, n = Fe(e).key;
+    const t = Oe(e).content.filters, n = Fe(e).key;
     t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
@@ -23467,7 +23467,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
       options_query_id: s,
       default_selection_count: l
     } = e;
-    return Li({
+    return $i({
       _name: t,
       width: o,
       required: r,
@@ -23494,7 +23494,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
     e.width = t;
   },
   setDefaultSelection() {
-    const t = Me(e).content.filters, n = Fe(e).key;
+    const t = Oe(e).content.filters, n = Fe(e).key;
     t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
@@ -23605,19 +23605,19 @@ const Ud = b.compose("FilterTreeSelectConfigMeta", b.model({
   get treeData() {
     const {
       data: t
-    } = Me(e).content.getDataStuffByID(e.options_query_id), n = SD(t);
+    } = Oe(e).content.getDataStuffByID(e.options_query_id), n = SD(t);
     return CD(n);
   },
   get errorMessage() {
     const {
       error: t
-    } = Me(e).content.getDataStuffByID(e.options_query_id);
+    } = Oe(e).content.getDataStuffByID(e.options_query_id);
     return t;
   },
   get treeDataLoading() {
     const {
       state: t
-    } = Me(e).content.getDataStuffByID(e.options_query_id);
+    } = Oe(e).content.getDataStuffByID(e.options_query_id);
     return t === "loading";
   },
   get defaultSelection() {
@@ -23641,7 +23641,7 @@ const Ud = b.compose("FilterTreeSelectConfigMeta", b.model({
   },
   applyDefaultSelection() {
     const t = Fe(e, 1).key;
-    Me(e).content.filters.setValueByKey(t, e.defaultSelection);
+    Oe(e).content.filters.setValueByKey(t, e.defaultSelection);
   },
   afterCreate() {
     Rt(e, yt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
@@ -23780,7 +23780,7 @@ const Xd = b.model("ViewDivisionConfig", {
     const {
       enabled: t,
       func_content: n
-    } = e, r = Fe(e, 2), o = Me(e);
+    } = e, r = Fe(e, 2), o = Oe(e);
     if (!t)
       return r.name;
     try {
@@ -23921,7 +23921,7 @@ const Xd = b.model("ViewDivisionConfig", {
 })), zD = () => Zd.create({
   _name: X.Modal,
   tabs: []
-}), $D = b.model({
+}), LD = b.model({
   id: b.identifier,
   name: b.string,
   type: b.enumeration("EViewComponentType", [X.Division, X.Modal, X.Tabs]),
@@ -23975,7 +23975,7 @@ const Xd = b.model("ViewDivisionConfig", {
   type: b.enumeration("DataSourceType", [je.HTTP, je.MySQL, je.Postgresql]),
   key: b.string,
   config: b.frozen()
-}), LD = b.model("DataSourcesMetaModel", {
+}), $D = b.model("DataSourcesMetaModel", {
   list: b.optional(b.array(eu), [])
 }).views((e) => ({
   find({
@@ -24041,7 +24041,7 @@ function nu(e) {
     current: e
   });
 }
-const ED = b.compose("ViewRenderModel", $D, b.model({
+const ED = b.compose("ViewRenderModel", LD, b.model({
   tab: b.optional(b.string, "")
   // FIXME: manage this state in a better way
 })).views((e) => ({
@@ -24083,7 +24083,7 @@ const ED = b.compose("ViewRenderModel", $D, b.model({
   visibleViewIDs: b.array(b.string)
 }).views((e) => ({
   get json() {
-    return e.current.map((t) => Li(t.json));
+    return e.current.map((t) => $i(t.json));
   },
   get idMap() {
     const t = /* @__PURE__ */ new Map();
@@ -24136,7 +24136,7 @@ function RD(e) {
 }
 const iu = mD.views((e) => ({
   get contentModel() {
-    return Me(e).content;
+    return Oe(e).content;
   }
 })).views((e) => ({
   get queries() {
@@ -24171,7 +24171,7 @@ const iu = mD.views((e) => ({
     e.queries.forEach((t) => t.fetchData());
   },
   downloadData() {
-    Me(e).content.queries.downloadDataByQueryIDs(e.queryIDs);
+    Oe(e).content.queries.downloadDataByQueryIDs(e.queryIDs);
   }
 }));
 function OD(e) {
@@ -24305,7 +24305,7 @@ const PD = fD.views((e) => ({
   get conditionOptions() {
     if (!Ms(e))
       return [];
-    const t = Me(e).content, {
+    const t = Oe(e).content, {
       context: n
     } = t.payloadForSQL, r = Object.keys(n).map((a) => ({
       group: "Context",
@@ -24328,7 +24328,7 @@ const PD = fD.views((e) => ({
     } = e;
     if (t.length === 0)
       return [];
-    const n = Me(e).content.payloadForSQL;
+    const n = Oe(e).content.payloadForSQL;
     return t.filter((r) => {
       const o = k.get(n, r);
       return Array.isArray(o) ? o.length === 0 : typeof o == "number" ? Number.isNaN(o) : !o;
@@ -24341,7 +24341,7 @@ const PD = fD.views((e) => ({
     } = e;
     if (t.length === 0)
       return "";
-    const n = Me(e).content.payloadForSQL, r = [...t].reduce((o, a) => (o[a] = k.get(n, a), o), {});
+    const n = Oe(e).content.payloadForSQL, r = [...t].reduce((o, a) => (o[a] = k.get(n, a), o), {});
     return JSON.stringify(r);
   },
   get runByConditionsMet() {
@@ -24355,7 +24355,7 @@ const PD = fD.views((e) => ({
       };
     const {
       keyLabelMap: t
-    } = Me(e).content.filters, n = e.unmetRunByConditions.filter((o) => o.startsWith("context.")).map((o) => o.split("context.")[0]), r = e.unmetRunByConditions.filter((o) => o.startsWith("filters.")).map((o) => k.get({
+    } = Oe(e).content.filters, n = e.unmetRunByConditions.filter((o) => o.startsWith("context.")).map((o) => o.split("context.")[0]), r = e.unmetRunByConditions.filter((o) => o.startsWith("filters.")).map((o) => k.get({
       filters: t
     }, o)).filter((o) => !!o);
     return {
@@ -24397,8 +24397,14 @@ const jD = b.compose("QueryRenderModel", PD, b.model({
   data: b.optional(b.frozen([]), []),
   error: b.frozen()
 })).views((e) => ({
+  get rootModel() {
+    return Oe(e);
+  },
+  get contentModel() {
+    return this.rootModel.content;
+  },
   get formattedSQL() {
-    const t = Me(e).content.payloadForSQL;
+    const t = this.contentModel.payloadForSQL;
     return ha(e.sql, t);
   },
   get typedAsSQL() {
@@ -24412,7 +24418,7 @@ const jD = b.compose("QueryRenderModel", PD, b.model({
       key: t,
       type: n
     } = e;
-    return Me(e).datasources.find({
+    return this.rootModel.datasources.find({
       type: n,
       key: t
     });
@@ -24421,7 +24427,7 @@ const jD = b.compose("QueryRenderModel", PD, b.model({
     const {
       context: t,
       filters: n
-    } = Me(e).content.payloadForSQL, {
+    } = this.contentModel.payloadForSQL, {
       name: r,
       pre_process: o
     } = e.json, a = ND(o, t, n);
@@ -24455,7 +24461,7 @@ const jD = b.compose("QueryRenderModel", PD, b.model({
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
       try {
-        const n = Me(e).content.payloadForSQL;
+        const n = e.contentModel.payloadForSQL;
         e.data = yield* wn(cm({
           payload: n,
           name: e.name,
@@ -24512,8 +24518,8 @@ const jD = b.compose("QueryRenderModel", PD, b.model({
 })).actions((e) => ({
   afterCreate() {
     Rt(e, yt(() => {
-      var t, n;
-      return e.typedAsHTTP ? `${e.inUse}--${e.id}--${e.key}--${e.reQueryKey}--${(t = e.datasource) == null ? void 0 : t.id}` : `${e.inUse}--${e.id}--${e.key}--${e.formattedSQL}--${e.pre_process}--${e.post_process}--${(n = e.datasource) == null ? void 0 : n.id}`;
+      var n;
+      return e.typedAsHTTP ? `${e.inUse}--${e.id}--${e.key}--${e.reQueryKey}--${(n = e.datasource) == null ? void 0 : n.id}` : [e.inUse, e.id, e.key, e.formattedSQL, e.pre_process, e.post_process].join("--");
     }, e.fetchData, {
       fireImmediately: !0,
       delay: 0
@@ -24713,7 +24719,7 @@ const KD = (e) => new UD(e), XD = D(({
   } = o, {
     viewPanelInFullScreen: l,
     inFullScreen: c
-  } = R.useContext($i), d = () => {
+  } = R.useContext(Li), d = () => {
     n.duplicatePanelByID(s, e.id);
   }, p = () => {
     t.editor.open(["_VIEWS_", e.id, "_PANELS_", s]);
@@ -24977,7 +24983,7 @@ const oI = D(function({
   position: "relative",
   width: "100%"
 }, children: [
-  /* @__PURE__ */ i($n, { visible: e.dataLoading, exitTransitionDuration: 0 }),
+  /* @__PURE__ */ i(Ln, { visible: e.dataLoading, exitTransitionDuration: 0 }),
   !e.canRenderViz && /* @__PURE__ */ i(aI, { panel: e }),
   e.canRenderViz && /* @__PURE__ */ i(oI, { data: e.data })
 ] })), sI = {
@@ -25037,7 +25043,7 @@ const hI = D(({
   } = t, {
     viewPanelInFullScreen: o,
     inFullScreen: a
-  } = R.useContext($i), s = R.useCallback(() => {
+  } = R.useContext(Li), s = R.useCallback(() => {
     o(r);
   }, [r, o]), l = !a && e.type !== X.Modal;
   return uI(t.viz.type) ? /* @__PURE__ */ i(V, { sx: {
@@ -25408,11 +25414,11 @@ const MI = D(({
     marginLeft: "auto",
     marginRight: "auto"
   }), n;
-}, $I = (e) => e.color ? {
+}, LI = (e) => e.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: e.color ? e.color : "..."
   }
-} : {}, LI = D(({
+} : {}, $I = D(({
   view: e
 }) => {
   const t = Ft(), n = Ce(), r = z(() => n.views.options.filter((l) => l.type === X.Division), [e.id, n.views.options]), o = e.config, a = (l) => t.openConfirmModal({
@@ -25432,7 +25438,7 @@ const MI = D(({
   }), s = o.tabs.length === 0;
   return /* @__PURE__ */ u(g, { className: "preview-view-tabs", variant: o.variant, orientation: o.orientation, value: e.tab, onTabChange: e.setTab, styles: zI(o), children: [
     /* @__PURE__ */ u(g.List, { grow: o.grow, children: [
-      o.tabs.map((l) => /* @__PURE__ */ i(g.Tab, { value: l.id, sx: $I(l), children: l.name ?? l.id }, l.id)),
+      o.tabs.map((l) => /* @__PURE__ */ i(g.Tab, { value: l.id, sx: LI(l), children: l.name ?? l.id }, l.id)),
       /* @__PURE__ */ i(g.Tab, { onClick: o.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ i(Ge, { size: 18, color: "#228be6" }) })
     ] }),
     o.tabs.map((l, c) => {
@@ -25454,7 +25460,7 @@ const MI = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ i(L, { label: "Tab Name", value: l.name, onChange: (p) => l.setName(p.currentTarget.value) }),
+            /* @__PURE__ */ i($, { label: "Tab Name", value: l.name, onChange: (p) => l.setName(p.currentTarget.value) }),
             /* @__PURE__ */ i(F, { label: "View", value: l.view_id, onChange: l.setViewID, data: r }),
             /* @__PURE__ */ i(Zo, { label: "Color", value: l.color, onChange: l.setColor, disabled: o.variant !== "default" }),
             d && /* @__PURE__ */ u(I, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ i(Zh, { size: 18 }), gradient: {
@@ -25479,7 +25485,7 @@ const MI = D(({
     case X.Modal:
       return /* @__PURE__ */ i(MI, { view: e, children: t });
     case X.Tabs:
-      return /* @__PURE__ */ i(LI, { view: e });
+      return /* @__PURE__ */ i($I, { view: e });
     case X.Division:
     default:
       return /* @__PURE__ */ i(II, { view: e, children: t });
@@ -25487,7 +25493,7 @@ const MI = D(({
 }), EI = D(function({
   view: t
 }) {
-  return /* @__PURE__ */ i($i.Provider, { value: {
+  return /* @__PURE__ */ i(Li.Provider, { value: {
     viewPanelInFullScreen: k.noop,
     inFullScreen: !1
   }, children: /* @__PURE__ */ i(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(AI, { view: t, children: /* @__PURE__ */ u(V, { sx: {
@@ -25505,13 +25511,13 @@ const MI = D(({
   const {
     fullScreenPanelID: n,
     setFullScreenPanelID: r
-  } = $m(), {
+  } = Lm(), {
     viewPanelInFullScreen: o,
     exitFullScreen: a,
     inFullScreen: s,
     fullScreenPanel: l
   } = gI(t, n, r);
-  return /* @__PURE__ */ i($i.Provider, { value: {
+  return /* @__PURE__ */ i(Li.Provider, { value: {
     viewPanelInFullScreen: o,
     inFullScreen: s
   }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
@@ -26073,7 +26079,7 @@ const QI = b.model("EditorModel", {
   get navOptions() {
     const {
       content: t
-    } = Me(e), {
+    } = Oe(e), {
       filters: n,
       views: r,
       sqlSnippets: o,
@@ -26159,7 +26165,7 @@ const QI = b.model("EditorModel", {
   }
 })).actions((e) => ({
   moveToView(t, n) {
-    Me(e).content.views.findByID(t).removePanelID(e.id), Me(e).content.views.findByID(n).appendPanelID(e.id), Me(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
+    Oe(e).content.views.findByID(t).removePanelID(e.id), Oe(e).content.views.findByID(n).appendPanelID(e.id), Oe(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
   }
 })), KI = b.compose("PanelsModel", ou, b.model({
   list: b.optional(b.array(UI), [])
@@ -26244,7 +26250,7 @@ const QI = b.model("EditorModel", {
     }));
   },
   get editorOptions() {
-    const t = Me(e).content.panels;
+    const t = Oe(e).content.panels;
     return e.current.map((n) => ({
       label: n.name,
       value: n.id,
@@ -26279,7 +26285,7 @@ const QI = b.model("EditorModel", {
     if (n === -1)
       return;
     const r = e.current[n];
-    Me(e).content.panels.removeByIDs(r.panelIDs), e.current.splice(n, 1);
+    Oe(e).content.panels.removeByIDs(r.panelIDs), e.current.splice(n, 1);
   },
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
@@ -26358,7 +26364,7 @@ const JI = b.model({
     return !ke(Zt(de(e, t)), de(e.origin, t));
   },
   get queriesChanged() {
-    const t = "queries.current", n = Zt(de(e, t)).map((r) => Ll(r, ["id", "name", "key", "type", "sql", "run_by", "react_to", "pre_process", "post_process"]));
+    const t = "queries.current", n = Zt(de(e, t)).map((r) => $l(r, ["id", "name", "key", "type", "sql", "run_by", "react_to", "pre_process", "post_process"]));
     return !ke(n, de(e.origin, t));
   },
   get sqlSnippetsChanged() {
@@ -26555,7 +26561,7 @@ const JI = b.model({
   },
   postProcessor(e) {
     delete e.origin;
-    const t = uc(e.queries.current.map((n) => Ll(n, ["id", "key", "type", "sql"])));
+    const t = uc(e.queries.current.map((n) => $l(n, ["id", "key", "type", "sql"])));
     return Pe({}, {
       queries: {
         current: t
@@ -26728,7 +26734,7 @@ function Tu(e, t) {
         return;
       }
       function c(h) {
-        return $l(h, (f) => {
+        return Ll(h, (f) => {
           if (s && typeof f == "string")
             return encodeURIComponent(f);
         });
@@ -26959,12 +26965,12 @@ function Iu(e, t, n) {
 function dM(e, t, n) {
   return e * t + (e - 1) * n;
 }
-const oi = 25, rs = 40, Mu = 25, is = 350, uM = 150, hM = 150, zu = 150, ul = 300, Ur = 40, $u = 25, pM = 300;
+const oi = 25, rs = 40, Mu = 25, is = 350, uM = 150, hM = 150, zu = 150, ul = 300, Ur = 40, Lu = 25, pM = 300;
 function mM(e, t) {
   const n = k.keyBy(t, (o) => o.id), r = [];
   return e.current.forEach((o, a) => {
     o.panelIDs.forEach((s, l) => {
-      const c = Iu(l, Ur, $u) + rs, d = n[s];
+      const c = Iu(l, Ur, Lu) + rs, d = n[s];
       if (!d) {
         r.push({
           id: s,
@@ -27015,7 +27021,7 @@ const fM = {
 }, gM = OI;
 function bM(e) {
   return e.current.map((n, r) => {
-    const o = dM(n.panelIDs.length, Ur, $u) + rs + Mu;
+    const o = dM(n.panelIDs.length, Ur, Lu) + rs + Mu;
     let a = [];
     return n.type === X.Tabs && (a = n.config.tabs.map((l) => l.view_id)), {
       id: n.id,
@@ -27250,7 +27256,7 @@ const IM = {
     zIndex: 300,
     children: /* @__PURE__ */ i(MM, {})
   }
-)), $M = {
+)), LM = {
   "> button": {
     "&:first-of-type": {
       borderTopRightRadius: 0,
@@ -27272,7 +27278,7 @@ const IM = {
     }
   }
 };
-function LM({
+function $M({
   onClick: e,
   name: t,
   active: n,
@@ -27313,7 +27319,7 @@ const AM = D(() => {
   return /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
-    t.views.options.map((o) => /* @__PURE__ */ i(LM, { active: t.views.idOfVIE === o.value, name: o.label, onClick: n(o.value), openSettings: () => r(o.value) }, o.value)),
+    t.views.options.map((o) => /* @__PURE__ */ i($M, { active: t.views.idOfVIE === o.value, name: o.label, onClick: n(o.value), openSettings: () => r(o.value) }, o.value)),
     /* @__PURE__ */ i(A, { variant: "dashed" }),
     /* @__PURE__ */ i(I, { variant: "subtle", rightIcon: /* @__PURE__ */ i(Ht, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: t.views.addARandomNewView, sx: {
       width: "100%",
@@ -27348,7 +27354,7 @@ const AM = D(() => {
   }, zIndex: 299, children: [
     /* @__PURE__ */ u(Jt.Section, { children: [
       /* @__PURE__ */ u(x, { grow: !0, spacing: 0, sx: {
-        ...$M,
+        ...LM,
         button: {
           borderWidth: 0,
           borderBottomWidth: 1,
@@ -27459,7 +27465,7 @@ const AM = D(() => {
   value: string;
   description?: string; // optional
 }
-`, Lu = () => {
+`, $u = () => {
   const [e, t] = Q(!1);
   return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(I, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see expected data structure" }),
@@ -27476,7 +27482,7 @@ const AM = D(() => {
   }, r = t.static_options, o = [...r];
   return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(pe, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
-    /* @__PURE__ */ i(L, { label: "Width", description: "At least 160px", value: t.min_width, onChange: (a) => t.setMinWidth(a.currentTarget.value), placeholder: "default: 200px" }),
+    /* @__PURE__ */ i($, { label: "Width", description: "At least 160px", value: t.min_width, onChange: (a) => t.setMinWidth(a.currentTarget.value), placeholder: "default: 200px" }),
     /* @__PURE__ */ i(A, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ u(S, { spacing: 10, sx: {
       position: "relative",
@@ -27489,7 +27495,7 @@ const AM = D(() => {
           top: "-5px",
           bottom: "-5px"
         } }),
-        /* @__PURE__ */ i(Ln, { sx: {
+        /* @__PURE__ */ i($n, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -27502,12 +27508,12 @@ const AM = D(() => {
       r.map((a, s) => /* @__PURE__ */ u(fn, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ i(L, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
+        /* @__PURE__ */ i($, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
           t.static_options[s].setLabel(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ i(L, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
+        /* @__PURE__ */ i($, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
           t.static_options[s].setValue(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -27525,7 +27531,7 @@ const AM = D(() => {
     /* @__PURE__ */ i(A, { label: "Or fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(ie, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ i(os, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
-    /* @__PURE__ */ i(Lu, {})
+    /* @__PURE__ */ i($u, {})
   ] });
 }), NM = D(function({
   config: t
@@ -27541,7 +27547,7 @@ const AM = D(() => {
   }, ...r];
   return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(pe, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
-    /* @__PURE__ */ i(L, { label: "Width", value: t.width, onChange: (a) => t.setWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ i($, { label: "Width", value: t.width, onChange: (a) => t.setWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ i(A, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ u(S, { spacing: 10, sx: {
       position: "relative",
@@ -27554,7 +27560,7 @@ const AM = D(() => {
           top: "-5px",
           bottom: "-5px"
         } }),
-        /* @__PURE__ */ i(Ln, { sx: {
+        /* @__PURE__ */ i($n, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -27567,12 +27573,12 @@ const AM = D(() => {
       r.map((a, s) => /* @__PURE__ */ u(fn, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ i(L, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
+        /* @__PURE__ */ i($, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
           t.static_options[s].setLabel(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ i(L, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
+        /* @__PURE__ */ i($, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
           t.static_options[s].setValue(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -27590,13 +27596,13 @@ const AM = D(() => {
     /* @__PURE__ */ i(A, { label: "Or fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(pe, { checked: t.default_selection_count === 1, onChange: (a) => t.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: "Select the first option by default" }),
     /* @__PURE__ */ i(os, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
-    /* @__PURE__ */ i(Lu, {})
+    /* @__PURE__ */ i($u, {})
   ] });
 }), BM = D(function({
   config: t
 }) {
   return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(L, { label: "Default Value", value: t.default_value, onChange: (n) => {
+    /* @__PURE__ */ i($, { label: "Default Value", value: t.default_value, onChange: (n) => {
       t.setDefaultValue(n.currentTarget.value);
     } }),
     /* @__PURE__ */ i(pe, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" })
@@ -27620,7 +27626,7 @@ const AM = D(() => {
 }) {
   return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(pe, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
-    /* @__PURE__ */ i(L, { label: "Min-width", value: t.min_width, onChange: (n) => t.setMinWidth(n.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ i($, { label: "Min-width", value: t.min_width, onChange: (n) => t.setMinWidth(n.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ i(A, { label: "Fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(pe, { checked: t.treeCheckStrictly, onChange: (n) => t.setTreeCheckStrictly(n.currentTarget.checked), label: "Parent and children nodes are not associated" }),
     /* @__PURE__ */ i(ie, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
@@ -27688,10 +27694,10 @@ const AM = D(() => {
           t.auto_submit_supported && /* @__PURE__ */ i(pe, { label: "Submit automatically", checked: t.auto_submit, onChange: (o) => t.setAutoSubmit(o.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ i(fr, { label: "Visible in...", data: n.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
-        /* @__PURE__ */ i(L, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (o) => {
+        /* @__PURE__ */ i($, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (o) => {
           t.setKey(o.currentTarget.value);
         } }),
-        /* @__PURE__ */ i(L, { label: "Label", placeholder: "Label for this field", required: !0, value: t.label, onChange: (o) => {
+        /* @__PURE__ */ i($, { label: "Label", placeholder: "Label for this field", required: !0, value: t.label, onChange: (o) => {
           t.setLabel(o.currentTarget.value);
         } }),
         /* @__PURE__ */ i(F, { label: "Widget", data: YM, required: !0, value: t.type, onChange: t.setType }),
@@ -27842,7 +27848,7 @@ const AM = D(() => {
   }, [a, r]);
   return W(() => {
     o(t);
-  }, [t]), /* @__PURE__ */ i(L, { value: r, onChange: o, label: /* @__PURE__ */ u(x, { children: [
+  }, [t]), /* @__PURE__ */ i($, { value: r, onChange: o, label: /* @__PURE__ */ u(x, { children: [
     /* @__PURE__ */ i(C, { children: "Panel Title" }),
     /* @__PURE__ */ i(U, { variant: "subtle", color: "blue", disabled: !a, onClick: s, children: /* @__PURE__ */ i(ve, { size: 20 }) })
   ] }), styles: {
@@ -27972,7 +27978,7 @@ const nz = ({
       position: "relative",
       overflow: "auto"
     }, children: [
-      /* @__PURE__ */ i($n, { visible: s }),
+      /* @__PURE__ */ i(Ln, { visible: s }),
       /* @__PURE__ */ i(nz, { queryID: t }),
       /* @__PURE__ */ i(Au, { data: d })
     ] })
@@ -28127,7 +28133,7 @@ const Eu = Xn((e) => ({
   };
   return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: a, children: [
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ i(L, { label: "Name", required: !0, value: t.name, onChange: (l) => s("name", l.currentTarget.value) }),
+      /* @__PURE__ */ i($, { label: "Name", required: !0, value: t.name, onChange: (l) => s("name", l.currentTarget.value) }),
       /* @__PURE__ */ i(J, { label: "Data Field", required: !0, value: t.data_field, onChange: (l) => s("data_field", l) })
     ] }),
     /* @__PURE__ */ i(wi, { label: "Aggregation", value: t.aggregation, onChange: (l) => s("aggregation", l) }),
@@ -28400,7 +28406,7 @@ const Sz = D(({
         /* @__PURE__ */ i(g.Tab, { value: "Interactions", children: "Interactions" })
       ] }),
       /* @__PURE__ */ u(g.Panel, { value: "Data", children: [
-        /* @__PURE__ */ i($n, { visible: c, exitTransitionDuration: 0 }),
+        /* @__PURE__ */ i(Ln, { visible: c, exitTransitionDuration: 0 }),
         /* @__PURE__ */ i(rz, {})
       ] }),
       /* @__PURE__ */ i(g.Panel, { value: "Panel", children: /* @__PURE__ */ i(pl, { children: /* @__PURE__ */ i(ez, {}) }) }),
@@ -28583,7 +28589,7 @@ const Sz = D(({
       /* @__PURE__ */ i("td", { children: r.column_name })
     ] }, r.index_name)) })
   ] });
-}), $z = D(({
+}), Lz = D(({
   dataSource: e
 }) => {
   const {
@@ -28636,13 +28642,13 @@ const Sz = D(({
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(mr, { value: r.comment }) })
     ] }, r.index_name)) })
   ] });
-}), Lz = D(({
+}), $z = D(({
   dataSource: e
 }) => {
   const {
     indexes: t
   } = e;
-  return t.loading || t.empty ? null : e.type === je.MySQL ? /* @__PURE__ */ i(zz, { dataSource: e }) : e.type === je.Postgresql ? /* @__PURE__ */ i($z, { dataSource: e }) : null;
+  return t.loading || t.empty ? null : e.type === je.MySQL ? /* @__PURE__ */ i(zz, { dataSource: e }) : e.type === je.Postgresql ? /* @__PURE__ */ i(Lz, { dataSource: e }) : null;
 }), Az = D(({
   dataSource: e
 }) => /* @__PURE__ */ u(S, { spacing: 40, pt: 10, sx: {
@@ -28651,7 +28657,7 @@ const Sz = D(({
   position: "relative"
 }, children: [
   /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(Mz, { dataSource: e }) }),
-  /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(Lz, { dataSource: e }) })
+  /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i($z, { dataSource: e }) })
 ] }));
 function Ez({
   table_type: e
@@ -28679,7 +28685,7 @@ const Rz = D(({
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ i($n, { visible: e }) }), Fz = [{
+}, children: /* @__PURE__ */ i(Ln, { visible: e }) }), Fz = [{
   label: "10",
   value: "10"
 }, {
@@ -28748,7 +28754,7 @@ const Rz = D(({
       overflow: "auto",
       position: "relative"
     }, children: [
-      /* @__PURE__ */ i($n, { visible: t.loading, overlayBlur: 2 }),
+      /* @__PURE__ */ i(Ln, { visible: t.loading, overlayBlur: 2 }),
       /* @__PURE__ */ i(Au, { data: t.data })
     ] })
   ] });
@@ -28901,13 +28907,13 @@ const Rz = D(({
   const [t, n] = Q(e.name);
   return W(() => {
     n(e.name);
-  }, [e.name]), /* @__PURE__ */ i(Ln, { ml: 20, mt: 20, sx: {
+  }, [e.name]), /* @__PURE__ */ i($n, { ml: 20, mt: 20, sx: {
     maxWidth: "600px"
   }, children: /* @__PURE__ */ u(S, { spacing: 10, sx: {
     width: "100%"
   }, children: [
     /* @__PURE__ */ i(A, { mb: -10, variant: "dashed", label: "Basics", labelPosition: "center" }),
-    /* @__PURE__ */ i(L, { placeholder: "A unique name", label: "Name", required: !0, sx: {
+    /* @__PURE__ */ i($, { placeholder: "A unique name", label: "Name", required: !0, sx: {
       flex: 1
     }, value: t, onChange: (r) => {
       n(r.currentTarget.value);
@@ -29136,7 +29142,7 @@ WHERE
     enabled: !1
   },
   readOnly: !0
-} }), e$ = D(({
+} }), eL = D(({
   value: e
 }) => {
   const n = Ue().payloadForSQL, r = R.useMemo(() => ha(e, n), [e, n]);
@@ -29146,7 +29152,7 @@ WHERE
 `),
   post: ["function process_result(data, utils) {", "    // process data and return the result", "    return data", "}"].join(`
 `)
-}, t$ = D(({
+}, tL = D(({
   queryModel: e
 }) => e.typedAsSQL ? /* @__PURE__ */ u(g, { defaultValue: "Edit", orientation: "vertical", sx: {
   flexGrow: 1
@@ -29168,7 +29174,7 @@ WHERE
   /* @__PURE__ */ i(g.Panel, { value: "Edit", sx: {
     position: "relative"
   }, p: "sm", children: /* @__PURE__ */ i(Jz, { value: e.sql, onChange: e.setSQL, defaultValue: "SELECT 1" }) }),
-  /* @__PURE__ */ i(g.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ i(e$, { value: e.sql }) }),
+  /* @__PURE__ */ i(g.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ i(eL, { value: e.sql }) }),
   /* @__PURE__ */ i(g.Panel, { value: "pre_process", sx: {
     position: "relative"
   }, p: "sm", children: /* @__PURE__ */ i(Cr, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: gl.pre }) }),
@@ -29177,7 +29183,7 @@ WHERE
   height: "calc(100% - 44px)",
   // Tabs.List
   padding: 0
-}, n$ = D(({
+}, nL = D(({
   queryModel: e
 }) => {
   const t = Ce(), n = z(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [r, o] = Q(n);
@@ -29200,7 +29206,7 @@ WHERE
     /* @__PURE__ */ i(g.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ i(Hz, { queryModel: e }) }),
     e.typedAsSQL && /* @__PURE__ */ i(g.Panel, { value: "SQL", sx: Br, children: /* @__PURE__ */ i(S, { sx: {
       height: "100%"
-    }, children: /* @__PURE__ */ i(t$, { queryModel: e }) }) }),
+    }, children: /* @__PURE__ */ i(tL, { queryModel: e }) }) }),
     e.typedAsHTTP && /* @__PURE__ */ i(g.Panel, { value: "HTTP", sx: Br, children: /* @__PURE__ */ i(S, { sx: {
       height: "100%"
     }, children: /* @__PURE__ */ i(Kz, { queryModel: e }) }) }),
@@ -29213,19 +29219,19 @@ WHERE
       overflow: "hidden"
     }, children: /* @__PURE__ */ i(Xz, { queryID: e.id, usage: a }) })
   ] }) });
-}), r$ = D(({
+}), rL = D(({
   id: e
 }) => {
   const n = Ce().queries.findByID(e);
   return e === "" ? null : n ? /* @__PURE__ */ i(S, { sx: {
     height: "100%"
-  }, spacing: "sm", children: /* @__PURE__ */ i(n$, { queryModel: n }) }) : /* @__PURE__ */ i(C, { size: 14, color: "red", children: "Invalid Query ID" });
-}), i$ = D(({
+  }, spacing: "sm", children: /* @__PURE__ */ i(nL, { queryModel: n }) }) : /* @__PURE__ */ i(C, { size: 14, color: "red", children: "Invalid Query ID" });
+}), iL = D(({
   value: e
 }) => {
   const n = Ue().payloadForSQL, r = z(() => ha(e, n), [e, n]);
   return /* @__PURE__ */ i(ss, { height: "100%", value: r });
-}), o$ = D(({
+}), oL = D(({
   item: e,
   remove: t,
   onKeyChanged: n
@@ -29247,7 +29253,7 @@ WHERE
       alignItems: "end"
     }, spacing: 40, children: [
       /* @__PURE__ */ i(
-        L,
+        $,
         {
           label: d ? "This key is occupied by another snippet" : "Key",
           value: a,
@@ -29297,10 +29303,10 @@ WHERE
         }, children: /* @__PURE__ */ i(ve, { size: 18 }) })
       ] }),
       /* @__PURE__ */ i(g.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ i(ss, { height: "100%", value: p, onChange: h, defaultLanguage: "sql", theme: "sql-dark" }) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ i(i$, { value: p }) })
+      /* @__PURE__ */ i(g.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ i(iL, { value: p }) })
     ] })
   ] });
-}), a$ = D(({
+}), aL = D(({
   id: e
 }) => {
   const t = Te(), n = Ce(), r = z(() => n.sqlSnippets.findByKey(e), [e]);
@@ -29315,17 +29321,17 @@ WHERE
   const o = () => {
     t.editor.setPath(["_SQL_SNIPPETS_", ""]);
   };
-  return /* @__PURE__ */ i(o$, { item: r, remove: () => {
+  return /* @__PURE__ */ i(oL, { item: r, remove: () => {
     n.sqlSnippets.removeByKey(e), o();
   }, onKeyChanged: (l) => {
     t.editor.setPath(["_SQL_SNIPPETS_", l]);
   } });
-}), s$ = D(({
+}), sL = D(({
   view: e
 }) => !e || e.type !== X.Division ? null : /* @__PURE__ */ u(S, { children: [
   /* @__PURE__ */ i(A, { mt: 8, mb: 0, label: "Division settings", labelPosition: "center" }),
   /* @__PURE__ */ i(C, { align: "center", size: "xs", color: "dimmed", children: "Under construction" })
-] })), l$ = [{
+] })), lL = [{
   value: "default",
   label: "Default"
 }, {
@@ -29334,13 +29340,13 @@ WHERE
 }, {
   value: "pills",
   label: "Pills"
-}], c$ = [{
+}], cL = [{
   value: "horizontal",
   label: "Horizontal"
 }, {
   value: "vertical",
   label: "Vertical"
-}], d$ = D(({
+}], dL = D(({
   view: e
 }) => {
   if (!e || e.type !== X.Tabs)
@@ -29348,11 +29354,11 @@ WHERE
   const t = e.config;
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(A, { mt: 8, mb: 0, label: "Tabs settings", labelPosition: "center" }),
-    /* @__PURE__ */ i(F, { label: "Variant", value: t.variant, onChange: t.setVariant, data: l$ }),
-    /* @__PURE__ */ i(F, { label: "Orientation", value: t.orientation, onChange: t.setOrientation, data: c$ }),
+    /* @__PURE__ */ i(F, { label: "Variant", value: t.variant, onChange: t.setVariant, data: lL }),
+    /* @__PURE__ */ i(F, { label: "Orientation", value: t.orientation, onChange: t.setOrientation, data: cL }),
     /* @__PURE__ */ i(Xe, { label: "Grow Tabs", checked: t.grow, onChange: (n) => t.setGrow(n.currentTarget.checked) })
   ] });
-}), u$ = ({
+}), uL = ({
   disabled: e,
   value: t,
   onChange: n
@@ -29368,7 +29374,7 @@ WHERE
     },
     readOnly: e
   } })
-] }), h$ = ({
+] }), hL = ({
   value: e,
   onChange: t
 }) => {
@@ -29406,7 +29412,7 @@ WHERE
     }, children: /* @__PURE__ */ i(El, { size: 14 }) }),
     /* @__PURE__ */ i(De, { size: 800, title: "Customize modal title", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(pe, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (m) => l(m.currentTarget.checked) }),
-      /* @__PURE__ */ i(u$, { value: a.func_content, onChange: p, disabled: !a.enabled }),
+      /* @__PURE__ */ i(uL, { value: a.func_content, onChange: p, disabled: !a.enabled }),
       /* @__PURE__ */ u(x, { position: "apart", children: [
         /* @__PURE__ */ i(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ i(Mt, { size: 20 }), children: "Reset" }),
         /* @__PURE__ */ u(x, { position: "right", children: [
@@ -29416,7 +29422,7 @@ WHERE
       ] })
     ] }) })
   ] });
-}, p$ = D(({
+}, pL = D(({
   view: e
 }) => {
   if (!e || e.type !== X.Modal)
@@ -29425,23 +29431,23 @@ WHERE
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(A, { mt: 8, label: "Modal settings", labelPosition: "center" }),
     /* @__PURE__ */ u(fn, { gap: 10, children: [
-      /* @__PURE__ */ i(L, { label: "Modal Title", value: n, onChange: k.noop, disabled: !0, sx: {
+      /* @__PURE__ */ i($, { label: "Modal Title", value: n, onChange: k.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ i(h$, { value: t.custom_modal_title, onChange: t.custom_modal_title.replace })
+      /* @__PURE__ */ i(hL, { value: t.custom_modal_title, onChange: t.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(x, { grow: !0, children: [
-      /* @__PURE__ */ i(L, { label: "Width", value: t.width, onChange: (r) => t.setWidth(r.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ i(L, { label: "Height", value: t.height, onChange: (r) => t.setHeight(r.currentTarget.value), placeholder: "600px / 50vw" })
+      /* @__PURE__ */ i($, { label: "Width", value: t.width, onChange: (r) => t.setWidth(r.currentTarget.value), placeholder: "600px / 50vw" }),
+      /* @__PURE__ */ i($, { label: "Height", value: t.height, onChange: (r) => t.setHeight(r.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
-}), m$ = D(({
+}), mL = D(({
   view: e
 }) => /* @__PURE__ */ u(j, { children: [
-  /* @__PURE__ */ i(s$, { view: e }),
-  /* @__PURE__ */ i(p$, { view: e }),
-  /* @__PURE__ */ i(d$, { view: e })
-] })), f$ = [{
+  /* @__PURE__ */ i(sL, { view: e }),
+  /* @__PURE__ */ i(pL, { view: e }),
+  /* @__PURE__ */ i(dL, { view: e })
+] })), fL = [{
   label: "Division",
   value: X.Division
 }, {
@@ -29450,17 +29456,17 @@ WHERE
 }, {
   label: "Tabs",
   value: X.Tabs
-}], g$ = D(({
+}], gL = D(({
   view: e
 }) => e ? /* @__PURE__ */ u(S, { sx: {
   position: "relative"
 }, children: [
-  /* @__PURE__ */ i(L, { label: "Name", value: e.name, onChange: (t) => {
+  /* @__PURE__ */ i($, { label: "Name", value: e.name, onChange: (t) => {
     e.setName(t.currentTarget.value);
   } }),
-  /* @__PURE__ */ i(F, { label: "Type", withinPortal: !0, zIndex: 320, value: e.type, onChange: e.setType, data: f$ }),
-  /* @__PURE__ */ i(m$, { view: e })
-] }) : null), b$ = D(({
+  /* @__PURE__ */ i(F, { label: "Type", withinPortal: !0, zIndex: 320, value: e.type, onChange: e.setType, data: fL }),
+  /* @__PURE__ */ i(mL, { view: e })
+] }) : null), bL = D(({
   id: e
 }) => {
   const t = Ft(), n = Te(), r = Ce();
@@ -29498,39 +29504,39 @@ WHERE
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ i(g$, { view: o }) })
+    }, children: /* @__PURE__ */ i(gL, { view: o }) })
   ] });
 });
-function y$(e) {
+function yL(e) {
   return e.length === 1 && e[0] === "_QUERY_VARS_";
 }
-function x$(e) {
+function xL(e) {
   return e.length === 1 && e[0] === "_MOCK_CONTEXT_";
 }
-function v$(e) {
+function vL(e) {
   return e.length === 2 && e[0] === "_FILTERS_";
 }
-function w$(e) {
+function wL(e) {
   return e.length === 1 && e[0] === "_SQL_SNIPPETS_";
 }
-function _$(e) {
+function _L(e) {
   return e.length === 2 && e[0] === "_SQL_SNIPPETS_";
 }
-function C$(e) {
+function CL(e) {
   return e.length === 2 && e[0] === "_QUERIES_";
 }
-function S$(e) {
+function SL(e) {
   return e.length === 1 && e[0] === "_QUERIES_";
 }
-function k$(e) {
+function kL(e) {
   return e.length === 2 && e[0] === "_VIEWS_";
 }
-function T$(e) {
+function TL(e) {
   return e.length === 4 && e[0] === "_VIEWS_" && e[2] === "_PANELS_";
 }
-const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
+const DL = D(() => /* @__PURE__ */ i(S, { sx: {
   height: "100%"
-}, p: "sm", children: /* @__PURE__ */ i(Fu, {}) })), I$ = D(() => {
+}, p: "sm", children: /* @__PURE__ */ i(Fu, {}) })), IL = D(() => {
   const e = Ft(), t = Te(), n = (a) => {
     t.editor.setPath(["_QUERIES_", a]);
   }, r = () => {
@@ -29602,7 +29608,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       }) })
     ] }) })
   ] });
-}), M$ = D(() => {
+}), ML = D(() => {
   const e = Ft(), t = Te(), n = (a) => {
     t.editor.setPath(["_SQL_SNIPPETS_", a]);
   }, r = () => {
@@ -29663,10 +29669,10 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       }) })
     ] }) })
   ] });
-}), z$ = D(() => {
+}), zL = D(() => {
   const e = Te().editor, t = e.path;
-  return y$(t) ? /* @__PURE__ */ i(D$, {}) : x$(t) ? /* @__PURE__ */ i(KM, {}) : v$(t) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(UM, { id: t[1] }) }) : w$(t) ? /* @__PURE__ */ i(M$, {}) : _$(t) ? /* @__PURE__ */ i(a$, { id: t[1] }) : S$(t) ? /* @__PURE__ */ i(I$, {}) : C$(t) ? /* @__PURE__ */ i(r$, { id: t[1] }) : k$(t) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(b$, { id: t[1] }) }) : T$(t) ? /* @__PURE__ */ i(kz, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ i(V, { children: e.path });
-}), $$ = D(() => /* @__PURE__ */ i(z$, {})), L$ = D(() => {
+  return yL(t) ? /* @__PURE__ */ i(DL, {}) : xL(t) ? /* @__PURE__ */ i(KM, {}) : vL(t) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(UM, { id: t[1] }) }) : wL(t) ? /* @__PURE__ */ i(ML, {}) : _L(t) ? /* @__PURE__ */ i(aL, { id: t[1] }) : SL(t) ? /* @__PURE__ */ i(IL, {}) : CL(t) ? /* @__PURE__ */ i(rL, { id: t[1] }) : kL(t) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(bL, { id: t[1] }) }) : TL(t) ? /* @__PURE__ */ i(kz, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ i(V, { children: e.path });
+}), LL = D(() => /* @__PURE__ */ i(zL, {})), $L = D(() => {
   const e = Te();
   return /* @__PURE__ */ i(I, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ht, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
@@ -29688,7 +29694,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a Filter" });
-}), A$ = D(({
+}), AL = D(({
   parentID: e
 }) => {
   const t = Ce();
@@ -29703,7 +29709,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a Panel" });
-}), E$ = D(() => {
+}), EL = D(() => {
   const e = Te();
   return /* @__PURE__ */ i(I, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ht, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
@@ -29722,7 +29728,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a Query" });
-}), R$ = D(() => {
+}), RL = D(() => {
   const e = Te();
   return /* @__PURE__ */ i(I, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ht, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), r = {
@@ -29738,7 +29744,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a SQL Snippet" });
-}), O$ = D(() => {
+}), OL = D(() => {
   const e = Ce();
   return /* @__PURE__ */ i(I, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Ht, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
     width: "100%",
@@ -29748,7 +29754,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "flex-start"
     }
   }, children: "Add a View" });
-}), F$ = D(() => {
+}), FL = D(() => {
   const e = Te();
   return /* @__PURE__ */ i(I, { variant: "subtle", rightIcon: /* @__PURE__ */ i(la, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_QUERIES_"]), sx: {
     width: "100%",
@@ -29759,7 +29765,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "space-between"
     }
   }, children: "Manage Queries" });
-}), P$ = D(() => {
+}), PL = D(() => {
   const e = Te();
   return /* @__PURE__ */ i(I, { variant: "subtle", rightIcon: /* @__PURE__ */ i(la, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_SQL_SNIPPETS_"]), sx: {
     width: "100%",
@@ -29770,23 +29776,23 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
       justifyContent: "space-between"
     }
   }, children: "Manage SQL Snippets" });
-}), V$ = D(({
+}), VL = D(({
   action_type: e,
   parentID: t
-}) => e === "_Add_A_Filter_" ? /* @__PURE__ */ i(L$, {}) : e === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ i(R$, {}) : e === "_Add_A_QUERY_" ? /* @__PURE__ */ i(E$, {}) : e === "_Add_A_VIEW_" ? /* @__PURE__ */ i(O$, {}) : e === "_Add_A_PANEL_" ? /* @__PURE__ */ i(A$, { parentID: t }) : e === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ i(F$, {}) : e === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ i(P$, {}) : null), Pu = D(({
+}) => e === "_Add_A_Filter_" ? /* @__PURE__ */ i($L, {}) : e === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ i(RL, {}) : e === "_Add_A_QUERY_" ? /* @__PURE__ */ i(EL, {}) : e === "_Add_A_VIEW_" ? /* @__PURE__ */ i(OL, {}) : e === "_Add_A_PANEL_" ? /* @__PURE__ */ i(AL, { parentID: t }) : e === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ i(FL, {}) : e === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ i(PL, {}) : null), Pu = D(({
   option: e
 }) => {
   var d;
   const t = Te().editor, n = t.isOptionActive, r = n(t.path, e), o = t.isOptionOpened, a = t.navigate, s = o(e), [l, c] = Q(s);
   return W(() => {
     c(s);
-  }, [s]), /* @__PURE__ */ i(ro, { active: r, defaultOpened: s, opened: l, onChange: c, label: e.label, onClick: () => a(e), icon: e.Icon ? /* @__PURE__ */ i(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ i(V$, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ i(Pu, { option: p }, p.value)) }, e.label);
-}), N$ = D(() => {
+  }, [s]), /* @__PURE__ */ i(ro, { active: r, defaultOpened: s, opened: l, onChange: c, label: e.label, onClick: () => a(e), icon: e.Icon ? /* @__PURE__ */ i(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ i(VL, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ i(Pu, { option: p }, p.value)) }, e.label);
+}), NL = D(() => {
   const e = Te();
   return /* @__PURE__ */ i(V, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ i(Pu, { option: t }, t.value)) });
-}), B$ = D(() => {
+}), BL = D(() => {
   const e = Te();
   return /* @__PURE__ */ u(Jt, { p: 0, width: {
     base: 220,
@@ -29806,12 +29812,12 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
     }, children: "Settings" }) }),
     /* @__PURE__ */ i(Jt.Section, { grow: !0, sx: {
       overflow: "auto"
-    }, children: /* @__PURE__ */ i(N$, {}) }),
+    }, children: /* @__PURE__ */ i(NL, {}) }),
     /* @__PURE__ */ i(Jt.Section, { children: /* @__PURE__ */ i(x, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ i(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ i(ql, { size: 18 }), onClick: () => e.editor.close(), children: "Close" }) }) })
   ] });
-}), q$ = {
+}), qL = {
   root: {
     height: "100vh",
     display: "flex",
@@ -29832,7 +29838,7 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
     paddingTop: 0,
     height: "100vh"
   }
-}, W$ = D(() => {
+}, WL = D(() => {
   const e = Te().editor;
   return /* @__PURE__ */ i(De, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionProps: {
     duration: 0
@@ -29840,14 +29846,14 @@ const D$ = D(() => /* @__PURE__ */ i(S, { sx: {
     body: {
       padding: "0 !important"
     }
-  }, children: /* @__PURE__ */ i(_l, { padding: 0, navbar: /* @__PURE__ */ i(B$, {}), styles: q$, children: /* @__PURE__ */ i($$, {}) }) });
-}), j$ = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
-function G$(e) {
+  }, children: /* @__PURE__ */ i(_l, { padding: 0, navbar: /* @__PURE__ */ i(BL, {}), styles: qL, children: /* @__PURE__ */ i(LL, {}) }) });
+}), jL = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
+function GL(e) {
   W(() => {
     if (Wi.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
-    const n = j$(e);
+    const n = jL(e);
     Wi.config({
       paths: {
         vs: n
@@ -29856,7 +29862,7 @@ function G$(e) {
   }, []);
 }
 dd();
-const H$ = {
+const HL = {
   root: {
     height: "100vh",
     display: "flex",
@@ -29874,7 +29880,7 @@ const H$ = {
     // main header & sub header
     height: "100vh"
   }
-}, Y$ = ({
+}, YL = ({
   context: e,
   dashboard: t,
   content: n,
@@ -29884,7 +29890,7 @@ const H$ = {
   onChange: s,
   headerSlot: l
 }, c) => {
-  G$(a.monacoPath), pc(a);
+  GL(a.monacoPath), pc(a);
   const {
     data: d = []
   } = Dn(pa), {
@@ -29905,12 +29911,12 @@ const H$ = {
   return /* @__PURE__ */ i(Cl, { children: /* @__PURE__ */ i(vc, { value: h, children: /* @__PURE__ */ i(Sc, { value: h.content, children: /* @__PURE__ */ i(ga.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ i(Ut.Provider, { value: f, children: /* @__PURE__ */ u(zi, { configure: w, children: [
-    /* @__PURE__ */ i(_l, { padding: 0, header: /* @__PURE__ */ i(sM, { saveDashboardChanges: m, headerSlot: l }), navbar: /* @__PURE__ */ i(EM, {}), styles: H$, children: /* @__PURE__ */ i(V, { className: `${o} dashboard-root`, sx: {
+    /* @__PURE__ */ i(_l, { padding: 0, header: /* @__PURE__ */ i(sM, { saveDashboardChanges: m, headerSlot: l }), navbar: /* @__PURE__ */ i(EM, {}), styles: HL, children: /* @__PURE__ */ i(V, { className: `${o} dashboard-root`, sx: {
       position: "relative"
     }, children: h.content.views.visibleViews.map((v) => /* @__PURE__ */ i(EI, { view: v }, v.id)) }) }),
-    /* @__PURE__ */ i(W$, {})
+    /* @__PURE__ */ i(WL, {})
   ] }) }) }) }) }) });
-}, xE = D(we(Y$));
+}, xE = D(we(YL));
 const Vu = b.model({
   id: b.string,
   name: b.string,
@@ -29999,7 +30005,7 @@ const Vu = b.model({
   //   setupAutoSave();
   // },
 }));
-function Q$({
+function QL({
   id: e,
   name: t,
   dashboard_id: n,
@@ -30037,28 +30043,28 @@ function Q$({
     }
   });
 }
-const U$ = b.model({
+const UL = b.model({
   id: b.identifier,
   name: b.string,
   group: b.string,
   content: Vu,
   content_id: b.string,
-  datasources: LD,
+  datasources: $D,
   globalSQLSnippets: tu,
   context: es
 });
-function K$({
+function KL({
   id: e,
   name: t,
   group: n,
   content_id: r
 }, o, a, s, l) {
-  return U$.create({
+  return UL.create({
     id: e,
     name: t,
     group: n,
     content_id: r,
-    content: Q$(o),
+    content: QL(o),
     datasources: {
       list: a
     },
@@ -30083,7 +30089,7 @@ const vE = D(({
     data: l = []
   } = Dn(pa), {
     data: c = []
-  } = Dn(mc), d = R.useMemo(() => K$(t, n, l, c, e), [t, n]);
+  } = Dn(mc), d = R.useMemo(() => KL(t, n, l, c, e), [t, n]);
   Tu(d.content, !1), R.useEffect(() => {
     d.context.replace(e);
   }, [e]), R.useEffect(() => {
@@ -30099,7 +30105,7 @@ const vE = D(({
     inEditMode: !1
   }, children: /* @__PURE__ */ i(V, { className: `${r} dashboard-root`, children: /* @__PURE__ */ i(Ut.Provider, { value: p, children: /* @__PURE__ */ i(zi, { configure: h, children: d.content.views.visibleViews.map((m) => /* @__PURE__ */ i(ns, { view: m }, m.id)) }) }) }) }) }) }) }) });
 });
-var yo = {}, X$ = {
+var yo = {}, XL = {
   get exports() {
     return yo;
   },
@@ -30154,9 +30160,9 @@ var yo = {}, X$ = {
       };
     };
   });
-})(X$);
-const J$ = yo;
-var xo = {}, Z$ = {
+})(XL);
+const JL = yo;
+var xo = {}, ZL = {
   get exports() {
     return xo;
   },
@@ -30178,9 +30184,9 @@ var xo = {}, Z$ = {
       };
     };
   });
-})(Z$);
-const eL = xo;
-var vo = {}, tL = {
+})(ZL);
+const e$ = xo;
+var vo = {}, t$ = {
   get exports() {
     return vo;
   },
@@ -30203,9 +30209,9 @@ var vo = {}, tL = {
       };
     };
   });
-})(tL);
-const nL = vo;
-var wo = {}, rL = {
+})(t$);
+const n$ = vo;
+var wo = {}, r$ = {
   get exports() {
     return wo;
   },
@@ -30225,9 +30231,9 @@ var wo = {}, rL = {
       };
     };
   });
-})(rL);
-const iL = wo;
-var _o = {}, oL = {
+})(r$);
+const i$ = wo;
+var _o = {}, o$ = {
   get exports() {
     return _o;
   },
@@ -30249,17 +30255,17 @@ var _o = {}, oL = {
       (this.zone || (this.zone = {})).offset = function(T) {
         if (!T || T === "Z")
           return 0;
-        var M = T.match(/([+-]|\d\d)/g), $ = 60 * M[1] + (+M[2] || 0);
-        return $ === 0 ? 0 : M[0] === "+" ? -$ : $;
+        var M = T.match(/([+-]|\d\d)/g), L = 60 * M[1] + (+M[2] || 0);
+        return L === 0 ? 0 : M[0] === "+" ? -L : L;
       }(v);
     }], h = function(v) {
       var T = l[v];
       return T && (T.indexOf ? T : T.s.concat(T.f));
     }, m = function(v, T) {
-      var M, $ = l.meridiem;
-      if ($) {
+      var M, L = l.meridiem;
+      if (L) {
         for (var B = 1; B <= 24; B += 1)
-          if (v.indexOf($(B, 0, T)) > -1) {
+          if (v.indexOf(L(B, 0, T)) > -1) {
             M = B > 12;
             break;
           }
@@ -30279,11 +30285,11 @@ var _o = {}, oL = {
     }], s: [a, d("seconds")], ss: [a, d("seconds")], m: [a, d("minutes")], mm: [a, d("minutes")], H: [a, d("hours")], h: [a, d("hours")], HH: [a, d("hours")], hh: [a, d("hours")], D: [a, d("day")], DD: [o, d("day")], Do: [s, function(v) {
       var T = l.ordinal, M = v.match(/\d+/);
       if (this.day = M[0], T)
-        for (var $ = 1; $ <= 31; $ += 1)
-          T($).replace(/\[|\]/g, "") === v && (this.day = $);
+        for (var L = 1; L <= 31; L += 1)
+          T(L).replace(/\[|\]/g, "") === v && (this.day = L);
     }], M: [a, d("month")], MM: [o, d("month")], MMM: [s, function(v) {
-      var T = h("months"), M = (h("monthsShort") || T.map(function($) {
-        return $.slice(0, 3);
+      var T = h("months"), M = (h("monthsShort") || T.map(function(L) {
+        return L.slice(0, 3);
       })).indexOf(v) + 1;
       if (M < 1)
         throw new Error();
@@ -30299,73 +30305,73 @@ var _o = {}, oL = {
     function w(v) {
       var T, M;
       T = v, M = l && l.formats;
-      for (var $ = (v = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(re, ee, oe) {
+      for (var L = (v = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(re, ee, oe) {
         var ye = oe && oe.toUpperCase();
-        return ee || M[oe] || n[oe] || M[ye].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(xe, Ee, Ke) {
-          return Ee || Ke.slice(1);
+        return ee || M[oe] || n[oe] || M[ye].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(xe, Ae, Ke) {
+          return Ae || Ke.slice(1);
         });
-      })).match(r), B = $.length, K = 0; K < B; K += 1) {
-        var N = $[K], O = f[N], E = O && O[0], Y = O && O[1];
-        $[K] = Y ? { regex: E, parser: Y } : N.replace(/^\[|\]$/g, "");
+      })).match(r), B = L.length, K = 0; K < B; K += 1) {
+        var N = L[K], O = f[N], E = O && O[0], Y = O && O[1];
+        L[K] = Y ? { regex: E, parser: Y } : N.replace(/^\[|\]$/g, "");
       }
       return function(re) {
         for (var ee = {}, oe = 0, ye = 0; oe < B; oe += 1) {
-          var xe = $[oe];
+          var xe = L[oe];
           if (typeof xe == "string")
             ye += xe.length;
           else {
-            var Ee = xe.regex, Ke = xe.parser, ze = re.slice(ye), Ve = Ee.exec(ze)[0];
+            var Ae = xe.regex, Ke = xe.parser, Me = re.slice(ye), Ve = Ae.exec(Me)[0];
             Ke.call(ee, Ve), re = re.replace(Ve, "");
           }
         }
-        return function($e) {
-          var tt = $e.afternoon;
+        return function(ze) {
+          var tt = ze.afternoon;
           if (tt !== void 0) {
-            var St = $e.hours;
-            tt ? St < 12 && ($e.hours += 12) : St === 12 && ($e.hours = 0), delete $e.afternoon;
+            var St = ze.hours;
+            tt ? St < 12 && (ze.hours += 12) : St === 12 && (ze.hours = 0), delete ze.afternoon;
           }
         }(ee), ee;
       };
     }
     return function(v, T, M) {
       M.p.customParseFormat = !0, v && v.parseTwoDigitYear && (c = v.parseTwoDigitYear);
-      var $ = T.prototype, B = $.parse;
-      $.parse = function(K) {
+      var L = T.prototype, B = L.parse;
+      L.parse = function(K) {
         var N = K.date, O = K.utc, E = K.args;
         this.$u = O;
         var Y = E[1];
         if (typeof Y == "string") {
           var re = E[2] === !0, ee = E[3] === !0, oe = re || ee, ye = E[2];
-          ee && (ye = E[2]), l = this.$locale(), !re && ye && (l = M.Ls[ye]), this.$d = function(ze, Ve, $e) {
+          ee && (ye = E[2]), l = this.$locale(), !re && ye && (l = M.Ls[ye]), this.$d = function(Me, Ve, ze) {
             try {
               if (["x", "X"].indexOf(Ve) > -1)
-                return new Date((Ve === "X" ? 1e3 : 1) * ze);
-              var tt = w(Ve)(ze), St = tt.year, xn = tt.month, Ar = tt.day, Er = tt.hours, Ai = tt.minutes, Ei = tt.seconds, rr = tt.milliseconds, Pn = tt.zone, sn = /* @__PURE__ */ new Date(), vn = Ar || (St || xn ? 1 : sn.getDate()), ln = St || sn.getFullYear(), Vn = 0;
+                return new Date((Ve === "X" ? 1e3 : 1) * Me);
+              var tt = w(Ve)(Me), St = tt.year, xn = tt.month, Ar = tt.day, Er = tt.hours, Ai = tt.minutes, Ei = tt.seconds, rr = tt.milliseconds, Pn = tt.zone, sn = /* @__PURE__ */ new Date(), vn = Ar || (St || xn ? 1 : sn.getDate()), ln = St || sn.getFullYear(), Vn = 0;
               St && !xn || (Vn = xn > 0 ? xn - 1 : sn.getMonth());
               var Nn = Er || 0, ir = Ai || 0, or = Ei || 0, cn = rr || 0;
-              return Pn ? new Date(Date.UTC(ln, Vn, vn, Nn, ir, or, cn + 60 * Pn.offset * 1e3)) : $e ? new Date(Date.UTC(ln, Vn, vn, Nn, ir, or, cn)) : new Date(ln, Vn, vn, Nn, ir, or, cn);
+              return Pn ? new Date(Date.UTC(ln, Vn, vn, Nn, ir, or, cn + 60 * Pn.offset * 1e3)) : ze ? new Date(Date.UTC(ln, Vn, vn, Nn, ir, or, cn)) : new Date(ln, Vn, vn, Nn, ir, or, cn);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
           }(N, Y, O), this.init(), ye && ye !== !0 && (this.$L = this.locale(ye).$L), oe && N != this.format(Y) && (this.$d = /* @__PURE__ */ new Date("")), l = {};
         } else if (Y instanceof Array)
-          for (var xe = Y.length, Ee = 1; Ee <= xe; Ee += 1) {
-            E[1] = Y[Ee - 1];
+          for (var xe = Y.length, Ae = 1; Ae <= xe; Ae += 1) {
+            E[1] = Y[Ae - 1];
             var Ke = M.apply(this, E);
             if (Ke.isValid()) {
               this.$d = Ke.$d, this.$L = Ke.$L, this.init();
               break;
             }
-            Ee === xe && (this.$d = /* @__PURE__ */ new Date(""));
+            Ae === xe && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
           B.call(this, K);
       };
     };
   });
-})(oL);
-const aL = _o;
-var Co = {}, sL = {
+})(o$);
+const a$ = _o;
+var Co = {}, s$ = {
   get exports() {
     return Co;
   },
@@ -30384,9 +30390,9 @@ var Co = {}, sL = {
       };
     };
   });
-})(sL);
-const lL = Co;
-var So = {}, cL = {
+})(s$);
+const l$ = Co;
+var So = {}, c$ = {
   get exports() {
     return So;
   },
@@ -30408,10 +30414,10 @@ var So = {}, cL = {
       return N < 0;
     }, M = function(N) {
       return T(N) ? Math.ceil(N) : Math.floor(N);
-    }, $ = function(N) {
+    }, L = function(N) {
       return Math.abs(N);
     }, B = function(N, O) {
-      return N ? T(N) ? { negative: !0, format: "" + $(N) + O } : { negative: !1, format: "" + N + O } : { negative: !1, format: "" };
+      return N ? T(N) ? { negative: !0, format: "" + L(N) + O } : { negative: !1, format: "" + N + O } : { negative: !1, format: "" };
     }, K = function() {
       function N(E, Y, re) {
         var ee = this;
@@ -30448,7 +30454,7 @@ var So = {}, cL = {
         this.$d.weeks && (re += 7 * this.$d.weeks);
         var ee = B(re, "D"), oe = B(this.$d.hours, "H"), ye = B(this.$d.minutes, "M"), xe = this.$d.seconds || 0;
         this.$d.milliseconds && (xe += this.$d.milliseconds / 1e3);
-        var Ee = B(xe, "S"), Ke = E.negative || Y.negative || ee.negative || oe.negative || ye.negative || Ee.negative, ze = oe.format || ye.format || Ee.format ? "T" : "", Ve = (Ke ? "-" : "") + "P" + E.format + Y.format + ee.format + ze + oe.format + ye.format + Ee.format;
+        var Ae = B(xe, "S"), Ke = E.negative || Y.negative || ee.negative || oe.negative || ye.negative || Ae.negative, Me = oe.format || ye.format || Ae.format ? "T" : "", Ve = (Ke ? "-" : "") + "P" + E.format + Y.format + ee.format + Me + oe.format + ye.format + Ae.format;
         return Ve === "P" || Ve === "-P" ? "P0D" : Ve;
       }, O.toJSON = function() {
         return this.toISOString();
@@ -30521,9 +30527,9 @@ var So = {}, cL = {
       };
     };
   });
-})(cL);
-const dL = So;
-var ko = {}, uL = {
+})(c$);
+const d$ = So;
+var ko = {}, u$ = {
   get exports() {
     return ko;
   },
@@ -30542,9 +30548,9 @@ var ko = {}, uL = {
       };
     };
   });
-})(uL);
-const hL = ko;
-var To = {}, pL = {
+})(u$);
+const h$ = ko;
+var To = {}, p$ = {
   get exports() {
     return To;
   },
@@ -30562,9 +30568,9 @@ var To = {}, pL = {
       };
     };
   });
-})(pL);
-const mL = To;
-var Do = {}, fL = {
+})(p$);
+const m$ = To;
+var Do = {}, f$ = {
   get exports() {
     return Do;
   },
@@ -30582,9 +30588,9 @@ var Do = {}, fL = {
       };
     };
   });
-})(fL);
-const gL = Do;
-var Io = {}, bL = {
+})(f$);
+const g$ = Do;
+var Io = {}, b$ = {
   get exports() {
     return Io;
   },
@@ -30618,9 +30624,9 @@ var Io = {}, bL = {
       };
     };
   });
-})(bL);
-const yL = Io;
-var Mo = {}, xL = {
+})(b$);
+const y$ = Io;
+var Mo = {}, x$ = {
   get exports() {
     return Mo;
   },
@@ -30639,9 +30645,9 @@ var Mo = {}, xL = {
       };
     };
   });
-})(xL);
-const vL = Mo;
-var zo = {}, wL = {
+})(x$);
+const v$ = Mo;
+var zo = {}, w$ = {
   get exports() {
     return zo;
   },
@@ -30659,14 +30665,14 @@ var zo = {}, wL = {
       };
     };
   });
-})(wL);
-const _L = zo;
-var $o = {}, CL = {
+})(w$);
+const _$ = zo;
+var Lo = {}, C$ = {
   get exports() {
-    return $o;
+    return Lo;
   },
   set exports(e) {
-    $o = e;
+    Lo = e;
   }
 };
 (function(e, t) {
@@ -30679,14 +30685,14 @@ var $o = {}, CL = {
       };
     };
   });
-})(CL);
-const SL = $o;
-var Lo = {}, kL = {
+})(C$);
+const S$ = Lo;
+var $o = {}, k$ = {
   get exports() {
-    return Lo;
+    return $o;
   },
   set exports(e) {
-    Lo = e;
+    $o = e;
   }
 };
 (function(e, t) {
@@ -30700,9 +30706,9 @@ var Lo = {}, kL = {
       };
     };
   });
-})(kL);
-const TL = Lo;
-var Ao = {}, DL = {
+})(k$);
+const T$ = $o;
+var Ao = {}, D$ = {
   get exports() {
     return Ao;
   },
@@ -30721,9 +30727,9 @@ var Ao = {}, DL = {
       };
     };
   });
-})(DL);
-const IL = Ao;
-var Eo = {}, ML = {
+})(D$);
+const I$ = Ao;
+var Eo = {}, M$ = {
   get exports() {
     return Eo;
   },
@@ -30742,9 +30748,9 @@ var Eo = {}, ML = {
       };
     };
   });
-})(ML);
-const zL = Eo;
-var Ro = {}, $L = {
+})(M$);
+const z$ = Eo;
+var Ro = {}, L$ = {
   get exports() {
     return Ro;
   },
@@ -30760,7 +30766,7 @@ var Ro = {}, $L = {
       var a = r.prototype, s = function(h) {
         return h && (h.indexOf ? h : h.s);
       }, l = function(h, m, f, w, v) {
-        var T = h.name ? h : h.$locale(), M = s(T[m]), $ = s(T[f]), B = M || $.map(function(N) {
+        var T = h.name ? h : h.$locale(), M = s(T[m]), L = s(T[f]), B = M || L.map(function(N) {
           return N.slice(0, w);
         });
         if (!v)
@@ -30827,9 +30833,9 @@ var Ro = {}, $L = {
       };
     };
   });
-})($L);
-const LL = Ro;
-var Oo = {}, AL = {
+})(L$);
+const $$ = Ro;
+var Oo = {}, A$ = {
   get exports() {
     return Oo;
   },
@@ -30849,8 +30855,8 @@ var Oo = {}, AL = {
         var d = this.$locale().formats, p = function(h, m) {
           return h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(f, w, v) {
             var T = v && v.toUpperCase();
-            return w || m[v] || n[v] || m[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, $, B) {
-              return $ || B.slice(1);
+            return w || m[v] || n[v] || m[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, L, B) {
+              return L || B.slice(1);
             });
           });
         }(c, d === void 0 ? {} : d);
@@ -30858,9 +30864,9 @@ var Oo = {}, AL = {
       };
     };
   });
-})(AL);
-const EL = Oo;
-var Fo = {}, RL = {
+})(A$);
+const E$ = Oo;
+var Fo = {}, R$ = {
   get exports() {
     return Fo;
   },
@@ -30891,9 +30897,9 @@ var Fo = {}, RL = {
       };
     };
   });
-})(RL);
-const OL = Fo;
-var Po = {}, FL = {
+})(R$);
+const O$ = Fo;
+var Po = {}, F$ = {
   get exports() {
     return Po;
   },
@@ -30916,8 +30922,8 @@ var Po = {}, FL = {
             var ee, oe;
             T[ee = re, oe = a.$utils().p(ee), oe === "date" ? "day" : oe] = w[re];
           });
-          var $ = T.day || (T.year || T.month >= 0 ? 1 : M.date()), B = T.year || M.year(), K = T.month >= 0 ? T.month : T.year || T.day ? 0 : M.month(), N = T.hour || 0, O = T.minute || 0, E = T.second || 0, Y = T.millisecond || 0;
-          return v ? new Date(Date.UTC(B, K, $, N, O, E, Y)) : new Date(B, K, $, N, O, E, Y);
+          var L = T.day || (T.year || T.month >= 0 ? 1 : M.date()), B = T.year || M.year(), K = T.month >= 0 ? T.month : T.year || T.day ? 0 : M.month(), N = T.hour || 0, O = T.minute || 0, E = T.second || 0, Y = T.millisecond || 0;
+          return v ? new Date(Date.UTC(B, K, L, N, O, E, Y)) : new Date(B, K, L, N, O, E, Y);
         }
         return w;
       }, l = a.parse;
@@ -30927,8 +30933,8 @@ var Po = {}, FL = {
       var c = a.set, d = a.add, p = a.subtract, h = function(m, f, w, v) {
         v === void 0 && (v = 1);
         var T = Object.keys(f), M = this;
-        return T.forEach(function($) {
-          M = m.bind(M)(f[$] * v, $);
+        return T.forEach(function(L) {
+          M = m.bind(M)(f[L] * v, L);
         }), M;
       };
       a.set = function(m, f) {
@@ -30942,9 +30948,9 @@ var Po = {}, FL = {
       };
     };
   });
-})(FL);
-const PL = Po;
-var Vo = {}, VL = {
+})(F$);
+const P$ = Po;
+var Vo = {}, V$ = {
   get exports() {
     return Vo;
   },
@@ -30963,9 +30969,9 @@ var Vo = {}, VL = {
       });
     };
   });
-})(VL);
-const NL = Vo;
-var No = {}, BL = {
+})(V$);
+const N$ = Vo;
+var No = {}, B$ = {
   get exports() {
     return No;
   },
@@ -31000,9 +31006,9 @@ var No = {}, BL = {
       });
     };
   });
-})(BL);
-const qL = No;
-var Bo = {}, WL = {
+})(B$);
+const q$ = No;
+var Bo = {}, W$ = {
   get exports() {
     return Bo;
   },
@@ -31035,9 +31041,9 @@ var Bo = {}, WL = {
       };
     };
   });
-})(WL);
-const jL = Bo;
-var qo = {}, GL = {
+})(W$);
+const j$ = Bo;
+var qo = {}, G$ = {
   get exports() {
     return qo;
   },
@@ -31056,12 +31062,12 @@ var qo = {}, GL = {
         return a.fromToBase(d, p, h, m);
       }
       o.en.relativeTime = s, a.fromToBase = function(d, p, h, m, f) {
-        for (var w, v, T, M = h.$locale().relativeTime || s, $ = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], B = $.length, K = 0; K < B; K += 1) {
-          var N = $[K];
+        for (var w, v, T, M = h.$locale().relativeTime || s, L = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], B = L.length, K = 0; K < B; K += 1) {
+          var N = L[K];
           N.d && (w = m ? o(d).diff(h, N.d, !0) : h.diff(d, N.d, !0));
           var O = (n.rounding || Math.round)(Math.abs(w));
           if (T = w > 0, O <= N.r || !N.r) {
-            O <= 1 && K > 0 && (N = $[K - 1]);
+            O <= 1 && K > 0 && (N = L[K - 1]);
             var E = M[N.l];
             f && (O = f("" + O)), v = typeof E == "string" ? E.replace("%d", O) : E(O, p, N.l, T);
             break;
@@ -31086,9 +31092,9 @@ var qo = {}, GL = {
       };
     };
   });
-})(GL);
-const HL = qo;
-var Wo = {}, YL = {
+})(G$);
+const H$ = qo;
+var Wo = {}, Y$ = {
   get exports() {
     return Wo;
   },
@@ -31104,15 +31110,15 @@ var Wo = {}, YL = {
     return function(o, a, s) {
       var l, c = function(m, f, w) {
         w === void 0 && (w = {});
-        var v = new Date(m), T = function(M, $) {
-          $ === void 0 && ($ = {});
-          var B = $.timeZoneName || "short", K = M + "|" + B, N = r[K];
+        var v = new Date(m), T = function(M, L) {
+          L === void 0 && (L = {});
+          var B = L.timeZoneName || "short", K = M + "|" + B, N = r[K];
           return N || (N = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: M, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: B }), r[K] = N), N;
         }(f, w);
         return T.formatToParts(v);
       }, d = function(m, f) {
         for (var w = c(m, f), v = [], T = 0; T < w.length; T += 1) {
-          var M = w[T], $ = M.type, B = M.value, K = n[$];
+          var M = w[T], L = M.type, B = M.value, K = n[L];
           K >= 0 && (v[K] = parseInt(B, 10));
         }
         var N = v[3], O = N === 24 ? 0 : N, E = v[0] + "-" + v[1] + "-" + v[2] + " " + O + ":" + v[4] + ":" + v[5] + ":000", Y = +m;
@@ -31120,12 +31126,12 @@ var Wo = {}, YL = {
       }, p = a.prototype;
       p.tz = function(m, f) {
         m === void 0 && (m = l);
-        var w = this.utcOffset(), v = this.toDate(), T = v.toLocaleString("en-US", { timeZone: m }), M = Math.round((v - new Date(T)) / 1e3 / 60), $ = s(T).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - M, !0);
+        var w = this.utcOffset(), v = this.toDate(), T = v.toLocaleString("en-US", { timeZone: m }), M = Math.round((v - new Date(T)) / 1e3 / 60), L = s(T).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - M, !0);
         if (f) {
-          var B = $.utcOffset();
-          $ = $.add(w - B, "minute");
+          var B = L.utcOffset();
+          L = L.add(w - B, "minute");
         }
-        return $.$x.$timezone = m, $;
+        return L.$x.$timezone = m, L;
       }, p.offsetName = function(m) {
         var f = this.$x.$timezone || s.tz.guess(), w = c(this.valueOf(), f, { timeZoneName: m }).find(function(v) {
           return v.type.toLowerCase() === "timezonename";
@@ -31142,13 +31148,13 @@ var Wo = {}, YL = {
         var v = w && f, T = w || f || l, M = d(+s(), T);
         if (typeof m != "string")
           return s(m).tz(T);
-        var $ = function(O, E, Y) {
+        var L = function(O, E, Y) {
           var re = O - 60 * E * 1e3, ee = d(re, Y);
           if (E === ee)
             return [re, E];
           var oe = d(re -= 60 * (ee - E) * 1e3, Y);
           return ee === oe ? [re, ee] : [O - 60 * Math.min(ee, oe) * 1e3, Math.max(ee, oe)];
-        }(s.utc(m, v).valueOf(), M, T), B = $[0], K = $[1], N = s(B).utcOffset(K);
+        }(s.utc(m, v).valueOf(), M, T), B = L[0], K = L[1], N = s(B).utcOffset(K);
         return N.$x.$timezone = T, N;
       }, s.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -31157,9 +31163,9 @@ var Wo = {}, YL = {
       };
     };
   });
-})(YL);
-const QL = Wo;
-var jo = {}, UL = {
+})(Y$);
+const Q$ = Wo;
+var jo = {}, U$ = {
   get exports() {
     return jo;
   },
@@ -31177,9 +31183,9 @@ var jo = {}, UL = {
       };
     };
   });
-})(UL);
-const KL = jo;
-var Go = {}, XL = {
+})(U$);
+const K$ = jo;
+var Go = {}, X$ = {
   get exports() {
     return Go;
   },
@@ -31197,9 +31203,9 @@ var Go = {}, XL = {
       };
     };
   });
-})(XL);
-const JL = Go;
-var Ho = {}, ZL = {
+})(X$);
+const J$ = Go;
+var Ho = {}, Z$ = {
   get exports() {
     return Ho;
   },
@@ -31221,7 +31227,7 @@ var Ho = {}, ZL = {
       };
     };
   });
-})(ZL);
+})(Z$);
 const eA = Ho;
 var Yo = {}, tA = {
   get exports() {
@@ -31273,12 +31279,12 @@ var Yo = {}, tA = {
           return re === 0 ? 0 : Y === "+" ? re : -re;
         }(v), v === null))
           return this;
-        var $ = Math.abs(v) <= 16 ? 60 * v : v, B = this;
+        var L = Math.abs(v) <= 16 ? 60 * v : v, B = this;
         if (T)
-          return B.$offset = $, B.$u = v === 0, B;
+          return B.$offset = L, B.$u = v === 0, B;
         if (v !== 0) {
           var K = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (B = this.local().add($ + K, n)).$offset = $, B.$x.$localOffset = K;
+          (B = this.local().add(L + K, n)).$offset = L, B.$x.$localOffset = K;
         } else
           B = this.utc();
         return B;
@@ -31305,8 +31311,8 @@ var Yo = {}, tA = {
       c.diff = function(v, T, M) {
         if (v && this.$u === v.$u)
           return w.call(this, v, T, M);
-        var $ = this.local(), B = l(v).local();
-        return w.call($, B, T, M);
+        var L = this.local(), B = l(v).local();
+        return w.call(L, B, T, M);
       };
     };
   });
@@ -31387,34 +31393,34 @@ var Ko = {}, sA = {
   });
 })(sA);
 const lA = Ko;
-ne.extend(J$);
-ne.extend(eL);
-ne.extend(nL);
-ne.extend(iL);
-ne.extend(aL);
-ne.extend(lL);
-ne.extend(dL);
-ne.extend(hL);
-ne.extend(mL);
-ne.extend(gL);
-ne.extend(_L);
-ne.extend(SL);
-ne.extend(TL);
-ne.extend(IL);
-ne.extend(zL);
-ne.extend(yL);
-ne.extend(vL);
-ne.extend(LL);
-ne.extend(EL);
-ne.extend(OL);
-ne.extend(PL);
-ne.extend(NL);
-ne.extend(qL);
-ne.extend(jL);
-ne.extend(HL);
-ne.extend(QL);
-ne.extend(KL);
 ne.extend(JL);
+ne.extend(e$);
+ne.extend(n$);
+ne.extend(i$);
+ne.extend(a$);
+ne.extend(l$);
+ne.extend(d$);
+ne.extend(h$);
+ne.extend(m$);
+ne.extend(g$);
+ne.extend(_$);
+ne.extend(S$);
+ne.extend(T$);
+ne.extend(I$);
+ne.extend(z$);
+ne.extend(y$);
+ne.extend(v$);
+ne.extend($$);
+ne.extend(E$);
+ne.extend(O$);
+ne.extend(P$);
+ne.extend(N$);
+ne.extend(q$);
+ne.extend(j$);
+ne.extend(H$);
+ne.extend(Q$);
+ne.extend(K$);
+ne.extend(J$);
 ne.extend(eA);
 ne.extend(nA);
 ne.extend(aA);
@@ -31464,7 +31470,7 @@ export {
   Ce as useEditContentModelContext,
   Te as useEditDashboardContext,
   Yt as useEditPanelContext,
-  $m as useFullScreenPanelContext,
+  Lm as useFullScreenPanelContext,
   gI as usePanelFullScreen,
   Ue as useRenderContentModelContext,
   _c as useRenderDashboardContext,