@devtable/dashboard 11.0.0 → 11.0.2

package/dist/dashboard.es.js

@@ -1,7 +1,7 @@
 var rh = Object.defineProperty;
 var sh = (e, t, n) => t in e ? rh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var N = (e, t, n) => (sh(e, typeof t != "symbol" ? t + "" : t, n), n);
-import L, { forwardRef as ue, useState as B, useEffect as O, useCallback as qe, useMemo as T, createElement as ts, useContext as Ht, useRef as ns, createContext as tl, memo as ih } from "react";
+import L, { forwardRef as ue, useState as q, useEffect as O, useCallback as Be, useMemo as T, createElement as ts, useContext as Ht, useRef as ns, createContext as tl, memo as ih } from "react";
 import { TextInput as D, Text as j, Box as z, Button as C, HoverCard as Te, Group as b, Select as A, Stack as w, Divider as I, NumberInput as U, Switch as Ve, Table as We, ActionIcon as W, MultiSelect as Pn, Paper as oh, Code as ea, Modal as fe, Tabs as f, LoadingOverlay as _n, Alert as rs, ColorSwatch as ti, Overlay as Et, Checkbox as K, Collapse as xr, Center as Sn, useMantineTheme as nl, CheckIcon as ah, MANTINE_SIZES as lh, SimpleGrid as nn, Tooltip as ge, NativeSelect as rl, SegmentedControl as ch, Anchor as ni, Textarea as dh, Mark as uh, ColorInput as ji, createStyles as mr, Popover as $n, Slider as hh, Flex as Ut, Badge as yn, CloseButton as sl, Menu as te, Affix as ph, Header as xh, List as it, FileInput as mh, ThemeIcon as Ps, UnstyledButton as fh, Navbar as Nt, JsonInput as il, Pagination as ol, Drawer as gh, Accordion as Ir, Radio as ta, Skeleton as na, NavLink as ri, AppShell as al } from "@mantine/core";
 import { useModals as Tt, ModalsProvider as ll } from "@mantine/modals";
 import { useBoolean as $e, useCreation as kt, useAsyncEffect as fr, useRequest as jn, useWhyDidYouUpdate as cl, useLatest as ra, usePrevious as bh } from "ahooks";
@@ -16,7 +16,7 @@ import E from "dayjs";
 import _, { cloneDeepWith as ul, unset as _h, get as ne, isObject as hl, set as vi, omit as vn, isFunction as Sh, orderBy as Ch, last as pl, defaults as Ce, minBy as kh, maxBy as Th, cloneDeep as Ne, values as xl, template as wi, throttle as Dh, isEqual as me, defaultsDeep as je, keyBy as Ih, isEmpty as ml, isNumber as zh, findLastIndex as Mh, isString as fl, range as Lh, pick as gl } from "lodash";
 import * as Fr from "mathjs";
 import si from "numbro";
-import qt from "axios";
+import Bt from "axios";
 import { useClipboard as Ah, randomId as wn, useDisclosure as Cn, useElementSize as lr, useInputState as bl } from "@mantine/hooks";
 import { interpolate as kn } from "popmotion";
 import * as oe from "echarts/core";
@@ -28,7 +28,7 @@ import "echarts-gl";
 import { GridComponent as lt, VisualMapComponent as br, LegendComponent as ct, TooltipComponent as dt, DataZoomComponent as Ft, MarkLineComponent as is, MarkAreaComponent as _i, CalendarComponent as Fh } from "echarts/components";
 import { CanvasRenderer as Xe } from "echarts/renderers";
 import { useForm as ve, Controller as g, useFieldArray as we, useWatch as Oh } from "react-hook-form";
-import { DeviceFloppy as pe, Trash as ae, AlertCircle as $h, Recycle as mt, InfoCircle as an, Plus as Ae, Refresh as Si, Download as Ci, ArrowsMaximize as yl, Settings as jl, Copy as Ph, ArrowLeft as Vh, ArrowsMove as Nh, ChevronDownRight as Bh, ChevronsUpRight as qh, PlaylistAdd as os, ArrowBarToRight as Wh } from "tabler-icons-react";
+import { DeviceFloppy as pe, Trash as ae, AlertCircle as $h, Recycle as mt, InfoCircle as an, Plus as Ae, Refresh as Si, Download as Ci, ArrowsMaximize as yl, Settings as jl, Copy as Ph, ArrowLeft as Vh, ArrowsMove as Nh, ChevronDownRight as qh, ChevronsUpRight as Bh, PlaylistAdd as os, ArrowBarToRight as Wh } from "tabler-icons-react";
 import { BoxplotChart as Gh, CustomChart as Qh, BarChart as Gn, LineChart as Qn, ScatterChart as as, FunnelChart as Hh, HeatmapChart as ls, PieChart as Uh, RadarChart as Kh, SunburstChart as Yh } from "echarts/charts";
 import { IconDeviceFloppy as Yt, IconChevronUp as Xh, IconChevronDown as Jh, IconTextSize as ki, IconInfoCircle as Tn, IconPlayerSkipBack as vl, IconRecycle as cs, IconMathFunction as wl, IconPlus as ft, IconBorderAll as Zh, IconTrash as rn, IconArrowDown as ep, IconArrowUp as tp, IconCalendar as np, IconMinus as rp, IconChevronsUp as sp, IconChevronsDown as ip, IconCode as sn, IconCamera as ds, IconShare3 as op, IconDownload as _l, IconArrowsLeftRight as ap, IconVariable as Sl, IconCodeDots as lp, IconFilter as Cl, IconCopy as cp, IconDatabase as us, IconBoxMultiple as kl, IconMenu2 as dp, IconCaretDown as up, IconAlertTriangle as Ti, IconArrowLeft as hp, IconPlaylistAdd as ia, IconPointFilled as Di, IconFileImport as oa, IconCircleDashed as pp, IconCircleDot as xp, IconCircleOff as mp, IconAdjustments as fp, IconLink as gp, IconSettings as hs, IconArrowCurveRight as ii, IconLine as bp, IconX as Tl, IconEye as Dl, IconTable as yp, IconColumns as jp, IconVectorTriangle as vp, IconAlertCircle as aa, IconVariablePlus as wp, IconHierarchy as _p, IconDiscountCheckFilled as Sp } from "@tabler/icons-react";
 import { showNotification as Vn, notifications as Cp } from "@mantine/notifications";
@@ -47,11 +47,11 @@ import $l from "@tiptap/extension-table-cell";
 import Pl from "@tiptap/extension-table-header";
 import Vl from "@tiptap/extension-table-row";
 import Nl from "@tiptap/extension-underline";
-import { useEditor as Bl } from "@tiptap/react";
-import ql from "@tiptap/starter-kit";
+import { useEditor as ql } from "@tiptap/react";
+import Bl from "@tiptap/starter-kit";
 import "prosemirror-keymap";
-import { createParagraphNear as Tp, deleteSelection as Dp, exitCode as Ip, joinUp as zp, joinDown as Mp, joinBackward as Lp, joinForward as Ap, lift as Rp, liftEmptyBlock as Ep, newlineInCode as Fp, selectNodeBackward as Op, selectNodeForward as $p, selectParentNode as Pp, selectTextblockEnd as Vp, selectTextblockStart as Np, setBlockType as la, wrapIn as Bp } from "prosemirror-commands";
-import { liftListItem as qp, sinkListItem as Wp, wrapInList as Gp } from "prosemirror-schema-list";
+import { createParagraphNear as Tp, deleteSelection as Dp, exitCode as Ip, joinUp as zp, joinDown as Mp, joinBackward as Lp, joinForward as Ap, lift as Rp, liftEmptyBlock as Ep, newlineInCode as Fp, selectNodeBackward as Op, selectNodeForward as $p, selectParentNode as Pp, selectTextblockEnd as Vp, selectTextblockStart as Np, setBlockType as la, wrapIn as qp } from "prosemirror-commands";
+import { liftListItem as Bp, sinkListItem as Wp, wrapInList as Gp } from "prosemirror-schema-list";
 import { Prism as on } from "@mantine/prism";
 import { flexRender as Gr, createColumnHelper as Wl, useReactTable as Gl, getCoreRowModel as Ql, getSortedRowModel as Qp } from "@tanstack/react-table";
 import { useVirtual as Hp } from "react-virtual";
@@ -100,7 +100,7 @@ import Ex from "dayjs/plugin/weekday";
 import Fx from "dayjs/plugin/weekOfYear";
 import Ox from "dayjs/plugin/weekYear";
 import { useNavigate as $x } from "react-router-dom";
-import Px, { Position as St, Handle as da, MiniMap as Vx, Controls as Nx, Background as Bx } from "reactflow";
+import Px, { Position as St, Handle as da, MiniMap as Vx, Controls as Nx, Background as qx } from "reactflow";
 var ai = { exports: {} }, er = {};
 /**
  * @license React
@@ -112,7 +112,7 @@ var ai = { exports: {} }, er = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ua;
-function qx() {
+function Bx() {
   if (ua)
     return er;
   ua = 1;
@@ -419,13 +419,13 @@ function Wx() {
         }
       return "";
     }
-    var Tr = Object.prototype.hasOwnProperty, No = {}, Bo = F.ReactDebugCurrentFrame;
+    var Tr = Object.prototype.hasOwnProperty, No = {}, qo = F.ReactDebugCurrentFrame;
     function Dr(v) {
       if (v) {
         var R = v._owner, P = kr(v.type, v._source, R ? R.type : null);
-        Bo.setExtraStackFrame(P);
+        qo.setExtraStackFrame(P);
       } else
-        Bo.setExtraStackFrame(null);
+        qo.setExtraStackFrame(null);
     }
     function Ou(v, R, P, H, se) {
       {
@@ -458,17 +458,17 @@ function Wx() {
     }
     function Vu(v) {
       try {
-        return qo(v), !1;
+        return Bo(v), !1;
       } catch {
         return !0;
       }
     }
-    function qo(v) {
+    function Bo(v) {
       return "" + v;
     }
     function Wo(v) {
       if (Vu(v))
-        return V("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pu(v)), qo(v);
+        return V("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pu(v)), Bo(v);
     }
     var Zn = F.ReactCurrentOwner, Nu = {
       key: !0,
@@ -477,7 +477,7 @@ function Wx() {
       __source: !0
     }, Go, Qo, Es;
     Es = {};
-    function Bu(v) {
+    function qu(v) {
       if (Tr.call(v, "ref")) {
         var R = Object.getOwnPropertyDescriptor(v, "ref").get;
         if (R && R.isReactWarning)
@@ -485,7 +485,7 @@ function Wx() {
       }
       return v.ref !== void 0;
     }
-    function qu(v) {
+    function Bu(v) {
       if (Tr.call(v, "key")) {
         var R = Object.getOwnPropertyDescriptor(v, "key").get;
         if (R && R.isReactWarning)
@@ -553,7 +553,7 @@ function Wx() {
     function Uu(v, R, P, H, se) {
       {
         var xe, ee = {}, J = null, He = null;
-        P !== void 0 && (Wo(P), J = "" + P), qu(R) && (Wo(R.key), J = "" + R.key), Bu(R) && (He = R.ref, Wu(R, se));
+        P !== void 0 && (Wo(P), J = "" + P), Bu(R) && (Wo(R.key), J = "" + R.key), qu(R) && (He = R.ref, Wu(R, se));
         for (xe in R)
           Tr.call(R, xe) && !Nu.hasOwnProperty(xe) && (ee[xe] = R[xe]);
         if (v && v.defaultProps) {
@@ -726,7 +726,7 @@ Check the top-level render call using <` + P + ">.");
     tr.Fragment = s, tr.jsx = th, tr.jsxs = nh;
   }()), tr;
 }
-process.env.NODE_ENV === "production" ? ai.exports = qx() : ai.exports = Wx();
+process.env.NODE_ENV === "production" ? ai.exports = Bx() : ai.exports = Wx();
 var r = ai.exports;
 const Xt = {
   CryptoJS: vh,
@@ -872,7 +872,7 @@ class Jx {
   getRequest(t, n) {
     return (s, i, o, a) => {
       const l = this.buildHeader(o), c = this.buildAxiosConfig(t, s, i, o, l, n);
-      return qt(c).then((d) => a ? d : d.data).catch((d) => Promise.reject(d));
+      return Bt(c).then((d) => a ? d : d.data).catch((d) => Promise.reject(d));
     };
   }
   get(t) {
@@ -977,7 +977,7 @@ const An = new Zx();
 function Xl(e) {
   An.baseURL !== e.apiBaseURL && (An.baseURL = e.apiBaseURL), e.app_id && (An.app_id = e.app_id), e.app_secret && (An.app_secret = e.app_secret), e.makeQueryENV && (An.makeQueryENV = e.makeQueryENV);
 }
-const tm = new em(An), Bt = tm, dr = ue(function({
+const tm = new em(An), qt = tm, dr = ue(function({
   value: t,
   onChange: n,
   ...s
@@ -1087,7 +1087,7 @@ class am {
     return this.mapper(t);
   }
 }
-const Be = {
+const qe = {
   mantissa: 0,
   output: "number",
   trimMantissa: !1,
@@ -1179,7 +1179,7 @@ function pm(e) {
     return o !== n.length - 1 && a.push(/* @__PURE__ */ r.jsx("br", {}, `br-${o}`)), a;
   }).flat().filter((i) => i !== void 0);
 }
-function Bs(e) {
+function qs(e) {
   return pm(e);
 }
 function ur(e, t, n) {
@@ -1187,14 +1187,14 @@ function ur(e, t, n) {
   return e.split("$").map((o, a) => {
     const l = i.exec(o);
     if (!l)
-      return Bs(o);
+      return qs(o);
     const c = s[l[1]];
     if (!c)
-      return Bs(o);
+      return qs(o);
     const d = l[2] ?? "";
     return /* @__PURE__ */ r.jsxs(L.Fragment, { children: [
       c,
-      Bs(d)
+      qs(d)
     ] }, `${o}-${a}`);
   });
 }
@@ -1427,7 +1427,7 @@ async function Sm({
     pre_process: c
   }), p = Rh(h);
   _m(h, p);
-  let x = await Bt.query(i)({
+  let x = await qt.query(i)({
     type: o,
     key: a,
     query: p,
@@ -1447,7 +1447,7 @@ async function Cm({
   additionals: i
 }, o) {
   try {
-    return await Bt.httpDataSourceQuery(o)({
+    return await qt.httpDataSourceQuery(o)({
       type: e,
       key: t,
       query: n,
@@ -1458,14 +1458,14 @@ async function Cm({
       }
     });
   } catch (a) {
-    if (qt.isCancel(a))
+    if (Bt.isCancel(a))
       throw a;
     return console.error(a), a;
   }
 }
 async function Ri() {
   try {
-    return (await Bt.post()("/datasource/list", {
+    return (await qt.post()("/datasource/list", {
       filter: {},
       sort: [{
         field: "create_time",
@@ -1482,7 +1482,7 @@ async function Ri() {
 }
 async function ec() {
   try {
-    return (await Bt.post()("/sql_snippet/list", {
+    return (await qt.post()("/sql_snippet/list", {
       filter: {},
       sort: [{
         field: "id",
@@ -1720,7 +1720,7 @@ class Ei {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const sc = "11.0.0", Om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const sc = "11.0.2", Om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: sc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1842,13 +1842,13 @@ class _e extends Vm {
 const Q = (e, t) => {
   const [n, {
     setFalse: s
-  }] = $e(!0), [i, o] = B();
+  }] = $e(!0), [i, o] = q();
   O(() => (e.getItem(t).then((l) => {
     o(l), s();
   }), e.watchItem(t, (l) => {
     o(l);
   })));
-  const a = qe(async (l) => {
+  const a = Be(async (l) => {
     await e.setItem(t, l), o(l);
   }, [e, t]);
   return {
@@ -1971,7 +1971,7 @@ function ac() {
 const ce = () => ac(), lc = () => ac(), cc = L.createContext({
   searchButtonProps: {}
 }), dc = cc.Provider;
-function Bm() {
+function qm() {
   return L.useContext(cc);
 }
 const uc = L.createContext(null), hc = uc.Provider;
@@ -1981,9 +1981,9 @@ function pc() {
     throw new Error("Please use ContentModelContextProvider");
   return e;
 }
-const le = () => pc(), Pe = () => pc(), qm = {
+const le = () => pc(), Pe = () => pc(), Bm = {
   inEditMode: !1
-}, Oi = L.createContext(qm), xc = L.createContext({
+}, Oi = L.createContext(Bm), xc = L.createContext({
   panel: null,
   data: {},
   loading: !1,
@@ -2315,7 +2315,7 @@ const $i = {
   y_axis: {
     name: "Y Axis",
     data_key: "value",
-    label_formatter: Be
+    label_formatter: qe
   },
   tooltip: {
     metrics: []
@@ -2342,7 +2342,7 @@ function In(e, t) {
   }, [e, t]);
 }
 const yt = (e, t) => {
-  const [n, s] = B([]);
+  const [n, s] = q([]);
   return O(() => e.watchTriggerSnapshotList((i) => s(i.filter((o) => o.schemaRef === t))), []), n;
 };
 class On {
@@ -2403,7 +2403,7 @@ function Zm(e, t) {
   const {
     value: n,
     set: s
-  } = Q(e.operation.operationData, "config"), [i, o] = B(Ce({}, n, t)), a = async () => {
+  } = Q(e.operation.operationData, "config"), [i, o] = q(Ce({}, n, t)), a = async () => {
     await s(i);
   };
   return O(() => {
@@ -2538,7 +2538,7 @@ const uf = {
   value: e = "",
   onChange: t
 }) => {
-  const [n, s] = B(e);
+  const [n, s] = q(e);
   O(() => {
     s(e);
   }, [e]);
@@ -3035,7 +3035,7 @@ const Af = k(({
   ] });
 });
 function Of(e, t) {
-  const [n, s] = B([]);
+  const [n, s] = q([]);
   return fr(async () => {
     const i = await e.getInteractionList();
     s(i);
@@ -3065,7 +3065,7 @@ const $f = k(({
   }
   return null;
 }), Pf = (e) => {
-  const [t, n] = B(0), {
+  const [t, n] = q(0), {
     interactionManager: s,
     instance: i,
     sampleData: o,
@@ -3140,12 +3140,12 @@ const $f = k(({
   },
   z: 3
 };
-function Bf(e) {
+function qf(e) {
   return _.defaultsDeep({}, e, jc);
 }
-const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getXAxis: Bf,
+  getXAxis: qf,
   xAxis: jc
 }, Symbol.toStringTag, { value: "Module" })), vc = {
   axisTick: {
@@ -3183,7 +3183,7 @@ const Hf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getTooltip: Qf,
   tooltip: wc
 }, Symbol.toStringTag, { value: "Module" })), be = {
-  ...qf,
+  ...Bf,
   ...Gf,
   ...Hf
 };
@@ -3675,7 +3675,7 @@ function pg({
   } = e.viewport, l = Ce({}, n, $i), c = jt({
     vizManager: e.vizManager,
     instance: t
-  }), d = yt(c.triggerManager, bc.id), u = In(i, l.x_axis.data_key), h = qe((y) => {
+  }), d = yt(c.triggerManager, bc.id), u = In(i, l.x_axis.data_key), h = Be((y) => {
     const S = _.get(u, y.name, {
       error: "rowData is not found"
     });
@@ -3837,7 +3837,7 @@ const gg = ({
   const [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(), [a, l] = B(e);
+  }] = $e(), [a, l] = q(e);
   O(() => {
     l(e);
   }, [e]);
@@ -3921,7 +3921,7 @@ const gg = ({
   /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
     field: n
   }) => /* @__PURE__ */ r.jsx(Mt, { ...n }) })
-] })), qs = {
+] })), Bs = {
   root: {
     alignSelf: "flex-end"
   },
@@ -4005,20 +4005,20 @@ function vg({
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "Non-negative" })
       ] }), checked: e.absolute, onChange: l, sx: {
         flexGrow: 1
-      }, styles: qs }),
+      }, styles: Bs }),
       /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Average" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "like 1.234k, 1.234m" })
       ] }), checked: e.average, onChange: a, disabled: e.output !== "number", sx: {
         flexGrow: 1
-      }, styles: qs })
+      }, styles: Bs })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(U, { label: "Mantissa", defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: i }),
       /* @__PURE__ */ r.jsx(Ve, { label: /* @__PURE__ */ r.jsxs(w, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Trim mantissa" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "hide trailing zero(s)" })
-      ] }), checked: e.trimMantissa, onChange: o, disabled: e.mantissa === 0, styles: qs }),
+      ] }), checked: e.trimMantissa, onChange: o, disabled: e.mantissa === 0, styles: Bs }),
       /* @__PURE__ */ r.jsx(z, {})
     ] }),
     /* @__PURE__ */ r.jsx(jg, { format: e })
@@ -4086,7 +4086,7 @@ const vt = L.forwardRef(vg), wg = ({
     id: Date.now().toString(),
     data_key: "",
     name: ""
-  }), c = t("tooltip.metrics.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -4219,7 +4219,7 @@ function Ig(e) {
 }
 function zg(e) {
   const {
-    label_formatter: t = Be,
+    label_formatter: t = qe,
     ...n
   } = e.y_axis;
   return {
@@ -4458,7 +4458,7 @@ function Pg(e) {
 function Vg(e) {
   return /* @__PURE__ */ r.jsx(j, { children: "Click this button" });
 }
-const Bi = {
+const qi = {
   content: "Button",
   variant: "filled",
   color: "blue",
@@ -4470,11 +4470,11 @@ const Bi = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-}, Bg = {
+}, qg = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end"
-}, qg = k(({
+}, Bg = k(({
   context: e,
   instance: t
 }) => {
@@ -4483,7 +4483,7 @@ const Bi = {
     instance: t
   }), s = yt(n.triggerManager, Sc.id), i = Pe(), {
     value: o
-  } = Q(e.instanceData, "config"), a = T(() => je({}, o, Bi), [o]), {
+  } = Q(e.instanceData, "config"), a = T(() => je({}, o, qi), [o]), {
     content: l,
     horizontal_align: c,
     vertical_align: d,
@@ -4500,14 +4500,14 @@ const Bi = {
     width: h,
     height: p,
     justifyContent: Ng[c],
-    alignItems: Bg[d]
+    alignItems: qg[d]
   }, children: /* @__PURE__ */ r.jsx(C, { ...u, onClick: y, children: wi(l)(x) }) });
 }), Wg = ({
   value: e,
   onChange: t,
   label: n
 }) => {
-  const s = nl(), i = qe((a) => () => t(a), [t]), o = (a) => e === a;
+  const s = nl(), i = Be((a) => () => t(a), [t]), o = (a) => e === a;
   return /* @__PURE__ */ r.jsxs(w, { spacing: 2, children: [
     /* @__PURE__ */ r.jsx(j, { size: 14, sx: {
       fontWeight: 500
@@ -4573,7 +4573,7 @@ function Yg({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => je({}, t, Bi), [t]), i = s;
+  } = Q(e.instanceData, "config"), s = T(() => je({}, t, qi), [t]), i = s;
   O(() => {
     !me(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
@@ -4683,16 +4683,16 @@ const Jg = {
   displayGroup: "Others",
   migrator: new Xg(),
   name: "button",
-  viewRender: qg,
+  viewRender: Bg,
   configRender: Yg,
   createConfig() {
     return {
       version: 2,
-      config: Ne(Bi)
+      config: Ne(qi)
     };
   },
   triggers: [Sc]
-}, qi = {
+}, Bi = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
   nameRender: eb,
@@ -4762,7 +4762,7 @@ const Kn = {
     show: !0,
     position: "left",
     nameAlignment: "center",
-    label_formatter: Be
+    label_formatter: qe
   }],
   reference_lines: [],
   reference_areas: [],
@@ -5320,7 +5320,7 @@ function kb({
   interactionManager: i,
   variables: o
 }) {
-  const a = In(t, e.x_axis_data_key), l = yt(i.triggerManager, qi.id), c = qe((x) => {
+  const a = In(t, e.x_axis_data_key), l = yt(i.triggerManager, Bi.id), c = Be((x) => {
     const y = _.get(a, x.name, {
       error: "rowData is not found"
     });
@@ -6558,7 +6558,7 @@ class Hr {
   matchTag(t, n, s) {
     for (let i = s ? this.tags.indexOf(s) + 1 : 0; i < this.tags.length; i++) {
       let o = this.tags[i];
-      if (qb(t, o.tag) && (o.namespace === void 0 || t.namespaceURI == o.namespace) && (!o.context || n.matchesContext(o.context))) {
+      if (Bb(t, o.tag) && (o.namespace === void 0 || t.namespaceURI == o.namespace) && (!o.context || n.matchesContext(o.context))) {
         if (o.getAttrs) {
           let a = o.getAttrs(t);
           if (a === !1)
@@ -6768,7 +6768,7 @@ class ya {
   // none is found, the element's content nodes are added directly.
   addElement(t, n) {
     let s = t.nodeName.toLowerCase(), i;
-    Mc.hasOwnProperty(s) && this.parser.normalizeLists && Bb(t);
+    Mc.hasOwnProperty(s) && this.parser.normalizeLists && qb(t);
     let o = this.options.ruleFromNode && this.options.ruleFromNode(t) || (i = this.parser.matchTag(t, this, n));
     if (o ? o.ignore : Nb.hasOwnProperty(s))
       this.findInside(t), this.ignoreFallback(t);
@@ -6999,13 +6999,13 @@ class ya {
     }
   }
 }
-function Bb(e) {
+function qb(e) {
   for (let t = e.firstChild, n = null; t; t = t.nextSibling) {
     let s = t.nodeType == 1 ? t.nodeName.toLowerCase() : null;
     s && Mc.hasOwnProperty(s) && n ? (n.appendChild(t), t = n) : s == "li" ? n = t : s && (n = null);
   }
 }
-function qb(e, t) {
+function Bb(e, t) {
   return (e.matches || e.msMatchesSelector || e.webkitMatchesSelector || e.mozMatchesSelector).call(e, t);
 }
 function Wb(e) {
@@ -8378,7 +8378,7 @@ function pi(e, t, n = {}) {
 function by(e, t, n = {}) {
   return !!pi(e, t, n);
 }
-function Bc(e, t, n = {}) {
+function qc(e, t, n = {}) {
   if (!e || !t)
     return;
   let s = e.parent.childAfter(e.parentOffset);
@@ -8408,7 +8408,7 @@ function ln(e, t) {
 const yy = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
   const o = ln(e, s.schema), { doc: a, selection: l } = n, { $from: c, from: d, to: u } = l;
   if (i) {
-    const h = Bc(c, o, t);
+    const h = qc(c, o, t);
     if (h && h.from <= d && h.to >= u) {
       const p = Oe.create(a, h.from, h.to);
       n.setSelection(p);
@@ -8422,7 +8422,7 @@ const yy = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
       return !0;
   return !1;
 };
-function qc(e) {
+function Bc(e) {
   return e instanceof Oe;
 }
 function gn(e = 0, t = 0, n = 0) {
@@ -8461,7 +8461,7 @@ const wy = (e = null, t = {}) => ({ editor: n, view: s, tr: i, dispatch: o }) =>
   };
   if (s.hasFocus() && e === null || e === !1)
     return !0;
-  if (o && e === null && !qc(n.state.selection))
+  if (o && e === null && !Bc(n.state.selection))
     return a(), !0;
   const l = vy(i.doc, e) || n.state.selection, c = n.state.selection.eq(l);
   return o && (c || i.setSelection(l), c && i.storedMarks && i.setStoredMarks(i.storedMarks), a()), !0;
@@ -8588,7 +8588,7 @@ const Ry = (e, t = {}) => ({ state: n, dispatch: s }) => {
   return Zi(n, i, t) ? Rp(n, s) : !1;
 }, Ey = () => ({ state: e, dispatch: t }) => Ep(e, t), Fy = (e) => ({ state: t, dispatch: n }) => {
   const s = Qe(e, t.schema);
-  return qp(s)(t, n);
+  return Bp(s)(t, n);
 }, Oy = () => ({ state: e, dispatch: t }) => Fp(e, t);
 function Gc(e, t) {
   return t.nodes[e] ? "node" : t.marks[e] ? "mark" : null;
@@ -8610,7 +8610,7 @@ const $y = (e, t) => ({ tr: n, state: s, dispatch: i }) => {
 }, Py = () => ({ tr: e, dispatch: t }) => (t && e.scrollIntoView(), !0), Vy = () => ({ tr: e, commands: t }) => t.setTextSelection({
   from: 0,
   to: e.doc.content.size
-}), Ny = () => ({ state: e, dispatch: t }) => Op(e, t), By = () => ({ state: e, dispatch: t }) => $p(e, t), qy = () => ({ state: e, dispatch: t }) => Pp(e, t), Wy = () => ({ state: e, dispatch: t }) => Vp(e, t), Gy = () => ({ state: e, dispatch: t }) => Np(e, t);
+}), Ny = () => ({ state: e, dispatch: t }) => Op(e, t), qy = () => ({ state: e, dispatch: t }) => $p(e, t), By = () => ({ state: e, dispatch: t }) => Pp(e, t), Wy = () => ({ state: e, dispatch: t }) => Vp(e, t), Gy = () => ({ state: e, dispatch: t }) => Np(e, t);
 function Qy(e, t, n = {}) {
   return Xr(e, t, { slice: !1, parseOptions: n });
 }
@@ -8693,7 +8693,7 @@ function Jy(e, t, n) {
   var s;
   const { selection: i } = t;
   let o = null;
-  if (qc(i) && (o = i.$cursor), o) {
+  if (Bc(i) && (o = i.$cursor), o) {
     const l = (s = e.storedMarks) !== null && s !== void 0 ? s : o.marks();
     return !!n.isInSet(l) || !l.some((c) => c.type.excludes(n));
   }
@@ -8908,7 +8908,7 @@ const ij = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: s, edit
     return !0;
   if (u && a) {
     let { from: p, to: x } = l;
-    const y = (o = d.marks().find((M) => M.type === c)) === null || o === void 0 ? void 0 : o.attrs, S = Bc(d, c, y);
+    const y = (o = d.marks().find((M) => M.type === c)) === null || o === void 0 ? void 0 : o.attrs, S = qc(d, c, y);
     S && (p = S.from, x = S.to), n.removeMark(p, x, c);
   } else
     h.forEach((p) => {
@@ -8937,7 +8937,7 @@ const ij = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: s, edit
   }), !0) : !1;
 }, mj = (e, t = {}) => ({ state: n, dispatch: s }) => {
   const i = Qe(e, n.schema);
-  return Bp(i, t)(n, s);
+  return qp(i, t)(n, s);
 }, fj = (e, t = {}) => ({ state: n, dispatch: s }) => {
   const i = Qe(e, n.schema);
   return Gp(i, t)(n, s);
@@ -8974,8 +8974,8 @@ var gj = /* @__PURE__ */ Object.freeze({
   scrollIntoView: Py,
   selectAll: Vy,
   selectNodeBackward: Ny,
-  selectNodeForward: By,
-  selectParentNode: qy,
+  selectNodeForward: qy,
+  selectParentNode: By,
   selectTextblockEnd: Wy,
   selectTextblockStart: Gy,
   setContent: Hy,
@@ -9194,8 +9194,8 @@ const Qc = Rt.create({
   styles: t = {},
   sx: n = {}
 }) => {
-  const s = Bl({
-    extensions: [ql, Nl, Il, Rl, Al, Ml, Ol.configure({
+  const s = ql({
+    extensions: [Bl, Nl, Il, Rl, Al, Ml, Ol.configure({
       resizable: !1,
       // https://github.com/ueberdosis/tiptap/issues/2041
       HTMLAttributes: {
@@ -9263,7 +9263,7 @@ const _j = ({
   label: n,
   defaultValue: s
 }, i) => {
-  const [o, a] = B(e), l = () => {
+  const [o, a] = q(e), l = () => {
     t(o);
   }, c = () => {
     a(e);
@@ -9485,7 +9485,7 @@ const Dj = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = $e(), [o, a] = B(e), l = () => {
+  }] = $e(), [o, a] = q(e), l = () => {
     i();
     const {
       type: h,
@@ -9892,7 +9892,7 @@ const Nj = () => /* @__PURE__ */ r.jsxs(b, { sx: {
       "to learn more about these options"
     ] }) })
   ] })
-] }), Bj = [{
+] }), qj = [{
   label: "Value",
   value: "value"
 }, {
@@ -9905,7 +9905,7 @@ const Nj = () => /* @__PURE__ */ r.jsxs(b, { sx: {
   label: "Log",
   value: "log"
 }];
-function qj({
+function Bj({
   control: e,
   watch: t
 }) {
@@ -9925,7 +9925,7 @@ function qj({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(A, { label: /* @__PURE__ */ r.jsx(Nj, {}), required: !0, data: Bj, sx: {
+        /* @__PURE__ */ r.jsx(A, { label: /* @__PURE__ */ r.jsx(Nj, {}), required: !0, data: qj, sx: {
           flex: 1
         }, ...n })
       ) })
@@ -10046,7 +10046,7 @@ function Hj({
     name: "",
     position: "left",
     nameAlignment: "left",
-    label_formatter: Be,
+    label_formatter: qe,
     min: "",
     max: "",
     show: !0
@@ -10116,7 +10116,7 @@ function Uj({
         /* @__PURE__ */ r.jsx(f.Tab, { value: "Reference Areas", children: "Reference Areas" }),
         /* @__PURE__ */ r.jsx(f.Tab, { value: "Zooming", children: "Zooming" })
       ] }),
-      /* @__PURE__ */ r.jsx(f.Panel, { value: "X Axis", children: /* @__PURE__ */ r.jsx(qj, { control: o, watch: l }) }),
+      /* @__PURE__ */ r.jsx(f.Panel, { value: "X Axis", children: /* @__PURE__ */ r.jsx(Bj, { control: o, watch: l }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Y Axes", children: /* @__PURE__ */ r.jsx(Hj, { control: o, watch: l }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Series", children: /* @__PURE__ */ r.jsx(Pj, { control: o, watch: l }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Regression Lines", children: /* @__PURE__ */ r.jsx(Pb, { control: o, watch: l }) }),
@@ -10546,7 +10546,7 @@ const pv = {
       config: Ne(Wi)
     };
   },
-  triggers: [qi]
+  triggers: [Bi]
 };
 function xv(e) {
   if (e.enable_value)
@@ -10950,7 +10950,7 @@ const Cv = [{
   }), o = t("series"), a = n.map((u, h) => ({
     ...u,
     ...o[h]
-  })), l = _.get(a, "0.id"), [c, d] = B(l ?? null);
+  })), l = _.get(a, "0.id"), [c, d] = q(l ?? null);
   return O(() => {
     l && d((u) => u !== null ? u : l);
   }, [l]), /* @__PURE__ */ r.jsxs(f, { value: c, onTabChange: (u) => d(u), styles: {
@@ -11158,7 +11158,7 @@ const Nv = (e) => Z(e, {
   mantissa: 2,
   absolute: !1
 });
-function Bv({
+function qv({
   conf: e,
   labelFormatters: t,
   valueFormatters: n,
@@ -11202,7 +11202,7 @@ function Bv({
     });
   }), x;
 }
-function qv(e, t, n, s) {
+function Bv(e, t, n, s) {
   const {
     x_axis: i,
     y_axis: o,
@@ -11212,7 +11212,7 @@ function qv(e, t, n, s) {
   const d = _.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return be.getTooltip({
     formatter: function(u) {
-      const p = Bv({
+      const p = qv({
         conf: e,
         labelFormatters: n,
         valueFormatters: s,
@@ -11273,7 +11273,7 @@ const Wv = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = $e(), [o, a] = B(e), l = () => {
+  }] = $e(), [o, a] = q(e), l = () => {
     i();
     const {
       type: h,
@@ -11333,7 +11333,7 @@ const Wv = ({
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], Bn = ue(({
+}], qn = ue(({
   label: e = "Value",
   value: t,
   onChange: n
@@ -11351,7 +11351,7 @@ const Wv = ({
     /* @__PURE__ */ r.jsx(Qv, { value: t, onChange: n })
   ] });
 });
-function qn(e, t, n) {
+function Bn(e, t, n) {
   if (!e.type)
     return n;
   if (e.type === "static") {
@@ -11375,7 +11375,7 @@ function qn(e, t, n) {
   }
 }
 function Kv(e, t) {
-  const n = qn(e.heat_block.min, t), s = qn(e.heat_block.max, t);
+  const n = Bn(e.heat_block.min, t), s = Bn(e.heat_block.max, t);
   return {
     min: n,
     max: s,
@@ -11470,7 +11470,7 @@ function Zv(e, t, n, s, i) {
     xAxis: Yv(e, h, a.x_axis),
     yAxis: Xv(e, p, a.y_axis),
     series: Vv(e, x, y),
-    tooltip: qv(e, t, a, l),
+    tooltip: Bv(e, t, a, l),
     grid: Pv(e),
     visualMap: Kv(e, o)
   };
@@ -11546,7 +11546,7 @@ const Yc = {
     },
     name: "Value",
     data_key: "",
-    value_formatter: Be,
+    value_formatter: qe,
     label: {
       show: !1,
       fontSize: 10
@@ -11568,7 +11568,7 @@ function nw({
   const a = T(() => {
     const h = $(e.x_axis.data_key), p = $(e.y_axis.data_key);
     return _.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
-  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, Yc.id), c = qe((h) => {
+  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, Yc.id), c = Be((h) => {
     const [p, x] = h.value, y = _.get(a, `${p}---${x}`, {
       error: "rowData is not found"
     });
@@ -11625,10 +11625,10 @@ function sw({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.min", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(Bn, { label: "Min Value", ...s }) }),
+      }) => /* @__PURE__ */ r.jsx(qn, { label: "Min Value", ...s }) }),
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.max", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(Bn, { label: "Max Value", ...s }) })
+      }) => /* @__PURE__ */ r.jsx(qn, { label: "Max Value", ...s }) })
     ] }),
     /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: e, render: ({
@@ -11690,7 +11690,7 @@ const iw = ({
     id: Date.now().toString(),
     data_key: "",
     name: ""
-  }), c = t("tooltip.metrics.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -11756,7 +11756,7 @@ const lw = ({
   const [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(), [a, l] = B(e);
+  }] = $e(), [a, l] = q(e);
   O(() => {
     l(e);
   }, [e]);
@@ -12131,7 +12131,7 @@ const Zc = {
     name: "Value",
     nameAlignment: "left",
     color: "#228be6",
-    label_formatter: Be
+    label_formatter: qe
   },
   line: {
     name: "Value",
@@ -12400,7 +12400,7 @@ function Mw({
   } = e.viewport, a = Ce({}, n, io), l = zw(a, s), c = jt({
     vizManager: e.vizManager,
     instance: t
-  }), d = yt(c.triggerManager, Jc.id), u = In(s, a.x_axis.data_key), h = qe((x) => {
+  }), d = yt(c.triggerManager, Jc.id), u = In(s, a.x_axis.data_key), h = Be((x) => {
     const y = _.get(u, x.name, {
       error: "rowData is not found"
     });
@@ -12521,7 +12521,7 @@ const Fw = `
   };
 }
 `, Ow = () => {
-  const [e, t] = B(!1);
+  const [e, t] = q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see params for Label Template" }),
     /* @__PURE__ */ r.jsx(xr, { in: e, children: /* @__PURE__ */ r.jsx(on, { language: "typescript", noCopy: !0, colorScheme: "dark", children: Fw }) })
@@ -12656,7 +12656,7 @@ function Nw({
     ] })
   ] });
 }
-function Bw(e) {
+function qw(e) {
   const {
     dataZoom: t = Kn,
     ...n
@@ -12666,7 +12666,7 @@ function Bw(e) {
     dataZoom: t
   };
 }
-function qw(e) {
+function Bw(e) {
   const {
     markLine: t = Zc,
     ...n
@@ -12693,7 +12693,7 @@ function Ww(e) {
 }
 function Gw(e) {
   const {
-    label_formatter: t = Be
+    label_formatter: t = qe
   } = e.bar;
   return {
     ...e,
@@ -12788,11 +12788,11 @@ class Yw extends _e {
     })), this.version(2, (n) => ({
       ...n,
       version: 2,
-      config: Bw(n.config)
+      config: qw(n.config)
     })), this.version(3, (n) => ({
       ...n,
       version: 3,
-      config: qw(n.config)
+      config: Bw(n.config)
     })), this.version(4, (n) => ({
       ...n,
       version: 4,
@@ -13345,7 +13345,7 @@ function y0({
       ...x,
       ...y
     };
-  }, [t, e.series_name_key, e.additional_series]), l = yt(i.triggerManager, td.id), c = qe((h) => {
+  }, [t, e.series_name_key, e.additional_series]), l = yt(i.triggerManager, td.id), c = Be((h) => {
     const p = _.get(a, h.name, {
       error: "rowData is not found"
     });
@@ -13423,7 +13423,7 @@ function w0({
       name_key: "",
       color_key: ""
     });
-  }, c = _.get(a, "0.id", null), [d, u] = B(c);
+  }, c = _.get(a, "0.id", null), [d, u] = q(c);
   O(() => {
     u((p) => p || c);
   }, [c]);
@@ -13519,9 +13519,9 @@ function S0({
       name: p,
       data_key: "",
       max: "100",
-      formatter: Be
+      formatter: qe
     });
-  }, c = _.get(a, "0.id", null), [d, u] = B(c);
+  }, c = _.get(a, "0.id", null), [d, u] = q(c);
   O(() => {
     u((p) => p || c);
   }, [c]);
@@ -13609,7 +13609,7 @@ function k0(e) {
     name: i = "",
     data_key: o = "",
     max: a = 10,
-    formatter: l = Be
+    formatter: l = qe
   }) {
     return {
       name: i,
@@ -13946,7 +13946,7 @@ const N0 = {
     yAxisIndex: [0]
   }]
 };
-function B0(e, t) {
+function q0(e, t) {
   const n = O0(e, t), s = R0(e, n), i = {
     xAxis: V0(e),
     yAxis: be.getYAxis({
@@ -13983,7 +13983,7 @@ const La = {
 function _s(e, t, n) {
   return 1 - (1 - e) * (t - 1) / (t - n - 1);
 }
-function q0(e, t, n, s) {
+function B0(e, t, n, s) {
   const {
     x_axis: i,
     y_axis: o
@@ -14083,7 +14083,7 @@ function Aa(e, t, n) {
     regression: s,
     x_axis: i
   } = n, o = $(i.data_key), a = $(s.y_axis_data_key), l = t.map((c) => [c[o.columnKey], c[a.columnKey]]);
-  return s.transform.config.method === "linear" ? q0(e, t, l, n) : s.transform.config.method === "exponential" ? W0(e, t, l, n) : s.transform.config.method === "logarithmic" ? G0(e, t, l, n) : s.transform.config.method === "polynomial" ? Q0(e, t, l, n) : {
+  return s.transform.config.method === "linear" ? B0(e, t, l, n) : s.transform.config.method === "exponential" ? W0(e, t, l, n) : s.transform.config.method === "logarithmic" ? G0(e, t, l, n) : s.transform.config.method === "polynomial" ? Q0(e, t, l, n) : {
     name: e,
     expression: "",
     rSquared: 0,
@@ -14184,7 +14184,7 @@ const Ss = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      format: Be,
+      format: qe,
       overflow: tt(),
       formatter: {
         ...Ss
@@ -14236,7 +14236,7 @@ function J0({
       ...y,
       [p.columnKey]: Number(y[p.columnKey])
     });
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), o = T(() => B0(je({}, t, ao), i), [t, i]), a = ns(null), l = (c) => {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), o = T(() => q0(je({}, t, ao), i), [t, i]), a = ns(null), l = (c) => {
     a.current = c;
   };
   return !n || !s || !t ? null : /* @__PURE__ */ r.jsxs(nt, { width: n, height: s, children: [
@@ -14335,7 +14335,7 @@ const t_ = ({
   const [i, {
     setTrue: o,
     setFalse: a
-  }] = $e(), [l, c] = B(e);
+  }] = $e(), [l, c] = q(e);
   O(() => {
     c(e);
   }, [e]);
@@ -14493,7 +14493,7 @@ function i_(e) {
     x_axis: {
       axisLabel: {
         rotate: 0,
-        format: Be,
+        format: qe,
         overflow: tt(),
         formatter: Ss
       }
@@ -14655,8 +14655,8 @@ const lo = ue(({
   label: s,
   onSubmit: i
 }, o) => {
-  const [a, l] = B(e), c = Bl({
-    extensions: [ql, Nl, Il, Rl, Al, Ml, Ol.configure({
+  const [a, l] = q(e), c = ql({
+    extensions: [Bl, Nl, Il, Rl, Al, Ml, Ol.configure({
       resizable: !1,
       // https://github.com/ueberdosis/tiptap/issues/2041
       HTMLAttributes: {
@@ -14905,7 +14905,7 @@ const co = {
     name: "Y Axis",
     position: "left",
     nameAlignment: "center",
-    label_formatter: Be,
+    label_formatter: qe,
     min: "",
     max: "",
     show: !0
@@ -15307,7 +15307,7 @@ function F_({
   interactionManager: i,
   variables: o
 }) {
-  const a = In(t, e.x_axis.data_key), l = yt(i.triggerManager, ld.id), c = qe((h) => {
+  const a = In(t, e.x_axis.data_key), l = yt(i.triggerManager, ld.id), c = Be((h) => {
     const p = h.data;
     l.forEach((x) => {
       i.runInteraction(x.id, {
@@ -15495,14 +15495,14 @@ const N_ = [{
 }, {
   label: "dotted",
   value: "dotted"
-}], B_ = [{
+}], q_ = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function q_({
+function B_({
   control: e,
   index: t,
   remove: n,
@@ -15544,7 +15544,7 @@ function q_({
           field: l
         }) => (
           // @ts-expect-error type of onChange
-          /* @__PURE__ */ r.jsx(A, { label: "Orientation", data: B_, required: !0, sx: {
+          /* @__PURE__ */ r.jsx(A, { label: "Orientation", data: q_, required: !0, sx: {
             flex: 1
           }, ...l })
         ) }),
@@ -15657,7 +15657,7 @@ function W_({
       l.map((p, x) => /* @__PURE__ */ r.jsx(f.Tab, { value: x.toString(), children: x + 1 }, p.id)),
       /* @__PURE__ */ r.jsx(f.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ r.jsx(Ae, { size: 18, color: "#228be6" }) })
     ] }),
-    l.map((p, x) => /* @__PURE__ */ r.jsx(f.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(q_, { control: e, index: x, remove: o, watch: t, variableOptions: d, yAxisOptions: h }) }, p.id))
+    l.map((p, x) => /* @__PURE__ */ r.jsx(f.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(B_, { control: e, index: x, remove: o, watch: t, variableOptions: d, yAxisOptions: h }) }, p.id))
   ] });
 }
 const G_ = ({
@@ -15679,7 +15679,7 @@ const G_ = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = $e(), [o, a] = B(e), l = () => {
+  }] = $e(), [o, a] = q(e), l = () => {
     i();
     const {
       type: h,
@@ -15804,7 +15804,7 @@ const G_ = ({
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = $e(), [o, a] = B(e), l = () => {
+  }] = $e(), [o, a] = q(e), l = () => {
     i();
     const {
       type: h,
@@ -16021,7 +16021,7 @@ const aS = ({
     id: Date.now().toString(),
     data_key: "",
     name: ""
-  }), c = t("tooltip.metrics.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -16103,7 +16103,7 @@ const uS = ({
   const [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(), [a, l] = B(e);
+  }] = $e(), [a, l] = q(e);
   O(() => {
     l(e);
   }, [e]);
@@ -16276,7 +16276,7 @@ function gS({
     ...o[d]
   })), l = () => s({
     name: "",
-    label_formatter: Be,
+    label_formatter: qe,
     min: "",
     max: "",
     show: !0,
@@ -16814,7 +16814,7 @@ const NS = {
   group_key: "",
   levels: []
 };
-function BS(e) {
+function qS(e) {
   const t = new Set(e.map((s) => s.parent_id)), n = new Set(e.map((s) => s.id));
   return t.forEach((s) => {
     s === null || n.has(s) || e.push({
@@ -16824,8 +16824,8 @@ function BS(e) {
     });
   }), e;
 }
-function qS(e) {
-  const t = BS(e).map((i) => ({
+function BS(e) {
+  const t = qS(e).map((i) => ({
     ...i,
     children: []
   })), n = _.keyBy(t, (i) => i.id), s = [];
@@ -16852,7 +16852,7 @@ function WS(e, t) {
     name: d[o.columnKey],
     value: d[a.columnKey] ? Number(d[a.columnKey]) : d[a.columnKey]
   }));
-  return i ? qS(c) : c;
+  return i ? BS(c) : c;
 }
 const GS = (e) => ({
   treePathInfo: t,
@@ -17095,7 +17095,7 @@ const ZS = [{
       position: "inside",
       padding: 0
     }
-  }), c = t("levels.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("levels.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -17145,7 +17145,7 @@ function rC({
   }, [i]);
   const u = c(), h = T(() => !_.isEqual(u, s), [u, s]);
   l(["label_key", "value_key", "group_key", "levels"]);
-  const [p, x] = B("Data");
+  const [p, x] = q("Data");
   return /* @__PURE__ */ r.jsx("form", { onSubmit: a(n), children: /* @__PURE__ */ r.jsxs(w, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", py: "md", pl: "md", sx: {
       borderBottom: "1px solid #eee",
@@ -17456,7 +17456,7 @@ function _C({
   const n = Hp({
     parentRef: e,
     size: t.length,
-    estimateSize: qe(() => 28, []),
+    estimateSize: Be(() => 28, []),
     overscan: 20
   }), {
     virtualItems: s,
@@ -17620,7 +17620,7 @@ const zC = (e) => {
   const t = jt(e), n = yt(t.triggerManager, po.id), {
     colorManager: s
   } = Ht(Ot);
-  return qe((i) => new IC(e.getColIndex, i, n, t, s), [n, t, e.getColIndex]);
+  return Be((i) => new IC(e.getColIndex, i, n, t, s), [n, t, e.getColIndex]);
 };
 function MC({
   queryData: e,
@@ -17647,7 +17647,7 @@ function MC({
     width: "",
     cellBackgroundColor: ""
   })) : c, [l, c, e]), x = zC({
-    getColIndex: qe((Re) => p.indexOf(Re.column.columnDef.meta), [p]),
+    getColIndex: Be((Re) => p.indexOf(Re.column.columnDef.meta), [p]),
     vizManager: i.vizManager,
     instance: o
   }), y = T(() => {
@@ -17663,7 +17663,7 @@ function MC({
         minSize: typeof wt.width == "number" ? wt.width : void 0
       });
     });
-  }, [p, x]), [S, M] = B([]), F = Gl({
+  }, [p, x]), [S, M] = q([]), F = Gl({
     data: e,
     state: {
       sorting: S
@@ -17821,7 +17821,7 @@ function FC(e) {
     value: i
   } = e, {
     classes: o
-  } = gd(), [a, l] = B(i), [c, {
+  } = gd(), [a, l] = q(i), [c, {
     setTrue: d,
     setFalse: u
   }] = $e(!1), h = s % 2 === 1, p = h && i != null, x = !h && i != null, y = `map ${i} to color ${s}`, S = () => {
@@ -17873,7 +17873,7 @@ const OC = k(({
     value: t,
     onChange: n,
     colorManager: s
-  } = e, i = s.getColorInterpolations(), [o, a] = B(t), l = s.decodeInterpolation(o.interpolation) || i[0], [c, {
+  } = e, i = s.getColorInterpolations(), [o, a] = q(t), l = s.decodeInterpolation(o.interpolation) || i[0], [c, {
     setTrue: d,
     setFalse: u
   }] = $e(), h = i.map((M) => ({
@@ -17923,11 +17923,11 @@ const OC = k(({
 function bd(e) {
   return e ? fl(e) ? e === "none" ? "none" : "static" : "interpolation" : "none";
 }
-function BC(e, t) {
+function qC(e, t) {
   var n;
   return bd(t) === "static" ? t : (n = e.getStaticColors()[0]) == null ? void 0 : n.value;
 }
-function qC(e, t) {
+function BC(e, t) {
   return hl(t) ? t : {
     steps: NC,
     interpolation: e.encodeColor(e.getColorInterpolations()[0])
@@ -17936,7 +17936,7 @@ function qC(e, t) {
 const WC = ue((e, t) => {
   const {
     colorManager: n
-  } = Ht(Ot), [s, i] = B(bd(e.value)), [o, a] = B(BC(n, e.value)), l = ra(o), [c, d] = B(qC(n, e.value)), u = ra(c), h = (y) => {
+  } = Ht(Ot), [s, i] = q(bd(e.value)), [o, a] = q(qC(n, e.value)), l = ra(o), [c, d] = q(BC(n, e.value)), u = ra(c), h = (y) => {
     var S, M, F;
     i(y || "none"), y === "static" ? (S = e.onChange) == null || S.call(e, l.current) : y === "none" || !y ? (M = e.onChange) == null || M.call(e, "none") : (F = e.onChange) == null || F.call(e, u.current);
   }, p = (y) => {
@@ -17968,7 +17968,7 @@ const WC = ue((e, t) => {
   const [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(), [a, l] = B(e), c = () => {
+  }] = $e(), [a, l] = q(e), c = () => {
     o(), t(a);
   }, d = () => {
     o(), l(e);
@@ -18411,7 +18411,7 @@ const jd = L.forwardRef(o1), a1 = ({
   const [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(), [a, l] = B(e), c = () => {
+  }] = $e(), [a, l] = q(e), c = () => {
     o(), t(a);
   }, d = () => {
     o(), l(e);
@@ -18567,7 +18567,7 @@ async function x1(e, t, n, s = {}) {
     params: s.params,
     headers: i
   };
-  return o.data = s.string ? JSON.stringify(n) : n, qt(o).then((a) => a.data).catch((a) => Promise.reject(a));
+  return o.data = s.string ? JSON.stringify(n) : n, Bt(o).then((a) => a.data).catch((a) => Promise.reject(a));
 }
 const m1 = ({
   conf: e,
@@ -18875,7 +18875,7 @@ function D1(e, t, n) {
   });
 }
 function I1(e, t, n) {
-  const s = qn(e.heat_block.min, n), i = qn(e.heat_block.max, n);
+  const s = Bn(e.heat_block.min, n), i = Bn(e.heat_block.max, n);
   return {
     min: s,
     max: i,
@@ -18971,7 +18971,7 @@ const vd = {
     },
     name: "Value",
     data_key: "",
-    value_formatter: Be
+    value_formatter: qe
   },
   tooltip: {
     metrics: []
@@ -18994,7 +18994,7 @@ function O1({
   interactionManager: i,
   variables: o
 }) {
-  const a = In(t, e.calendar.data_key), l = yt(i.triggerManager, vd.id), c = qe((h) => {
+  const a = In(t, e.calendar.data_key), l = yt(i.triggerManager, vd.id), c = Be((h) => {
     const [p, x] = h.value, y = _.get(a, p, {
       error: "rowData is not found"
     });
@@ -19052,10 +19052,10 @@ function P1({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.min", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(Bn, { label: "Min Value", ...n }) }),
+      }) => /* @__PURE__ */ r.jsx(qn, { label: "Min Value", ...n }) }),
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.max", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(Bn, { label: "Max Value", ...n }) })
+      }) => /* @__PURE__ */ r.jsx(qn, { label: "Max Value", ...n }) })
     ] }),
     /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: e, render: ({
@@ -19103,7 +19103,7 @@ const V1 = ({
     id: Date.now().toString(),
     data_key: "",
     name: ""
-  }), c = t("tooltip.metrics.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -19133,13 +19133,13 @@ const V1 = ({
     ] })
   ] });
 };
-function B1({
+function q1({
   control: e,
   watch: t
 }) {
   return /* @__PURE__ */ r.jsx(N1, { control: e, watch: t });
 }
-const q1 = [{
+const B1 = [{
   label: "Chinese",
   value: "ZH"
 }, {
@@ -19163,7 +19163,7 @@ function W1({
         control: e,
         render: ({
           field: n
-        }) => /* @__PURE__ */ r.jsx(A, { label: "Language", required: !0, data: q1, sx: {
+        }) => /* @__PURE__ */ r.jsx(A, { label: "Language", required: !0, data: B1, sx: {
           flex: 1
         }, ...n })
       }
@@ -19218,7 +19218,7 @@ function G1({
       ] }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Calendar", children: /* @__PURE__ */ r.jsx(W1, { control: o, watch: l }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Heat Block", children: /* @__PURE__ */ r.jsx(P1, { control: o, watch: l }) }),
-      /* @__PURE__ */ r.jsx(f.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(B1, { control: o, watch: l }) })
+      /* @__PURE__ */ r.jsx(f.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(q1, { control: o, watch: l }) })
     ] })
   ] }) });
 }
@@ -19320,7 +19320,7 @@ const K1 = {
     name: "X Axis",
     data_key: "",
     position: "bottom",
-    label_formatter: Be,
+    label_formatter: qe,
     show: !0
   }],
   y_axis: {
@@ -19349,7 +19349,7 @@ function Y1() {
     name: e,
     data_key: "",
     position: "bottom",
-    label_formatter: Be,
+    label_formatter: qe,
     show: !0
   };
 }
@@ -19721,7 +19721,7 @@ function fk({
   interactionManager: i,
   variables: o
 }) {
-  const a = In(t, e.y_axis.data_key), l = yt(i.triggerManager, qi.id), c = qe((h) => {
+  const a = In(t, e.y_axis.data_key), l = yt(i.triggerManager, Bi.id), c = Be((h) => {
     const p = _.get(a, h.name, {
       error: "rowData is not found"
     });
@@ -19916,7 +19916,7 @@ function vk({
   ] });
 }
 function wk(e) {
-  const [t, n] = B(e);
+  const [t, n] = q(e);
   return O(() => {
     n(e);
   }, [e]), {
@@ -20681,7 +20681,7 @@ function Nk(e, t, n, s) {
     show_in_legend: !0
   }));
 }
-function Bk(e, t, n, s) {
+function qk(e, t, n, s) {
   const i = $(t.data_key), o = t.name, a = n.map((l) => {
     const c = _.sumBy(s[l], i.columnKey);
     return [l, c];
@@ -20696,12 +20696,12 @@ function Bk(e, t, n, s) {
     show_in_legend: !1
   };
 }
-function qk(e, t, n, s) {
+function Bk(e, t, n, s) {
   const a = {
     barMinWidth: 5,
     barMaxWidth: 20
   };
-  return [Ok(e, n, s), Pk(e, n, s, a), ...Nk(e, n, s, a), Bk(e, t, n, s)];
+  return [Ok(e, n, s), Pk(e, n, s, a), ...Nk(e, n, s, a), qk(e, t, n, s)];
 }
 function Wk(e, t) {
   const {
@@ -20943,7 +20943,7 @@ function Xk(e, t) {
   };
 }
 function Jk(e, t, n) {
-  const s = Hk(e, n), i = $(e.x_axis.data_key), o = _.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), a = _.groupBy(s, i.columnKey), l = Xk(e, t), c = qk(e, l, o, a), d = {
+  const s = Hk(e, n), i = $(e.x_axis.data_key), o = _.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), a = _.groupBy(s, i.columnKey), l = Xk(e, t), c = Bk(e, l, o, a), d = {
     xAxis: Wk(e, o),
     yAxis: Gk(l),
     series: c,
@@ -21048,7 +21048,7 @@ function iT({
   } = n, {
     estimated_value: c,
     actual_value: d
-  } = l.data_keys, [u, h] = B(d);
+  } = l.data_keys, [u, h] = q(d);
   if (O(() => {
     h((y) => y || d);
   }, [d]), !a.data_key || !c || !d || !i || !o)
@@ -21127,7 +21127,7 @@ const aT = ({
     id: Date.now().toString(),
     data_key: "",
     name: ""
-  }), c = t("metrics.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("metrics.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -21329,14 +21329,14 @@ function xT() {
       value: "",
       basis: ""
     },
-    formatter: Be,
+    formatter: qe,
     postfix: {
       type: "text",
       value: ""
     }
   };
 }
-const Ba = ({
+const qa = ({
   postfix: e
 }) => e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
   /* @__PURE__ */ r.jsx(j, { size: "12px", color: "#818388", sx: {
@@ -21370,7 +21370,7 @@ const Ba = ({
         /* @__PURE__ */ r.jsx(j, { size: "24px", fw: "bold", color: "#3D3E45", sx: {
           lineHeight: 1
         }, children: Z(t[s.value], i) }),
-        /* @__PURE__ */ r.jsx(Ba, { postfix: l })
+        /* @__PURE__ */ r.jsx(qa, { postfix: l })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs(w, { spacing: 12, children: [
@@ -21379,7 +21379,7 @@ const Ba = ({
         /* @__PURE__ */ r.jsx(j, { size: "12px", color: "#3D3E45", sx: {
           lineHeight: 1
         }, children: Z(t[s.basis], i) }),
-        /* @__PURE__ */ r.jsx(Ba, { postfix: l })
+        /* @__PURE__ */ r.jsx(qa, { postfix: l })
       ] })
     ] })
   ] });
@@ -21503,7 +21503,7 @@ const jT = ({
   }, d = T(() => n.map((y) => ({
     label: y.name,
     value: y.name
-  })), [n]), u = _.get(l, "0.id", null), [h, p] = B(u);
+  })), [n]), u = _.get(l, "0.id", null), [h, p] = q(u);
   O(() => {
     p((y) => y || u);
   }, [u]);
@@ -21695,10 +21695,10 @@ function DT({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.min", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(Bn, { label: "Min Value", ...s }) }),
+      }) => /* @__PURE__ */ r.jsx(qn, { label: "Min Value", ...s }) }),
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.max", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(Bn, { label: "Max Value", ...s }) })
+      }) => /* @__PURE__ */ r.jsx(qn, { label: "Max Value", ...s }) })
     ] }),
     /* @__PURE__ */ r.jsx(I, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: e, render: ({
@@ -21760,7 +21760,7 @@ const IT = ({
     id: Date.now().toString(),
     data_key: "",
     name: ""
-  }), c = t("tooltip.metrics.0.id"), [d, u] = B(() => c ?? null);
+  }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
   return O(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -21826,7 +21826,7 @@ const LT = ({
   const [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(), [a, l] = B(e);
+  }] = $e(), [a, l] = q(e);
   O(() => {
     l(e);
   }, [e]);
@@ -22011,7 +22011,7 @@ const jo = {
     },
     name: "Value",
     data_key: "",
-    value_formatter: Be,
+    value_formatter: qe,
     label: {
       show: !1,
       fontSize: 10
@@ -22120,7 +22120,7 @@ const Sd = {
     valueType: "object"
   }]
 };
-function qa({
+function Ba({
   enabled: e,
   func_content: t
 }) {
@@ -22135,7 +22135,7 @@ function qa({
   };
 }
 function VT(e) {
-  const t = qa(e.x_axis.axisLabel.formatter), n = qa(e.y_axis.axisLabel.formatter);
+  const t = Ba(e.x_axis.axisLabel.formatter), n = Ba(e.y_axis.axisLabel.formatter);
   return {
     x_axis: t,
     y_axis: n
@@ -22154,7 +22154,7 @@ function NT(e) {
     }
   };
 }
-function BT(e) {
+function qT(e) {
   let t = 0;
   return e.x_axis.name && (t += 20), {
     top: 45,
@@ -22164,7 +22164,7 @@ function BT(e) {
     containLabel: !0
   };
 }
-function qT(e, t) {
+function BT(e, t) {
   const {
     x_axis: n,
     y_axis: s,
@@ -22279,7 +22279,7 @@ function QT(e, t, n, s) {
   });
 }
 function HT(e, t) {
-  const n = qn(e.heat_block.min, t), s = qn(e.heat_block.max, t);
+  const n = Bn(e.heat_block.min, t), s = Bn(e.heat_block.max, t);
   return {
     min: n,
     max: s,
@@ -22370,9 +22370,9 @@ function YT(e, t, n) {
   return {
     xAxis: UT(e, t, i.x_axis),
     yAxis: KT(e, t, i.y_axis),
-    series: qT(e, t),
+    series: BT(e, t),
     tooltip: QT(e, t, i, o),
-    grid: BT(e),
+    grid: qT(e),
     visualMap: HT(e, s)
   };
 }
@@ -22388,7 +22388,7 @@ function XT({
   const a = T(() => {
     const h = $(e.x_axis.data_key), p = $(e.y_axis.data_key);
     return _.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
-  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, Sd.id), c = qe((h) => {
+  }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, Sd.id), c = Be((h) => {
     const [p, x] = h.value, y = _.get(a, `${p}---${x}`, {
       error: "rowData is not found"
     });
@@ -23071,9 +23071,9 @@ const lD = ({
     classNames: t,
     styles: n,
     unstyled: s
-  }), [y, S] = B(!1), M = (re) => {
+  }), [y, S] = q(!1), M = (re) => {
     S(re);
-  }, F = y && (l == null ? void 0 : l.length) > 0, [V, Y] = B(""), de = T(() => {
+  }, F = y && (l == null ? void 0 : l.length) > 0, [V, Y] = q(""), de = T(() => {
     if (!V)
       return d;
     const re = V.toLowerCase(), Se = (De) => {
@@ -23446,7 +23446,7 @@ const fD = ({
     classNames: t,
     styles: n,
     unstyled: s
-  }), [S, M] = B(!1), F = (Y) => {
+  }), [S, M] = q(!1), F = (Y) => {
     M(Y);
   }, V = S && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ r.jsxs(w, { spacing: 3, children: [
@@ -23499,7 +23499,7 @@ const fD = ({
     treeData: i,
     treeDataLoading: o,
     errorMessage: a
-  } = t, [l, c] = B(t.defaultSelectionOptions), d = (x) => {
+  } = t, [l, c] = q(t.defaultSelectionOptions), d = (x) => {
     c(x);
     const y = x.map((S) => S.value);
     s(y, !1);
@@ -23547,7 +23547,7 @@ const fD = ({
 }) => {
   const {
     searchButtonProps: t
-  } = Bm(), {
+  } = qm(), {
     children: n = "Search",
     type: s,
     ...i
@@ -24202,7 +24202,7 @@ const PD = m.model("FilterDateRangeConfigMeta", {
       delay: 0
     }));
   }
-})), BD = () => Fd.create({
+})), qD = () => Fd.create({
   _name: "multi-select",
   default_value: [],
   static_options: [],
@@ -24260,7 +24260,7 @@ const PD = m.model("FilterDateRangeConfigMeta", {
       delay: 0
     }));
   }
-})), qD = () => Od.create({
+})), BD = () => Od.create({
   _name: "select",
   required: !1,
   default_value: "",
@@ -24506,10 +24506,10 @@ const Vd = m.compose("FilterTreeSelectConfigMeta", m.model({
   setType(t) {
     switch (t) {
       case Ee.Select:
-        e.config = qD();
+        e.config = BD();
         break;
       case Ee.MultiSelect:
-        e.config = BD();
+        e.config = qD();
         break;
       case Ee.TreeSelect:
         e.config = QD();
@@ -24536,9 +24536,9 @@ const Vd = m.compose("FilterTreeSelectConfigMeta", m.model({
     e.default_value_func = t;
   }
 }));
-var q = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(q || {});
-const Bd = m.model("ViewDivisionConfig", {
-  _name: m.literal(q.Division)
+var B = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(B || {});
+const qd = m.model("ViewDivisionConfig", {
+  _name: m.literal(B.Division)
 }).views((e) => ({
   get json() {
     const {
@@ -24548,8 +24548,8 @@ const Bd = m.model("ViewDivisionConfig", {
       _name: t
     };
   }
-})), HD = () => Bd.create({
-  _name: q.Division
+})), HD = () => qd.create({
+  _name: B.Division
 }), UD = m.model("CustomModalTitleModel", {
   enabled: m.optional(m.boolean, !1),
   func_content: m.optional(m.string, "")
@@ -24598,8 +24598,8 @@ const Bd = m.model("ViewDivisionConfig", {
   enabled: !1,
   func_content: ["function text({ filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
 `)
-}, qd = m.model("ViewModalConfig", {
-  _name: m.literal(q.Modal),
+}, Bd = m.model("ViewModalConfig", {
+  _name: m.literal(B.Modal),
   width: m.string,
   height: m.string,
   custom_modal_title: m.optional(UD, bi)
@@ -24625,8 +24625,8 @@ const Bd = m.model("ViewDivisionConfig", {
   setHeight(t) {
     e.height = t;
   }
-})), KD = () => qd.create({
-  _name: q.Modal,
+})), KD = () => Bd.create({
+  _name: B.Modal,
   width: "90vw",
   height: "90vh"
 }), YD = m.model("ViewTabsTabModel", {
@@ -24660,7 +24660,7 @@ const Bd = m.model("ViewDivisionConfig", {
     e.color = t;
   }
 })), Wd = m.model("ViewTabsConfig", {
-  _name: m.literal(q.Modal),
+  _name: m.literal(B.Modal),
   tabs: m.optional(m.array(YD), []),
   variant: m.optional(m.enumeration("variant", ["default", "outline", "pills"]), "default"),
   orientation: m.optional(m.enumeration("orientation", ["horizontal", "vertical"]), "horizontal"),
@@ -24707,13 +24707,13 @@ const Bd = m.model("ViewDivisionConfig", {
     e.tabs.splice(t, 1);
   }
 })), XD = () => Wd.create({
-  _name: q.Modal,
+  _name: B.Modal,
   tabs: []
 }), JD = m.model({
   id: m.identifier,
   name: m.string,
-  type: m.enumeration("EViewComponentType", [q.Division, q.Modal, q.Tabs]),
-  config: m.union(Bd, qd, Wd),
+  type: m.enumeration("EViewComponentType", [B.Division, B.Modal, B.Tabs]),
+  config: m.union(qd, Bd, Wd),
   panelIDs: m.optional(m.array(m.string), [])
 }).views((e) => ({
   get json() {
@@ -24738,13 +24738,13 @@ const Bd = m.model("ViewDivisionConfig", {
   setType(t) {
     if (e.type !== t) {
       switch (t) {
-        case q.Division:
+        case B.Division:
           e.config = HD();
           break;
-        case q.Modal:
+        case B.Modal:
           e.config = KD();
           break;
-        case q.Tabs:
+        case B.Tabs:
           e.config = XD();
           break;
       }
@@ -24770,7 +24770,7 @@ const Bd = m.model("ViewDivisionConfig", {
   views: [{
     id: "Main",
     name: "Main",
-    type: q.Division,
+    type: B.Division,
     config: {},
     panelIDs: []
   }],
@@ -24853,27 +24853,27 @@ const Ud = m.compose("ViewRenderModel", JD, m.model({
   // FIXME: manage this state in a better way
 })).views((e) => ({
   get defaultTab() {
-    if (e.type !== q.Tabs)
+    if (e.type !== B.Tabs)
       return "";
     const t = e.config;
     return t.tabs.length > 0 ? t.tabs[0].id : "";
   },
   get tabViewID() {
     var n;
-    return e.type !== q.Tabs ? "" : ((n = e.config.tabs.find((s) => s.id === e.tab)) == null ? void 0 : n.view_id) ?? "";
+    return e.type !== B.Tabs ? "" : ((n = e.config.tabs.find((s) => s.id === e.tab)) == null ? void 0 : n.view_id) ?? "";
   },
   get contentModel() {
     return Le(e, 3);
   },
   get panels() {
-    if (e.type !== q.Tabs)
+    if (e.type !== B.Tabs)
       return this.contentModel.panels.panelsByIDs(e.panelIDs).panels;
     const t = this.tabViewID, n = this.contentModel.views.findByID(t);
     return (n == null ? void 0 : n.panels) ?? [];
   },
   get renderViewIDs() {
     const t = [e.id];
-    return e.type === q.Tabs && t.push(this.tabViewID), t;
+    return e.type === B.Tabs && t.push(this.tabViewID), t;
   }
 })).actions((e) => ({
   setTab(t) {
@@ -25432,7 +25432,7 @@ const oI = FD.views((e) => ({
           additionals: e.additionalQueryInfo
         }, e.controller.signal)), e.state = "idle", e.error = null;
       } catch (n) {
-        if (!qt.isCancel(n)) {
+        if (!Bt.isCancel(n)) {
           e.data = [];
           const s = ne(n, "message", "unkown error");
           e.error = ne(n, "response.data.detail.message", s), e.state = "error";
@@ -25461,7 +25461,7 @@ const oI = FD.views((e) => ({
         }, e.controller.signal)), l = vm(e.datasource, a), c = wm(i, l, e.contentModel.dashboardState);
         e.data = c, e.state = "idle", e.error = null;
       } catch (n) {
-        if (console.error(n), !qt.isCancel(n)) {
+        if (console.error(n), !Bt.isCancel(n)) {
           e.data = [];
           const s = ne(n, "message", "unkown error");
           e.error = ne(n, "response.data.detail.message", s), e.state = "error";
@@ -25717,7 +25717,7 @@ const uI = (e) => new dI(e), hI = k(({
     zIndex: 320
   }), p = L.useCallback(() => {
     l(a);
-  }, [a, l]), x = !c && e.type !== q.Modal;
+  }, [a, l]), x = !c && e.type !== B.Modal;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(z, { sx: {
     position: "absolute",
     top: 0,
@@ -25803,7 +25803,7 @@ function mI(e) {
     }
   };
 }
-var lu = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(lu || {}), Br = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(Br || {});
+var lu = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(lu || {}), qr = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(qr || {});
 class fI {
   constructor(t) {
     N(this, "vizInstance");
@@ -25857,7 +25857,7 @@ function cu(e) {
   const {
     panel: t
   } = Dn();
-  return qe((n) => {
+  return Be((n) => {
     const s = n.getRequired(ze.vizManager), i = s.resolveComponent(e.viz.type);
     return n.createScoped().provideFactory(ze.instanceScope.vizInstance, () => s.getOrCreateInstance(e)).provideFactory(ze.instanceScope.interactionManager, (o) => {
       const a = o.getRequired(ze.instanceScope.vizInstance);
@@ -25866,10 +25866,10 @@ function cu(e) {
   }, [e.viz.type, e.viz.conf]);
 }
 function du(e) {
-  const [t, n] = B(!1), s = kd().getRequired(ze.instanceScope.migrator);
+  const [t, n] = q(!1), s = kd().getRequired(ze.instanceScope.migrator);
   return fr(async () => {
-    const i = s.status === Br.notStarted;
-    n(s.status === Br.done), s.status === Br.notStarted && s.runMigration().then((o) => {
+    const i = s.status === qr.notStarted;
+    n(s.status === qr.done), s.status === qr.notStarted && s.runMigration().then((o) => {
       o === lu.migrated && i && (e == null || e());
     }).finally(() => {
       n(!0);
@@ -26033,7 +26033,7 @@ const TI = k(({
     inFullScreen: o
   } = L.useContext(Ds), a = L.useCallback(() => {
     i(s);
-  }, [s, i]), l = !o && e.type !== q.Modal;
+  }, [s, i]), l = !o && e.type !== B.Modal;
   return kI(t.viz.type) ? /* @__PURE__ */ r.jsx(z, { sx: {
     position: "absolute",
     top: 0,
@@ -26121,7 +26121,7 @@ const LI = L.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", ...t, children: /* @__PURE__ */ r.jsx(Bh, { size: 16 }) })), RI = Ul(Hl), EI = k(({
+}, variant: "transparent", ...t, children: /* @__PURE__ */ r.jsx(qh, { size: 16 }) })), RI = Ul(Hl), EI = k(({
   view: e,
   className: t = "layout"
 }) => {
@@ -26297,20 +26297,20 @@ const $I = k(({
       return i ? /* @__PURE__ */ r.jsx(f.Panel, { value: s.id, children: /* @__PURE__ */ r.jsx(ko, { view: i }) }, s.id) : null;
     })
   ] });
-}), BI = k(({
+}), qI = k(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
-    case q.Modal:
+    case B.Modal:
       return /* @__PURE__ */ r.jsx(PI, { view: e, children: t });
-    case q.Tabs:
+    case B.Tabs:
       return /* @__PURE__ */ r.jsx(NI, { view: e });
-    case q.Division:
+    case B.Division:
     default:
       return /* @__PURE__ */ r.jsx(mu, { view: e, children: t });
   }
-}), qI = k(({
+}), BI = k(({
   children: e,
   view: t
 }) => /* @__PURE__ */ r.jsx(mu, { sx: {
@@ -26409,7 +26409,7 @@ const WI = k(({
 } : {}, HI = k(({
   view: e
 }) => {
-  const t = Tt(), n = le(), s = T(() => n.views.options.filter((l) => l.type === q.Division), [e.id, n.views.options]), i = e.config, o = (l) => t.openConfirmModal({
+  const t = Tt(), n = le(), s = T(() => n.views.options.filter((l) => l.type === B.Division), [e.id, n.views.options]), i = e.config, o = (l) => t.openConfirmModal({
     title: "Delete this tab?",
     labels: {
       confirm: "Confirm",
@@ -26470,13 +26470,13 @@ const WI = k(({
   children: t
 }) => {
   switch (e.type) {
-    case q.Modal:
+    case B.Modal:
       return /* @__PURE__ */ r.jsx(WI, { view: e, children: t });
-    case q.Tabs:
+    case B.Tabs:
       return /* @__PURE__ */ r.jsx(HI, { view: e });
-    case q.Division:
+    case B.Division:
     default:
-      return /* @__PURE__ */ r.jsx(qI, { view: e, children: t });
+      return /* @__PURE__ */ r.jsx(BI, { view: e, children: t });
   }
 }), KI = k(function({
   view: t
@@ -26509,10 +26509,10 @@ const WI = k(({
     viewPanelInFullScreen: i,
     inFullScreen: a
   }, children: /* @__PURE__ */ r.jsxs(z, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
-    height: t.type === q.Modal ? "0 !important" : "100%"
+    height: t.type === B.Modal ? "0 !important" : "100%"
   }, children: [
     a && /* @__PURE__ */ r.jsx(zI, { view: t, panel: l, exitFullScreen: o }),
-    /* @__PURE__ */ r.jsx(BI, { view: t, children: /* @__PURE__ */ r.jsxs(z, { sx: {
+    /* @__PURE__ */ r.jsx(qI, { view: t, children: /* @__PURE__ */ r.jsxs(z, { sx: {
       position: "relative"
     }, children: [
       !a && /* @__PURE__ */ r.jsx(z, { className: "dashboard-sticky-area", sx: {
@@ -26525,17 +26525,17 @@ const WI = k(({
 });
 var YI = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(YI || {});
 const LR = {
-  [q.Division]: "Division",
-  [q.Tabs]: "Tabs",
-  [q.Modal]: "Modal"
+  [B.Division]: "Division",
+  [B.Tabs]: "Tabs",
+  [B.Modal]: "Modal"
 }, XI = {
-  [q.Division]: "rgba(255, 0, 0, 0.2)",
-  [q.Modal]: "rgba(0, 0, 0, 0.2)",
-  [q.Tabs]: "rgba(255, 200, 100, 0.4)"
+  [B.Division]: "rgba(255, 0, 0, 0.2)",
+  [B.Modal]: "rgba(0, 0, 0, 0.2)",
+  [B.Tabs]: "rgba(255, 200, 100, 0.4)"
 }, AR = {
-  [q.Division]: "#ff4000",
-  [q.Modal]: "#000",
-  [q.Tabs]: "#ffad18"
+  [B.Division]: "#ff4000",
+  [B.Modal]: "#000",
+  [B.Tabs]: "#ffad18"
 };
 function JI(e, t, n) {
   Ct(e, ex(e, (s, i) => {
@@ -26855,7 +26855,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
     var n;
     (n = e.controllers.tables) == null || n.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
-      const s = yield* pn(Bt.structure(e.controllers.tables.signal)({
+      const s = yield* pn(qt.structure(e.controllers.tables.signal)({
         query_type: "TABLES",
         type: e.sqlDataSourceType,
         key: e.key,
@@ -26868,7 +26868,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
       }));
       e.tables.data = _.groupBy(s, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
     } catch (s) {
-      if (!qt.isCancel(s)) {
+      if (!Bt.isCancel(s)) {
         e.tables.data = {};
         const i = _.get(s, "message", "unkown error");
         e.tables.error = _.get(s, "response.data.detail.message", i), e.tables.state = "error";
@@ -26884,7 +26884,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
       var n;
       (n = e.controllers.columns) == null || n.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
-        e.columns.data = yield* pn(Bt.structure(e.controllers.columns.signal)({
+        e.columns.data = yield* pn(qt.structure(e.controllers.columns.signal)({
           query_type: "COLUMNS",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -26896,7 +26896,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
           }
         })), e.columns.state = "idle", e.columns.error = null;
       } catch (s) {
-        if (qt.isCancel(s))
+        if (Bt.isCancel(s))
           e.columns.state = "idle", e.columns.error = null;
         else {
           e.columns.data = [];
@@ -26909,7 +26909,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
       var n;
       (n = e.controllers.indexes) == null || n.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
-        e.indexes.data = yield* pn(Bt.structure(e.controllers.indexes.signal)({
+        e.indexes.data = yield* pn(qt.structure(e.controllers.indexes.signal)({
           query_type: "INDEXES",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -26921,7 +26921,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
           }
         })), e.indexes.state = "idle", e.indexes.error = null;
       } catch (s) {
-        if (qt.isCancel(s))
+        if (Bt.isCancel(s))
           e.indexes.state = "idle", e.indexes.error = null;
         else {
           e.indexes.data = [];
@@ -26936,7 +26936,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
       const n = e.tableData;
       n.state = "loading";
       try {
-        n.data = yield* pn(Bt.structure(e.controllers.tableData.signal)({
+        n.data = yield* pn(qt.structure(e.controllers.tableData.signal)({
           query_type: "DATA",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -26951,7 +26951,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
         }));
         const [{
           total: i
-        }] = yield* pn(Bt.structure(e.controllers.tableData.signal)({
+        }] = yield* pn(qt.structure(e.controllers.tableData.signal)({
           query_type: "COUNT",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -26964,7 +26964,7 @@ const ZI = m.compose("FiltersModel", nu, m.model("FiltersModel", {
         }));
         n.total = Number(i), n.state = "idle", n.error = null;
       } catch (i) {
-        if (qt.isCancel(i))
+        if (Bt.isCancel(i))
           n.state = "idle", n.error = null;
         else {
           n.data = [];
@@ -27256,7 +27256,7 @@ const dz = m.model("EditorModel", {
     };
   },
   downloadSchema() {
-    if (e.type === q.Tabs) {
+    if (e.type === B.Tabs) {
       console.error(new Error("Please choose a tab first"));
       return;
     }
@@ -27329,8 +27329,8 @@ const dz = m.model("EditorModel", {
   },
   addARandomNewView() {
     const t = (/* @__PURE__ */ new Date()).getTime().toString();
-    this.addANewView(t, q.Division, q.Division, {
-      _name: q.Division
+    this.addANewView(t, B.Division, B.Division, {
+      _name: B.Division
     }), this.setIDOfVIE(t);
   },
   removeVIE() {
@@ -27954,7 +27954,7 @@ const yz = k(() => {
   borderBottom: "1px solid #e9ecef"
 }, wz = k(() => {
   var s;
-  const e = le(), t = ((s = e.views.VIE) == null ? void 0 : s.type) === q.Tabs, n = () => e.addANewPanel(e.views.idOfVIE);
+  const e = le(), t = ((s = e.views.VIE) == null ? void 0 : s.type) === B.Tabs, n = () => e.addANewPanel(e.views.idOfVIE);
   return t ? /* @__PURE__ */ r.jsx(ge, { label: "Please choose a tab first", children: /* @__PURE__ */ r.jsx(C, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(ia, { size: 20 }), sx: {
     ...Ha,
     transform: "none !important"
@@ -27964,7 +27964,7 @@ const yz = k(() => {
   }, children: "Add a Panel" });
 }), _z = k(({
   view: e
-}) => !e || e.type !== q.Division ? null : /* @__PURE__ */ r.jsxs(w, { children: [
+}) => !e || e.type !== B.Division ? null : /* @__PURE__ */ r.jsxs(w, { children: [
   /* @__PURE__ */ r.jsx(I, { mt: 8, mb: 0, label: "Division settings", labelPosition: "center" }),
   /* @__PURE__ */ r.jsx(j, { align: "center", size: "xs", color: "dimmed", children: "Under construction" })
 ] })), Sz = [{
@@ -27985,7 +27985,7 @@ const yz = k(() => {
 }], kz = k(({
   view: e
 }) => {
-  if (!e || e.type !== q.Tabs)
+  if (!e || e.type !== B.Tabs)
     return null;
   const t = e.config;
   return /* @__PURE__ */ r.jsxs(w, { children: [
@@ -28020,7 +28020,7 @@ const yz = k(() => {
   const [n, {
     setTrue: s,
     setFalse: i
-  }] = $e(), [o, a] = B(e ?? bi), l = (p) => {
+  }] = $e(), [o, a] = q(e ?? bi), l = (p) => {
     a({
       ...o,
       enabled: p
@@ -28064,7 +28064,7 @@ const yz = k(() => {
 }, Iz = k(({
   view: e
 }) => {
-  if (!e || e.type !== q.Modal)
+  if (!e || e.type !== B.Modal)
     return null;
   const t = e.config, n = t.custom_modal_title.value;
   return /* @__PURE__ */ r.jsxs(w, { children: [
@@ -28086,19 +28086,19 @@ const yz = k(() => {
   /* @__PURE__ */ r.jsx(_z, { view: e }),
   /* @__PURE__ */ r.jsx(Iz, { view: e }),
   /* @__PURE__ */ r.jsx(kz, { view: e })
-] })), qr = {
-  [q.Division]: "Division",
-  [q.Modal]: "Modal",
-  [q.Tabs]: "Tabs"
+] })), Br = {
+  [B.Division]: "Division",
+  [B.Modal]: "Modal",
+  [B.Tabs]: "Tabs"
 }, Mz = [{
-  label: qr[q.Division],
-  value: q.Division
+  label: Br[B.Division],
+  value: B.Division
 }, {
-  label: qr[q.Modal],
-  value: q.Modal
+  label: Br[B.Modal],
+  value: B.Modal
 }, {
-  label: qr[q.Tabs],
-  value: q.Tabs
+  label: Br[B.Tabs],
+  value: B.Tabs
 }], Lz = k(({
   view: e
 }) => e ? /* @__PURE__ */ r.jsxs(w, { sx: {
@@ -28133,7 +28133,7 @@ const yz = k(() => {
     ] }), rows: t.map((n) => /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("td", { children: n.id }),
       /* @__PURE__ */ r.jsx("td", { children: n.name }),
-      /* @__PURE__ */ r.jsx("td", { children: qr[n.type] })
+      /* @__PURE__ */ r.jsx("td", { children: Br[n.type] })
     ] }, n.id)) })
   ] });
 }, Rz = ({
@@ -28276,7 +28276,7 @@ const Nz = k(({
         color: "red"
       });
     }
-  }, [h, p] = B(null);
+  }, [h, p] = q(null);
   O(() => {
     if (!h)
       return;
@@ -28329,7 +28329,7 @@ const Nz = k(({
   borderTop: "none",
   borderRight: "1px solid #e9ecef",
   borderBottom: "1px solid #e9ecef"
-}, Bz = k(() => {
+}, qz = k(() => {
   var c;
   const [e, {
     open: t,
@@ -28337,7 +28337,7 @@ const Nz = k(({
   }] = Cn(!1), [s, {
     setTrue: i,
     setFalse: o
-  }] = $e(!1), l = ((c = ce().content.views.VIE) == null ? void 0 : c.type) === q.Tabs;
+  }] = $e(!1), l = ((c = ce().content.views.VIE) == null ? void 0 : c.type) === B.Tabs;
   return l ? /* @__PURE__ */ r.jsx(ge, { label: "Please choose a tab first", children: /* @__PURE__ */ r.jsx(C, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(oa, { size: 16 }), sx: {
     ...Ua,
     transform: "none !important"
@@ -28356,9 +28356,9 @@ const Nz = k(({
   borderTop: "none",
   borderLeft: "1px solid #e9ecef",
   borderBottom: "1px solid #e9ecef"
-}, qz = k(() => {
+}, Bz = k(() => {
   var s;
-  const e = le(), t = ((s = e.views.VIE) == null ? void 0 : s.type) === q.Tabs, n = () => {
+  const e = le(), t = ((s = e.views.VIE) == null ? void 0 : s.type) === B.Tabs, n = () => {
     var i;
     return (i = e.views.VIE) == null ? void 0 : i.downloadSchema();
   };
@@ -28391,10 +28391,10 @@ const Nz = k(({
 }, children: [
   /* @__PURE__ */ r.jsxs(b, { position: "left", spacing: 0, children: [
     /* @__PURE__ */ r.jsx(wz, {}),
-    /* @__PURE__ */ r.jsx(Bz, {})
+    /* @__PURE__ */ r.jsx(qz, {})
   ] }),
   /* @__PURE__ */ r.jsx(z, {}),
-  /* @__PURE__ */ r.jsx(b, { position: "right", spacing: 0, children: /* @__PURE__ */ r.jsx(qz, {}) })
+  /* @__PURE__ */ r.jsx(b, { position: "right", spacing: 0, children: /* @__PURE__ */ r.jsx(Bz, {}) })
 ] }) })), Qz = k((e) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
   /* @__PURE__ */ r.jsx(vz, { ...e }),
   /* @__PURE__ */ r.jsx(Gz, {})
@@ -28524,15 +28524,15 @@ function Zz(e, t) {
   }), s;
 }
 const eM = {
-  [q.Division]: "Div",
-  [q.Modal]: "Modal",
-  [q.Tabs]: "Tabs"
+  [B.Division]: "Div",
+  [B.Modal]: "Modal",
+  [B.Tabs]: "Tabs"
 }, tM = XI;
 function nM(e) {
   return e.current.map((n, s) => {
     const i = Kz(n.panelIDs.length, Wr, Su) + To + wu;
     let o = [];
-    return n.type === q.Tabs && (o = n.config.tabs.map((l) => l.view_id)), {
+    return n.type === B.Tabs && (o = n.config.tabs.map((l) => l.view_id)), {
       id: n.id,
       _node_type: "view-root",
       _view_type: n.type,
@@ -28560,7 +28560,7 @@ function nM(e) {
 function rM(e) {
   const t = _.keyBy(e, (n) => n.id);
   e.forEach((n) => {
-    n._node_type !== "view-root" || n._view_type !== q.Tabs || n._tab_view_ids.forEach((s) => {
+    n._node_type !== "view-root" || n._view_type !== B.Tabs || n._tab_view_ids.forEach((s) => {
       t[s].parentNode = n.id;
     });
   });
@@ -28577,7 +28577,7 @@ function iM({
   edges: n
 }) {
   t.forEach((s) => {
-    s._node_type !== "view-root" || s._view_type !== q.Tabs || (s.sourcePosition = St.Bottom, s.style.width = Do + es * 2, s.style.height = wu + s._tab_view_ids.reduce((i, o) => {
+    s._node_type !== "view-root" || s._view_type !== B.Tabs || (s.sourcePosition = St.Bottom, s.style.width = Do + es * 2, s.style.height = wu + s._tab_view_ids.reduce((i, o) => {
       const a = e[o];
       a.position.y = i, a.position.x = es;
       const l = a.style.height;
@@ -28720,7 +28720,7 @@ const hM = ih(({
       position: "absolute",
       top: 0,
       right: 0
-    }, children: /* @__PURE__ */ r.jsx(qh, { size: 12 }) }),
+    }, children: /* @__PURE__ */ r.jsx(Bh, { size: 12 }) }),
     /* @__PURE__ */ r.jsxs(Te, { shadow: "xl", withinPortal: !0, children: [
       /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(j, { children: e.label }) }),
       /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(it, { spacing: "xs", size: "sm", center: !0, children: o.map((a) => /* @__PURE__ */ r.jsx(it.Item, { icon: a.icon, children: a.text }, a.key)) }) })
@@ -28738,7 +28738,7 @@ const pM = {
   return /* @__PURE__ */ r.jsxs(Px, { nodes: n, edges: t, onNodesChange: _.noop, onEdgesChange: _.noop, onConnect: _.noop, className: "interactions-viewer", fitView: !0, nodeTypes: pM, children: [
     /* @__PURE__ */ r.jsx(Vx, {}),
     /* @__PURE__ */ r.jsx(Nx, {}),
-    /* @__PURE__ */ r.jsx(Bx, {})
+    /* @__PURE__ */ r.jsx(qx, {})
   ] });
 }), mM = k(({
   opened: e,
@@ -28822,7 +28822,7 @@ function gM({
   ] });
 }
 const bM = k(() => {
-  const e = ce(), t = le(), n = qe((i) => () => t.views.setIDOfVIE(i), [t]), s = (i) => {
+  const e = ce(), t = le(), n = Be((i) => () => t.views.setIDOfVIE(i), [t]), s = (i) => {
     e.editor.open(["_VIEWS_", i]);
   };
   return /* @__PURE__ */ r.jsxs(z, { sx: {
@@ -28852,7 +28852,7 @@ const bM = k(() => {
       return;
     }
     e.editor.open(["_FILTERS_", t.filters.firstID]);
-  }, [i, o] = B(!1), a = () => o(!0), l = () => o(!1);
+  }, [i, o] = q(!1), a = () => o(!0), l = () => o(!1);
   return /* @__PURE__ */ r.jsxs(Nt, { p: 0, width: {
     base: 200,
     xs: 200,
@@ -29002,7 +29002,7 @@ const bM = k(() => {
   description?: string; // optional
 }
 `, Cu = () => {
-  const [e, t] = B(!1);
+  const [e, t] = q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see expected data structure" }),
     /* @__PURE__ */ r.jsx(xr, { in: e, children: /* @__PURE__ */ r.jsx(on, { language: "typescript", noCopy: !0, colorScheme: "dark", children: SM }) })
@@ -29164,7 +29164,7 @@ const bM = k(() => {
   description?: string;
 }
 `, IM = () => {
-  const [e, t] = B(!1);
+  const [e, t] = q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see expected data structure" }),
     /* @__PURE__ */ r.jsx(xr, { in: e, children: /* @__PURE__ */ r.jsx(on, { language: "typescript", noCopy: !0, colorScheme: "dark", children: DM }) })
@@ -29310,7 +29310,7 @@ const bM = k(() => {
     }, children: /* @__PURE__ */ r.jsx(RM, { filter: i }) })
   ] });
 }), FM = k(() => {
-  const [e, t] = B([]), n = ce(), s = (c) => {
+  const [e, t] = q([]), n = ce(), s = (c) => {
     n.editor.setPath(["_FILTERS_", c]);
   }, i = () => {
     n.content.filters.downloadSchema(e);
@@ -29381,7 +29381,7 @@ const bM = k(() => {
     ] }) }) })
   ] });
 }), OM = k(() => {
-  const e = le(), [t, n] = B(() => JSON.stringify(e.mock_context.current, null, 4)), s = () => {
+  const e = le(), [t, n] = q(() => JSON.stringify(e.mock_context.current, null, 4)), s = () => {
     try {
       e.mock_context.replace(JSON.parse(t));
     } catch (o) {
@@ -29493,7 +29493,7 @@ const bM = k(() => {
     ] }),
     /* @__PURE__ */ r.jsx(D, { value: n, onChange: s, required: !0 })
   ] });
-}), BM = k(() => {
+}), qM = k(() => {
   const {
     panel: e
   } = zt();
@@ -29504,14 +29504,14 @@ const bM = k(() => {
     /* @__PURE__ */ r.jsx(K, { size: "sm", checked: !0, disabled: !0, label: "Use name as title" })
   ] }) });
 });
-function qM() {
+function BM() {
   return /* @__PURE__ */ r.jsxs(w, { sx: {
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(PM, {}),
     /* @__PURE__ */ r.jsx(I, { label: "Info", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ r.jsx(NM, {}),
-    /* @__PURE__ */ r.jsx(BM, {}),
+    /* @__PURE__ */ r.jsx(qM, {}),
     /* @__PURE__ */ r.jsx($M, {})
   ] });
 }
@@ -29643,7 +29643,7 @@ const GM = [{
   data: e,
   loading: t
 }) => {
-  const [n, s] = B(1), [i, o] = B(20), a = T(() => {
+  const [n, s] = q(1), [i, o] = q(20), a = T(() => {
     const l = (n - 1) * i, c = l + i;
     return e.slice(l, c);
   }, [e, n, i]);
@@ -29677,7 +29677,7 @@ const GM = [{
   const s = Pe(), {
     data: i,
     state: o
-  } = s.getDataStuffByID(e), a = o === "loading", l = qe(() => {
+  } = s.getDataStuffByID(e), a = o === "loading", l = Be(() => {
     s.queries.refetchDataByQueryID(e);
   }, [e, s]), c = () => {
     s.queries.downloadDataByQueryID(e);
@@ -29713,7 +29713,7 @@ const GM = [{
 }), YM = k(function() {
   const t = ce(), n = le(), {
     panel: s
-  } = zt(), [i, o] = B(!1), a = (l) => {
+  } = zt(), [i, o] = q(!1), a = (l) => {
     t.editor.setPath(["_QUERIES_", l]);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -30134,7 +30134,7 @@ const xL = k(() => {
   panel: e,
   sourceViewID: t
 }) => {
-  const n = le(), [s, i] = B(t);
+  const n = le(), [s, i] = q(t);
   O(() => {
     i(t);
   }, [t]);
@@ -30208,7 +30208,7 @@ function gL(e) {
 const bL = k(({
   panel: e
 }) => {
-  const t = Tt(), n = ce(), s = le(), [i, o] = B("Data"), a = e.queries, c = gL(e.viz.type) && e.dataLoading, d = c || e.queryErrors.length > 0 || e.queryStateMessages !== "" || a.length === 0, u = n.editor.path[1];
+  const t = Tt(), n = ce(), s = le(), [i, o] = q("Data"), a = e.queries, c = gL(e.viz.type) && e.dataLoading, d = c || e.queryErrors.length > 0 || e.queryStateMessages !== "" || a.length === 0, u = n.editor.path[1];
   O(() => {
     o((x) => d && x === "Visualization" ? "Data" : x);
   }, [e.id, d]);
@@ -30258,7 +30258,7 @@ const bL = k(({
         /* @__PURE__ */ r.jsx(_n, { visible: c, exitTransitionDuration: 0 }),
         /* @__PURE__ */ r.jsx(YM, {})
       ] }),
-      /* @__PURE__ */ r.jsx(f.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(ei, { children: /* @__PURE__ */ r.jsx(qM, {}) }) }),
+      /* @__PURE__ */ r.jsx(f.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(ei, { children: /* @__PURE__ */ r.jsx(BM, {}) }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Variables", children: /* @__PURE__ */ r.jsx(ei, { children: /* @__PURE__ */ r.jsx(lL, {}) }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Visualization", children: /* @__PURE__ */ r.jsx(Ge, { children: /* @__PURE__ */ r.jsx(ei, { children: /* @__PURE__ */ r.jsx(xL, {}) }) }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Interactions", children: /* @__PURE__ */ r.jsx(Ge, { children: /* @__PURE__ */ r.jsx(Nf, {}) }) })
@@ -30282,7 +30282,7 @@ const bL = k(({
     "] is not found"
   ] });
 }), jL = k(() => {
-  const [e, t] = B([]), n = Tt(), s = ce(), i = (h) => {
+  const [e, t] = q([]), n = Tt(), s = ce(), i = (h) => {
     s.editor.setPath(["_QUERIES_", h]);
   }, o = () => {
     n.openConfirmModal({
@@ -30771,7 +30771,7 @@ const zL = k(({
   dataSource: e,
   triggerButtonProps: t = {}
 }) => {
-  const [n, s] = B(!1);
+  const [n, s] = q(!1);
   return e.type === "http" ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(fe, { opened: n, onClose: () => s(!1), title: /* @__PURE__ */ r.jsxs(b, { position: "apart", sx: {
       flexGrow: 1
@@ -30800,7 +30800,16 @@ const zL = k(({
   label: e,
   type: t,
   ...n
-}, s) => t === Me.Transform ? /* @__PURE__ */ r.jsxs(b, { position: "left", ref: s, ...n, children: [
+}, s) => t === Me.Transform ? /* @__PURE__ */ r.jsxs(b, { className: "transform-query-option", position: "left", ref: s, ...n, sx: {
+  '&[data-selected="true"]': {
+    ".mantine-Text-root": {
+      color: "white"
+    },
+    svg: {
+      stroke: "white"
+    }
+  }
+}, children: [
   /* @__PURE__ */ r.jsx(vp, { size: 14, color: "#228be6" }),
   /* @__PURE__ */ r.jsx(j, { color: "blue", children: e })
 ] }) : /* @__PURE__ */ r.jsxs(b, { position: "apart", ref: s, ...n, children: [
@@ -30868,7 +30877,7 @@ const zL = k(({
 }), NL = k(({
   queryModel: e
 }) => {
-  const [t, n] = B(e.name);
+  const [t, n] = q(e.name);
   return O(() => {
     n(e.name);
   }, [e.name]), /* @__PURE__ */ r.jsx(Sn, { ml: 20, mt: 20, sx: {
@@ -30900,7 +30909,7 @@ const zL = k(({
     /* @__PURE__ */ r.jsx(wL, { queryModel: e })
   ] }) });
 });
-function BL({
+function qL({
   content: e
 }) {
   return /* @__PURE__ */ r.jsxs(Te, { width: "60vw", shadow: "md", children: [
@@ -30908,7 +30917,7 @@ function BL({
     /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(on, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
-const qL = k(() => {
+const BL = k(() => {
   const t = [...ce().globalSQLSnippets.list];
   return t.length === 0 ? null : /* @__PURE__ */ r.jsxs(We, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -30922,7 +30931,7 @@ const qL = k(() => {
       } = n;
       return /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("td", { children: s }),
-        /* @__PURE__ */ r.jsx("td", { width: 200, children: /* @__PURE__ */ r.jsx(BL, { content: i }) })
+        /* @__PURE__ */ r.jsx("td", { width: 200, children: /* @__PURE__ */ r.jsx(qL, { content: i }) })
       ] }, s);
     }) })
   ] });
@@ -30970,11 +30979,11 @@ WHERE
     }, noCopy: !0, colorScheme: "dark", children: a }) }),
     /* @__PURE__ */ r.jsx(f.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(w, { spacing: 10, children: [
       /* @__PURE__ */ r.jsx(rs, { icon: /* @__PURE__ */ r.jsx(aa, { size: 16 }), title: "Global SQL Snippets", children: "SQL snippets worth sharing between dashboards are managed in System Settings by admins." }),
-      /* @__PURE__ */ r.jsx(qL, {})
+      /* @__PURE__ */ r.jsx(BL, {})
     ] }) })
   ] }) });
 }), zo = k(() => {
-  const [e, t] = B(!1);
+  const [e, t] = q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(fe, { opened: e, onClose: () => t(!1), title: "Query Variables", zIndex: 320, size: "800px", children: /* @__PURE__ */ r.jsx(Iu, {}) }),
     /* @__PURE__ */ r.jsx(C, { variant: "subtle", onClick: () => t(!0), px: 16, styles: {
@@ -31089,7 +31098,7 @@ WHERE
 }), UL = "SELECT 1", KL = k(({
   queryModel: e
 }) => {
-  const [t, n] = B(e.sql), s = () => {
+  const [t, n] = q(e.sql), s = () => {
     e.setSQL(t);
   }, i = () => {
     n(e.sql);
@@ -31191,7 +31200,7 @@ WHERE
 }, tA = k(({
   queryModel: e
 }) => {
-  const t = le(), n = T(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [s, i] = B(n);
+  const t = le(), n = T(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [s, i] = q(n);
   O(() => {
     i((l) => l !== "Configurations" && n === "Configurations" ? "Configurations" : l);
   }, [n]);
@@ -31241,9 +31250,9 @@ WHERE
   remove: t,
   onKeyChanged: n
 }) => {
-  const [s, i] = B("SQL"), [o, a] = B(e.key), l = () => {
+  const [s, i] = q("SQL"), [o, a] = q(e.key), l = () => {
     e.setKey(o), n(o);
-  }, c = o !== e.key, d = e.isADuplicatedKey(o), [u, h] = B(e.value), p = () => {
+  }, c = o !== e.key, d = e.isADuplicatedKey(o), [u, h] = q(e.value), p = () => {
     e.setValue(u);
   };
   O(() => {
@@ -31332,7 +31341,7 @@ WHERE
   };
   return /* @__PURE__ */ r.jsx(sA, { item: s, remove: o, onKeyChanged: a });
 }), oA = k(() => {
-  const [e, t] = B([]), n = Tt(), s = ce(), i = (h) => {
+  const [e, t] = q([]), n = Tt(), s = ce(), i = (h) => {
     s.editor.setPath(["_SQL_SNIPPETS_", h]);
   }, o = () => {
     n.openConfirmModal({
@@ -31530,7 +31539,7 @@ const bA = k(() => /* @__PURE__ */ r.jsx(w, { sx: {
   if (!e)
     return null;
   const n = t.views.findByID(e);
-  return !n || n.type === q.Tabs ? null : /* @__PURE__ */ r.jsx(C, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => t.addANewPanel(n.id), sx: {
+  return !n || n.type === B.Tabs ? null : /* @__PURE__ */ r.jsx(C, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(ft, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => t.addANewPanel(n.id), sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -31623,7 +31632,7 @@ const bA = k(() => /* @__PURE__ */ r.jsx(w, { sx: {
   option: e
 }) => {
   var d;
-  const t = ce().editor, n = t.isOptionActive, s = n(t.path, e), i = t.isOptionOpened, o = t.navigate, a = i(e), [l, c] = B(a);
+  const t = ce().editor, n = t.isOptionActive, s = n(t.path, e), i = t.isOptionOpened, o = t.navigate, a = i(e), [l, c] = q(a);
   return O(() => {
     c(a);
   }, [a]), /* @__PURE__ */ r.jsx(ri, { active: s, defaultOpened: a, opened: l, onChange: c, label: e.label, onClick: () => o(e), icon: e.Icon ? /* @__PURE__ */ r.jsx(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((u) => u._type === "ACTION" ? /* @__PURE__ */ r.jsx(IA, { action_type: u._action_type, parentID: u.parentID }, `_ADD_${u.value}_`) : /* @__PURE__ */ r.jsx(zu, { option: u }, u.value)) }, e.label);
@@ -32017,7 +32026,7 @@ const OR = () => Promise.resolve().then(() => Om).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  Bt as APIClient,
+  qt as APIClient,
   cn as CURRENT_SCHEMA_VERSION,
   bu as ContentModel,
   hc as ContentModelContextProvider,
@@ -32041,7 +32050,7 @@ export {
   Jx as DefaultApiClient,
   au as DescriptionPopover,
   dI as DraftModel,
-  q as EViewComponentType,
+  B as EViewComponentType,
   zR as FacadeApiClient,
   Ad as FilterCheckboxConfigMeta,
   Ed as FilterDateRangeConfigMeta,
@@ -32087,9 +32096,9 @@ export {
   XI as ViewComponentTypeBackground,
   AR as ViewComponentTypeColor,
   LR as ViewComponentTypeName,
-  Bd as ViewDivisionConfig,
+  qd as ViewDivisionConfig,
   JD as ViewMeta,
-  qd as ViewModalConfig,
+  Bd as ViewModalConfig,
   Ud as ViewRenderModel,
   Wd as ViewTabsConfig,
   xz as ViewsModel,
@@ -32105,8 +32114,8 @@ export {
   uI as createDraft,
   $D as createFilterCheckboxConfig,
   VD as createFilterDateRangeConfig,
-  BD as createFilterMultiSelectConfig,
-  qD as createFilterSelectConfig,
+  qD as createFilterMultiSelectConfig,
+  BD as createFilterSelectConfig,
   Pd as createFilterTextInputConfig,
   QD as createFilterTreeSelectConfig,
   HD as createViewDivisionConfig,
@@ -32124,7 +32133,7 @@ export {
   OR as getVersion,
   MR as initialDashboardContent,
   ac as useDashboardContext,
-  Bm as useDashboardThemeContext,
+  qm as useDashboardThemeContext,
   le as useEditContentModelContext,
   ce as useEditDashboardContext,
   zt as useEditPanelContext,