@devtable/dashboard 8.55.0 → 8.56.0

package/dist/dashboard.es.js

@@ -2,14 +2,14 @@ var sl = Object.defineProperty;
 var cl = (e, t, r) => t in e ? sl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var R = (e, t, r) => (cl(e, typeof t != "symbol" ? t + "" : t, r), r);
 import * as Un from "/Users/leto/Merico/merico-dev/table/node_modules/react/jsx-runtime.js";
-import { Box as V, Text as v, Button as D, Checkbox as K, Group as y, Tooltip as ee, MultiSelect as Et, Select as A, TextInput as I, createStyles as Nt, Stack as _, Badge as ln, CloseButton as dl, Modal as te, ActionIcon as $, Menu as He, Divider as L, Switch as ge, NumberInput as j, useMantineTheme as Ii, ColorInput as Xn, ColorSwatch as Bn, Slider as ul, Overlay as ut, Tabs as x, Center as Ct, CheckIcon as hl, MANTINE_SIZES as pl, SimpleGrid as yt, SegmentedControl as ml, Textarea as gl, Collapse as Kn, Table as ht, Accordion as lt, Popover as Vn, LoadingOverlay as pt, Flex as Bt, Paper as Zn, Code as ti, Alert as fl, Header as bl, ThemeIcon as Rn, HoverCard as Mn, List as ni, UnstyledButton as xl, Navbar as Ye, JsonInput as zi, Radio as ri, Skeleton as ii, NavLink as qn, Pagination as yl, Anchor as ai, AppShell as Li } from "@mantine/core";
+import { Box as V, Text as v, Button as D, Checkbox as K, Group as y, Tooltip as ee, MultiSelect as Nt, Select as A, TextInput as I, createStyles as Bt, Stack as _, Badge as ln, CloseButton as dl, Modal as te, ActionIcon as $, Menu as He, Divider as L, Switch as ge, NumberInput as j, useMantineTheme as Ii, ColorInput as Xn, ColorSwatch as Bn, Slider as ul, Overlay as ht, Tabs as x, Center as Ct, CheckIcon as hl, MANTINE_SIZES as pl, SimpleGrid as yt, SegmentedControl as ml, Textarea as gl, Collapse as Kn, Table as pt, Accordion as st, Popover as Vn, LoadingOverlay as mt, Flex as qt, Paper as Zn, Code as ti, Alert as fl, Header as bl, ThemeIcon as Rn, HoverCard as Mn, List as ni, UnstyledButton as xl, Navbar as Ye, JsonInput as zi, Radio as ri, Skeleton as ii, NavLink as qn, Pagination as yl, Anchor as ai, AppShell as Li } from "@mantine/core";
 import { useModals as nt, ModalsProvider as Ai } from "@mantine/modals";
-import { useCreation as Me, usePrevious as vl, useBoolean as ve, useLatest as oi, useRequest as qt, useAsyncEffect as Wt } from "ahooks";
+import { useCreation as Me, usePrevious as vl, useBoolean as ve, useLatest as oi, useRequest as Wt, useAsyncEffect as Gt } from "ahooks";
 import { observer as S } from "mobx-react-lite";
 import z, { useEffect as M, createContext as Vi, useMemo as k, forwardRef as ne, useState as N, useCallback as fe, useContext as Be, useRef as wl, createElement as pn, memo as _l } from "react";
-import C, { template as Jn, cloneDeepWith as Ri, get as H, isFunction as Cl, omit as ct, values as Mi, unset as Sl, isObject as Fi, set as er, orderBy as kl, last as Pi, defaults as ie, minBy as Tl, maxBy as Dl, cloneDeep as ce, isEqual as Z, defaultsDeep as re, keyBy as $i, merge as Il, isEmpty as tr, isNumber as zl, findLastIndex as Ll, isString as Oi, range as Al, throttle as Vl, pick as Ei } from "lodash";
+import C, { template as Jn, cloneDeepWith as Ri, get as H, isFunction as Cl, omit as dt, values as Mi, unset as Sl, isObject as Fi, set as er, orderBy as kl, last as Pi, defaults as ie, minBy as Tl, maxBy as Dl, cloneDeep as ce, isEqual as Z, defaultsDeep as re, keyBy as $i, merge as Il, isEmpty as tr, isNumber as zl, findLastIndex as Ll, isString as Oi, range as Al, throttle as Vl, pick as Ei } from "lodash";
 import { useForm as oe, useWatch as Rl, Controller as b, useFieldArray as se } from "react-hook-form";
-import { IconInfoCircle as nr, IconPlus as rt, IconDeviceFloppy as Gt, IconBorderAll as Ml, IconTrash as vt, IconArrowDown as Fl, IconArrowUp as Pl, IconArrowsLeftRight as $l, IconVariable as Ol, IconCodeDots as El, IconFilter as Ni, IconCopy as Nl, IconDatabase as mn, IconBoxMultiple as Bi, IconArrowLeft as Bl, IconPlaylistAdd as ql, IconCode as Wl, IconDownload as Gl, IconRecycle as qi, IconAlertTriangle as li, IconCircleDashed as jl, IconCircleDot as Hl, IconCircleOff as Ql, IconAdjustments as Yl, IconLink as Ul, IconSettings as Xl, IconArrowCurveRight as Kl, IconX as Wi, IconEye as Zl, IconTable as Jl, IconColumns as es, IconPlayerSkipBack as ts } from "@tabler/icons";
+import { IconInfoCircle as nr, IconPlus as rt, IconDeviceFloppy as jt, IconBorderAll as Ml, IconTrash as vt, IconArrowDown as Fl, IconArrowUp as Pl, IconArrowsLeftRight as $l, IconVariable as Ol, IconCodeDots as El, IconFilter as Ni, IconCopy as Nl, IconDatabase as mn, IconBoxMultiple as Bi, IconArrowLeft as Bl, IconPlaylistAdd as ql, IconCode as Wl, IconDownload as Gl, IconRecycle as qi, IconAlertTriangle as li, IconCircleDashed as jl, IconCircleDot as Hl, IconCircleOff as Ql, IconAdjustments as Yl, IconLink as Ul, IconSettings as Xl, IconArrowCurveRight as Kl, IconX as Wi, IconEye as Zl, IconTable as Jl, IconColumns as es, IconPlayerSkipBack as ts } from "@tabler/icons";
 import { Link as Gi, RichTextEditor as W, useRichTextEditorContext as ns } from "@mantine/tiptap";
 import { Color as ji } from "@tiptap/extension-color";
 import Hi from "@tiptap/extension-highlight";
@@ -27,13 +27,13 @@ import { useEditor as ra } from "@tiptap/react";
 import ia from "@tiptap/starter-kit";
 import { DateRangePicker as rs } from "@mantine/dates";
 import O from "dayjs";
-import { Calendar as is, InfoCircle as jt, Refresh as aa, Download as oa, ArrowsMaximize as as, Settings as la, Copy as os, Trash as Y, DeviceFloppy as Q, ArrowRight as Fn, PlaylistAdd as gn, Recycle as Xe, Plus as he, AlertCircle as ls, ArrowsMove as ss, ChevronDownRight as cs, ArrowLeft as ds, ChevronsUpRight as us, ArrowBarToRight as hs } from "tabler-icons-react";
+import { Calendar as is, InfoCircle as Ht, Refresh as aa, Download as oa, ArrowsMaximize as as, Settings as la, Copy as os, Trash as Y, DeviceFloppy as Q, ArrowRight as Fn, PlaylistAdd as gn, Recycle as Xe, Plus as he, AlertCircle as ls, ArrowsMove as ss, ChevronDownRight as cs, ArrowLeft as ds, ChevronsUpRight as us, ArrowBarToRight as hs } from "tabler-icons-react";
 import { arrayToTree as ps } from "performant-array-to-tree";
 import ms, { SHOW_PARENT as gs } from "rc-tree-select";
 import sa, { WidthProvider as ca } from "react-grid-layout";
-import { observable as da, runInAction as Rt, toJS as it, reaction as Ee, makeAutoObservable as Ht } from "mobx";
+import { observable as da, runInAction as Mt, toJS as it, reaction as Ee, makeAutoObservable as Qt } from "mobx";
 import si from "eventemitter2";
-import Ft, { random as fn } from "chroma-js";
+import Pt, { random as fn } from "chroma-js";
 import "echarts-gl";
 import * as U from "/Users/leto/Merico/merico-dev/table/node_modules/echarts/core.js";
 import { GridComponent as Fe, VisualMapComponent as rr, LegendComponent as Pe, TooltipComponent as $e, DataZoomComponent as Ke, MarkLineComponent as bn, MarkAreaComponent as ir, CalendarComponent as fs } from "/Users/leto/Merico/merico-dev/table/node_modules/echarts/components.js";
@@ -41,7 +41,7 @@ import { CanvasRenderer as Ce } from "/Users/leto/Merico/merico-dev/table/node_m
 import Se from "/Users/leto/Merico/merico-dev/table/node_modules/echarts-for-react/lib/core.js";
 import X from "numbro";
 import { BoxplotChart as bs, BarChart as St, LineChart as kt, ScatterChart as xn, FunnelChart as xs, HeatmapChart as ua, PieChart as ys, RadarChart as vs, SunburstChart as ws } from "/Users/leto/Merico/merico-dev/table/node_modules/echarts/charts.js";
-import { useElementSize as Pt, randomId as dt, useClipboard as _s, useInputState as ha, useDisclosure as pa } from "@mantine/hooks";
+import { useElementSize as $t, randomId as ut, useClipboard as _s, useInputState as ha, useDisclosure as pa } from "@mantine/hooks";
 import { showNotification as yn } from "@mantine/notifications";
 import * as Cs from "d3-array";
 import { quantile as nn } from "d3-array";
@@ -53,7 +53,7 @@ import { Prism as wt } from "@mantine/prism";
 import { flexRender as sn, createColumnHelper as ma, useReactTable as ga, getCoreRowModel as fa, getSortedRowModel as Ss } from "@tanstack/react-table";
 import { useVirtual as ks } from "react-virtual";
 import Je from "axios";
-import { types as f, getParent as Re, getRoot as pe, cast as Tt, addDisposer as et, addMiddleware as Ts, getType as Ds, isAlive as ci, flow as bt, toGenerator as st, detach as Is, clone as zs, getSnapshot as Oe, applySnapshot as ye, getParentOfType as di, castToSnapshot as ba } from "mobx-state-tree";
+import { types as f, getParent as Re, getRoot as pe, cast as Tt, addDisposer as et, addMiddleware as Ts, getType as Ds, isAlive as ci, flow as bt, toGenerator as ct, detach as Is, clone as zs, getSnapshot as Oe, applySnapshot as ye, getParentOfType as di, castToSnapshot as ba } from "mobx-state-tree";
 import Ls from "jszip";
 import { saveAs as ar } from "file-saver";
 import xa from "crypto-js";
@@ -440,7 +440,7 @@ const sr = {
   layoutFrozen: !1,
   freezeLayout: C.noop,
   inEditMode: !1
-}, mt = z.createContext(vc), Sa = z.createContext({
+}, gt = z.createContext(vc), Sa = z.createContext({
   panel: null,
   data: [],
   loading: !1
@@ -477,7 +477,7 @@ const Da = ne(({
   const a = P(), o = !!t.options_query_id, {
     state: l
   } = a.getDataStuffByID(t.options_query_id), s = l === "loading", d = t.min_width ? t.min_width : "200px", u = o ? s : !1;
-  return /* @__PURE__ */ n(Et, { label: e, data: t.options, disabled: u, value: r, onChange: i, styles: {
+  return /* @__PURE__ */ n(Nt, { label: e, data: t.options, disabled: u, value: r, onChange: i, styles: {
     root: {
       minWidth: d,
       maxWidth: u ? d : "unset"
@@ -559,7 +559,7 @@ const Dc = ({
 ] }), Lc = ({
   onClick: e,
   ...t
-}) => /* @__PURE__ */ n(zc, { onClick: e, ...t }), Ac = Nt((e, {
+}) => /* @__PURE__ */ n(zc, { onClick: e, ...t }), Ac = Bt((e, {
   radius: t = 4
 }) => ({
   root: {
@@ -995,7 +995,7 @@ function Pc(e) {
 const La = S(() => {
   const {
     freezeLayout: e
-  } = z.useContext(mt), [t, r] = z.useState(!1), {
+  } = z.useContext(gt), [t, r] = z.useState(!1), {
     panel: i
   } = me();
   return z.useEffect(() => {
@@ -1012,7 +1012,7 @@ const La = S(() => {
     /* @__PURE__ */ n(ee, { label: "Click to see description", position: "top-start", withinPortal: !0, children: /* @__PURE__ */ n($, { variant: "subtle", color: "blue", onClick: () => r((a) => !a), sx: {
       verticalAlign: "baseline",
       cursor: "pointer"
-    }, children: /* @__PURE__ */ n(jt, { size: 20 }) }) })
+    }, children: /* @__PURE__ */ n(Ht, { size: 20 }) }) })
   ] });
 }), $c = S(({
   view: e
@@ -1024,7 +1024,7 @@ const La = S(() => {
     query: o
   } = i, {
     inEditMode: l
-  } = z.useContext(mt), s = () => o == null ? void 0 : o.fetchData(), {
+  } = z.useContext(gt), s = () => o == null ? void 0 : o.fetchData(), {
     viewPanelInFullScreen: d,
     inFullScreen: u
   } = z.useContext(lr), p = () => {
@@ -1090,7 +1090,7 @@ class xt {
   async deleteItem(t) {
     t === null && await this.root.deleteItem(this.path);
     const r = await this.root.getItem(this.path) || {};
-    await this.root.setItem(this.path, ct(r, t));
+    await this.root.setItem(this.path, dt(r, t));
   }
   async getItem(t) {
     const r = await this.root.getItem(this.path);
@@ -1145,7 +1145,7 @@ class Aa {
     });
   }
   async deleteItem(t) {
-    Rt(() => {
+    Mt(() => {
       Sl(this.rootRef.current, [t]);
     });
   }
@@ -1159,13 +1159,13 @@ class Aa {
   setItem(t, r) {
     if (t === null)
       if (Fi(r))
-        Rt(() => {
+        Mt(() => {
           this.rootRef.current = r;
         });
       else
         throw new Error("Cannot set root value to non-object");
     else
-      Rt(() => {
+      Mt(() => {
         er(this.rootRef.current, [t], r);
       });
     return Promise.resolve(this.getItem(t));
@@ -1256,7 +1256,7 @@ const Bc = (e) => {
       height: t.layout.h
     }
   }, d = o.viewRender;
-  return /* @__PURE__ */ n(d, { context: s, instance: l, ...ct(e, ["panel", "vizManager", "data"]) });
+  return /* @__PURE__ */ n(d, { context: s, instance: l, ...dt(e, ["panel", "vizManager", "data"]) });
 }, qc = (e) => {
   const {
     vizManager: t,
@@ -1268,14 +1268,14 @@ const Bc = (e) => {
     ...Va(s, a, t, o),
     panelInfoEditor: i
   }, u = l.configRender;
-  return /* @__PURE__ */ n(u, { context: d, instance: s, ...ct(e, ["panel", "vizManager", "data", "panelInfoEditor"]) });
+  return /* @__PURE__ */ n(u, { context: d, instance: s, ...dt(e, ["panel", "vizManager", "data", "panelInfoEditor"]) });
 }, Ra = (e, t) => {
-  const r = Ft.bezier(e), i = Ft.bezier(t);
+  const r = Pt.bezier(e), i = Pt.bezier(t);
   return function(a) {
     return a < 50 ? r(a * 2 / 100).hex() : i((a - 50) * 2 / 100).hex();
   };
 }, Cn = (e) => {
-  const t = Ft.bezier(e);
+  const t = Pt.bezier(e);
   return function(r) {
     return t(r / 100).hex();
   };
@@ -1315,7 +1315,7 @@ const Bc = (e) => {
   getColor: Cn(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Ma = "@devtable/dashboard", dr = "8.55.0", Fa = "Apache-2.0", Pa = {
+}, Ma = "@devtable/dashboard", dr = "8.56.0", Fa = "Apache-2.0", Pa = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, $a = [
@@ -2005,7 +2005,7 @@ const sd = [{
       )
     ] })
   ] });
-}), gt = ne(({
+}), ft = ne(({
   value: e,
   onChange: t
 }, r) => {
@@ -2083,7 +2083,7 @@ const hr = {
   },
   color: "#228be6",
   reference_lines: []
-}, $t = ne(function({
+}, Ot = ne(function({
   value: t,
   onChange: r,
   ...i
@@ -2348,7 +2348,7 @@ z.forwardRef(function({
     a && /* @__PURE__ */ n(Ya, { value: t, onChange: r })
   ] });
 });
-const Qt = {
+const Yt = {
   type: "none",
   config: {}
 };
@@ -2360,7 +2360,7 @@ function xd(e, t) {
   const r = e[t], i = Number(r);
   return isFinite(i) ? i : 0;
 }
-function Yt(e, t, r) {
+function Ut(e, t, r) {
   try {
     const i = e.map((a) => xd(a, t));
     switch (r.type) {
@@ -2403,13 +2403,13 @@ class yd {
 function vd(e) {
   return e === null ? "null" : e === void 0 ? "undefined" : Array.isArray(e) ? `Array(${e.length})` : e.toString();
 }
-function Ut({
+function Dt({
   data_field: e,
   aggregation: t
 }, r) {
-  return Yt(r, e, t);
+  return Ut(r, e, t);
 }
-function ft({
+function ot({
   formatter: e
 }, t) {
   return ["string", "number"].includes(typeof t) ? X(t).format(e) : vd(t);
@@ -2434,7 +2434,7 @@ function Ua(e, t) {
     aggregation: a,
     size: o,
     weight: l
-  } = e, s = Yt(t, i, a), d = ft(e, s);
+  } = e, s = Ut(t, i, a), d = ot(e, s);
   return /* @__PURE__ */ n(v, { sx: {
     fontSize: o,
     display: "inline"
@@ -2464,7 +2464,7 @@ function Sd(e) {
 function $n(e) {
   return Sd(e);
 }
-function Ot(e, t, r) {
+function Et(e, t, r) {
   const i = _d(t, r), a = /^\{(.+)\}(.*)$/;
   return e.split("$").map((o) => {
     const l = a.exec(o);
@@ -2487,8 +2487,8 @@ function kd(e, t) {
       name: a,
       data_field: o,
       aggregation: l
-    } = i, s = Yt(t, o, l);
-    r[a] = ft(i, s);
+    } = i, s = Ut(t, o, l);
+    r[a] = ot(i, s);
   }), r;
 }
 function kn(e, t, r) {
@@ -2504,7 +2504,7 @@ function kn(e, t, r) {
     return `${s}${d}`;
   }).join("");
 }
-function Dt({
+function It({
   enabled: e,
   func_content: t
 }) {
@@ -2607,8 +2607,8 @@ function Ld(e, t) {
 }
 function Ad(e, t, r) {
   const i = t.reduce((a, o) => {
-    const l = Ut(o, r);
-    return a[o.name] = ft(o, l), a;
+    const l = Dt(o, r);
+    return a[o.name] = ot(o, l), a;
   }, {});
   return e.map((a) => ({
     name: "refs",
@@ -2663,7 +2663,7 @@ function Vd({
       axisLabel: {
         ...i.axisLabel,
         ...p,
-        formatter: Dt(i.axisLabel.formatter)
+        formatter: It(i.axisLabel.formatter)
       }
     }],
     yAxis: [{
@@ -2816,7 +2816,7 @@ const Pd = ({
 }) => /* @__PURE__ */ c(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(ut, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ n(ht, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ n(Ie, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
@@ -2913,7 +2913,7 @@ const Pd = ({
   ] }),
   /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: e, render: ({
     field: i
-  }) => /* @__PURE__ */ n(gt, { ...i }) })
+  }) => /* @__PURE__ */ n(ft, { ...i }) })
 ] })), Od = ({
   control: e,
   data: t,
@@ -2996,7 +2996,7 @@ function Ed({
   ] }) });
 }
 function Nd(e) {
-  return ct(e, "variables");
+  return dt(e, "variables");
 }
 function Bd(e) {
   const {
@@ -3410,7 +3410,7 @@ function lu(e) {
 function su(e) {
   return /* @__PURE__ */ n(v, { children: "Click chart's series" });
 }
-const It = {
+const zt = {
   x_axis_scroll: !1,
   y_axis_scroll: !1,
   x_axis_slider: !1,
@@ -3446,7 +3446,7 @@ const It = {
   }],
   reference_lines: [],
   reference_areas: [],
-  dataZoom: It
+  dataZoom: zt
 };
 function fr(e) {
   const t = [];
@@ -3699,7 +3699,7 @@ function vu({
     });
   const l = br(t, i, a), s = C.groupBy(l, "0");
   return Object.entries(s).map(([u, p]) => {
-    const m = Yt(p, "1", r);
+    const m = Ut(p, "1", r);
     return [u, m];
   });
 }
@@ -3762,15 +3762,15 @@ function _u({
       y_axis_data_key: t,
       valueTypedXAxis: w
     }), ze;
-  const Lt = wu({
+  const At = wu({
     group_by_key: o,
     data: T,
     x_axis_data_key: e,
     y_axis_data_key: t
   });
-  return Object.entries(Lt).map(([xe, At]) => {
+  return Object.entries(At).map(([xe, Vt]) => {
     const ke = ce(ze);
-    return ke.name = xe, ke.color = void 0, ke.data = At, ke;
+    return ke.name = xe, ke.color = void 0, ke.data = Vt, ke;
   });
 }
 function Cu(e, t, r, i, a, o, l) {
@@ -3785,7 +3785,7 @@ function Su(e, t) {
     axisValue: i,
     axisIndex: a
   } = r;
-  return Dt(t.x_axis.axisLabel.formatter)(i, a);
+  return It(t.x_axis.axisLabel.formatter)(i, a);
 }
 function ku(e, t, r) {
   const i = t.reduce((a, {
@@ -3849,8 +3849,8 @@ function Tu(e) {
 function Du(e, t) {
   const r = {};
   return t.map((i) => {
-    const a = Ut(i, e);
-    r[i.name] = ft(i, a);
+    const a = Dt(i, e);
+    r[i.name] = ot(i, a);
   }), r;
 }
 function Iu(e, t) {
@@ -3870,7 +3870,7 @@ function Iu(e, t) {
     axisLabel: {
       ...a,
       ...o,
-      formatter: Dt(a.formatter)
+      formatter: It(a.formatter)
     }
   }];
 }
@@ -4011,18 +4011,18 @@ function Ru({
   } = e.viewport, {
     ref: u,
     height: p
-  } = Pt(), {
+  } = $t(), {
     ref: m,
     height: h
-  } = Pt(), g = z.useMemo(() => {
+  } = $t(), g = z.useMemo(() => {
     const {
       stats: {
         templates: T
       }
     } = o;
     return {
-      top: Ot(T.top, a, l),
-      bottom: Ot(T.bottom, a, l)
+      top: Et(T.top, a, l),
+      bottom: Et(T.bottom, a, l)
     };
   }, [o, l]), w = Math.max(0, d - p - h);
   return /* @__PURE__ */ c(V, { children: [
@@ -4818,7 +4818,7 @@ function ih({
       }, ...s }) }),
       /* @__PURE__ */ n(b, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ n(Sn, { label: "Aggregation on Value", value: s.value ?? Qt, onChange: s.onChange, pt: 0 }) })
+      }) => /* @__PURE__ */ n(Sn, { label: "Aggregation on Value", value: s.value ?? Yt, onChange: s.onChange, pt: 0 }) })
     ] }),
     /* @__PURE__ */ n(y, { grow: !0, children: /* @__PURE__ */ n(b, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: s
@@ -4867,7 +4867,7 @@ function ah({
   })), d = () => {
     const m = {
       type: "bar",
-      name: dt(),
+      name: ut(),
       showSymbol: !1,
       symbolSize: yr.static,
       y_axis_data_key: "value",
@@ -4920,12 +4920,12 @@ function oh({
   return t("stats"), /* @__PURE__ */ n(_, { children: /* @__PURE__ */ c(_, { spacing: 0, children: [
     /* @__PURE__ */ n(b, { name: "stats.templates.top", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ n($t, { label: "Template for stats above the chart", py: "md", sx: {
+    }) => /* @__PURE__ */ n(Ot, { label: "Template for stats above the chart", py: "md", sx: {
       flexGrow: 1
     }, ...r }) }),
     /* @__PURE__ */ n(b, { name: "stats.templates.bottom", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ n($t, { label: "Template for stats under the chart", py: "md", sx: {
+    }) => /* @__PURE__ */ n(Ot, { label: "Template for stats under the chart", py: "md", sx: {
       flexGrow: 1
     }, ...r }) })
   ] }) });
@@ -4967,7 +4967,7 @@ function lh({
     ] }),
     /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(gt, { ...i }) })
+    }) => /* @__PURE__ */ n(ft, { ...i }) })
   ] });
 }
 const sh = [{
@@ -5134,8 +5134,8 @@ function hh({
   ] }) });
 }
 function ph(e) {
-  const t = ce(ct(e, "variables"));
-  return t.stats = ct(t.stats, "variables"), t;
+  const t = ce(dt(e, "variables"));
+  return t.stats = dt(t.stats, "variables"), t;
 }
 function mh(e) {
   const {
@@ -5155,7 +5155,7 @@ function mh(e) {
 }
 function gh(e) {
   const {
-    dataZoom: t = It,
+    dataZoom: t = zt,
     ...r
   } = e;
   return {
@@ -5223,7 +5223,7 @@ function xh(e) {
 function yh(e) {
   const t = e.series.map((r) => {
     const {
-      aggregation_on_group: i = Qt
+      aggregation_on_group: i = Yt
     } = r;
     return {
       ...r,
@@ -5238,7 +5238,7 @@ function yh(e) {
 function vh(e) {
   const t = e.series.map((r) => {
     const {
-      aggregation_on_value: i = Qt
+      aggregation_on_value: i = Yt
     } = r;
     return {
       ...r,
@@ -5815,7 +5815,7 @@ const Nh = [{
     ] }),
     /* @__PURE__ */ n(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ n(b, { name: `series.${i}.axisLabel.overflow`, control: t, render: ({
       field: d
-    }) => /* @__PURE__ */ n(gt, { ...d }) }) })
+    }) => /* @__PURE__ */ n(ft, { ...d }) }) })
   ] });
 }, Hh = ({
   control: e,
@@ -6392,7 +6392,7 @@ const mp = ({
       cursor: "default",
       userSelect: "none"
     }, children: [
-      /* @__PURE__ */ n(jt, { size: 14, color: "#888" }),
+      /* @__PURE__ */ n(Ht, { size: 14, color: "#888" }),
       /* @__PURE__ */ n(v, { size: 14, color: "#888", children: "Configure additional metrics to show in tooltip" })
     ] }),
     /* @__PURE__ */ n(L, { variant: "dashed", my: 10 }),
@@ -6428,7 +6428,7 @@ const bp = ({
 }) => /* @__PURE__ */ c(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(ut, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ n(ht, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ n(Ie, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
@@ -6515,7 +6515,7 @@ function yp({
     /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(gt, { ...i }) }),
+    }) => /* @__PURE__ */ n(ft, { ...i }) }),
     /* @__PURE__ */ c(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.rotate", control: t, render: ({
         field: i
@@ -6572,7 +6572,7 @@ function wp({
     /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ n(b, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ n(gt, { ...i }) }),
+    }) => /* @__PURE__ */ n(ft, { ...i }) }),
     /* @__PURE__ */ c(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(b, { name: "y_axis.axisLabel.rotate", control: e, render: ({
         field: i
@@ -6730,7 +6730,7 @@ const no = {
     nameAlignment: "right",
     color: "red"
   },
-  dataZoom: It,
+  dataZoom: zt,
   markLine: no
 };
 function dn(e) {
@@ -6905,7 +6905,7 @@ function Mp(e) {
     axisLabel: {
       ...r,
       ...i,
-      formatter: Dt(r.formatter)
+      formatter: It(r.formatter)
     }
   }];
 }
@@ -7163,7 +7163,7 @@ function jp({
     ] }),
     /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(gt, { ...i }) })
+    }) => /* @__PURE__ */ n(ft, { ...i }) })
   ] });
 }
 function Hp({
@@ -7235,7 +7235,7 @@ function Qp({
 }
 function Yp(e) {
   const {
-    dataZoom: t = It,
+    dataZoom: t = zt,
     ...r
   } = e;
   return {
@@ -8207,7 +8207,7 @@ function Im({
         width: r - 190,
         height: u
       }, notMerge: !0, theme: "merico-light" }),
-      s && /* @__PURE__ */ n(ht, { mt: 20, fontSize: 12, sx: {
+      s && /* @__PURE__ */ n(pt, { mt: 20, fontSize: 12, sx: {
         width: 180,
         border: "1px solid #999",
         td: {
@@ -8315,10 +8315,10 @@ function Am({
       /* @__PURE__ */ n(v, { children: "Chart Config" }),
       /* @__PURE__ */ n($, { type: "submit", mr: 5, variant: "filled", color: "blue", disabled: !m, children: /* @__PURE__ */ n(Q, { size: 20 }) })
     ] }),
-    /* @__PURE__ */ c(lt, { multiple: !0, defaultValue: ["Axis", "Regression"], children: [
-      /* @__PURE__ */ c(lt.Item, { value: "Axis", children: [
-        /* @__PURE__ */ n(lt.Control, { children: "Axis" }),
-        /* @__PURE__ */ c(lt.Panel, { children: [
+    /* @__PURE__ */ c(st, { multiple: !0, defaultValue: ["Axis", "Regression"], children: [
+      /* @__PURE__ */ c(st.Item, { value: "Axis", children: [
+        /* @__PURE__ */ n(st.Control, { children: "Axis" }),
+        /* @__PURE__ */ c(st.Panel, { children: [
           /* @__PURE__ */ c(y, { grow: !0, noWrap: !0, children: [
             /* @__PURE__ */ n(b, { name: "x_axis.name", control: o, render: ({
               field: h
@@ -8338,9 +8338,9 @@ function Am({
           }, ...h }) }) })
         ] })
       ] }),
-      /* @__PURE__ */ c(lt.Item, { value: "Regression", children: [
-        /* @__PURE__ */ n(lt.Control, { children: "Regression Line" }),
-        /* @__PURE__ */ n(lt.Panel, { children: /* @__PURE__ */ n(Lm, { control: o, watch: s, data: i }) })
+      /* @__PURE__ */ c(st.Item, { value: "Regression", children: [
+        /* @__PURE__ */ n(st.Control, { children: "Regression Line" }),
+        /* @__PURE__ */ n(st.Panel, { children: /* @__PURE__ */ n(Lm, { control: o, watch: s, data: i }) })
       ] })
     ] })
   ] }) });
@@ -8439,7 +8439,7 @@ const Tr = ne(({
   }, children: [
     /* @__PURE__ */ c(y, { align: "center", children: [
       /* @__PURE__ */ n(v, { size: 14, fw: 500, children: i }),
-      /* @__PURE__ */ n($, { color: "blue", disabled: !p, onClick: u, children: /* @__PURE__ */ n(Gt, { size: 18 }) })
+      /* @__PURE__ */ n($, { color: "blue", disabled: !p, onClick: u, children: /* @__PURE__ */ n(jt, { size: 18 }) })
     ] }),
     /* @__PURE__ */ c(W, { editor: d, styles: m, children: [
       /* @__PURE__ */ c(W.Toolbar, { sticky: !0, stickyOffset: 0, children: [
@@ -8652,7 +8652,7 @@ const oo = {
   },
   reference_lines: [],
   reference_areas: [],
-  dataZoom: It
+  dataZoom: zt
 };
 function Bm(e) {
   const t = e.y_axes.some((a) => !!a.name);
@@ -8988,8 +8988,8 @@ const eg = {
 };
 function tg(e, t, r) {
   const i = r.reduce((u, p) => {
-    const m = Ut(p, t);
-    return u[p.name] = ft(p, m), u;
+    const m = Dt(p, t);
+    return u[p.name] = ot(p, m), u;
   }, {}), a = e.y_axes.reduce((u, {
     label_formatter: p
   }, m) => (u[m] = function(g) {
@@ -9066,18 +9066,18 @@ function rg({
   } = e.viewport, {
     ref: u,
     height: p
-  } = Pt(), {
+  } = $t(), {
     ref: m,
     height: h
-  } = Pt(), g = z.useMemo(() => {
+  } = $t(), g = z.useMemo(() => {
     const {
       stats: {
         templates: T
       }
     } = o;
     return {
-      top: Ot(T.top, a, l),
-      bottom: Ot(T.bottom, a, l)
+      top: Et(T.top, a, l),
+      bottom: Et(T.bottom, a, l)
     };
   }, [o, l]), w = Math.max(0, d - p - h);
   return /* @__PURE__ */ c(V, { children: [
@@ -9667,12 +9667,12 @@ function Tg({
   return t("stats"), /* @__PURE__ */ n(_, { children: /* @__PURE__ */ c(_, { spacing: 0, children: [
     /* @__PURE__ */ n(b, { name: "stats.templates.top", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ n($t, { label: "Template for stats above the chart", py: "md", sx: {
+    }) => /* @__PURE__ */ n(Ot, { label: "Template for stats above the chart", py: "md", sx: {
       flexGrow: 1
     }, ...r }) }),
     /* @__PURE__ */ n(b, { name: "stats.templates.bottom", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ n($t, { label: "Template for stats under the chart", py: "md", sx: {
+    }) => /* @__PURE__ */ n(Ot, { label: "Template for stats under the chart", py: "md", sx: {
       flexGrow: 1
     }, ...r }) })
   ] }) });
@@ -9727,7 +9727,7 @@ const Dg = ({
       cursor: "default",
       userSelect: "none"
     }, children: [
-      /* @__PURE__ */ n(jt, { size: 14, color: "#888" }),
+      /* @__PURE__ */ n(Ht, { size: 14, color: "#888" }),
       /* @__PURE__ */ n(v, { size: 14, color: "#888", children: "Configure additional metrics to show in tooltip" })
     ] }),
     /* @__PURE__ */ n(L, { variant: "dashed", my: 10 }),
@@ -9763,7 +9763,7 @@ const Lg = ({
 }) => /* @__PURE__ */ c(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(ut, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ n(ht, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ n(Ie, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
@@ -10046,7 +10046,7 @@ function Eg({
 }
 function Ng(e) {
   const {
-    dataZoom: t = It,
+    dataZoom: t = zt,
     ...r
   } = e;
   return {
@@ -10212,7 +10212,7 @@ function Hg(e) {
   };
 }
 function Qg(e) {
-  return ct(e, ["variables"]);
+  return dt(e, ["variables"]);
 }
 function Yg(e) {
   const t = ce(e), r = H(t, "color.valueRange");
@@ -10263,7 +10263,7 @@ const Xg = S(({
     } catch {
       return a;
     }
-  }, [t.filters.values, t.context.current, a]), s = k(() => Ot(l, i, e.data), [l, i, e.data, e]);
+  }, [t.filters.values, t.context.current, a]), s = k(() => Et(l, i, e.data), [l, i, e.data, e]);
   return /* @__PURE__ */ n(v, { align: o, children: Object.values(s).map((d, u) => /* @__PURE__ */ n(z.Fragment, { children: d }, u)) });
 }), Kg = [{
   label: "Left",
@@ -10313,7 +10313,7 @@ function Zg({
     ] }),
     /* @__PURE__ */ n(b, { name: "template", control: a, render: ({
       field: m
-    }) => /* @__PURE__ */ n($t, { label: "Template", py: "md", sx: {
+    }) => /* @__PURE__ */ n(Ot, { label: "Template", py: "md", sx: {
       flexGrow: 1
     }, ...m }) }),
     /* @__PURE__ */ n(b, { name: "align", control: a, render: ({
@@ -10472,8 +10472,8 @@ const sf = {
 };
 function cf(e, t, r) {
   r.reduce((o, l) => {
-    const s = Ut(l, t);
-    return o[l.name] = ft(l, s), o;
+    const s = Dt(l, t);
+    return o[l.name] = ot(l, s), o;
   }, {});
   const a = {
     series: {
@@ -10609,7 +10609,7 @@ const hf = [{
       cursor: "default",
       userSelect: "none"
     }, children: [
-      /* @__PURE__ */ n(jt, { size: 14, color: "#888" }),
+      /* @__PURE__ */ n(Ht, { size: 14, color: "#888" }),
       /* @__PURE__ */ n(v, { size: 14, color: "#888", children: "Configure ring style on each level" })
     ] }),
     /* @__PURE__ */ n(L, { variant: "dashed", my: 10 }),
@@ -10848,7 +10848,7 @@ function If(e) {
   } = E(e.trigger.triggerData, "config");
   return /* @__PURE__ */ n(v, { children: Df(r, t) });
 }
-const zf = Nt((e) => ({
+const zf = Bt((e) => ({
   root: {
     overflow: "auto",
     position: "relative",
@@ -10977,7 +10977,7 @@ class Vf {
     }
   }
 }
-const Rf = Nt((e, t) => ({
+const Rf = Bt((e, t) => ({
   content: {
     display: "flex",
     alignItems: "center",
@@ -10990,7 +10990,7 @@ const Rf = Nt((e, t) => ({
   }
 }));
 function Mf(e) {
-  return e ? Ft(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
+  return e ? Pt(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
 function Ff(e) {
   const t = e.tableCellContext.bgColor;
@@ -11109,15 +11109,15 @@ function Wf({
     getSortedRowModel: Ss()
   }), {
     rows: de
-  } = B.getRowModel(), ze = z.useRef(null), Lt = ks({
+  } = B.getRowModel(), ze = z.useRef(null), At = ks({
     parentRef: ze,
     size: de.length,
     estimateSize: fe(() => 28, []),
     overscan: 20
   }), {
     virtualItems: xe,
-    totalSize: At
-  } = Lt, ke = xe.length > 0 && ((Zr = xe == null ? void 0 : xe[0]) == null ? void 0 : Zr.start) || 0, Xr = xe.length > 0 ? At - (((Jr = xe == null ? void 0 : xe[xe.length - 1]) == null ? void 0 : Jr.end) || 0) : 0, An = de.length, Kr = An > 0, ol = Kr ? i - 22 : i, ll = Kr ? 22 : 0;
+    totalSize: Vt
+  } = At, ke = xe.length > 0 && ((Zr = xe == null ? void 0 : xe[0]) == null ? void 0 : Zr.start) || 0, Xr = xe.length > 0 ? Vt - (((Jr = xe == null ? void 0 : xe[xe.length - 1]) == null ? void 0 : Jr.end) || 0) : 0, An = de.length, Kr = An > 0, ol = Kr ? i - 22 : i, ll = Kr ? 22 : 0;
   return !Array.isArray(r) || r.length === 0 ? /* @__PURE__ */ n(v, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ c("div", { ref: ze, style: {
     height: i,
     width: a
@@ -11130,22 +11130,22 @@ function Wf({
       "Total: ",
       An
     ] }) }),
-    /* @__PURE__ */ c(ht, { sx: {
+    /* @__PURE__ */ c(pt, { sx: {
       ...Lf,
       maxHeight: ol
     }, ...d, striped: o.striped, children: [
       /* @__PURE__ */ n("thead", { className: u.thead, style: {
         top: ll
-      }, children: B.getHeaderGroups().map((Te) => /* @__PURE__ */ n("tr", { children: Te.headers.map((ot) => /* @__PURE__ */ n("th", { style: {
-        width: ot.getSize()
-      }, children: /* @__PURE__ */ n(_f, { header: ot, cx: p }) }, ot.id)) }, Te.id)) }),
+      }, children: B.getHeaderGroups().map((Te) => /* @__PURE__ */ n("tr", { children: Te.headers.map((lt) => /* @__PURE__ */ n("th", { style: {
+        width: lt.getSize()
+      }, children: /* @__PURE__ */ n(_f, { header: lt, cx: p }) }, lt.id)) }, Te.id)) }),
       /* @__PURE__ */ c("tbody", { children: [
         ke > 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { style: {
           height: `${ke}px`
         } }) }),
         xe.map((Te) => {
-          const ot = de[Te.index];
-          return /* @__PURE__ */ n("tr", { children: ot.getVisibleCells().map((Le) => /* @__PURE__ */ n("td", { children: sn(Le.column.columnDef.cell, Le.getContext()) }, Le.id)) }, ot.id);
+          const lt = de[Te.index];
+          return /* @__PURE__ */ n("tr", { children: lt.getVisibleCells().map((Le) => /* @__PURE__ */ n("td", { children: sn(Le.column.columnDef.cell, Le.getContext()) }, Le.id)) }, lt.id);
         }),
         Xr > 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { style: {
           height: `${Xr}px`
@@ -11154,7 +11154,7 @@ function Wf({
     ] })
   ] });
 }
-const mo = Nt(() => ({
+const mo = Bt(() => ({
   palette: {
     display: "flex",
     flexFlow: "row nowrap"
@@ -11192,7 +11192,7 @@ class jf {
     R(this, "steps", /* @__PURE__ */ new Map());
     R(this, "interpolation");
     R(this, "onChange");
-    Ht(this, {
+    Qt(this, {
       steps: da
     }, {
       deep: !1
@@ -11245,7 +11245,7 @@ function Hf(e) {
     }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: de }),
     /* @__PURE__ */ c(Vn, { width: 200, trapFocus: !0, opened: d, onClose: p, children: [
       /* @__PURE__ */ n(Vn.Target, { children: /* @__PURE__ */ n("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: u, style: {
-        "--shadow-color": Ft(r).alpha(0.5).hex(),
+        "--shadow-color": Pt(r).alpha(0.5).hex(),
         backgroundColor: r
       } }) }),
       /* @__PURE__ */ n(Vn.Dropdown, { children: /* @__PURE__ */ c(_, { children: [
@@ -11475,7 +11475,7 @@ const eb = ne((e, t) => {
     control: e,
     name: "columns"
   }), s = () => {
-    const u = dt();
+    const u = ut();
     a({
       id: u,
       label: u,
@@ -11562,7 +11562,7 @@ function cb({
       id: r,
       ...i
     }) => ({
-      id: r ?? dt(),
+      id: r ?? ut(),
       ...i
     }))
   };
@@ -11657,7 +11657,7 @@ class hb extends le {
             id: o,
             ...l
           }) => ({
-            id: o ?? dt(),
+            id: o ?? ut(),
             ...l
           }))
         }
@@ -11696,20 +11696,23 @@ const jn = {
     value: r = Vr
   } = E(e.instanceData, "config"), {
     variables: i
-  } = e, {
-    func_content: a,
-    horizontal_align: o,
-    font_size: l,
-    font_weight: s
-  } = r, d = k(() => new Function(`return ${a}`)()({
-    data: e.data,
-    variables: i,
+  } = e, a = e.data, {
+    func_content: o,
+    horizontal_align: l,
+    font_size: s,
+    font_weight: d
+  } = r, u = k(() => i.reduce((m, h) => {
+    const g = Dt(h, a);
+    return m[h.name] = ot(h, g), m;
+  }, {}), [i, a]), p = k(() => new Function(`return ${o}`)()({
+    data: a,
+    variables: u,
     filters: t.filters.values,
     context: t.context.current
-  }), [a, e.data, i, t.filters.values, t.context.current]);
-  return /* @__PURE__ */ n(v, { align: o, weight: s, sx: {
-    fontSize: l
-  }, children: d });
+  }), [o, a, u, t.filters.values, t.context.current]);
+  return /* @__PURE__ */ n(v, { align: l, weight: d, sx: {
+    fontSize: s
+  }, children: p });
 }), mb = ({
   value: e,
   onChange: t
@@ -11948,7 +11951,7 @@ function Sb({
     data: l,
     error: s,
     loading: d
-  } = qt(_b({
+  } = Wt(_b({
     conf: r,
     data: o
   }), {
@@ -11957,7 +11960,7 @@ function Sb({
   return !i || !a || !r ? null : d ? /* @__PURE__ */ n(V, { sx: {
     position: "relative",
     height: a
-  }, children: /* @__PURE__ */ n(pt, { visible: !0 }) }) : s ? /* @__PURE__ */ n(V, { sx: Hn, "data-enable-scrollbar": !0, children: /* @__PURE__ */ n(Cb, { error: s, width: i, height: a }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ n(V, { sx: Hn, "data-enable-scrollbar": !0, children: l.replies.map((u, p) => /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ n(mt, { visible: !0 }) }) : s ? /* @__PURE__ */ n(V, { sx: Hn, "data-enable-scrollbar": !0, children: /* @__PURE__ */ n(Cb, { error: s, width: i, height: a }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ n(V, { sx: Hn, "data-enable-scrollbar": !0, children: l.replies.map((u, p) => /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: {
     __html: u.interpretation.html
   } }, p)) });
 }
@@ -12421,7 +12424,7 @@ const Qb = ({
       cursor: "default",
       userSelect: "none"
     }, children: [
-      /* @__PURE__ */ n(jt, { size: 14, color: "#888" }),
+      /* @__PURE__ */ n(Ht, { size: 14, color: "#888" }),
       /* @__PURE__ */ n(v, { size: 14, color: "#888", children: "Configure additional metrics to show in tooltip" })
     ] }),
     /* @__PURE__ */ n(L, { variant: "dashed", my: 10 }),
@@ -12651,7 +12654,7 @@ function lx({
     });
   const l = Fr(t, i, a), s = C.groupBy(l, "0");
   return Object.entries(s).map(([u, p]) => {
-    const m = Yt(p, "1", r);
+    const m = Ut(p, "1", r);
     return [u, m];
   });
 }
@@ -12711,15 +12714,15 @@ function cx({
       value_data_key: t,
       valueTypedXAxis: w
     }), ze;
-  const Lt = sx({
+  const At = sx({
     group_by_key: o,
     data: T,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(Lt).map(([xe, At]) => {
+  return Object.entries(At).map(([xe, Vt]) => {
     const ke = ce(ze);
-    return ke.name = xe, ke.color = void 0, ke.data = At, ke;
+    return ke.name = xe, ke.color = void 0, ke.data = Vt, ke;
   });
 }
 function dx(e, t, r, i, a, o, l) {
@@ -12736,7 +12739,7 @@ function ux(e, t) {
     axisValue: o,
     axisIndex: l
   } = r;
-  return a === "yAxis.category" ? i : Dt(t.y_axis.axisLabel.formatter)(o, l);
+  return a === "yAxis.category" ? i : It(t.y_axis.axisLabel.formatter)(o, l);
 }
 function hx(e, t, r) {
   const i = t.reduce((a, {
@@ -12804,8 +12807,8 @@ function px(e) {
 function mx(e, t) {
   const r = {};
   return t.map((i) => {
-    const a = Ut(i, e);
-    r[i.name] = ft(i, a);
+    const a = Dt(i, e);
+    r[i.name] = ot(i, a);
   }), r;
 }
 function gx(e, t) {
@@ -12866,7 +12869,7 @@ function fx(e, t) {
     axisLabel: {
       ...a,
       ...o,
-      formatter: Dt(a.formatter)
+      formatter: It(a.formatter)
     },
     z: 5
   }];
@@ -12940,7 +12943,7 @@ function yx() {
     hide_in_legend: !1,
     invisible: !1,
     label_position: "right",
-    aggregation_on_value: Qt,
+    aggregation_on_value: Yt,
     xAxisIndex: "0"
   };
 }
@@ -13265,7 +13268,7 @@ function Ax({
       }, ...l }) }),
       /* @__PURE__ */ n(b, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ n(Sn, { label: "Aggregation on Value", value: l.value ?? Qt, onChange: l.onChange, pt: 0 }) })
+      }) => /* @__PURE__ */ n(Sn, { label: "Aggregation on Value", value: l.value ?? Yt, onChange: l.onChange, pt: 0 }) })
     ] }),
     /* @__PURE__ */ n(y, { grow: !0, children: /* @__PURE__ */ n(b, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: l
@@ -13451,7 +13454,7 @@ function Px({
     }) => /* @__PURE__ */ n(Tn, { data: e, ...i }) }) }),
     /* @__PURE__ */ n(b, { name: "y_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(gt, { ...i }) })
+    }) => /* @__PURE__ */ n(ft, { ...i }) })
   ] });
 }
 function $x({
@@ -13583,7 +13586,7 @@ const Ex = {
     viz: [jn, Jg, yb, Om, wf, lm, Ex, id, Hd, Xh, Sp, ex, nm, Ih, jg, Cm, Rm, Db, ou],
     color: [...Nx, ...Bx]
   }
-}), Vt = new Zc(), ae = {
+}), Rt = new Zc(), ae = {
   pluginManager: Qe("pluginManager"),
   vizManager: Qe("vizManager"),
   colorManager: Qe("colorManager"),
@@ -13597,18 +13600,18 @@ const Ex = {
   }
 }, $r = () => {
   try {
-    Vt.install(xo());
+    Rt.install(xo());
   } catch {
   }
-  const e = new Nc(Vt), t = new Kc(Vt);
+  const e = new Nc(Rt), t = new Kc(Rt);
   return {
-    pluginManager: Vt,
+    pluginManager: Rt,
     vizManager: e,
     colorManager: t
   };
 }, Ge = Vi($r());
 try {
-  Vt.install(xo());
+  Rt.install(xo());
 } catch {
 }
 function qx(e, t) {
@@ -13765,7 +13768,7 @@ const Jx = {
   };
   return /* @__PURE__ */ c(_, { spacing: 10, children: [
     /* @__PURE__ */ n(v, { children: "Mapping Rules" }),
-    Object.entries(a).map(([d, u]) => /* @__PURE__ */ c(Bt, { justify: "space-between", gap: 10, children: [
+    Object.entries(a).map(([d, u]) => /* @__PURE__ */ c(qt, { justify: "space-between", gap: 10, children: [
       /* @__PURE__ */ n(I, { label: "Payload key", value: u, onChange: (p) => {
         o(d, p.currentTarget.value);
       }, sx: {
@@ -13817,7 +13820,7 @@ const ry = {
     label: s.label,
     value: s.key
   })), [t.filters.values]);
-  return /* @__PURE__ */ n(_, { spacing: 10, children: /* @__PURE__ */ n(Et, { label: "Select Filters to Clear", data: l, value: a, onChange: o }) });
+  return /* @__PURE__ */ n(_, { spacing: 10, children: /* @__PURE__ */ n(Nt, { label: "Select Filters to Clear", data: l, value: a, onChange: o }) });
 });
 async function oy(e, t) {
   const i = (await t.operationData.getItem("config")).filter_keys;
@@ -14078,14 +14081,14 @@ class dy {
     R(this, "operation");
     R(this, "operationSchema");
     R(this, "variables", []);
-    this.operationManager = t, this.instance = r, Ht(this);
+    this.operationManager = t, this.instance = r, Qt(this);
   }
   get schemaList() {
     return this.operationManager.getOperationSchemaList();
   }
   async configOperation(t, r) {
     const i = await this.operationManager.retrieveTrigger(t), a = this.operationManager.getOperationSchemaList().find((o) => o.id === (i == null ? void 0 : i.schemaRef));
-    Rt(() => {
+    Mt(() => {
       this.operationId = t, this.operation = i, this.operationSchema = a, this.variables = r;
     });
   }
@@ -14135,7 +14138,7 @@ const gy = S((e) => {
     instance: l,
     variables: s
   } = e, d = Me(() => new dy(a, l), [a, l]);
-  return Wt(async () => {
+  return Gt(async () => {
     await d.configOperation(o, s);
   }, [o, d]), uy(d) ? /* @__PURE__ */ c(F, { children: [
     /* @__PURE__ */ n(hy, { model: d, onClick: r }),
@@ -14152,14 +14155,14 @@ class fy {
     R(this, "trigger");
     R(this, "triggerSchema");
     R(this, "sampleData");
-    this.triggerManager = t, this.instance = r, Ht(this);
+    this.triggerManager = t, this.instance = r, Qt(this);
   }
   get schemaList() {
     return this.triggerManager.getTriggerSchemaList();
   }
   async configTrigger(t, r) {
     const i = await this.triggerManager.retrieveTrigger(t), a = this.triggerManager.getTriggerSchemaList().find((o) => o.id === (i == null ? void 0 : i.schemaRef));
-    Rt(() => {
+    Mt(() => {
       this.triggerId = t, this.trigger = i, this.triggerSchema = a, this.sampleData = r;
     });
   }
@@ -14222,7 +14225,7 @@ const yy = S(({
 });
 function Cy(e, t) {
   const [r, i] = N([]);
-  return Wt(async () => {
+  return Gt(async () => {
     const a = await e.getInteractionList();
     i(a);
   }, [t, e]), r;
@@ -14239,7 +14242,7 @@ const Sy = S(({
     triggerRef: l,
     operationRef: s
   } = e, d = xy(t.triggerManager, r);
-  if (Wt(async () => {
+  if (Gt(async () => {
     await d.configTrigger(l, i);
   }, [d, l, i]), d.isReady()) {
     const u = [...d.triggerSchema.payload, ...a];
@@ -14257,7 +14260,7 @@ const Sy = S(({
     sampleData: o,
     variables: l
   } = e, s = Cy(i, t), d = async () => {
-    const h = await i.triggerManager.createOrGetTrigger(dt(), i.triggerManager.getTriggerSchemaList()[0]), g = await i.operationManager.createOrGetOperation(dt(), i.operationManager.getOperationSchemaList()[0]);
+    const h = await i.triggerManager.createOrGetTrigger(ut(), i.triggerManager.getTriggerSchemaList()[0]), g = await i.operationManager.createOrGetOperation(ut(), i.operationManager.getOperationSchemaList()[0]);
     await i.addInteraction(h, g), r((w) => w + 1);
   };
   async function u(h) {
@@ -14266,7 +14269,7 @@ const Sy = S(({
   const {
     data: p = 0,
     loading: m
-  } = qt(async () => {
+  } = Wt(async () => {
     try {
       return (await i.triggerManager.getTriggerSchemaList()).length;
     } catch {
@@ -14274,7 +14277,7 @@ const Sy = S(({
     }
   });
   return /* @__PURE__ */ c(_, { children: [
-    /* @__PURE__ */ n(pt, { visible: m }),
+    /* @__PURE__ */ n(mt, { visible: m }),
     p === 0 && /* @__PURE__ */ n(fl, { icon: /* @__PURE__ */ n(ls, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
     s.map((h) => /* @__PURE__ */ n(Sy, { onRemove: u, instance: a, sampleData: o, variables: l, item: h, manager: e.interactionManager }, h.id)),
     /* @__PURE__ */ n(D, { style: {
@@ -14372,7 +14375,7 @@ function wo(e) {
 }
 function _o(e) {
   const [t, r] = N(!1), i = va().getRequired(ae.instanceScope.migrator);
-  return Wt(async () => {
+  return Gt(async () => {
     const a = i.status === an.notStarted;
     r(i.status === an.done), i.status === an.notStarted && i.runMigration().then((o) => {
       o === vo.migrated && a && (e == null || e());
@@ -14399,7 +14402,7 @@ function zy({
       message: "Your plugin configuration has been migrated to the latest version"
     });
   });
-  return Wt(async () => {
+  return Gt(async () => {
     await i.instanceData.setItem(null, r.viz.conf);
   }, [i, r.viz.type]), a ? /* @__PURE__ */ n(qc, { ...t }) : /* @__PURE__ */ n(v, { children: "Checking update..." });
 }
@@ -14411,7 +14414,7 @@ function Ly(e) {
   Co(r, t);
   const {
     inEditMode: i
-  } = Be(mt);
+  } = Be(gt);
   return _o(() => {
     i && yn({
       title: `${t.title} - Updated`,
@@ -14457,7 +14460,7 @@ const Vy = ["richText", "button"], So = S(function({
     ref: s,
     width: d,
     height: u
-  } = Pt(), p = Ay(i, {
+  } = $t(), p = Ay(i, {
     w: d,
     h: u
   });
@@ -14469,7 +14472,7 @@ const Vy = ["richText", "button"], So = S(function({
     return /* @__PURE__ */ n("div", { className: "viz-root", style: {
       height: t,
       position: "relative"
-    }, ref: s, children: /* @__PURE__ */ n(pt, { visible: a, exitTransitionDuration: 0 }) });
+    }, ref: s, children: /* @__PURE__ */ n(mt, { visible: a, exitTransitionDuration: 0 }) });
   const h = !!o, g = !h && !!(l != null && l.stateMessage), w = !h && !g;
   return /* @__PURE__ */ c("div", { className: "viz-root", style: {
     height: t
@@ -14504,7 +14507,7 @@ const Er = S(function({
 }) {
   const i = P(), {
     inEditMode: a
-  } = Be(mt), {
+  } = Be(gt), {
     data: o,
     state: l,
     error: s
@@ -14534,8 +14537,8 @@ const Py = z.forwardRef(({
   userSelect: "none",
   cursor: "grab",
   position: "absolute",
-  top: 0,
-  right: 0,
+  top: 5,
+  right: 5,
   zIndex: 400,
   "&:hover": {
     color: "#228be6"
@@ -14547,8 +14550,8 @@ const Py = z.forwardRef(({
   userSelect: "none",
   cursor: "nwse-resize",
   position: "absolute",
-  bottom: -5,
-  right: -5,
+  bottom: 0,
+  right: 0,
   zIndex: 400,
   "&:hover": {
     color: "#228be6"
@@ -14556,40 +14559,38 @@ const Py = z.forwardRef(({
 }, variant: "transparent", ...t, children: /* @__PURE__ */ n(cs, { size: 16 }) })), Oy = ca(sa), Ey = S(function({
   view: t,
   className: r = "layout",
-  rowHeight: i = 10,
-  isDraggable: a,
-  isResizable: o
+  isDraggable: i,
+  isResizable: a
 }) {
-  const l = P(), {
-    panels: s,
-    layouts: d
-  } = l.panels.panelsByIDs(t.panelIDs), u = z.useCallback((p) => {
-    p.forEach(({
-      i: m,
-      ...h
+  const o = P(), {
+    panels: l,
+    layouts: s
+  } = o.panels.panelsByIDs(t.panelIDs), d = z.useCallback((u) => {
+    u.forEach(({
+      i: p,
+      ...m
     }) => {
-      const g = l.panels.findByID(m);
-      g && g.layout.set(h);
+      const h = o.panels.findByID(p);
+      h && h.layout.set(m);
     });
-  }, [l]);
-  return /* @__PURE__ */ n(Oy, { onLayoutChange: u, className: `dashboard-layout ${r}`, rowHeight: i, layout: d, isDraggable: a, isResizable: o, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ n($y, {}), children: s.map((p, m) => /* @__PURE__ */ c("div", { "data-grid": {
-    ...p.layout
-  }, style: {
-    position: "relative"
-  }, children: [
-    a && /* @__PURE__ */ n(Py, {}),
-    /* @__PURE__ */ n(Er, { view: t, panel: p })
-  ] }, p.id)) });
+  }, [o]);
+  return /* @__PURE__ */ n(Oy, { onLayoutChange: d, className: `dashboard-layout ${r}`, rowHeight: 1, margin: [0, 0], layout: s, isDraggable: i, isResizable: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ n($y, {}), children: l.map((u, p) => /* @__PURE__ */ c("div", { "data-grid": {
+    ...u.layout
+  }, className: "panel-grid-item", children: [
+    i && /* @__PURE__ */ n(Py, {}),
+    /* @__PURE__ */ n(Er, { view: t, panel: u })
+  ] }, u.id)) });
 }), Ny = ca(sa), By = S(function({
   view: t,
-  className: r = "layout",
-  rowHeight: i = 10
+  className: r = "layout"
 }) {
   const {
-    panels: a,
-    layouts: o
+    panels: i,
+    layouts: a
   } = P().panels.panelsByIDs(t.panelIDs);
-  return /* @__PURE__ */ n(Ny, { className: `dashboard-layout ${r}`, rowHeight: i, isDraggable: !1, isResizable: !1, layout: o, children: a.map((l) => /* @__PURE__ */ n("div", { "data-grid": l.layout, children: /* @__PURE__ */ n(Er, { view: t, panel: l }) }, l.id)) });
+  return /* @__PURE__ */ n(Ny, { className: `dashboard-layout ${r}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: a, children: i.map((o) => /* @__PURE__ */ n("div", { "data-grid": {
+    ...o.layout
+  }, className: "panel-grid-item", children: /* @__PURE__ */ n(Er, { view: t, panel: o }) }, o.id)) });
 });
 var qy = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(qy || {}), G = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(G || {});
 const I1 = {
@@ -14690,7 +14691,7 @@ const Gy = S(({
             bottom: 0,
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ n(ut, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
+            /* @__PURE__ */ n(ht, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
             /* @__PURE__ */ c(_, { mx: "auto", mt: 100, sx: {
               width: "300px",
               position: "relative",
@@ -15524,7 +15525,7 @@ function Oo(e) {
   }), $o + t.join(`
 `);
 }
-const zt = {
+const Lt = {
   CryptoJS: xa,
   d3Array: Cs,
   dayjs: O,
@@ -15584,7 +15585,7 @@ const zt = {
 </table>
 `;
 function Cv(e, t) {
-  return new Function(`return ${e}`)()(t, zt);
+  return new Function(`return ${e}`)()(t, Lt);
 }
 function Sv(e, t, r) {
   return {
@@ -15601,21 +15602,21 @@ function kv(e, t, r, i) {
 }
 function Tv(e, t) {
   try {
-    return new Function(`return ${e.config.processing.pre}`)()(t, zt);
+    return new Function(`return ${e.config.processing.pre}`)()(t, Lt);
   } catch (r) {
     return console.error(r), t;
   }
 }
 function Dv(e, t) {
   try {
-    return new Function(`return ${e.config.processing.post}`)()(t, zt);
+    return new Function(`return ${e.config.processing.post}`)()(t, Lt);
   } catch (r) {
     return console.error(r), t;
   }
 }
 function Iv(e, t) {
   try {
-    return new Function(`return ${e}`)()(t, zt);
+    return new Function(`return ${e}`)()(t, Lt);
   } catch (r) {
     return console.error(r), t;
   }
@@ -15667,7 +15668,7 @@ function Lv({
   try {
     return new Function(`return ${t}`)()({
       sql: e
-    }, zt);
+    }, Lt);
   } catch (r) {
     return console.error(r), e;
   }
@@ -15676,7 +15677,7 @@ function Av(e, t) {
   if (!e.trim())
     return t;
   try {
-    return new Function(`return ${e}`)()(t, zt);
+    return new Function(`return ${e}`)()(t, Lt);
   } catch (r) {
     return console.error(r), t;
   }
@@ -15926,7 +15927,7 @@ const Mv = f.model("QueryModel", {
           sqlSnippets: a,
           filterValues: o
         } = pe(e).payloadForSQL;
-        e.data = yield* st(Vv({
+        e.data = yield* ct(Vv({
           context: r,
           mock_context: i,
           sqlSnippets: a,
@@ -15953,7 +15954,7 @@ const Mv = f.model("QueryModel", {
           mock_context: i,
           filterValues: a
         } = pe(e).payloadForSQL;
-        e.data = yield* st(Rv({
+        e.data = yield* ct(Rv({
           context: r,
           mock_context: i,
           query: e.json,
@@ -16356,7 +16357,7 @@ const Mv = f.model("QueryModel", {
     var r;
     (r = e.controllers.tables) == null || r.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
-      const i = yield* st(De.getRequest("POST", e.controllers.tables.signal)("/query", {
+      const i = yield* ct(De.getRequest("POST", e.controllers.tables.signal)("/query", {
         type: e.type,
         key: e.key,
         query: e.tables.sql
@@ -16379,7 +16380,7 @@ const Mv = f.model("QueryModel", {
       var r;
       (r = e.controllers.columns) == null || r.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
-        e.columns.data = yield* st(De.getRequest("POST", e.controllers.columns.signal)("/query", {
+        e.columns.data = yield* ct(De.getRequest("POST", e.controllers.columns.signal)("/query", {
           type: e.type,
           key: e.key,
           query: e.columns.sql
@@ -16398,7 +16399,7 @@ const Mv = f.model("QueryModel", {
       var r;
       (r = e.controllers.indexes) == null || r.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
-        e.indexes.data = yield* st(De.getRequest("POST", e.controllers.indexes.signal)("/query", {
+        e.indexes.data = yield* ct(De.getRequest("POST", e.controllers.indexes.signal)("/query", {
           type: e.type,
           key: e.key,
           query: e.indexes.sql
@@ -16419,14 +16420,14 @@ const Mv = f.model("QueryModel", {
       const r = e.tableData;
       r.state = "loading";
       try {
-        r.data = yield* st(De.getRequest("POST", e.controllers.tableData.signal)("/query", {
+        r.data = yield* ct(De.getRequest("POST", e.controllers.tableData.signal)("/query", {
           type: e.type,
           key: e.key,
           query: r.sql
         }, {}));
         const [{
           total: a
-        }] = yield* st(De.getRequest("POST", e.controllers.tableData.signal)("/query", {
+        }] = yield* ct(De.getRequest("POST", e.controllers.tableData.signal)("/query", {
           type: e.type,
           key: e.key,
           query: r.countSql
@@ -16741,7 +16742,7 @@ class e0 {
   constructor(t) {
     R(this, "origin");
     R(this, "copy");
-    this.origin = t, this.copy = zs(t), Ht(this, {}, {
+    this.origin = t, this.copy = zs(t), Qt(this, {}, {
       autoBind: !0,
       deep: !1
     });
@@ -17087,7 +17088,7 @@ const i0 = f.model("PanelsModel", {
     e.tabs.length = 0, e.tabs = Tt(t);
   },
   addTab() {
-    const t = dt(), r = {
+    const t = ut(), r = {
       id: t,
       name: t,
       view_id: ""
@@ -17590,7 +17591,7 @@ const Ho = {
       ] }),
       /* @__PURE__ */ c(y, { spacing: 16, children: [
         /* @__PURE__ */ n(ee, { label: "Revert Changes", withinPortal: !0, children: /* @__PURE__ */ n($, { variant: "default", size: "md", disabled: !u, onClick: d, children: /* @__PURE__ */ n(qi, { size: 20, color: "red" }) }) }),
-        /* @__PURE__ */ n(D, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ n(Gt, { size: 18 }), onClick: e, disabled: !u, children: "Save Changes" })
+        /* @__PURE__ */ n(D, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ n(jt, { size: 18 }), onClick: e, disabled: !u, children: "Save Changes" })
       ] })
     ] })
   ] }) });
@@ -17942,7 +17943,7 @@ const M0 = {
 }) => {
   const {
     freezeLayout: r
-  } = z.useContext(mt);
+  } = z.useContext(gt);
   return z.useEffect(() => {
     r(e);
   }, [e]), /* @__PURE__ */ n(
@@ -18165,7 +18166,7 @@ const O0 = S(() => {
       minHeight: "50px"
     }, children: [
       t.usingQuery && /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ n(ut, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ n(ht, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
@@ -18180,8 +18181,8 @@ const O0 = S(() => {
           width: "100%"
         }, children: /* @__PURE__ */ n(v, { color: "white", size: 16, children: "Using query" }) })
       ] }),
-      i.length > 0 && /* @__PURE__ */ n(Et, { label: "Default Selection", data: a, value: [...t.default_value], onChange: t.setDefaultValue }),
-      i.map((o, l) => /* @__PURE__ */ c(Bt, { gap: 10, sx: {
+      i.length > 0 && /* @__PURE__ */ n(Nt, { label: "Default Selection", data: a, value: [...t.default_value], onChange: t.setDefaultValue }),
+      i.map((o, l) => /* @__PURE__ */ c(qt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
         /* @__PURE__ */ n(I, { label: "Label", required: !0, value: t.static_options[l].label, onChange: (s) => {
@@ -18230,7 +18231,7 @@ const O0 = S(() => {
       minHeight: "50px"
     }, children: [
       t.usingQuery && /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ n(ut, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ n(ht, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
@@ -18246,7 +18247,7 @@ const O0 = S(() => {
         }, children: /* @__PURE__ */ n(v, { color: "white", size: 16, children: "Using query" }) })
       ] }),
       i.length > 0 && /* @__PURE__ */ n(A, { label: "Default Selection", data: a, value: t.default_value, onChange: t.setDefaultValue }),
-      i.map((o, l) => /* @__PURE__ */ c(Bt, { gap: 10, sx: {
+      i.map((o, l) => /* @__PURE__ */ c(qt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
         /* @__PURE__ */ n(I, { label: "Label", required: !0, value: t.static_options[l].label, onChange: (s) => {
@@ -18372,7 +18373,7 @@ const O0 = S(() => {
           ),
           t.auto_submit_supported && /* @__PURE__ */ n(K, { label: "Submit automatically", checked: t.auto_submit, onChange: (a) => t.setAutoSubmit(a.currentTarget.checked), mt: 22 })
         ] }),
-        /* @__PURE__ */ n(Et, { label: "Visible in...", data: r.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
+        /* @__PURE__ */ n(Nt, { label: "Visible in...", data: r.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
         /* @__PURE__ */ n(I, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (a) => {
           t.setKey(a.currentTarget.value);
         } }),
@@ -18578,7 +18579,7 @@ function Zo({
   });
   return e.length === 0 ? /* @__PURE__ */ n(V, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ n(_e, { children: /* @__PURE__ */ c(ht, { sx: lw, children: [
+  } }) : /* @__PURE__ */ n(_e, { children: /* @__PURE__ */ c(pt, { sx: lw, children: [
     /* @__PURE__ */ n("thead", { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ n("tr", { children: i.headers.map((a) => /* @__PURE__ */ c("th", { style: {
       width: a.getSize()
     }, children: [
@@ -18622,7 +18623,7 @@ const Jo = S(function({
       position: "relative",
       overflow: "auto"
     }, children: [
-      /* @__PURE__ */ n(pt, { visible: o }),
+      /* @__PURE__ */ n(mt, { visible: o }),
       /* @__PURE__ */ n(ow, { queryID: t }),
       /* @__PURE__ */ n(Zo, { data: d })
     ] })
@@ -18736,7 +18737,7 @@ class uw {
   constructor(t) {
     R(this, "panel");
     R(this, "selected");
-    this.panel = t, Ht(this, {}, {
+    this.panel = t, Qt(this, {}, {
       deep: !1,
       autoBind: !0
     });
@@ -18789,7 +18790,7 @@ const pw = z.forwardRef(function({
     /* @__PURE__ */ n(We, { value: t.formatter, onChange: (s) => l("formatter", s) }),
     a && /* @__PURE__ */ n(Ya, { value: t, onChange: r })
   ] });
-}), el = Nt((e) => ({
+}), el = Bt((e) => ({
   root: {
     height: "100%",
     overflow: "hidden",
@@ -18841,7 +18842,7 @@ const pw = z.forwardRef(function({
   }, align: "start", children: [
     /* @__PURE__ */ c(_, { "data-testid": "variable-editor", align: "stretch", className: r.config, children: [
       /* @__PURE__ */ c(y, { position: "right", children: [
-        /* @__PURE__ */ n($, { variant: "filled", disabled: !t.changed, color: "primary", onClick: t.commit, children: /* @__PURE__ */ n(Gt, { size: 18 }) }),
+        /* @__PURE__ */ n($, { variant: "filled", disabled: !t.changed, color: "primary", onClick: t.commit, children: /* @__PURE__ */ n(jt, { size: 18 }) }),
         /* @__PURE__ */ n($, { color: "red", onClick: () => e.uiModel.remove(e.variable), children: /* @__PURE__ */ n(vt, { size: 18 }) })
       ] }),
       /* @__PURE__ */ n(pw, { value: Oe(t.copy), onChange: t.update, data: i })
@@ -18993,7 +18994,7 @@ const Tw = S(() => {
         flexShrink: 0
       }, children: [
         /* @__PURE__ */ n(D, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ n(Wi, { size: 14 }), onClick: s, children: "Cancel" }),
-        /* @__PURE__ */ n(D, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ n(Gt, { size: 14 }), onClick: d, disabled: i === t, children: "Confirm" })
+        /* @__PURE__ */ n(D, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ n(jt, { size: 14 }), onClick: d, disabled: i === t, children: "Confirm" })
       ] })
     ] }) })
   ] });
@@ -19079,7 +19080,7 @@ const Lw = S(({
         /* @__PURE__ */ n(x.Tab, { value: "Interactions", children: "Interactions" })
       ] }),
       /* @__PURE__ */ c(x.Panel, { value: "Data", children: [
-        /* @__PURE__ */ n(pt, { visible: p, exitTransitionDuration: 0 }),
+        /* @__PURE__ */ n(mt, { visible: p, exitTransitionDuration: 0 }),
         /* @__PURE__ */ n(sw, {})
       ] }),
       /* @__PURE__ */ n(x.Panel, { value: "Panel", children: /* @__PURE__ */ n(Si, { children: /* @__PURE__ */ n(aw, {}) }) }),
@@ -19115,7 +19116,7 @@ const Lw = S(({
 }) => /* @__PURE__ */ c(_, { spacing: a, mt: 6, pl: o, children: [
   Array.from(new Array(i - 1), (l, s) => /* @__PURE__ */ n(ii, { width: e, height: r, radius: "xs" }, s)),
   /* @__PURE__ */ n(ii, { width: t, height: r, radius: "xs" })
-] }), Mt = ({
+] }), Ft = ({
   value: e
 }) => e === null || e === "" ? null : /* @__PURE__ */ n(ee, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(nr, { size: 14 }) }) }), Vw = ({
   column: e
@@ -19131,7 +19132,7 @@ const Lw = S(({
   const {
     columns: t
   } = e;
-  return t.loading ? /* @__PURE__ */ n(tl, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : t.empty ? null : /* @__PURE__ */ c(ht, { highlightOnHover: !0, fontSize: 14, sx: {
+  return t.loading ? /* @__PURE__ */ n(tl, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : t.empty ? null : /* @__PURE__ */ c(pt, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "1000px",
     alignSelf: "flex-start",
@@ -19178,11 +19179,11 @@ const Lw = S(({
     /* @__PURE__ */ n("tbody", { children: t.data.map((r) => /* @__PURE__ */ c("tr", { children: [
       /* @__PURE__ */ n("td", { children: r.ordinal_position }),
       /* @__PURE__ */ n("td", { children: r.column_name }),
-      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Mt, { value: r.column_comment }) }),
+      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Ft, { value: r.column_comment }) }),
       /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Vw, { column: r }) }),
       /* @__PURE__ */ n("td", { children: r.column_type }),
       /* @__PURE__ */ n("td", { children: r.is_nullable }),
-      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Mt, { value: r.column_default }) })
+      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Ft, { value: r.column_default }) })
     ] }, r.column_name)) })
   ] });
 }), Mw = S(({
@@ -19191,7 +19192,7 @@ const Lw = S(({
   const {
     indexes: t
   } = e, r = t.data;
-  return /* @__PURE__ */ c(ht, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ c(pt, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "950px",
     alignSelf: "flex-start",
@@ -19239,7 +19240,7 @@ const Lw = S(({
   const {
     indexes: t
   } = e, r = t.data;
-  return /* @__PURE__ */ c(ht, { highlightOnHover: !0, fontSize: 14, sx: {
+  return /* @__PURE__ */ c(pt, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "850px",
     alignSelf: "flex-start",
@@ -19281,9 +19282,9 @@ const Lw = S(({
       /* @__PURE__ */ n("td", { children: i.index_name }),
       /* @__PURE__ */ n("td", { children: i.index_algorithm }),
       /* @__PURE__ */ n("td", { children: i.is_unique ? "YES" : "NO" }),
-      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Mt, { value: i.index_definition }) }),
-      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Mt, { value: i.condition }) }),
-      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Mt, { value: i.comment }) })
+      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Ft, { value: i.index_definition }) }),
+      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Ft, { value: i.condition }) }),
+      /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(Ft, { value: i.comment }) })
     ] }, i.index_name)) })
   ] });
 }), Pw = S(({
@@ -19329,7 +19330,7 @@ const Ew = S(({
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ n(pt, { visible: e }) }), Bw = [{
+}, children: /* @__PURE__ */ n(mt, { visible: e }) }), Bw = [{
   label: "10",
   value: "10"
 }, {
@@ -19396,7 +19397,7 @@ const Ew = S(({
       overflow: "auto",
       position: "relative"
     }, children: [
-      /* @__PURE__ */ n(pt, { visible: t.loading, overlayBlur: 2 }),
+      /* @__PURE__ */ n(mt, { visible: t.loading, overlayBlur: 2 }),
       /* @__PURE__ */ n(Zo, { data: t.data })
     ] })
   ] }));
@@ -19418,7 +19419,7 @@ const Ew = S(({
   e.loadTablesIfEmpty();
 }, [e]), e.tables.error ? /* @__PURE__ */ n(v, { color: "red", size: "md", align: "center", sx: {
   fontFamily: "monospace"
-}, children: e.tables.error }) : /* @__PURE__ */ c(Bt, { sx: {
+}, children: e.tables.error }) : /* @__PURE__ */ c(qt, { sx: {
   height: "100%"
 }, children: [
   /* @__PURE__ */ n(V, { w: 300, sx: {
@@ -19497,7 +19498,7 @@ const Ew = S(({
   const r = P(), {
     data: i = [],
     loading: a
-  } = qt(Gr, {
+  } = Wt(Gr, {
     refreshDeps: []
   }, []), o = k(() => i.map((u) => ({
     label: u.key,
@@ -19579,7 +19580,7 @@ const Ew = S(({
     e.setKey(r), e.setType(t);
   } }),
   /* @__PURE__ */ n(L, { mt: 10, mb: -10, variant: "dashed", label: "Conditions", labelPosition: "center" }),
-  /* @__PURE__ */ n(Et, { label: "Run query when these are truthy", data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy }),
+  /* @__PURE__ */ n(Nt, { label: "Run query when these are truthy", data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy }),
   /* @__PURE__ */ n(L, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ n(Kw, { queryModel: e })
 ] }) }));
@@ -19645,7 +19646,7 @@ const e_ = ({
       /* @__PURE__ */ c(y, { position: "right", children: [
         /* @__PURE__ */ n(D, { onClick: u, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ n(ts, { size: 16 }), children: "Reset to default" }),
         /* @__PURE__ */ n(D, { onClick: d, color: "red", size: "xs", disabled: !p, leftIcon: /* @__PURE__ */ n(qi, { size: 16 }), children: "Revert Changes" }),
-        /* @__PURE__ */ n(D, { size: "xs", onClick: s, disabled: !p, leftIcon: /* @__PURE__ */ n(Gt, { size: 16 }), children: "Confirm Changes" })
+        /* @__PURE__ */ n(D, { size: "xs", onClick: s, disabled: !p, leftIcon: /* @__PURE__ */ n(jt, { size: 16 }), children: "Confirm Changes" })
       ] })
     ] }),
     /* @__PURE__ */ n(v, { size: 14, children: r }),
@@ -19824,7 +19825,7 @@ WHERE
   }, a = (o) => {
     r.setPath(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ n(_, { py: "sm", px: "md", children: /* @__PURE__ */ c(ht, { highlightOnHover: !0, sx: {
+  return /* @__PURE__ */ n(_, { py: "sm", px: "md", children: /* @__PURE__ */ c(pt, { highlightOnHover: !0, sx: {
     tableLayout: "fixed"
   }, children: [
     /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ c("tr", { children: [
@@ -20015,7 +20016,7 @@ WHERE
 }) => /* @__PURE__ */ c(V, { sx: {
   position: "relative"
 }, children: [
-  e && /* @__PURE__ */ n(ut, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+  e && /* @__PURE__ */ n(ht, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
   /* @__PURE__ */ n(Ie, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
@@ -20080,7 +20081,7 @@ WHERE
   const t = e.config, r = t.custom_modal_title.value;
   return /* @__PURE__ */ c(_, { children: [
     /* @__PURE__ */ n(L, { mt: 8, label: "Modal settings", labelPosition: "center" }),
-    /* @__PURE__ */ c(Bt, { gap: 10, children: [
+    /* @__PURE__ */ c(qt, { gap: 10, children: [
       /* @__PURE__ */ n(I, { label: "Modal Title", value: r, onChange: C.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
@@ -20442,7 +20443,7 @@ const H_ = {
   G_(o.monacoPath), To(o);
   const {
     data: u = []
-  } = qt(Gr), [p, m] = z.useState(!1), h = z.useMemo(() => Go(r, u, t), [r]);
+  } = Wt(Gr), [p, m] = z.useState(!1), h = z.useMemo(() => Go(r, u, t), [r]);
   z.useImperativeHandle(d, () => h, [h]), ya(h, !0), z.useEffect(() => {
     h.context.replace(t);
   }, [t]), z.useEffect(() => {
@@ -20453,7 +20454,7 @@ const H_ = {
   const g = async () => {
     await i(h.json);
   }, w = Me($r, []), T = jo(w);
-  return /* @__PURE__ */ n(Ai, { children: /* @__PURE__ */ n(_a, { value: h, children: /* @__PURE__ */ n(mt.Provider, { value: {
+  return /* @__PURE__ */ n(Ai, { children: /* @__PURE__ */ n(_a, { value: h, children: /* @__PURE__ */ n(gt.Provider, { value: {
     layoutFrozen: p,
     freezeLayout: m,
     inEditMode: !0
@@ -20476,7 +20477,7 @@ const V1 = S(({
   To(i);
   const {
     data: l = []
-  } = qt(Gr), s = z.useMemo(() => Go(t, l, e), [t]);
+  } = Wt(Gr), s = z.useMemo(() => Go(t, l, e), [t]);
   ya(s, !1), z.useEffect(() => {
     s.context.replace(e);
   }, [e]), z.useEffect(() => {
@@ -20486,7 +20487,7 @@ const V1 = S(({
   return /* @__PURE__ */ n(Ai, { children: /* @__PURE__ */ n(_a, { value: s, children: /* @__PURE__ */ n(Ta.Provider, { value: {
     fullScreenPanelID: a,
     setFullScreenPanelID: o
-  }, children: /* @__PURE__ */ n(mt.Provider, { value: {
+  }, children: /* @__PURE__ */ n(gt.Provider, { value: {
     layoutFrozen: !0,
     freezeLayout: C.noop,
     inEditMode: !1
@@ -20542,7 +20543,7 @@ export {
   wi as FilterModel,
   gv as FiltersModel,
   Ta as FullScreenPanelContext,
-  mt as LayoutStateContext,
+  gt as LayoutStateContext,
   _a as ModelContextProvider,
   Er as Panel,
   ka as PanelContextProvider,