@devtable/dashboard 11.5.2 → 11.5.3

package/dist/dashboard.es.js

@@ -1,7 +1,7 @@
 var th = Object.defineProperty;
 var nh = (e, t, n) => t in e ? th(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var N = (e, t, n) => (nh(e, typeof t != "symbol" ? t + "" : t, n), n);
-import M, { forwardRef as he, useState as q, useEffect as O, useCallback as Be, useMemo as T, createElement as ts, useContext as Ht, useRef as ns, createContext as el, memo as rh } from "react";
+import M, { forwardRef as he, useState as q, useEffect as $, useCallback as Be, useMemo as T, createElement as ts, useContext as Ht, useRef as ns, createContext as el, memo as rh } from "react";
 import { TextInput as D, Text as j, Box as z, Button as C, HoverCard as Te, Group as b, Select as L, Stack as _, Divider as I, NumberInput as U, Switch as Ve, Table as We, ActionIcon as W, MultiSelect as $n, Paper as sh, Code as Ja, Modal as ge, Tabs as f, LoadingOverlay as _n, Alert as rs, ColorSwatch as ti, Overlay as Rt, Checkbox as K, Collapse as xr, Center as Sn, useMantineTheme as tl, CheckIcon as ih, MANTINE_SIZES as ah, SimpleGrid as nn, Tooltip as be, NativeSelect as nl, SegmentedControl as oh, Anchor as ni, Textarea as lh, Mark as ch, ColorInput as ji, createStyles as mr, Popover as On, Slider as dh, Flex as Ut, Badge as bn, CloseButton as rl, Menu as ue, Affix as uh, Header as hh, List as it, FileInput as ph, ThemeIcon as Ps, UnstyledButton as xh, Navbar as Nt, JsonInput as sl, Pagination as il, Drawer as mh, Accordion as Ir, Radio as Za, Skeleton as eo, NavLink as ri, AppShell as al } from "@mantine/core";
 import { useModals as Et, ModalsProvider as ol } from "@mantine/modals";
 import { useBoolean as $e, useCreation as kt, useAsyncEffect as fr, useRequest as yn, useWhyDidYouUpdate as ll, useLatest as to, usePrevious as fh } from "ahooks";
@@ -983,7 +983,7 @@ const Jx = new Xx(Ln), qt = Jx, dr = he(function({
 }, i) {
   return /* @__PURE__ */ r.jsx(D, { ref: i, value: t, onChange: n, ...s });
 });
-function $(e) {
+function O(e) {
   const [t, n] = e.split(".");
   return {
     queryID: t,
@@ -991,7 +991,7 @@ function $(e) {
   };
 }
 function Zx(e) {
-  return e.includes(".") ? $(e) : {
+  return e.includes(".") ? O(e) : {
     queryID: "",
     columnKey: e
   };
@@ -1001,13 +1001,13 @@ function Qt(e, t) {
   const {
     queryID: n,
     columnKey: s
-  } = $(t);
+  } = O(t);
   return n ? s ? ((i = e[n]) == null ? void 0 : i.map((a) => a[s])) ?? [] : e[n] : [];
 }
 function yr(e, t) {
   const {
     queryID: n
-  } = $(t);
+  } = O(t);
   return n ? e[n] : [];
 }
 function em(e) {
@@ -1017,7 +1017,7 @@ function Or(e, t) {
   const {
     queryID: n,
     columnKey: s
-  } = $(t);
+  } = O(t);
   return e[s];
 }
 const ho = ["function aggregation({ queryData }, utils) {", '    return "Aggregation Result";', "}"].join(`
@@ -1719,7 +1719,7 @@ class Ri {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const rc = "11.5.2", Rm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rc = "11.5.3", Rm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: rc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1842,7 +1842,7 @@ const Q = (e, t) => {
   const [n, {
     setFalse: s
   }] = $e(!0), [i, a] = q();
-  O(() => (e.getItem(t).then((l) => {
+  $(() => (e.getItem(t).then((l) => {
     a(l), s();
   }), e.watchItem(t, (l) => {
     a(l);
@@ -1910,9 +1910,9 @@ function $m({
     y: x,
     z: y
   } = T(() => ({
-    x: $(a),
-    y: $(o),
-    z: $(l)
+    x: O(a),
+    y: O(o),
+    z: O(l)
   }), [a, o, l]), {
     min: S,
     max: A
@@ -2050,7 +2050,7 @@ function Wm({
   } = ve({
     defaultValues: s
   });
-  return O(() => {
+  return $(() => {
     o(s);
   }, [t]), t ? /* @__PURE__ */ r.jsx(_, { spacing: "xs", children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(n), children: [
     /* @__PURE__ */ r.jsx(j, { children: "X Axis" }),
@@ -2336,13 +2336,13 @@ function In(e, t) {
     const {
       queryID: n,
       columnKey: s
-    } = $(t);
+    } = O(t);
     return w.keyBy(e[n], s);
   }, [e, t]);
 }
 const yt = (e, t) => {
   const [n, s] = q([]);
-  return O(() => e.watchTriggerSnapshotList((i) => s(i.filter((a) => a.schemaRef === t))), []), n;
+  return $(() => e.watchTriggerSnapshotList((i) => s(i.filter((a) => a.schemaRef === t))), []), n;
 };
 class Fn {
   constructor(t, n) {
@@ -2405,7 +2405,7 @@ function Xm(e, t) {
   } = Q(e.operation.operationData, "config"), [i, a] = q(Ce({}, n, t)), o = async () => {
     await s(i);
   };
-  return O(() => {
+  return $(() => {
     a(Ce({}, n, t));
   }, [n]), {
     config: i,
@@ -2538,7 +2538,7 @@ const cf = {
   onChange: t
 }) => {
   const [n, s] = q(e);
-  O(() => {
+  $(() => {
     s(e);
   }, [e]);
   const i = () => {
@@ -3101,7 +3101,7 @@ const Ff = k(({
   } = Dn(), n = e.viz, {
     vizManager: s
   } = Ht(Ot), i = e.json, a = kt(() => s.getOrCreateInstance(i), [s, i]), o = kt(() => new Pi(a, s.resolveComponent(n.type), gs), [a, n.type]);
-  return O(() => a.instanceData.watchItem(
+  return $(() => a.instanceData.watchItem(
     null,
     // avoid too many updates
     kh((l) => {
@@ -3231,7 +3231,7 @@ function Hf(e, t) {
   } = e;
   if (!n.data_key || !s.data_key)
     return [];
-  const i = $(n.data_key), a = $(s.data_key);
+  const i = O(n.data_key), a = O(s.data_key);
   if (i.queryID !== a.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const o = w.groupBy(t[i.queryID], i.columnKey), {
@@ -3550,7 +3550,7 @@ const sg = (e, t) => {
 });
 function vc(e, t) {
   return e.tooltip.metrics.map((n) => {
-    const s = $(n.data_key);
+    const s = O(n.data_key);
     return `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${n.name}</th>
@@ -3837,7 +3837,7 @@ const mg = ({
     setTrue: i,
     setFalse: a
   }] = $e(), [o, l] = q(e);
-  O(() => {
+  $(() => {
     l(e);
   }, [e]);
   const c = (x) => {
@@ -4086,7 +4086,7 @@ const vt = M.forwardRef(yg), jg = ({
     data_key: "",
     name: ""
   }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -4169,7 +4169,7 @@ function kg({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]), l(["x_axis", "y_axis", "reference_lines", "color"]);
   const u = c(), h = T(() => !fe(u, t), [u, t]);
@@ -4573,7 +4573,7 @@ function Ug({
     value: t,
     set: n
   } = Q(e.instanceData, "config"), s = T(() => je({}, t, Ni), [t]), i = s;
-  O(() => {
+  $(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
   const {
@@ -4585,7 +4585,7 @@ function Ug({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, s), [u, s]);
@@ -4894,7 +4894,7 @@ function sb({
     }
     const {
       columnKey: c
-    } = $(a.y_axis_data_key), d = w.groupBy(yr(n, a.y_axis_data_key), l);
+    } = O(a.y_axis_data_key), d = w.groupBy(yr(n, a.y_axis_data_key), l);
     Object.entries(d).forEach(([u, h]) => {
       const p = h.map((y, S) => [S, Number(y[c])]);
       i(a, u, u, p);
@@ -4973,7 +4973,7 @@ function lb({
   } = t, {
     queryID: o,
     columnKey: l
-  } = $(s), c = Th(yr(n, o), l);
+  } = O(s), c = Th(yr(n, o), l);
   return (d, u) => {
     let h;
     u.name ? h = c[u.name] : h = n[u.dataIndex];
@@ -5039,7 +5039,7 @@ function hb({
   const {
     queryID: i,
     columnKey: a
-  } = $(e), o = w.groupBy(t[i], a);
+  } = O(e), o = w.groupBy(t[i], a);
   return Object.entries(o).forEach(([l, c]) => {
     o[l] = Gi({
       [i]: c
@@ -5334,7 +5334,7 @@ function Sb({
   }), [c]), p = (x) => {
     u.current = x, mo(x);
   };
-  return O(() => {
+  return $(() => {
     u.current && mo(u.current);
   }, [d]), !n || !s ? null : /* @__PURE__ */ r.jsx(Ye, { echarts: ie, option: d, style: {
     width: n,
@@ -9208,7 +9208,7 @@ const Wc = At.create({
     content: e,
     editable: !1
   });
-  O(() => {
+  $(() => {
     s == null || s.commands.setContent(e);
   }, [e, s]);
   const i = T(() => w.defaultsDeep({}, {
@@ -9241,7 +9241,11 @@ const vj = ({
   onChange: t
 }) => {
   const n = (s) => {
-    s && t(s);
+    if (!s) {
+      t("");
+      return;
+    }
+    t(s);
   };
   return /* @__PURE__ */ r.jsx(z, { sx: {
     position: "relative",
@@ -9269,7 +9273,7 @@ const vj = ({
   }, d = () => {
     o(s);
   };
-  O(() => {
+  $(() => {
     o(e);
   }, [e]);
   const u = a !== e;
@@ -9349,7 +9353,7 @@ function _j({
   pt: s = "sm",
   withFallback: i
 }, a) {
-  O(() => {
+  $(() => {
     typeof t == "string" && n({
       type: t,
       config: {},
@@ -10083,7 +10087,7 @@ function Qj({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, i), [u, i]);
@@ -10578,7 +10582,7 @@ function mv(e, t) {
     } = n;
     if (!s || !i)
       return {};
-    const h = $(s), p = $(i), x = t[h.queryID].map((S) => ({
+    const h = O(s), p = O(i), x = t[h.queryID].map((S) => ({
       name: S[h.columnKey],
       value: S[p.columnKey]
     })), y = bt(a.overflow.on_axis);
@@ -10626,7 +10630,7 @@ function fv({
 }
 function gv(e, t) {
   var a;
-  const n = $(e.series[0].level_name_data_key), s = $(e.series[0].level_value_data_key), i = (a = w.maxBy(t[n.queryID], s.columnKey)) == null ? void 0 : a[s.columnKey];
+  const n = O(e.series[0].level_name_data_key), s = O(e.series[0].level_value_data_key), i = (a = w.maxBy(t[n.queryID], s.columnKey)) == null ? void 0 : a[s.columnKey];
   return (o) => {
     const c = fv({
       conf: e,
@@ -10950,7 +10954,7 @@ const _v = [{
     ...u,
     ...a[h]
   })), l = w.get(o, "0.id"), [c, d] = q(l ?? null);
-  return O(() => {
+  return $(() => {
     l && d((u) => u !== null ? u : l);
   }, [l]), /* @__PURE__ */ r.jsxs(f, { value: c, onTabChange: (u) => d(u), styles: {
     panel: {
@@ -10980,7 +10984,7 @@ function zv({
   } = ve({
     defaultValues: s
   });
-  O(() => {
+  $(() => {
     c(s);
   }, [s]), o([]);
   const d = l(), u = T(() => !w.isEqual(d, s), [d, s]);
@@ -11195,7 +11199,7 @@ function Vv({
     }
   }, x = [u, h, p], y = s[`${l}---${c}`];
   return y && e.tooltip.metrics.forEach((S) => {
-    const A = $(S.data_key);
+    const A = O(S.data_key);
     x.push({
       label: S.name,
       value: Pv(w.get(y, A.columnKey, "")),
@@ -11211,8 +11215,8 @@ function Nv(e, t, n, s) {
     x_axis: i,
     y_axis: a,
     heat_block: o
-  } = e, l = $(i.data_key), c = $(a.data_key);
-  $(o.data_key);
+  } = e, l = O(i.data_key), c = O(a.data_key);
+  O(o.data_key);
   const d = w.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return oe.getTooltip({
     formatter: function(u) {
@@ -11493,7 +11497,7 @@ function Xv(e, t, n, s, i) {
   const a = n.reduce((A, F) => {
     const V = Jt(F, t);
     return A[F.name] = gt(F, V), A;
-  }, {}), o = Ev(e), l = Fv(e), c = $(e.x_axis.data_key), d = $(e.y_axis.data_key), u = $(e.heat_block.data_key), h = w.uniq(t[c.queryID].map((A) => A[c.columnKey])), p = w.uniq(t[c.queryID].map((A) => A[d.columnKey])), x = t[c.queryID].map((A) => [w.get(A, c.columnKey), w.get(A, d.columnKey), w.get(A, u.columnKey)]), y = Yv(h.length, p.length, s, i);
+  }, {}), o = Ev(e), l = Fv(e), c = O(e.x_axis.data_key), d = O(e.y_axis.data_key), u = O(e.heat_block.data_key), h = w.uniq(t[c.queryID].map((A) => A[c.columnKey])), p = w.uniq(t[c.queryID].map((A) => A[d.columnKey])), x = t[c.queryID].map((A) => [w.get(A, c.columnKey), w.get(A, d.columnKey), w.get(A, u.columnKey)]), y = Yv(h.length, p.length, s, i);
   return {
     xAxis: Uv(e, h, o.x_axis, y),
     yAxis: Kv(e, p, o.y_axis, y),
@@ -11594,7 +11598,7 @@ function ew({
   variables: a
 }) {
   const o = T(() => {
-    const h = $(e.x_axis.data_key), p = $(e.y_axis.data_key);
+    const h = O(e.x_axis.data_key), p = O(e.y_axis.data_key);
     return w.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, Uc.id), c = Be((h) => {
     const [p, x] = h.value, y = w.get(o, `${p}---${x}`, {
@@ -11719,7 +11723,7 @@ const rw = ({
     data_key: "",
     name: ""
   }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -11785,7 +11789,7 @@ const aw = ({
     setTrue: i,
     setFalse: a
   }] = $e(), [o, l] = q(e);
-  O(() => {
+  $(() => {
     l(e);
   }, [e]);
   const c = (x) => {
@@ -11941,7 +11945,7 @@ function uw({
     value: t,
     set: n
   } = Q(e.instanceData, "config"), s = T(() => je({}, t, ra), [t]), i = T(() => w.cloneDeep(s), [s]);
-  O(() => {
+  $(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
   const {
@@ -11953,7 +11957,7 @@ function uw({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, s), [u, s]);
@@ -12267,7 +12271,7 @@ function _w(e, t, n) {
   } = e;
   if (!s.data_key || !i)
     return [];
-  const a = $(s.data_key), o = $(i);
+  const a = O(s.data_key), o = O(i);
   if (a.queryID !== o.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const l = t[a.queryID].map((p) => [p[a.columnKey], Number(p[o.columnKey])]).sort((p, x) => x[1] - p[1]), c = l.reduce((p, x) => p + x[1], 0), d = l.reduce((p, x, y) => {
@@ -12643,7 +12647,7 @@ function Pw({
   } = ve({
     defaultValues: s
   });
-  O(() => {
+  $(() => {
     c(s);
   }, [s]), o(["x_axis", "data_key", "bar", "line", "dataZoom"]);
   const d = l(), u = T(() => !fe(d, t), [d, t]);
@@ -12871,7 +12875,7 @@ function Yw(e, t, n) {
   } = e;
   if (!s || !i)
     return {};
-  const o = $(s), l = $(i), c = $(a), d = t[o.queryID].map((h) => ({
+  const o = O(s), l = O(i), c = O(a), d = t[o.queryID].map((h) => ({
     name: h[o.columnKey],
     value: Number(h[l.columnKey]),
     color: c.columnKey ? h[c.columnKey] : void 0
@@ -13023,7 +13027,7 @@ function n0({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !w.isEqual(u, s), [u, s]);
@@ -13186,12 +13190,12 @@ function nd(e, t) {
   return t.map(({
     data_key: n
   }) => {
-    const s = $(n);
+    const s = O(n);
     return e[s.columnKey];
   });
 }
 function c0(e, t, n) {
-  const s = $(t);
+  const s = O(t);
   return e[s.queryID].map((i) => ({
     value: nd(i, n),
     name: i[s.columnKey]
@@ -13227,7 +13231,7 @@ function u0(e, t) {
     dimensions: s
   } = t;
   return n.map((a) => {
-    const o = $(a.name_key), l = $(a.color_key);
+    const o = O(a.name_key), l = O(a.color_key);
     return {
       type: "radar",
       colorBy: "data",
@@ -13362,8 +13366,8 @@ function g0({
     const {
       queryID: h,
       columnKey: p
-    } = $(e.series_name_key), x = w.keyBy(t[h], p), y = e.additional_series.reduce((S, A) => {
-      const F = $(A.name_key), V = w.keyBy(t[F.queryID], F.columnKey);
+    } = O(e.series_name_key), x = w.keyBy(t[h], p), y = e.additional_series.reduce((S, A) => {
+      const F = O(A.name_key), V = w.keyBy(t[F.queryID], F.columnKey);
       return {
         ...S,
         ...V
@@ -13452,7 +13456,7 @@ function j0({
       color_key: ""
     });
   }, c = w.get(o, "0.id", null), [d, u] = q(c);
-  O(() => {
+  $(() => {
     u((p) => p || c);
   }, [c]);
   const h = (p) => {
@@ -13550,7 +13554,7 @@ function w0({
       formatter: qe
     });
   }, c = w.get(o, "0.id", null), [d, u] = q(c);
-  O(() => {
+  $(() => {
     u((p) => p || c);
   }, [c]);
   const h = (p) => {
@@ -13591,7 +13595,7 @@ function _0({
     defaultValues: s,
     mode: "all"
   });
-  O(() => {
+  $(() => {
     c(s);
   }, [s]), o(["series_name_key", "background", "label"]);
   const u = l(), h = T(() => !fe(u, s), [u, s]);
@@ -13817,7 +13821,7 @@ function L0(e, t) {
   }));
 }
 function rd(e, t) {
-  const n = $(e.x_axis.data_key), s = $(e.regression.y_axis_data_key);
+  const n = O(e.x_axis.data_key), s = O(e.regression.y_axis_data_key);
   return w.uniqBy(t.map((i) => [i[n.columnKey], i[s.columnKey]]), 0);
 }
 function A0(e, t) {
@@ -13846,7 +13850,7 @@ function R0(e, t) {
     plot: n,
     transform: s,
     group_by_key: i
-  } = e.regression, a = $(i), o = w.groupBy(t, a.columnKey);
+  } = e.regression, a = O(i), o = w.groupBy(t, a.columnKey);
   return Object.entries(o).map(([l, c]) => {
     const d = rd(e, c);
     return {
@@ -14110,7 +14114,7 @@ function Lo(e, t, n) {
   const {
     regression: s,
     x_axis: i
-  } = n, a = $(i.data_key), o = $(s.y_axis_data_key), l = t.map((c) => [c[a.columnKey], c[o.columnKey]]);
+  } = n, a = O(i.data_key), o = O(s.y_axis_data_key), l = t.map((c) => [c[a.columnKey], c[o.columnKey]]);
   return s.transform.config.method === "linear" ? N0(e, t, l, n) : s.transform.config.method === "exponential" ? q0(e, t, l, n) : s.transform.config.method === "logarithmic" ? B0(e, t, l, n) : s.transform.config.method === "polynomial" ? W0(e, t, l, n) : {
     name: e,
     expression: "",
@@ -14128,7 +14132,7 @@ function G0(e, t) {
     }];
   if (!t.regression.group_by_key)
     return [Lo("", e, t)];
-  const n = $(t.regression.group_by_key), s = w.groupBy(e, n.columnKey);
+  const n = O(t.regression.group_by_key), s = w.groupBy(e, n.columnKey);
   return Object.entries(s).map(([i, a]) => Lo(i, a, t));
 }
 const Q0 = {
@@ -14259,7 +14263,7 @@ function Y0({
     const c = e.data, d = t == null ? void 0 : t.x_axis.data_key, u = (x = t == null ? void 0 : t.regression) == null ? void 0 : x.y_axis_data_key;
     if (!d || !u)
       return [];
-    const h = $(d), p = $(u);
+    const h = O(d), p = O(u);
     return c[h.queryID].map((y) => typeof y[p.columnKey] == "number" ? y : {
       ...y,
       [p.columnKey]: Number(y[p.columnKey])
@@ -14364,7 +14368,7 @@ const Z0 = ({
     setTrue: a,
     setFalse: o
   }] = $e(), [l, c] = q(e);
-  O(() => {
+  $(() => {
     c(e);
   }, [e]);
   const d = (y) => {
@@ -14487,7 +14491,7 @@ function n_({
   } = ve({
     defaultValues: s
   });
-  O(() => {
+  $(() => {
     c(s);
   }, [s]), o(["x_axis", "y_axis", "regression"]);
   const d = l(), u = T(() => !fe(d, t), [d, t]);
@@ -14702,7 +14706,7 @@ const oa = he(({
       l(p.getHTML());
     }
   });
-  O(() => {
+  $(() => {
     l(e), c == null || c.commands.setContent(e);
   }, [e]);
   const d = () => {
@@ -14776,7 +14780,7 @@ function p_({
   } = ve({
     defaultValues: s
   });
-  o("content"), O(() => {
+  o("content"), $(() => {
     l(s);
   }, [s]);
   const c = ns(null), d = () => {
@@ -14949,7 +14953,7 @@ const la = {
 function b_(e, t) {
   if (!e.x_axis.data_key)
     return [];
-  const n = $(e.x_axis.data_key);
+  const n = O(e.x_axis.data_key);
   return [{
     source: t[n.queryID]
   }];
@@ -15095,7 +15099,7 @@ function C_({
   x_axis: e,
   scatter: t
 }, n) {
-  const s = $(e.data_key), i = $(t.y_data_key), a = $(t.name_data_key);
+  const s = O(e.data_key), i = O(t.y_data_key), a = O(t.name_data_key);
   return {
     label: {
       show: !!t.label_position,
@@ -16050,7 +16054,7 @@ const iS = ({
     data_key: "",
     name: ""
   }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -16132,7 +16136,7 @@ const cS = ({
     setTrue: i,
     setFalse: a
   }] = $e(), [o, l] = q(e);
-  O(() => {
+  $(() => {
     l(e);
   }, [e]);
   const c = (x) => {
@@ -16355,7 +16359,7 @@ function bS({
   } = Q(e.instanceData, "config"), {
     variables: s
   } = e, i = T(() => je({}, t, la), [t]), a = T(() => gS(i), [i]);
-  O(() => {
+  $(() => {
     !fe(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
   }, [i, a]);
   const {
@@ -16367,7 +16371,7 @@ function bS({
   } = ve({
     defaultValues: a
   });
-  O(() => {
+  $(() => {
     u(a);
   }, [a]);
   const h = d(), p = T(() => !fe(h, i), [h, i]);
@@ -16873,7 +16877,7 @@ function qS(e, t) {
   } = e;
   if (!n || !s)
     return [];
-  const a = $(n), o = $(s), l = $(i), c = t[a.queryID].map((d) => ({
+  const a = O(n), o = O(s), l = O(i), c = t[a.queryID].map((d) => ({
     ...d,
     id: d[a.columnKey],
     parent_id: d[l.columnKey],
@@ -17124,7 +17128,7 @@ const XS = [{
       padding: 0
     }
   }), c = t("levels.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -17168,7 +17172,7 @@ function tC({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !w.isEqual(u, s), [u, s]);
@@ -17757,7 +17761,7 @@ function zC({
   } = s, d = T(() => {
     if (!o)
       return [];
-    const u = $(o);
+    const u = O(o);
     return e[u.queryID];
   }, [e, o]);
   return !Array.isArray(d) || d.length === 0 ? /* @__PURE__ */ r.jsx(j, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ r.jsx(IC, { queryData: d, width: t, height: n, conf: s, context: i, instance: a });
@@ -17893,7 +17897,7 @@ const EC = k(({
   return /* @__PURE__ */ r.jsx("div", { className: t.palette, children: n.map(([s, i], a) => /* @__PURE__ */ r.jsx(RC, { index: a, color: s, value: e.getStepFromValue(i), onChange: (o) => e.changeStep(o, i) }, s)) });
 }), FC = k(function(t) {
   const n = kt(() => new AC(), []);
-  return O(() => {
+  return $(() => {
     n.fromProps(t);
   }), n.interpolation == null ? null : /* @__PURE__ */ r.jsx(EC, { model: n });
 }), OC = (e) => {
@@ -18003,7 +18007,7 @@ const qC = he((e, t) => {
   }, u = () => {
     l(ud);
   };
-  return O(() => {
+  return $(() => {
     l(e);
   }, [e]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
@@ -18199,7 +18203,7 @@ function JC({
     value: t,
     set: n
   } = Q(e.instanceData, "config"), s = T(() => je({}, t, hd), [t]), i = T(() => XC(s), [s]);
-  O(() => {
+  $(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
   const {
@@ -18211,7 +18215,7 @@ function JC({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, s), [u, s]);
@@ -18446,7 +18450,7 @@ const bd = M.forwardRef(s1), i1 = ({
   }, u = () => {
     l(gd);
   };
-  return O(() => {
+  return $(() => {
     l(e);
   }, [e]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "filled", mt: 24, onClick: i, sx: {
@@ -18493,7 +18497,7 @@ function l1({
       font_weight: S
     };
   }, [s]);
-  O(() => {
+  $(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
   const {
@@ -18697,7 +18701,7 @@ function f1({
   } = ve({
     defaultValues: s
   });
-  O(() => {
+  $(() => {
     c(s);
   }, [s]), o(["expertSystemURL", "goal", "path", "question"]);
   const d = l(), u = T(() => !fe(d, s), [d, s]);
@@ -18813,7 +18817,7 @@ function _1(e, t, n, s) {
   const {
     calendar: i,
     heat_block: a
-  } = e, o = $(i.data_key), l = $(a.data_key);
+  } = e, o = O(i.data_key), l = O(a.data_key);
   return t ? {
     type: "heatmap",
     name: "heatmap",
@@ -18851,7 +18855,7 @@ function C1({
     }
   }], d = n[a];
   return d && e.tooltip.metrics.forEach((u) => {
-    const h = $(u.data_key);
+    const h = O(u.data_key);
     c.push({
       label: u.name,
       value: S1(w.get(d, h.columnKey, "")),
@@ -18863,7 +18867,7 @@ function C1({
   }), c;
 }
 function k1(e, t, n) {
-  const s = $(e.calendar.data_key), i = w.keyBy(t[s.queryID], s.columnKey);
+  const s = O(e.calendar.data_key), i = w.keyBy(t[s.queryID], s.columnKey);
   return oe.getTooltip({
     formatter: function(a) {
       const l = C1({
@@ -18920,7 +18924,7 @@ const D1 = {
   }
 }, I1 = (e) => E(e).get("year");
 function z1(e, t) {
-  const n = $(e.calendar.data_key), s = t[n.queryID], i = w.groupBy(s, (d) => I1(d[n.columnKey])), a = Object.keys(i), o = s.map((d) => E(d[n.columnKey]).valueOf()), l = w.min(o), c = w.max(o);
+  const n = O(e.calendar.data_key), s = t[n.queryID], i = w.groupBy(s, (d) => I1(d[n.columnKey])), a = Object.keys(i), o = s.map((d) => E(d[n.columnKey]).valueOf()), l = w.min(o), c = w.max(o);
   return {
     minDate: l ?? 0,
     maxDate: c ?? 0,
@@ -19132,7 +19136,7 @@ const $1 = ({
     data_key: "",
     name: ""
   }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -19205,7 +19209,7 @@ function B1({
     value: t,
     set: n
   } = Q(e.instanceData, "config"), s = T(() => je({}, t, xa), [t]), i = T(() => w.cloneDeep(s), [s]);
-  O(() => {
+  $(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
   const {
@@ -19217,7 +19221,7 @@ function B1({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, s), [u, s]);
@@ -19532,7 +19536,7 @@ function sk({
   const {
     queryID: i,
     columnKey: a
-  } = $(e), o = w.groupBy(t[i], a);
+  } = O(e), o = w.groupBy(t[i], a);
   return Object.entries(o).forEach(([l, c]) => {
     o[l] = ks({
       [i]: c
@@ -19730,7 +19734,7 @@ function hk(e, t) {
 function pk(e, t, n) {
   if (!e.y_axis.data_key)
     return {};
-  const s = dk(t, n), i = ck(e), a = $(e.y_axis.data_key), o = w.uniq(t[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = ak(e, o, l, t, i, n, s);
+  const s = dk(t, n), i = ck(e), a = O(e.y_axis.data_key), o = w.uniq(t[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = ak(e, o, l, t, i, n, s);
   return {
     xAxis: uk(e, i),
     yAxis: hk(e, o),
@@ -19945,7 +19949,7 @@ function yk({
 }
 function jk(e) {
   const [t, n] = q(e);
-  return O(() => {
+  return $(() => {
     n(e);
   }, [e]), {
     tab: t,
@@ -20294,7 +20298,7 @@ function zk({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]), l([]);
   const u = c(), h = T(() => !w.isEqual(u, i), [u, i]);
@@ -20710,7 +20714,7 @@ function Pk(e, t, n, s) {
   }));
 }
 function Vk(e, t, n, s) {
-  const i = $(t.data_key), a = t.name, o = n.map((l) => {
+  const i = O(t.data_key), a = t.name, o = n.map((l) => {
     const c = w.sumBy(s[l], i.columnKey);
     return [l, c];
   });
@@ -20915,7 +20919,7 @@ function Gk(e, t) {
   const {
     x_axis: n,
     deviation: s
-  } = e, i = $(n.data_key), a = $(s.data_keys.estimated_value), o = $(s.data_keys.actual_value);
+  } = e, i = O(n.data_key), a = O(s.data_keys.estimated_value), o = O(s.data_keys.actual_value);
   return t[i.queryID].map((l) => {
     const c = Vo(l[a.columnKey]), d = Vo(l[o.columnKey]), u = c - d;
     return {
@@ -20971,7 +20975,7 @@ function Kk(e, t) {
   };
 }
 function Yk(e, t, n) {
-  const s = Gk(e, n), i = $(e.x_axis.data_key), a = w.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), o = w.groupBy(s, i.columnKey), l = Kk(e, t), c = Nk(e, l, a, o), d = {
+  const s = Gk(e, n), i = O(e.x_axis.data_key), a = w.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), o = w.groupBy(s, i.columnKey), l = Kk(e, t), c = Nk(e, l, a, o), d = {
     xAxis: qk(e, a),
     yAxis: Bk(l),
     series: c,
@@ -21077,7 +21081,7 @@ function rT({
     estimated_value: c,
     actual_value: d
   } = l.data_keys, [u, h] = q(d);
-  if (O(() => {
+  if ($(() => {
     h((y) => y || d);
   }, [d]), !o.data_key || !c || !d || !i || !a)
     return null;
@@ -21156,7 +21160,7 @@ const iT = ({
     data_key: "",
     name: ""
   }), c = t("metrics.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -21239,7 +21243,7 @@ function lT({
   } = ve({
     defaultValues: s
   });
-  O(() => {
+  $(() => {
     c(s);
   }, [s]), o([]);
   const d = l(), u = T(() => !w.isEqual(d, s), [d, s]);
@@ -21532,7 +21536,7 @@ const bT = ({
     label: y.name,
     value: y.name
   })), [n]), u = w.get(l, "0.id", null), [h, p] = q(u);
-  O(() => {
+  $(() => {
     p((y) => y || u);
   }, [u]);
   const x = (y) => {
@@ -21640,7 +21644,7 @@ function wT({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, i), [u, i]);
@@ -21789,7 +21793,7 @@ const TT = ({
     data_key: "",
     name: ""
   }), c = t("tooltip.metrics.0.id"), [d, u] = q(() => c ?? null);
-  return O(() => {
+  return $(() => {
     c && u((h) => h !== null ? h : c);
   }, [c]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { spacing: 2, sx: {
@@ -21855,7 +21859,7 @@ const zT = ({
     setTrue: i,
     setFalse: a
   }] = $e(), [o, l] = q(e);
-  O(() => {
+  $(() => {
     l(e);
   }, [e]);
   const c = (x) => {
@@ -22056,7 +22060,7 @@ function ET({
     value: t,
     set: n
   } = Q(e.instanceData, "config"), s = T(() => je({}, t, ba), [t]), i = T(() => w.cloneDeep(s), [s]);
-  O(() => {
+  $(() => {
     !fe(s, i) && (console.log("config malformed, resetting to defaults", s, i), n(i));
   }, [s, i]);
   const {
@@ -22068,7 +22072,7 @@ function ET({
   } = ve({
     defaultValues: i
   });
-  O(() => {
+  $(() => {
     d(i);
   }, [i]);
   const u = c(), h = T(() => !fe(u, s), [u, s]);
@@ -22200,7 +22204,7 @@ function NT(e, t) {
     x_axis: n,
     y_axis: s,
     heat_block: i
-  } = e, a = $(n.data_key), o = $(s.data_key), l = $(i.data_key), c = t[a.queryID].map((d) => [w.get(d, a.columnKey), w.get(d, o.columnKey), w.get(d, l.columnKey)]);
+  } = e, a = O(n.data_key), o = O(s.data_key), l = O(i.data_key), c = t[a.queryID].map((d) => [w.get(d, a.columnKey), w.get(d, o.columnKey), w.get(d, l.columnKey)]);
   return {
     type: "heatmap",
     name: i.name,
@@ -22257,7 +22261,7 @@ function BT({
     }
   }, x = [u, h, p], y = s[`${l}---${c}`];
   return y && e.tooltip.metrics.forEach((S) => {
-    const A = $(S.data_key);
+    const A = O(S.data_key);
     x.push({
       label: S.name,
       value: qT(w.get(y, A.columnKey, "")),
@@ -22273,8 +22277,8 @@ function WT(e, t, n, s) {
     x_axis: i,
     y_axis: a,
     heat_block: o
-  } = e, l = $(i.data_key), c = $(a.data_key);
-  $(o.data_key);
+  } = e, l = O(i.data_key), c = O(a.data_key);
+  O(o.data_key);
   const d = w.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return oe.getTooltip({
     formatter: function(u) {
@@ -22323,7 +22327,7 @@ function GT(e, t) {
   };
 }
 function QT(e, t, n) {
-  const s = $(e.x_axis.data_key), i = w.uniq(t[s.queryID].map((c) => c[s.columnKey])), {
+  const s = O(e.x_axis.data_key), i = w.uniq(t[s.queryID].map((c) => c[s.columnKey])), {
     overflow: a,
     rotate: o
   } = e.x_axis.axisLabel, l = bt(a.on_axis);
@@ -22361,7 +22365,7 @@ function QT(e, t, n) {
   });
 }
 function HT(e, t, n) {
-  const s = $(e.x_axis.data_key), i = $(e.y_axis.data_key), {
+  const s = O(e.x_axis.data_key), i = O(e.y_axis.data_key), {
     nameAlignment: a,
     data_key: o,
     ...l
@@ -22432,7 +22436,7 @@ function KT({
   variables: a
 }) {
   const o = T(() => {
-    const h = $(e.x_axis.data_key), p = $(e.y_axis.data_key);
+    const h = O(e.x_axis.data_key), p = O(e.y_axis.data_key);
     return w.keyBy(t[h.queryID], (x) => `${x[h.columnKey]}---${x[p.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = yt(i.triggerManager, wd.id), c = Be((h) => {
     const [p, x] = h.value, y = w.get(o, `${p}---${x}`, {
@@ -23545,21 +23549,16 @@ const xD = ({
     treeData: i,
     treeDataLoading: a,
     errorMessage: o
-  } = t, [l, c] = q(t.defaultSelectionOptions), d = (x) => {
-    c(x);
-    const y = x.map((S) => S.value);
-    s(y, !1);
-  };
-  O(() => {
-    c(t.defaultSelectionOptions);
-  }, [t.defaultSelectionOptions]);
-  const u = t.min_width ? t.min_width : "200px", p = !!t.options_query_id ? a : !1;
-  return /* @__PURE__ */ r.jsx(yD, { disabled: p, style: {
+  } = t, l = (p) => {
+    const x = p.map((y) => y.value);
+    s(x, !1);
+  }, c = T(() => t.initialSelection(n), [n, t.plainData, t.defaultSelection, t.initialSelection]), d = t.min_width ? t.min_width : "200px", h = !!t.options_query_id ? a : !1;
+  return /* @__PURE__ */ r.jsx(yD, { disabled: h, style: {
     minWidth: "160px",
-    width: u,
-    maxWidth: p ? u : "unset",
+    width: d,
+    maxWidth: h ? d : "unset",
     borderColor: "#e9ecef"
-  }, value: l, onChange: d, treeData: i, errorMessage: o, label: e, required: t.required, treeCheckStrictly: t.treeCheckStrictly });
+  }, value: [...c], onChange: l, treeData: i, errorMessage: o, label: e, required: t.required, treeCheckStrictly: t.treeCheckStrictly });
 }), vD = k(({
   filter: {
     type: e,
@@ -23602,7 +23601,7 @@ const xD = ({
 };
 function SD(e) {
   const t = ce();
-  O(() => {
+  $(() => {
     var n, s;
     (s = (n = t.filters).updatePreviewValues) == null || s.call(n, e);
   }, [e]);
@@ -23626,7 +23625,7 @@ const CD = ({
   }), c = Eh({
     control: a
   });
-  O(() => {
+  $(() => {
     l(i.filters.values);
   }, [i.filters.values, l]), SD(c);
   const d = i.filters.visibleInView(t.id), u = T(() => d.every((y) => y.should_auto_submit), [d]), h = T(() => d.filter((y) => w.get(y, "config.required", !1)), [d]), p = T(() => h.length === 0 ? !1 : h.some((y) => !y.requiredAndPass(c[y.key])), [c, h]);
@@ -24439,8 +24438,8 @@ const $d = m.compose("FilterTreeSelectConfigMeta", m.model({
     const n = new Set(t);
     return this.plainData.filter((s) => n.has(s.value));
   },
-  get defaultSelectionOptions() {
-    return this.valueObjects(this.defaultSelection);
+  initialSelection(t) {
+    return !t || t.length === 0 ? this.valueObjects(this.defaultSelection) : this.valueObjects(t);
   },
   truthy(t) {
     return Array.isArray(t) && t.length > 0;
@@ -25933,7 +25932,7 @@ function lu(e) {
 }
 function cu(e, t) {
   const n = Sd().getRequired(ze.instanceScope.vizInstance);
-  return O(() => (n.instanceData.setItem(null, t.viz.conf), n.instanceData.watchItem(null, (s) => {
+  return $(() => (n.instanceData.setItem(null, t.viz.conf), n.instanceData.watchItem(null, (s) => {
     e(s);
   })), [e, t.viz.type]), n;
 }
@@ -27189,7 +27188,7 @@ const lz = m.model("EditorModel", {
   dataFieldOptions(t, n) {
     const s = [...this.realDataFieldOptions];
     if (t && !s.find((i) => i.value === t)) {
-      const i = $(t), a = e.queryByID(i.queryID);
+      const i = O(t), a = e.queryByID(i.queryID);
       s.unshift({
         label: i.columnKey,
         value: t,
@@ -27208,7 +27207,7 @@ const lz = m.model("EditorModel", {
     const {
       queryID: n,
       columnKey: s
-    } = $(t), i = e.queries.find((a) => a.id === n);
+    } = O(t), i = e.queries.find((a) => a.id === n);
     return i ? {
       queryID: n,
       queryName: i.name,
@@ -27820,7 +27819,7 @@ function fz({
   });
 }
 function gu(e, t) {
-  O(() => {
+  $(() => {
     const n = (s) => {
       console.log(s);
       const {
@@ -27835,7 +27834,7 @@ function gu(e, t) {
     return window.addEventListener("open-view", n), () => {
       window.removeEventListener("open-view", n);
     };
-  }, [e, t]), O(() => {
+  }, [e, t]), $(() => {
     const n = (s) => {
       console.log(s);
       const {
@@ -27853,7 +27852,7 @@ function gu(e, t) {
     return window.addEventListener("set-filter-values", n), () => {
       window.removeEventListener("set-filter-values", n);
     };
-  }, [e]), O(() => {
+  }, [e]), $(() => {
     function n(i) {
       return Array.isArray(i) ? [] : typeof i == "object" ? {} : typeof i == "boolean" ? !1 : typeof i == "string" ? "" : typeof i == "number" ? 0 : i;
     }
@@ -27870,7 +27869,7 @@ function gu(e, t) {
     return window.addEventListener("clear-filter-values", s), () => {
       window.removeEventListener("clear-filter-values", s);
     };
-  }, [e]), O(() => {
+  }, [e]), $(() => {
     const n = (s) => {
       console.log(s);
       const {
@@ -28304,7 +28303,7 @@ const $z = k(({
       });
     }
   }, [h, p] = q(null);
-  O(() => {
+  $(() => {
     if (!h)
       return;
     const V = new FileReader();
@@ -28326,7 +28325,7 @@ const $z = k(({
     };
   }, [h]);
   const [x] = l(["content"]), y = !x, S = (A = a == null ? void 0 : a.content) == null ? void 0 : A.message;
-  return O(() => {
+  return $(() => {
     !x || S ? n() : t();
   }, [x, S]), /* @__PURE__ */ r.jsx(z, { mx: "auto", sx: {
     position: "relative"
@@ -29506,7 +29505,7 @@ const mM = k(() => {
   } = e, [n, s] = gl(t), i = t !== n, a = M.useCallback(() => {
     i && e.setName(n);
   }, [i, n]);
-  O(() => {
+  $(() => {
     s(t);
   }, [t]);
   const o = !n.trim();
@@ -29709,7 +29708,7 @@ const qM = [{
   }, [e, s]), c = () => {
     s.queries.downloadDataByQueryID(e);
   };
-  O(() => {
+  $(() => {
     n && l();
   }, [l, n]);
   const d = !Array.isArray(i) || i.length === 0;
@@ -30075,7 +30074,7 @@ const lL = k(({
   submit: t
 }) => {
   const [n, s] = gl(e);
-  O(() => {
+  $(() => {
     s(e);
   }, [e]);
   const i = oL(), a = e !== n;
@@ -30162,7 +30161,7 @@ const uL = k(() => {
   sourceViewID: t
 }) => {
   const n = ce(), [s, i] = q(t);
-  O(() => {
+  $(() => {
     i(t);
   }, [t]);
   const [a, {
@@ -30236,7 +30235,7 @@ const mL = k(({
   panel: e
 }) => {
   const t = Et(), n = le(), s = ce(), [i, a] = q("Data"), o = e.queries, c = xL(e.viz.type) && e.dataLoading, d = c || e.queryErrors.length > 0 || e.queryStateMessages !== "" || o.length === 0, u = n.editor.path[1];
-  O(() => {
+  $(() => {
     a((x) => d && x === "Visualization" ? "Data" : x);
   }, [e.id, d]);
   const h = () => {
@@ -30753,7 +30752,7 @@ const TL = k(({
   }
 }, RL = k(({
   dataSource: e
-}) => (O(() => {
+}) => ($(() => {
   e.loadTablesIfEmpty();
 }, [e]), e.tables.error ? /* @__PURE__ */ r.jsx(j, { color: "red", size: "md", align: "center", sx: {
   fontFamily: "monospace"
@@ -30905,7 +30904,7 @@ const TL = k(({
   queryModel: e
 }) => {
   const [t, n] = q(e.name);
-  return O(() => {
+  return $(() => {
     n(e.name);
   }, [e.name]), /* @__PURE__ */ r.jsx(Sn, { ml: 20, mt: 20, sx: {
     maxWidth: "600px"
@@ -31132,7 +31131,7 @@ WHERE
   }, a = () => {
     n(GL);
   };
-  O(() => {
+  $(() => {
     n(e.sql);
   }, [e.sql]);
   const o = t !== e.sql;
@@ -31228,7 +31227,7 @@ WHERE
   queryModel: e
 }) => {
   const t = ce(), n = T(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [s, i] = q(n);
-  O(() => {
+  $(() => {
     i((l) => l !== "Configurations" && n === "Configurations" ? "Configurations" : l);
   }, [n]);
   const a = t.findQueryUsage(e.id), o = a.length === 0;
@@ -31282,7 +31281,7 @@ WHERE
   }, c = a !== e.key, d = e.isADuplicatedKey(a), [u, h] = q(e.value), p = () => {
     e.setValue(u);
   };
-  O(() => {
+  $(() => {
     o(e.key), h(e.value);
   }, [e]);
   const x = u !== e.value, y = Et(), S = () => {
@@ -31660,7 +31659,7 @@ const mA = k(() => /* @__PURE__ */ r.jsx(_, { sx: {
 }) => {
   var d;
   const t = le().editor, n = t.isOptionActive, s = n(t.path, e), i = t.isOptionOpened, a = t.navigate, o = i(e), [l, c] = q(o);
-  return O(() => {
+  return $(() => {
     c(o);
   }, [o]), /* @__PURE__ */ r.jsx(ri, { active: s, defaultOpened: o, opened: l, onChange: c, label: e.label, onClick: () => a(e), icon: e.Icon ? /* @__PURE__ */ r.jsx(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((u) => u._type === "ACTION" ? /* @__PURE__ */ r.jsx(kA, { action_type: u._action_type, parentID: u.parentID }, `_ADD_${u.value}_`) : /* @__PURE__ */ r.jsx(Du, { option: u }, u.value)) }, e.label);
 }), TA = k(() => {
@@ -31733,7 +31732,7 @@ const mA = k(() => /* @__PURE__ */ r.jsx(_, { sx: {
   }, children: /* @__PURE__ */ r.jsx(al, { padding: 0, navbar: /* @__PURE__ */ r.jsx(DA, {}), styles: IA, children: /* @__PURE__ */ r.jsx(gA, {}) }) });
 }), MA = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function LA(e) {
-  O(() => {
+  $(() => {
     if (Vs.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");