@devtable/dashboard 8.51.2 → 8.53.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 ie, ActionIcon as $, Menu as je, 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 _t, CheckIcon as hl, MANTINE_SIZES as pl, SimpleGrid as xt, 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 Qe, 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 Et, Select as A, TextInput as I, createStyles as Nt, Stack as _, Badge as ln, CloseButton as dl, Modal as ie, 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 { 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 { observer as S } from "mobx-react-lite";
-import z, { useEffect as M, createContext as Vi, useMemo as k, forwardRef as te, useState as N, useCallback as fe, useContext as Ue, useRef as wl, createElement as pn, memo as _l } from "react";
+import z, { useEffect as M, createContext as Vi, useMemo as k, forwardRef as te, 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 Pi, set as er, orderBy as kl, last as Fi, defaults as re, minBy as Tl, maxBy as Dl, cloneDeep as ce, isEqual as Z, defaultsDeep as ne, 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 yt, IconArrowDown as Pl, IconArrowUp as Fl, 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 Gt, IconBorderAll as Ml, IconTrash as vt, IconArrowDown as Pl, IconArrowUp as Fl, 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";
@@ -40,7 +40,7 @@ import { GridComponent as Pe, VisualMapComponent as rr, LegendComponent as Fe, T
 import { CanvasRenderer as Ce } from "/Users/leto/Merico/merico-dev/table/node_modules/echarts/renderers.js";
 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 Ct, LineChart as St, 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 { 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 Ft, randomId as dt, 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";
@@ -49,11 +49,11 @@ import * as rn from "mathjs";
 import { interpolate as vn } from "popmotion";
 import Ie, { loader as Fn } from "@monaco-editor/react";
 import * as Ze from "d3-regression";
-import { Prism as vt } from "@mantine/prism";
+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 kt, addDisposer as et, addMiddleware as Ts, getType as Ds, isAlive as ci, flow as ft, 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 st, 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";
@@ -183,7 +183,7 @@ class fc {
     this.symbol = Symbol(t);
   }
 }
-function He(e) {
+function Qe(e) {
   return new fc(e);
 }
 class or {
@@ -440,7 +440,7 @@ const sr = {
   layoutFrozen: !1,
   freezeLayout: C.noop,
   inEditMode: !1
-}, Tt = z.createContext(vc), Sa = z.createContext({
+}, mt = z.createContext(vc), Sa = z.createContext({
   panel: null,
   data: [],
   loading: !1
@@ -995,7 +995,7 @@ function Fc(e) {
 const La = S(() => {
   const {
     freezeLayout: e
-  } = z.useContext(Tt), [t, r] = z.useState(!1), {
+  } = z.useContext(mt), [t, r] = z.useState(!1), {
     panel: i
   } = me();
   return z.useEffect(() => {
@@ -1024,7 +1024,7 @@ const La = S(() => {
     query: o
   } = i, {
     inEditMode: l
-  } = z.useContext(Tt), s = () => o == null ? void 0 : o.fetchData(), {
+  } = z.useContext(mt), s = () => o == null ? void 0 : o.fetchData(), {
     viewPanelInFullScreen: d,
     inFullScreen: u
   } = z.useContext(lr), p = () => {
@@ -1052,20 +1052,20 @@ const La = S(() => {
     left: 0,
     right: 0,
     zIndex: 300
-  }, children: /* @__PURE__ */ c(je, { withinPortal: !0, children: [
-    /* @__PURE__ */ n(je.Target, { children: /* @__PURE__ */ n(V, { className: "panel-dropdown-target", sx: {
+  }, children: /* @__PURE__ */ c(He, { withinPortal: !0, children: [
+    /* @__PURE__ */ n(He.Target, { children: /* @__PURE__ */ n(V, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
-    /* @__PURE__ */ c(je.Dropdown, { children: [
-      /* @__PURE__ */ n(je.Item, { onClick: s, icon: /* @__PURE__ */ n(aa, { size: 14 }), children: "Refresh" }),
-      /* @__PURE__ */ n(je.Item, { onClick: () => t.queries.downloadDataByQueryID((o == null ? void 0 : o.id) ?? ""), icon: /* @__PURE__ */ n(oa, { size: 14 }), children: "Download Data" }),
-      w && /* @__PURE__ */ n(je.Item, { onClick: g, icon: /* @__PURE__ */ n(as, { size: 14 }), disabled: l, children: "Full Screen" }),
+    /* @__PURE__ */ c(He.Dropdown, { children: [
+      /* @__PURE__ */ n(He.Item, { onClick: s, icon: /* @__PURE__ */ n(aa, { size: 14 }), children: "Refresh" }),
+      /* @__PURE__ */ n(He.Item, { onClick: () => t.queries.downloadDataByQueryID((o == null ? void 0 : o.id) ?? ""), icon: /* @__PURE__ */ n(oa, { size: 14 }), children: "Download Data" }),
+      w && /* @__PURE__ */ n(He.Item, { onClick: g, icon: /* @__PURE__ */ n(as, { size: 14 }), disabled: l, children: "Full Screen" }),
       l && /* @__PURE__ */ c(P, { children: [
         /* @__PURE__ */ n(L, { label: "Edit", labelPosition: "center" }),
-        /* @__PURE__ */ n(je.Item, { onClick: m, icon: /* @__PURE__ */ n(la, { size: 14 }), children: "Settings" }),
-        /* @__PURE__ */ n(je.Item, { onClick: p, icon: /* @__PURE__ */ n(os, { size: 14 }), children: "Duplicate" }),
-        /* @__PURE__ */ n(je.Item, { color: "red", onClick: h, icon: /* @__PURE__ */ n(Y, { size: 14 }), children: "Delete" })
+        /* @__PURE__ */ n(He.Item, { onClick: m, icon: /* @__PURE__ */ n(la, { size: 14 }), children: "Settings" }),
+        /* @__PURE__ */ n(He.Item, { onClick: p, icon: /* @__PURE__ */ n(os, { size: 14 }), children: "Duplicate" }),
+        /* @__PURE__ */ n(He.Item, { color: "red", onClick: h, icon: /* @__PURE__ */ n(Y, { size: 14 }), children: "Delete" })
       ] })
     ] })
   ] }) }) });
@@ -1079,11 +1079,11 @@ const Oc = S(function() {
   return r ? /* @__PURE__ */ n(y, { grow: !0, position: "center", px: 20, className: "panel-title-wrapper", sx: {
     flexGrow: 1
   }, children: /* @__PURE__ */ n(v, { align: "center", lineClamp: 1, weight: "bold", children: r }) }) : null;
-}), Be = (e, t) => {
+}), qe = (e, t) => {
   const [r, i] = N([]);
   return M(() => e.watchTriggerSnapshotList((a) => i(a.filter((o) => o.schemaRef === t))), []), r;
 };
-class bt {
+class xt {
   constructor(t, r) {
     this.root = t, this.path = r;
   }
@@ -1120,21 +1120,21 @@ class bt {
 class cr {
   constructor(t, r, i) {
     R(this, "attachmentStorage");
-    this.instance = t, this.attachmentKey = r, this.constructInstance = i, this.attachmentStorage = new bt(t.instanceData, r);
+    this.instance = t, this.attachmentKey = r, this.constructInstance = i, this.attachmentStorage = new xt(t.instanceData, r);
   }
   async getInstance(t) {
     if (await this.attachmentStorage.getItem(t))
-      return this.constructInstance(new bt(this.attachmentStorage, t));
+      return this.constructInstance(new xt(this.attachmentStorage, t));
   }
   async create(t, r) {
-    return await this.attachmentStorage.setItem(t, r), this.constructInstance(new bt(this.attachmentStorage, t));
+    return await this.attachmentStorage.setItem(t, r), this.constructInstance(new xt(this.attachmentStorage, t));
   }
   async remove(t) {
     await this.attachmentStorage.deleteItem(t);
   }
   async list() {
     const t = await this.attachmentStorage.getItem(null);
-    return Promise.all(Mi(t).map((r) => this.constructInstance(new bt(this.attachmentStorage, r.id))));
+    return Promise.all(Mi(t).map((r) => this.constructInstance(new xt(this.attachmentStorage, r.id))));
   }
 }
 class Aa {
@@ -1315,7 +1315,7 @@ const Bc = (e) => {
   getColor: Cn(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Ma = "@devtable/dashboard", dr = "8.51.2", Pa = "Apache-2.0", Fa = {
+}, Ma = "@devtable/dashboard", dr = "8.53.0", Pa = "Apache-2.0", Fa = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, $a = [
@@ -1928,7 +1928,7 @@ function ad({
     ] })
   ] });
 }
-const qe = z.forwardRef(ad), Ne = {
+const We = z.forwardRef(ad), Ne = {
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
@@ -2005,7 +2005,7 @@ const sd = [{
       )
     ] })
   ] });
-}), mt = te(({
+}), gt = te(({
   value: e,
   onChange: t
 }, r) => {
@@ -2024,7 +2024,7 @@ const sd = [{
     /* @__PURE__ */ n(cn, { sectionTitle: "Overflow on Axis", value: e.on_axis, onChange: i }),
     /* @__PURE__ */ n(cn, { sectionTitle: "Overflow in Tooltip", value: e.in_tooltip, onChange: a })
   ] });
-}), Ye = {
+}), Ue = {
   on_axis: {
     width: 80,
     overflow: "truncate",
@@ -2073,7 +2073,7 @@ const hr = {
       formatter: {
         ...Ne
       },
-      overflow: Ye
+      overflow: Ue
     }
   },
   y_axis: {
@@ -2187,7 +2187,7 @@ function pd({
 }, r) {
   const {
     colorManager: i
-  } = Ue(We), a = z.useMemo(() => i.getStaticColors().map((s) => ({
+  } = Be(Ge), a = z.useMemo(() => i.getStaticColors().map((s) => ({
     label: s.name,
     group: s.category,
     // todo: select color by reference instead of value, e.g. $category.name
@@ -2344,7 +2344,7 @@ z.forwardRef(function({
     ] }),
     /* @__PURE__ */ n(Sn, { label: "Aggregation", value: t.aggregation, onChange: (s) => l("aggregation", s) }),
     /* @__PURE__ */ n(L, { my: "xs", label: "Format", labelPosition: "center" }),
-    /* @__PURE__ */ n(qe, { value: t.formatter, onChange: (s) => l("formatter", s) }),
+    /* @__PURE__ */ n(We, { value: t.formatter, onChange: (s) => l("formatter", s) }),
     a && /* @__PURE__ */ n(Ya, { value: t, onChange: r })
   ] });
 });
@@ -2409,7 +2409,7 @@ function Ut({
 }, r) {
   return Yt(r, e, t);
 }
-function gt({
+function ft({
   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 = gt(e, s);
+  } = e, s = Yt(t, i, a), d = ft(e, s);
   return /* @__PURE__ */ n(v, { sx: {
     fontSize: o,
     display: "inline"
@@ -2488,7 +2488,7 @@ function kd(e, t) {
       data_field: o,
       aggregation: l
     } = i, s = Yt(t, o, l);
-    r[a] = gt(i, s);
+    r[a] = ft(i, s);
   }), r;
 }
 function kn(e, t, r) {
@@ -2608,7 +2608,7 @@ function Ld(e, t) {
 function Ad(e, t, r) {
   const i = t.reduce((a, o) => {
     const l = Ut(o, r);
-    return a[o.name] = gt(o, l), a;
+    return a[o.name] = ft(o, l), a;
   }, {});
   return e.map((a) => ({
     name: "refs",
@@ -2722,10 +2722,10 @@ function Rd({
   } = e, a = e.data, {
     width: o,
     height: l
-  } = e.viewport, s = re({}, r, hr), d = Ge({
+  } = e.viewport, s = re({}, r, hr), d = je({
     vizManager: e.vizManager,
     instance: t
-  }), u = Be(d.triggerManager, Ha.id), p = k(() => C.keyBy(a, s.x_axis.data_key), [a, s.x_axis.data_key]), m = fe((w) => {
+  }), u = qe(d.triggerManager, Ha.id), p = k(() => C.keyBy(a, s.x_axis.data_key), [a, s.x_axis.data_key]), m = fe((w) => {
     const T = C.get(p, w.name, {
       error: "rowData is not found"
     });
@@ -2913,7 +2913,7 @@ const Fd = ({
   ] }),
   /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: e, render: ({
     field: i
-  }) => /* @__PURE__ */ n(mt, { ...i }) })
+  }) => /* @__PURE__ */ n(gt, { ...i }) })
 ] })), Od = ({
   control: e,
   data: t,
@@ -2935,7 +2935,7 @@ const Fd = ({
     /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
     /* @__PURE__ */ n(b, { name: "y_axis.label_formatter", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ n(qe, { ...i }) })
+    }) => /* @__PURE__ */ n(We, { ...i }) })
   ] })
 ] }));
 function Ed({
@@ -3175,10 +3175,10 @@ const pr = {
   context: e,
   instance: t
 }) => {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
-  }), i = Be(r.triggerManager, Xa.id), a = F(), {
+  }), i = qe(r.triggerManager, Xa.id), a = F(), {
     value: o
   } = E(e.instanceData, "config"), l = k(() => ne({}, o, pr), [o]), {
     content: s,
@@ -3196,7 +3196,7 @@ const pr = {
       r.runInteraction(T.id, {});
     });
   };
-  return /* @__PURE__ */ n(_t, { sx: {
+  return /* @__PURE__ */ n(Ct, { sx: {
     width: m,
     height: h,
     justifyContent: Ud[d],
@@ -3305,7 +3305,7 @@ function iu({
         field: h
       }) => /* @__PURE__ */ n(I, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
       /* @__PURE__ */ n(L, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ c(xt, { cols: 2, children: [
+      /* @__PURE__ */ c(yt, { cols: 2, children: [
         /* @__PURE__ */ n(b, { control: o, name: "variant", render: ({
           field: h
         }) => /* @__PURE__ */ n(A, { label: "Variant", data: tu, ...h }) }),
@@ -3313,7 +3313,7 @@ function iu({
           field: h
         }) => /* @__PURE__ */ n(Zd, { label: "Theme", ...h }) })
       ] }),
-      /* @__PURE__ */ c(xt, { cols: 2, children: [
+      /* @__PURE__ */ c(yt, { cols: 2, children: [
         /* @__PURE__ */ n(b, { control: o, name: "size", render: ({
           field: h
         }) => /* @__PURE__ */ n(eu, { label: "Size", ...h }) }),
@@ -3321,7 +3321,7 @@ function iu({
           field: h
         }) => /* @__PURE__ */ n(K, { label: "Compact", checked: h.value, onChange: (g) => h.onChange(g.currentTarget.checked), mt: 26 }) })
       ] }),
-      /* @__PURE__ */ c(xt, { cols: 2, children: [
+      /* @__PURE__ */ c(yt, { cols: 2, children: [
         /* @__PURE__ */ n(b, { control: o, name: "horizontal_align", render: ({
           field: h
         }) => /* @__PURE__ */ n(A, { label: "Horizontal Alignment", data: nu, ...h }) }),
@@ -3430,7 +3430,7 @@ const It = {
       formatter: {
         ...Ne
       },
-      overflow: Ye
+      overflow: Ue
     }
   },
   x_axis_data_key: "",
@@ -3850,7 +3850,7 @@ function Du(e, t) {
   const r = {};
   return t.map((i) => {
     const a = Ut(i, e);
-    r[i.name] = gt(i, a);
+    r[i.name] = ft(i, a);
   }), r;
 }
 function Iu(e, t) {
@@ -3960,7 +3960,7 @@ function hi(e) {
     series: r
   });
 }
-U.use([Ke, Ct, St, xn, Pe, Fe, $e, Ce, bn, ir]);
+U.use([Ke, St, kt, xn, Pe, Fe, $e, Ce, bn, ir]);
 function pi(e) {
   return e.trim().length > 0;
 }
@@ -3972,7 +3972,7 @@ function Vu({
   interactionManager: a,
   variables: o
 }) {
-  const l = k(() => C.keyBy(t, e.x_axis_data_key), [t, e.x_axis_data_key]), s = Be(a.triggerManager, mr.id), d = fe((g) => {
+  const l = k(() => C.keyBy(t, e.x_axis_data_key), [t, e.x_axis_data_key]), s = qe(a.triggerManager, mr.id), d = fe((g) => {
     const w = C.get(l, g.name, {
       error: "rowData is not found"
     });
@@ -3998,7 +3998,7 @@ function Ru({
   context: e,
   instance: t
 }) {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -4627,7 +4627,7 @@ const Yu = ({
       ...yr[l]
     });
   };
-  return /* @__PURE__ */ c(xt, { cols: 2, children: [
+  return /* @__PURE__ */ c(yt, { cols: 2, children: [
     /* @__PURE__ */ n(A, { ref: a, label: e, data: Zu, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -4967,7 +4967,7 @@ function lh({
     ] }),
     /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(mt, { ...i }) })
+    }) => /* @__PURE__ */ n(gt, { ...i }) })
   ] });
 }
 const sh = [{
@@ -5017,7 +5017,7 @@ function dh({
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(b, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ n(qe, { ...i }) })
+      }) => /* @__PURE__ */ n(We, { ...i }) })
     ] }),
     /* @__PURE__ */ c(_, { children: [
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -5601,7 +5601,7 @@ function $h(e) {
     axisLabel: {
       show: !0,
       position: "inside",
-      overflow: Ye
+      overflow: Ue
     },
     sort: "descending",
     orient: "vertical",
@@ -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(mt, { ...d }) }) })
+    }) => /* @__PURE__ */ n(gt, { ...d }) }) })
   ] });
 }, Hh = ({
   control: e,
@@ -5843,7 +5843,7 @@ const Nh = [{
   }, children: [
     /* @__PURE__ */ c(x.List, { children: [
       s.map((m, h) => /* @__PURE__ */ n(x.Tab, { value: m.id, children: m.name }, m.id)),
-      /* @__PURE__ */ n(x.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n(ee, { label: "TODO", children: /* @__PURE__ */ n(_t, { children: /* @__PURE__ */ n(rt, { size: 18, color: "#228be6" }) }) }) })
+      /* @__PURE__ */ n(x.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n(ee, { label: "TODO", children: /* @__PURE__ */ n(Ct, { children: /* @__PURE__ */ n(rt, { size: 18, color: "#228be6" }) }) }) })
     ] }),
     s.map((m, h) => /* @__PURE__ */ n(x.Panel, { value: m.id, children: /* @__PURE__ */ n(jh, { item: m, control: e, index: h, remove: o, data: r }) }, m.id))
   ] });
@@ -6234,7 +6234,7 @@ const Ja = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: Ye,
+      overflow: Ue,
       formatter: {
         ...Ne
       }
@@ -6246,7 +6246,7 @@ const Ja = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: Ye,
+      overflow: Ue,
       formatter: {
         ...Ne
       }
@@ -6263,7 +6263,7 @@ const Ja = {
     metrics: []
   }
 };
-U.use([Ke, Ct, St, ua, Pe, Fe, $e, rr, Ce]);
+U.use([Ke, St, kt, ua, Pe, Fe, $e, rr, Ce]);
 function up({
   conf: e,
   data: t,
@@ -6275,7 +6275,7 @@ function up({
   const l = k(() => {
     const m = e.x_axis.data_key, h = e.y_axis.data_key;
     return C.keyBy(t, (g) => `${g[m]}---${g[h]}`);
-  }, [t, e.x_axis.data_key]), s = Be(a.triggerManager, Ja.id), d = fe((m) => {
+  }, [t, e.x_axis.data_key]), s = qe(a.triggerManager, Ja.id), d = fe((m) => {
     const [h, g] = m.value, w = C.get(l, `${h}---${g}`, {
       error: "rowData is not found"
     });
@@ -6297,7 +6297,7 @@ function hp({
   context: e,
   instance: t
 }) {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -6339,7 +6339,7 @@ function pp({
     /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ n(b, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(qe, { ...i }) })
+    }) => /* @__PURE__ */ n(We, { ...i }) })
   ] });
 }
 const mp = ({
@@ -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(mt, { ...i }) }),
+    }) => /* @__PURE__ */ n(gt, { ...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(mt, { ...i }) }),
+    }) => /* @__PURE__ */ n(gt, { ...i }) }),
     /* @__PURE__ */ c(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(b, { name: "y_axis.axisLabel.rotate", control: e, render: ({
         field: i
@@ -6715,7 +6715,7 @@ const no = {
       formatter: {
         ...Ne
       },
-      overflow: Ye
+      overflow: Ue
     }
   },
   data_key: "value",
@@ -6965,7 +6965,7 @@ function Fp(e, t, r) {
     }
   };
 }
-U.use([Ct, St, Ke, Pe, Fe, $e, Ce]);
+U.use([St, kt, Ke, Pe, Fe, $e, Ce]);
 function $p({
   context: e,
   instance: t
@@ -6975,10 +6975,10 @@ function $p({
   } = E(e.instanceData, "config"), i = e.data, {
     width: a,
     height: o
-  } = e.viewport, l = re({}, r, Cr), s = Fp(l, i), d = Ge({
+  } = e.viewport, l = re({}, r, Cr), s = Fp(l, i), d = je({
     vizManager: e.vizManager,
     instance: t
-  }), u = Be(d.triggerManager, to.id), p = k(() => C.keyBy(i, l.x_axis.data_key), [i, l.x_axis.data_key]), m = fe((g) => {
+  }), u = qe(d.triggerManager, to.id), p = k(() => C.keyBy(i, l.x_axis.data_key), [i, l.x_axis.data_key]), m = fe((g) => {
     const w = C.get(p, g.name, {
       error: "rowData is not found"
     });
@@ -7034,7 +7034,7 @@ function Ep({
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(b, { name: "bar.label_formatter", control: t, render: ({
         field: i
-      }) => /* @__PURE__ */ n(qe, { ...i }) })
+      }) => /* @__PURE__ */ n(We, { ...i }) })
     ] })
   ] });
 }
@@ -7101,7 +7101,7 @@ const qp = `
   const [e, t] = N(!1);
   return /* @__PURE__ */ c(P, { children: [
     /* @__PURE__ */ n(D, { variant: "subtle", compact: !0, onClick: () => t((r) => !r), children: e ? "Close" : "Click to see params for Label Template" }),
-    /* @__PURE__ */ n(Kn, { in: e, children: /* @__PURE__ */ n(vt, { language: "typescript", noCopy: !0, colorScheme: "dark", children: qp }) })
+    /* @__PURE__ */ n(Kn, { in: e, children: /* @__PURE__ */ n(wt, { language: "typescript", noCopy: !0, colorScheme: "dark", children: qp }) })
   ] });
 };
 function Gp({
@@ -7163,7 +7163,7 @@ function jp({
     ] }),
     /* @__PURE__ */ n(b, { name: "x_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(mt, { ...i }) })
+    }) => /* @__PURE__ */ n(gt, { ...i }) })
   ] });
 }
 function Hp({
@@ -7698,7 +7698,7 @@ function mm({
   interactionManager: a,
   variables: o
 }) {
-  const l = k(() => C.keyBy(t, e.series_name_key), [t, e.series_name_key]), s = Be(a.triggerManager, ro.id), d = fe((m) => {
+  const l = k(() => C.keyBy(t, e.series_name_key), [t, e.series_name_key]), s = qe(a.triggerManager, ro.id), d = fe((m) => {
     const h = C.get(l, m.name, {
       error: "rowData is not found"
     });
@@ -7720,7 +7720,7 @@ function gm({
   context: e,
   instance: t
 }) {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -7764,7 +7764,7 @@ function fm({
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
       /* @__PURE__ */ n(b, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ n(qe, { ...a }) })
+      }) => /* @__PURE__ */ n(We, { ...a }) })
     ] }),
     /* @__PURE__ */ n($, { color: "red", variant: "subtle", onClick: () => r(t), sx: {
       position: "absolute",
@@ -8608,8 +8608,8 @@ const oo = {
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
 }, lo = {
-  label: Ye.on_axis,
-  tooltip: Ye.in_tooltip
+  label: Ue.on_axis,
+  tooltip: Ue.in_tooltip
 }, Dr = {
   scatter: {
     y_data_key: "",
@@ -8989,7 +8989,7 @@ const eg = {
 function tg(e, t, r) {
   const i = r.reduce((u, p) => {
     const m = Ut(p, t);
-    return u[p.name] = gt(p, m), u;
+    return u[p.name] = ft(p, m), u;
   }, {}), a = e.y_axes.reduce((u, {
     label_formatter: p
   }, m) => (u[m] = function(g) {
@@ -9019,7 +9019,7 @@ function tg(e, t, r) {
   };
   return ne({}, d, eg);
 }
-U.use([Ke, Ct, St, xn, Pe, Fe, $e, Ce, bn, ir]);
+U.use([Ke, St, kt, xn, Pe, Fe, $e, Ce, bn, ir]);
 function gi(e) {
   return e.trim().length > 0;
 }
@@ -9031,7 +9031,7 @@ function ng({
   interactionManager: a,
   variables: o
 }) {
-  const l = k(() => C.keyBy(t, e.x_axis.data_key), [t, e.x_axis.data_key]), s = Be(a.triggerManager, ao.id), d = fe((m) => {
+  const l = k(() => C.keyBy(t, e.x_axis.data_key), [t, e.x_axis.data_key]), s = qe(a.triggerManager, ao.id), d = fe((m) => {
     const h = m.value[0], g = C.get(l, h, {
       error: "rowData is not found"
     });
@@ -9053,7 +9053,7 @@ function rg({
   context: e,
   instance: t
 }) {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -9208,7 +9208,7 @@ function og({
     }) => /* @__PURE__ */ c(_, { children: [
       /* @__PURE__ */ n(ig, { variableOptions: u, yAxisOptions: m, ...w }),
       /* @__PURE__ */ n(L, { mb: -10, mt: 10, variant: "dashed" }),
-      /* @__PURE__ */ n(D, { leftIcon: /* @__PURE__ */ n(yt, { size: 16 }), color: "red", variant: "light", onClick: () => o(g), children: "Delete this Reference Area" })
+      /* @__PURE__ */ n(D, { leftIcon: /* @__PURE__ */ n(vt, { size: 16 }), color: "red", variant: "light", onClick: () => o(g), children: "Delete this Reference Area" })
     ] }) }) }, g))
   ] });
 }
@@ -9451,7 +9451,7 @@ const ug = ({
       ...Xt[l]
     });
   };
-  return /* @__PURE__ */ c(xt, { cols: 2, children: [
+  return /* @__PURE__ */ c(yt, { cols: 2, children: [
     /* @__PURE__ */ n(A, { ref: a, label: e, data: gg, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -9576,7 +9576,7 @@ const ug = ({
       ...co[l]
     });
   };
-  return /* @__PURE__ */ c(xt, { cols: 2, children: [
+  return /* @__PURE__ */ c(yt, { cols: 2, children: [
     /* @__PURE__ */ n(A, { ref: a, label: e, data: _g, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -9909,7 +9909,7 @@ function Pg({
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(b, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ n(qe, { ...i }) })
+      }) => /* @__PURE__ */ n(We, { ...i }) })
     ] }),
     /* @__PURE__ */ c(_, { children: [
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -10473,7 +10473,7 @@ const sf = {
 function cf(e, t, r) {
   r.reduce((o, l) => {
     const s = Ut(l, t);
-    return o[l.name] = gt(l, s), o;
+    return o[l.name] = ft(l, s), o;
   }, {});
   const a = {
     series: {
@@ -10999,7 +10999,7 @@ function Pf(e) {
     color: Mf(t)
   };
 }
-function wt(e) {
+function _t(e) {
   const t = e.tableCellContext.isClickable(), r = Rf({
     clickable: t,
     align: e.align
@@ -11009,7 +11009,7 @@ function wt(e) {
   }, children: /* @__PURE__ */ n(v, { className: "table-cell-text", onClick: e.tableCellContext.getClickHandler(), children: /* @__PURE__ */ n("span", { title: e.children, children: e.children }) }) });
 }
 function Ff(e) {
-  return /* @__PURE__ */ n(wt, { ...e, children: e.value });
+  return /* @__PURE__ */ n(_t, { ...e, children: e.value });
 }
 function $f(e) {
   const t = X(e.value).format({
@@ -11017,29 +11017,29 @@ function $f(e) {
     mantissa: 2,
     trimMantissa: !0
   });
-  return /* @__PURE__ */ n(wt, { ...e, children: t });
+  return /* @__PURE__ */ n(_t, { ...e, children: t });
 }
 function Of(e) {
   const t = X(e.value).format({
     thousandSeparated: !0
   });
-  return /* @__PURE__ */ n(wt, { ...e, children: t });
+  return /* @__PURE__ */ n(_t, { ...e, children: t });
 }
 function Ef(e) {
   const t = X(e.value).format({
     output: "percent",
     mantissa: 3
   });
-  return /* @__PURE__ */ n(wt, { ...e, children: t });
+  return /* @__PURE__ */ n(_t, { ...e, children: t });
 }
 function Nf(e) {
   const t = e.value, r = e.func_content;
   if (!r)
-    return /* @__PURE__ */ n(wt, { ...e, children: t });
+    return /* @__PURE__ */ n(_t, { ...e, children: t });
   const i = new Function(`return ${r}`)()({
     value: t
   });
-  return /* @__PURE__ */ n(wt, { ...e, children: i });
+  return /* @__PURE__ */ n(_t, { ...e, children: i });
 }
 function Bf(e) {
   switch (e.type) {
@@ -11056,9 +11056,9 @@ function Bf(e) {
   }
 }
 const qf = (e) => {
-  const t = Ge(e), r = Be(t.triggerManager, Ar.id), {
+  const t = je(e), r = qe(t.triggerManager, Ar.id), {
     colorManager: i
-  } = Ue(We);
+  } = Be(Ge);
   return fe((a) => new Vf(e.getColIndex, a, r, t, i), [r, t, e.getColIndex]);
 };
 function Wf({
@@ -11341,7 +11341,7 @@ function Jf(e, t) {
 const eb = te((e, t) => {
   const {
     colorManager: r
-  } = Ue(We), [i, a] = N(go(e.value)), [o, l] = N(Zf(r, e.value)), s = oi(o), [d, u] = N(Jf(r, e.value)), p = oi(d);
+  } = Be(Ge), [i, a] = N(go(e.value)), [o, l] = N(Zf(r, e.value)), s = oi(o), [d, u] = N(Jf(r, e.value)), p = oi(d);
   return /* @__PURE__ */ c(_, { align: "stretch", children: [
     /* @__PURE__ */ n(A, { label: "Cell background", value: i || "none", onChange: (w) => {
       var T, q, de;
@@ -11928,7 +11928,7 @@ const _b = ({
   if (i.startsWith("<"))
     return /* @__PURE__ */ n(xi, { message: i });
   const o = r - 25 - 20 - 30;
-  return /* @__PURE__ */ n(_t, { sx: {
+  return /* @__PURE__ */ n(Ct, { sx: {
     width: "100%",
     height: o
   }, children: /* @__PURE__ */ c(_, { align: "center", spacing: 20, children: [
@@ -12281,7 +12281,7 @@ const bo = {
     metrics: []
   }
 };
-U.use([Ke, Ct, St, ua, fs, Pe, Fe, $e, rr, Ce]);
+U.use([Ke, St, kt, ua, fs, Pe, Fe, $e, rr, Ce]);
 function Wb({
   name: e
 }, t) {
@@ -12301,7 +12301,7 @@ function Gb({
   const l = k(() => {
     const m = e.calendar.data_key;
     return C.keyBy(t, m);
-  }, [t, e.calendar.data_key]), s = Be(a.triggerManager, bo.id), d = fe((m) => {
+  }, [t, e.calendar.data_key]), s = qe(a.triggerManager, bo.id), d = fe((m) => {
     const [h, g] = m.value, w = C.get(l, h, {
       error: "rowData is not found"
     });
@@ -12326,7 +12326,7 @@ function jb({
   context: e,
   instance: t
 }) {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -12368,7 +12368,7 @@ function Hb({
     /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ n(b, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(qe, { ...i }) })
+    }) => /* @__PURE__ */ n(We, { ...i }) })
   ] });
 }
 const Qb = ({
@@ -12805,7 +12805,7 @@ function mx(e, t) {
   const r = {};
   return t.map((i) => {
     const a = Ut(i, e);
-    r[i.name] = gt(i, a);
+    r[i.name] = ft(i, a);
   }), r;
 }
 function gx(e, t) {
@@ -12900,7 +12900,7 @@ const Fr = {
       formatter: {
         ...Ne
       },
-      overflow: Ye
+      overflow: Ue
     },
     nameAlignment: "center"
   },
@@ -12961,7 +12961,7 @@ function vx() {
     xAxisIndex: "0"
   };
 }
-U.use([Ke, Ct, St, xn, Pe, Fe, $e, Ce, bn, ir]);
+U.use([Ke, St, kt, xn, Pe, Fe, $e, Ce, bn, ir]);
 function wx({
   conf: e,
   data: t,
@@ -12970,7 +12970,7 @@ function wx({
   interactionManager: a,
   variables: o
 }) {
-  const l = k(() => C.keyBy(t, e.y_axis.data_key), [t, e.y_axis.data_key]), s = Be(a.triggerManager, mr.id), d = fe((m) => {
+  const l = k(() => C.keyBy(t, e.y_axis.data_key), [t, e.y_axis.data_key]), s = qe(a.triggerManager, mr.id), d = fe((m) => {
     const h = C.get(l, m.name, {
       error: "rowData is not found"
     });
@@ -12992,7 +12992,7 @@ function _x({
   context: e,
   instance: t
 }) {
-  const r = Ge({
+  const r = je({
     vizManager: e.vizManager,
     instance: t
   }), {
@@ -13373,7 +13373,7 @@ function Mx({
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(b, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ n(qe, { ...i }) })
+      }) => /* @__PURE__ */ n(We, { ...i }) })
     ] }),
     /* @__PURE__ */ c(_, { children: [
       /* @__PURE__ */ n(L, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -13451,7 +13451,7 @@ function Fx({
     }) => /* @__PURE__ */ n(Tn, { data: e, ...i }) }) }),
     /* @__PURE__ */ n(b, { name: "y_axis.axisLabel.overflow", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(mt, { ...i }) })
+    }) => /* @__PURE__ */ n(gt, { ...i }) })
   ] });
 }
 function $x({
@@ -13584,16 +13584,16 @@ const Ex = {
     color: [...Nx, ...Bx]
   }
 }), Vt = new Zc(), ae = {
-  pluginManager: He("pluginManager"),
-  vizManager: He("vizManager"),
-  colorManager: He("colorManager"),
+  pluginManager: Qe("pluginManager"),
+  vizManager: Qe("vizManager"),
+  colorManager: Qe("colorManager"),
   instanceScope: {
-    panelModel: He("panelModel"),
-    vizInstance: He("vizInstance"),
-    interactionManager: He("interactionManager"),
-    migrator: He("migrator"),
-    operationManager: He("operationManager"),
-    triggerManager: He("triggerManager")
+    panelModel: Qe("panelModel"),
+    vizInstance: Qe("vizInstance"),
+    interactionManager: Qe("interactionManager"),
+    migrator: Qe("migrator"),
+    operationManager: Qe("operationManager"),
+    triggerManager: Qe("triggerManager")
   }
 }, $r = () => {
   try {
@@ -13606,7 +13606,7 @@ const Ex = {
     vizManager: e,
     colorManager: t
   };
-}, We = Vi($r());
+}, Ge = Vi($r());
 try {
   Vt.install(xo());
 } catch {
@@ -13846,7 +13846,7 @@ class sy {
       return {
         id: o,
         schemaRef: l,
-        operationData: new bt(a, "data")
+        operationData: new xt(a, "data")
       };
     };
     this.attachments = new cr(t, "__OPERATIONS", i);
@@ -13922,7 +13922,7 @@ class cy {
       return {
         id: o,
         schemaRef: l,
-        triggerData: new bt(a, "data")
+        triggerData: new xt(a, "data")
       };
     };
     this.attachments = new cr(t, yi, i);
@@ -14039,7 +14039,7 @@ class Or {
     }));
   }
 }
-const Ge = ({
+const je = ({
   vizManager: e,
   instance: t
 }) => Me(() => new Or(t, e.resolveComponent(t.type), zn), [t, e]), yo = (e) => {
@@ -14287,7 +14287,7 @@ const Sy = S(({
     data: t
   } = me(), r = e.viz, {
     vizManager: i
-  } = Ue(We), a = e.json, o = Me(() => i.getOrCreateInstance(a), [i, a]), l = Me(() => new Or(o, i.resolveComponent(r.type), zn), [o, r.type]);
+  } = Be(Ge), a = e.json, o = Me(() => i.getOrCreateInstance(a), [i, a]), l = Me(() => new Or(o, i.resolveComponent(r.type), zn), [o, r.type]);
   return M(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
@@ -14408,8 +14408,12 @@ function Ly(e) {
     panel: t,
     setVizConf: r
   } = e;
-  return Co(r, t), _o(() => {
-    yn({
+  Co(r, t);
+  const {
+    inEditMode: i
+  } = Be(mt);
+  return _o(() => {
+    i && yn({
       title: `${t.title} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
     });
@@ -14418,7 +14422,7 @@ function Ly(e) {
 function Ay(e, t) {
   const {
     vizManager: r
-  } = Ue(We), {
+  } = Be(Ge), {
     panel: {
       viz: i,
       title: a,
@@ -14500,7 +14504,7 @@ const Er = S(function({
 }) {
   const i = F(), {
     inEditMode: a
-  } = Ue(Tt), {
+  } = Be(mt), {
     data: o,
     state: l,
     error: s
@@ -14702,7 +14706,7 @@ const Gy = S(({
                 "Swith to View: ",
                 p.name
               ] }),
-              /* @__PURE__ */ n(D, { mt: 20, variant: "subtle", color: "red", onClick: () => l(u), disabled: s, leftIcon: /* @__PURE__ */ n(yt, { size: 14 }), children: "Delete This Tab" })
+              /* @__PURE__ */ n(D, { mt: 20, variant: "subtle", color: "red", onClick: () => l(u), disabled: s, leftIcon: /* @__PURE__ */ n(vt, { size: 14 }), children: "Delete This Tab" })
             ] })
           ] }),
           p && /* @__PURE__ */ n(Nr, { view: p })
@@ -15140,7 +15144,7 @@ const lv = f.model("FilterConfigModel_DateRange", {
   }
 })).actions((e) => ({
   setDefaultValue(t) {
-    e.default_value = kt(t);
+    e.default_value = Tt(t);
   },
   setMinWidth(t) {
     e.min_width = t;
@@ -15187,7 +15191,7 @@ const lv = f.model("FilterConfigModel_DateRange", {
   }
 })).actions((e) => ({
   setDefaultValue(t) {
-    e.default_value = kt(t);
+    e.default_value = Tt(t);
   },
   setMinWidth(t) {
     e.min_width = t;
@@ -15429,7 +15433,7 @@ const mv = f.model("FiltersModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.current = kt(t);
+    e.current = Tt(t);
   },
   append(t) {
     e.current.push(t);
@@ -15910,7 +15914,7 @@ const Rv = f.model("QueryModel", {
 })).volatile(() => ({
   controller: new AbortController()
 })).actions((e) => ({
-  runSQL: ft(function* () {
+  runSQL: bt(function* () {
     var t;
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -15938,7 +15942,7 @@ const Rv = f.model("QueryModel", {
       }
     }
   }),
-  runHTTP: ft(function* () {
+  runHTTP: bt(function* () {
     var t;
     if (console.log("runHTTP, ", e.datasource), !(!e.valid || !e.datasource) && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -16004,7 +16008,7 @@ const Rv = f.model("QueryModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.current = kt(t);
+    e.current = Tt(t);
   },
   append(t) {
     e.current.push(t);
@@ -16099,7 +16103,7 @@ const Rv = f.model("QueryModel", {
   }
 })).actions((e) => ({
   replace(t) {
-    e.current = kt(t);
+    e.current = Tt(t);
   },
   append(t) {
     e.current.push(t);
@@ -16347,7 +16351,7 @@ const Rv = f.model("QueryModel", {
     e.setKeywords(t, r);
   }
 })).actions((e) => {
-  const t = ft(function* () {
+  const t = bt(function* () {
     var r;
     (r = e.controllers.tables) == null || r.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
@@ -16370,7 +16374,7 @@ const Rv = f.model("QueryModel", {
     loadTablesIfEmpty() {
       e.tables.empty && t();
     },
-    loadColumns: ft(function* () {
+    loadColumns: bt(function* () {
       var r;
       (r = e.controllers.columns) == null || r.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
@@ -16389,7 +16393,7 @@ const Rv = f.model("QueryModel", {
         }
       }
     }),
-    loadIndexes: ft(function* () {
+    loadIndexes: bt(function* () {
       var r;
       (r = e.controllers.indexes) == null || r.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
@@ -16408,7 +16412,7 @@ const Rv = f.model("QueryModel", {
         }
       }
     }),
-    loadTableData: ft(function* () {
+    loadTableData: bt(function* () {
       var i;
       (i = e.controllers.tableData) == null || i.abort(), e.controllers.tableData = new AbortController();
       const r = e.tableData;
@@ -17079,7 +17083,7 @@ const r0 = f.model("PanelsModel", {
     e.grow = t;
   },
   setTabs(t) {
-    e.tabs.length = 0, e.tabs = kt(t);
+    e.tabs.length = 0, e.tabs = Tt(t);
   },
   addTab() {
     const t = dt(), r = {
@@ -17937,7 +17941,7 @@ const R0 = {
 }) => {
   const {
     freezeLayout: r
-  } = z.useContext(Tt);
+  } = z.useContext(mt);
   return z.useEffect(() => {
     r(e);
   }, [e]), /* @__PURE__ */ n(
@@ -18031,7 +18035,7 @@ const $0 = S(() => {
     }
     e.editor.open(["_FILTERS_", e.filters.firstID]);
   }, [i, a] = N(!1), o = () => a(!0), l = () => a(!1);
-  return /* @__PURE__ */ c(Qe, { p: 0, width: {
+  return /* @__PURE__ */ c(Ye, { p: 0, width: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -18039,7 +18043,7 @@ const $0 = S(() => {
     lg: 240,
     xl: 260
   }, children: [
-    /* @__PURE__ */ c(Qe.Section, { children: [
+    /* @__PURE__ */ c(Ye.Section, { children: [
       /* @__PURE__ */ c(y, { grow: !0, spacing: 0, sx: {
         ...Ho,
         button: {
@@ -18054,16 +18058,16 @@ const $0 = S(() => {
       ] }),
       /* @__PURE__ */ n(P0, { opened: i, close: l })
     ] }),
-    /* @__PURE__ */ n(Qe.Section, { py: 5, sx: {
+    /* @__PURE__ */ n(Ye.Section, { py: 5, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ n(v, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: "Views" }) }),
-    /* @__PURE__ */ n(Qe.Section, { grow: !0, sx: {
+    /* @__PURE__ */ n(Ye.Section, { grow: !0, sx: {
       overflow: "auto"
     }, children: /* @__PURE__ */ n($0, {}) }),
-    /* @__PURE__ */ n(Qe.Section, { children: /* @__PURE__ */ n(y, { grow: !0, p: "md", pt: "sm", sx: {
+    /* @__PURE__ */ n(Ye.Section, { children: /* @__PURE__ */ n(y, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ n(D, { size: "xs", leftIcon: /* @__PURE__ */ n(Xl, { size: 20 }), onClick: () => e.editor.open([]), children: "Settings" }) }) })
   ] });
@@ -18141,7 +18145,7 @@ const $0 = S(() => {
   const [e, t] = N(!1);
   return /* @__PURE__ */ c(P, { children: [
     /* @__PURE__ */ n(D, { variant: "subtle", compact: !0, onClick: () => t((r) => !r), children: e ? "Close" : "Click to see expected data structure" }),
-    /* @__PURE__ */ n(Kn, { in: e, children: /* @__PURE__ */ n(vt, { language: "typescript", noCopy: !0, colorScheme: "dark", children: q0 }) })
+    /* @__PURE__ */ n(Kn, { in: e, children: /* @__PURE__ */ n(wt, { language: "typescript", noCopy: !0, colorScheme: "dark", children: q0 }) })
   ] });
 }, W0 = S(function({
   config: t
@@ -18166,7 +18170,7 @@ const $0 = S(() => {
           top: "-5px",
           bottom: "-5px"
         } }),
-        /* @__PURE__ */ n(_t, { sx: {
+        /* @__PURE__ */ n(Ct, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -18231,7 +18235,7 @@ const $0 = S(() => {
           top: "-5px",
           bottom: "-5px"
         } }),
-        /* @__PURE__ */ n(_t, { sx: {
+        /* @__PURE__ */ n(Ct, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -18290,7 +18294,7 @@ const $0 = S(() => {
   const [e, t] = N(!1);
   return /* @__PURE__ */ c(P, { children: [
     /* @__PURE__ */ n(D, { variant: "subtle", compact: !0, onClick: () => t((r) => !r), children: e ? "Close" : "Click to see expected data structure" }),
-    /* @__PURE__ */ n(Kn, { in: e, children: /* @__PURE__ */ n(vt, { language: "typescript", noCopy: !0, colorScheme: "dark", children: H0 }) })
+    /* @__PURE__ */ n(Kn, { in: e, children: /* @__PURE__ */ n(wt, { language: "typescript", noCopy: !0, colorScheme: "dark", children: H0 }) })
   ] });
 }, Y0 = S(function({
   config: t
@@ -18314,7 +18318,7 @@ const $0 = S(() => {
     /* @__PURE__ */ n(v, { pb: "md", color: "gray", children: "Preview" }),
     /* @__PURE__ */ n(Ia, { filter: t, value: r, onChange: i }),
     /* @__PURE__ */ n(v, { pt: "lg", pb: "md", color: "gray", children: "Config" }),
-    /* @__PURE__ */ n(vt, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t, null, 4) })
+    /* @__PURE__ */ n(wt, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t, null, 4) })
   ] });
 }), X0 = {
   select: G0,
@@ -18781,7 +18785,7 @@ const hw = z.forwardRef(function({
     ] }),
     /* @__PURE__ */ n(Sn, { label: "Aggregation", value: t.aggregation, onChange: (s) => l("aggregation", s) }),
     /* @__PURE__ */ n(L, { my: "xs", label: "Format", labelPosition: "center" }),
-    /* @__PURE__ */ n(qe, { value: t.formatter, onChange: (s) => l("formatter", s) }),
+    /* @__PURE__ */ n(We, { value: t.formatter, onChange: (s) => l("formatter", s) }),
     a && /* @__PURE__ */ n(Ya, { value: t, onChange: r })
   ] });
 }), el = Nt((e) => ({
@@ -18837,7 +18841,7 @@ const hw = z.forwardRef(function({
     /* @__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($, { color: "red", onClick: () => e.uiModel.remove(e.variable), children: /* @__PURE__ */ n(yt, { size: 18 }) })
+        /* @__PURE__ */ n($, { color: "red", onClick: () => e.uiModel.remove(e.variable), children: /* @__PURE__ */ n(vt, { size: 18 }) })
       ] }),
       /* @__PURE__ */ n(hw, { value: Oe(t.copy), onChange: t.update, data: i })
     ] }),
@@ -18858,7 +18862,7 @@ const hw = z.forwardRef(function({
 function ww() {
   const {
     vizManager: e
-  } = Ue(We);
+  } = Be(Ge);
   return k(() => {
     const t = e.availableVizList.map((r) => ({
       value: r.name,
@@ -18902,7 +18906,7 @@ function Sw() {
     }
   } = me(), {
     vizManager: p
-  } = Ue(We), m = {
+  } = Be(Ge), m = {
     title: i,
     description: o,
     viz: r,
@@ -18927,7 +18931,7 @@ const kw = S(() => {
     }
   } = me(), {
     vizManager: r
-  } = Ue(We), i = z.useCallback((u) => {
+  } = Be(Ge), i = z.useCallback((u) => {
     if (u === t.type)
       return;
     const p = Cw(r, u);
@@ -19062,7 +19066,7 @@ const zw = S(({
       ] }),
       /* @__PURE__ */ c(y, { position: "right", noWrap: !0, children: [
         /* @__PURE__ */ n(Tw, { panel: e, sourceViewID: h }),
-        /* @__PURE__ */ n(D, { size: "xs", variant: "subtle", color: "red", onClick: w, leftIcon: /* @__PURE__ */ n(yt, { size: 14 }), children: "Delete This Panel" })
+        /* @__PURE__ */ n(D, { size: "xs", variant: "subtle", color: "red", onClick: w, leftIcon: /* @__PURE__ */ n(vt, { size: 14 }), children: "Delete This Panel" })
       ] })
     ] }),
     /* @__PURE__ */ c(x, { value: i, onTabChange: a, keepMounted: !1, styles: Dw, children: [
@@ -19546,14 +19550,14 @@ const Ow = S(({
     hover: !0,
     focus: !1,
     touch: !1
-  }, withinPortal: !0, children: /* @__PURE__ */ n(D, { color: "gray", size: "xs", leftIcon: /* @__PURE__ */ n(yt, { size: 16 }), sx: {
+  }, withinPortal: !0, children: /* @__PURE__ */ n(D, { color: "gray", size: "xs", leftIcon: /* @__PURE__ */ n(vt, { size: 16 }), sx: {
     alignSelf: "flex-end"
-  }, children: "Delete this Query" }) }) : /* @__PURE__ */ n(D, { color: "red", size: "xs", onClick: l, leftIcon: /* @__PURE__ */ n(yt, { size: 16 }), sx: {
+  }, children: "Delete this Query" }) }) : /* @__PURE__ */ n(D, { color: "red", size: "xs", onClick: l, leftIcon: /* @__PURE__ */ n(vt, { size: 16 }), sx: {
     alignSelf: "flex-end"
   }, children: "Delete this Query" });
 }, Xw = S(Uw), Kw = S(({
   queryModel: e
-}) => /* @__PURE__ */ n(_t, { ml: 20, mt: 20, sx: {
+}) => /* @__PURE__ */ n(Ct, { ml: 20, mt: 20, sx: {
   maxWidth: "600px"
 }, children: /* @__PURE__ */ c(_, { spacing: 10, sx: {
   width: "100%"
@@ -19681,13 +19685,13 @@ WHERE
     /* @__PURE__ */ n(v, { weight: 500, sx: {
       flexGrow: 0
     }, children: "Guide" }),
-    /* @__PURE__ */ n(vt, { language: "sql", sx: {
+    /* @__PURE__ */ n(wt, { language: "sql", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: e_ }),
     /* @__PURE__ */ n(v, { weight: 500, sx: {
       flexGrow: 0
     }, children: "Current Values" }),
-    /* @__PURE__ */ n(vt, { language: "json", sx: {
+    /* @__PURE__ */ n(wt, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: o })
   ] }) });
@@ -20268,7 +20272,7 @@ const z_ = S(() => /* @__PURE__ */ n(_, { sx: {
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ n(il, { option: t }, t.value)) });
 }), E_ = S(() => {
   const e = F();
-  return /* @__PURE__ */ c(Qe, { p: 0, width: {
+  return /* @__PURE__ */ c(Ye, { p: 0, width: {
     base: 200,
     xs: 200,
     sm: 220,
@@ -20278,16 +20282,16 @@ const z_ = S(() => /* @__PURE__ */ n(_, { sx: {
   }, sx: {
     height: "100vh - 60px - 60px"
   }, children: [
-    /* @__PURE__ */ n(Qe.Section, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ n(Ye.Section, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ n(v, { align: "center", sx: {
       userSelect: "none",
       cursor: "default"
     }, children: "Settings" }) }),
-    /* @__PURE__ */ n(Qe.Section, { grow: !0, sx: {
+    /* @__PURE__ */ n(Ye.Section, { grow: !0, sx: {
       overflow: "auto"
     }, children: /* @__PURE__ */ n(O_, {}) }),
-    /* @__PURE__ */ n(Qe.Section, { children: /* @__PURE__ */ n(y, { grow: !0, p: "md", pt: "sm", sx: {
+    /* @__PURE__ */ n(Ye.Section, { children: /* @__PURE__ */ n(y, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
     }, children: /* @__PURE__ */ n(D, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ n(Wi, { size: 18 }), onClick: () => e.editor.close(), children: "Close" }) }) })
   ] });
@@ -20448,11 +20452,11 @@ const j_ = {
   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(Tt.Provider, { value: {
+  return /* @__PURE__ */ n(Ai, { children: /* @__PURE__ */ n(_a, { value: h, children: /* @__PURE__ */ n(mt.Provider, { value: {
     layoutFrozen: p,
     freezeLayout: m,
     inEditMode: !0
-  }, children: /* @__PURE__ */ n(We.Provider, { value: w, children: /* @__PURE__ */ c(wn, { configure: T, children: [
+  }, children: /* @__PURE__ */ n(Ge.Provider, { value: w, children: /* @__PURE__ */ c(wn, { configure: T, children: [
     /* @__PURE__ */ n(Li, { padding: 0, header: /* @__PURE__ */ n(h0, { saveDashboardChanges: g, headerSlot: s }), navbar: /* @__PURE__ */ n(O0, {}), styles: j_, children: /* @__PURE__ */ n(V, { className: `${a} dashboard-root`, sx: {
       position: "relative"
     }, children: h.views.visibleViews.map((q) => /* @__PURE__ */ n(Xy, { view: q }, q.id)) }) }),
@@ -20481,11 +20485,11 @@ const A1 = S(({
   return /* @__PURE__ */ n(Ai, { children: /* @__PURE__ */ n(_a, { value: s, children: /* @__PURE__ */ n(Ta.Provider, { value: {
     fullScreenPanelID: a,
     setFullScreenPanelID: o
-  }, children: /* @__PURE__ */ n(Tt.Provider, { value: {
+  }, children: /* @__PURE__ */ n(mt.Provider, { value: {
     layoutFrozen: !0,
     freezeLayout: C.noop,
     inEditMode: !1
-  }, children: /* @__PURE__ */ n(V, { className: `${r} dashboard-root`, children: /* @__PURE__ */ n(We.Provider, { value: d, children: /* @__PURE__ */ n(wn, { configure: u, children: s.views.visibleViews.map((p) => /* @__PURE__ */ n(Nr, { view: p }, p.id)) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ n(V, { className: `${r} dashboard-root`, children: /* @__PURE__ */ n(Ge.Provider, { value: d, children: /* @__PURE__ */ n(wn, { configure: u, children: s.views.visibleViews.map((p) => /* @__PURE__ */ n(Nr, { view: p }, p.id)) }) }) }) }) }) }) });
 });
 O.extend(As);
 O.extend(Vs);
@@ -20537,7 +20541,7 @@ export {
   wi as FilterModel,
   mv as FiltersModel,
   Ta as FullScreenPanelContext,
-  Tt as LayoutStateContext,
+  mt as LayoutStateContext,
   _a as ModelContextProvider,
   Er as Panel,
   ka as PanelContextProvider,