@devtable/dashboard 14.56.2 → 14.57.1

package/dist/dashboard.es.js

@@ -9,7 +9,7 @@ import C, { unset as Mh, get as de, isObject as ql, set as Ga, omit as dn, isFun
 import { observable as Hl, runInAction as rr, toJS as xt, reaction as qe, makeAutoObservable as cr, computed as Nh, comparer as Bh, autorun as jh } from "mobx";
 import wo from "eventemitter2";
 import { jsx as r, Fragment as q, jsxs as u } from "react/jsx-runtime";
-import E, { useId as Qh, useState as Q, useEffect as F, useCallback as ne, useMemo as z, forwardRef as ee, useRef as wt, createContext as Wl, createElement as dr, useContext as ft, memo as Gh } from "react";
+import E, { useId as Qh, useState as Q, useEffect as N, useCallback as ne, useMemo as z, forwardRef as ee, useRef as wt, createContext as Wl, createElement as dr, useContext as ft, memo as Gh } from "react";
 import Sn, { random as Fr } from "chroma-js";
 import Ke from "echarts-for-react/lib/core";
 import "echarts-gl";
@@ -2522,7 +2522,7 @@ class hi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const Ks = "14.56.2", Mg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ks = "14.57.1", Mg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Ks
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2645,7 +2645,7 @@ const Y = (e, t) => {
   const [n, {
     setFalse: a
   }] = we(!0), [i, o] = Q();
-  F(() => (e.getItem(t).then((s) => {
+  N(() => (e.getItem(t).then((s) => {
     o(s), a();
   }), e.watchItem(t, (s) => {
     o(s);
@@ -3716,7 +3716,7 @@ const ff = gf(), bf = ({
     handleSubmit: l,
     reset: s
   } = i;
-  F(() => {
+  N(() => {
     s(e);
   }, [e]);
   const c = ne(() => s(e), [s, e]);
@@ -3947,7 +3947,7 @@ const nr = "data-value", Mf = nr, Cc = "dynamicColor", kc = Rs.create({
     }
     t(s);
   };
-  return F(() => {
+  return N(() => {
     var c;
     const s = (c = a.current) == null ? void 0 : c.getModel();
     s && (s.getValue() || s.setValue(e));
@@ -3991,7 +3991,7 @@ const nr = "data-value", Mf = nr, Cc = "dynamicColor", kc = Rs.create({
   }, p = () => {
     c(a);
   };
-  F(() => {
+  N(() => {
     c(e);
   }, [e]);
   const g = ne((w, T) => {
@@ -4000,10 +4000,10 @@ const nr = "data-value", Mf = nr, Cc = "dynamicColor", kc = Rs.create({
     const M = gm(T), $ = w.getModel();
     if (M.initializeIn(w), M.addRestrictionsTo($, i), !!$ && !$._hasHighlight) {
       M.toggleDevMode(), $.toggleHighlightOfEditableAreas();
-      const N = $.getCurrentEditableRanges(), H = $.getValueInEditableRanges();
+      const F = $.getCurrentEditableRanges(), H = $.getValueInEditableRanges();
       console.debug({
         model: $,
-        currentRanges: N,
+        currentRanges: F,
         currentValue: H
       });
     }
@@ -4176,7 +4176,7 @@ const nr = "data-value", Mf = nr, Cc = "dynamicColor", kc = Rs.create({
     content: e,
     editable: !1
   });
-  F(() => {
+  N(() => {
     c == null || c.commands.setContent(e);
   }, [e, c]);
   const d = z(() => new DOMParser().parseFromString(e, "text/html"), [e]), h = z(() => If(d, a, i), [d, a, i]), p = z(() => of(d, i), [d, i]), g = z(() => C.defaultsDeep({}, {
@@ -4335,8 +4335,8 @@ const ra = ee(({
     onUpdate: ({
       editor: $
     }) => {
-      const N = $.getHTML();
-      p(N);
+      const F = $.getHTML();
+      p(F);
     },
     onCreate: ({
       editor: $
@@ -4344,7 +4344,7 @@ const ra = ee(({
       $.view.dom.setAttribute("spellcheck", "false"), $.view.dom.setAttribute("autocomplete", "off"), $.view.dom.setAttribute("autocapitalize", "off");
     }
   });
-  F(() => {
+  N(() => {
     p(e), _ == null || _.commands.setContent(e);
   }, [e]);
   const w = e !== h, T = z(() => C.defaultsDeep({}, {
@@ -4464,7 +4464,7 @@ const Vc = ({
   const {
     t: a
   } = y(), [i, o] = Q(e);
-  F(() => {
+  N(() => {
     n && o(e);
   }, [e, n]);
   const l = ne((s) => {
@@ -4512,8 +4512,8 @@ const Vc = ({
   }] = we(), [h, p] = Q(!1), g = z(() => {
     const M = [];
     return Hf.forEach(($) => {
-      const N = o.colors[$];
-      N && N.forEach((H) => {
+      const F = o.colors[$];
+      F && F.forEach((H) => {
         M.push(H);
       });
     }), M;
@@ -4920,7 +4920,7 @@ function ab({
       min: de(U, w.columnKey),
       max: de(oe, w.columnKey)
     };
-  }, [g, w]), $ = wt(null), N = z(() => ({
+  }, [g, w]), $ = wt(null), F = z(() => ({
     finished: () => {
       var oe;
       const U = (oe = $.current) == null ? void 0 : oe.getEchartsInstance();
@@ -4962,7 +4962,7 @@ function ab({
       data: g.map((U) => [U[b.columnKey], U[_.columnKey], U[w.columnKey]])
     }]
   };
-  return n ? /* @__PURE__ */ r(rt, { width: i, height: o, children: /* @__PURE__ */ r(Ke, { echarts: Ne, ref: $, option: H, style: gr(i, o), notMerge: !0, onEvents: N, theme: "merico-light" }) }) : null;
+  return n ? /* @__PURE__ */ r(rt, { width: i, height: o, children: /* @__PURE__ */ r(Ke, { echarts: Ne, ref: $, option: H, style: gr(i, o), notMerge: !0, onEvents: F, theme: "merico-light" }) }) : null;
 }
 const X = I(ee(({
   label: e,
@@ -5020,7 +5020,7 @@ function ib({
   } = fe({
     defaultValues: a
   });
-  return F(() => {
+  return N(() => {
     l(a);
   }, [t]), t ? /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(k, { size: "sm", children: "X Axis" }),
@@ -5195,7 +5195,7 @@ const Xt = ee(({
     setTrue: l,
     setFalse: s
   }] = we(), [c, d] = Q(e);
-  F(() => {
+  N(() => {
     d(e);
   }, [e]);
   const h = (T) => {
@@ -5491,7 +5491,7 @@ function Vn(e, t) {
 }
 const yt = (e, t) => {
   const [n, a] = Q([]);
-  return F(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
+  return N(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
 }, Ra = Wl(null);
 function aa(e) {
   const t = E.useContext(Ra), n = Wt(() => e.configure(t || new hi()), [e.configure]), a = Wh(n);
@@ -5769,7 +5769,7 @@ function Vb(e, t) {
   } = Y(e.operation.operationData, "config"), [i, o] = Q(me({}, n, t)), l = async () => {
     await a(i);
   };
-  return F(() => {
+  return N(() => {
     o(me({}, n, t));
   }, [n]), {
     config: i,
@@ -5906,7 +5906,7 @@ const Bb = {
   onChange: t
 }) => {
   const [n, a] = Q(e);
-  return F(() => {
+  return N(() => {
     a(e);
   }, [e]), /* @__PURE__ */ r(L, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
     flexGrow: 1
@@ -6370,7 +6370,7 @@ const cy = I(({
   } = Me(), n = e.viz, {
     vizManager: a
   } = ft(ln), i = e.json, o = Wt(() => a.getOrCreateInstance(i), [a, i]), l = Wt(() => new Nc(o, a.resolveComponent(n.type), Di), [o, n.type]);
-  return F(() => o.instanceData.watchItem(
+  return N(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
     Ph((s) => {
@@ -6641,10 +6641,10 @@ function Cy(e, t, n) {
     stroke: i,
     lineWidth: o
   };
-  return M.forEach((N) => {
+  return M.forEach((F) => {
     T.children.push({
       type: "line",
-      shape: N,
+      shape: F,
       style: $
     });
   }), T.children.push({
@@ -6997,8 +6997,8 @@ function Fy({
     const $ = C.get(p, M.name, {
       error: "rowData is not found"
     });
-    h.forEach((N) => {
-      d.runInteraction(N.id, {
+    h.forEach((F) => {
+      d.runInteraction(F.id, {
         ...M,
         rowData: $
       });
@@ -7163,7 +7163,7 @@ function jy(e) {
     p(), n == null || n(Number(s));
   }, $ = () => {
     p(), n == null || n(null);
-  }, N = he(o ?? null, {
+  }, F = he(o ?? null, {
     output: "number",
     mantissa: 10,
     trimMantissa: !0,
@@ -7173,7 +7173,7 @@ function jy(e) {
   return /* @__PURE__ */ u("div", { "data-testid": `palette-item-${i}`, className: l.paletteItem, children: [
     /* @__PURE__ */ r(k, { title: w, style: {
       opacity: b ? 1 : 0
-    }, c: "dimmed", size: "sm", className: "palette-value--up palette-value", children: N }),
+    }, c: "dimmed", size: "sm", className: "palette-value--up palette-value", children: F }),
     /* @__PURE__ */ u(Xe, { width: 240, trapFocus: !0, opened: d, onClose: p, zIndex: 340, withinPortal: !0, children: [
       /* @__PURE__ */ r(Xe.Target, { children: /* @__PURE__ */ r("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: h, style: {
         "--shadow-color": Sn(a).alpha(0.5).hex(),
@@ -7199,7 +7199,7 @@ function jy(e) {
     ] }),
     /* @__PURE__ */ r(k, { title: w, style: {
       opacity: _ ? 1 : 0
-    }, c: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: N })
+    }, c: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: F })
   ] });
 }
 const Qy = I(({
@@ -7211,7 +7211,7 @@ const Qy = I(({
   return /* @__PURE__ */ r("div", { className: t.palette, children: n.map(([a, i], o) => /* @__PURE__ */ r(jy, { index: o, color: a, value: e.getStepFromValue(i), onChange: (l) => e.changeStep(l, i) }, a)) });
 }), Gy = I(function(t) {
   const n = Wt(() => new By(), []);
-  return F(() => {
+  return N(() => {
     n.fromProps(t);
   }), n.interpolation == null ? null : /* @__PURE__ */ r(Qy, { model: n });
 }), Hy = (e) => {
@@ -7227,8 +7227,8 @@ const Qy = I(({
     setFalse: g
   }] = we(), b = z(() => {
     const $ = C.groupBy(l, "category");
-    return Object.entries($).map(([N, H]) => ({
-      group: t(`style.color.interpolation.palette.category.${N}`),
+    return Object.entries($).map(([F, H]) => ({
+      group: t(`style.color.interpolation.palette.category.${F}`),
       items: H.map((U) => ({
         label: t(U.displayName),
         value: o.encodeColor(U)
@@ -7236,8 +7236,8 @@ const Qy = I(({
     }));
   }, [n.language]);
   function _($) {
-    $ && c((N) => ({
-      ...N,
+    $ && c((F) => ({
+      ...F,
       interpolation: $
     }));
   }
@@ -7245,8 +7245,8 @@ const Qy = I(({
     g(), i == null || i(xt(s));
   };
   function T($) {
-    c((N) => ({
-      ...N,
+    c((F) => ({
+      ...F,
       steps: $
     }));
   }
@@ -7406,7 +7406,7 @@ const Qy = I(({
   })), w = ((H = C.last(_)) == null ? void 0 : H.id) ?? null, [T, M] = Q(w), $ = (U) => {
     U !== "add" && M(U);
   };
-  return F(() => {
+  return N(() => {
     M((U) => w === U ? U : w);
   }, [w]), /* @__PURE__ */ u(S, { value: T, onChange: $, styles: Zy, children: [
     /* @__PURE__ */ r(Xy, { fieldArray: d, add: () => {
@@ -7835,7 +7835,7 @@ function d_({
   } = fe({
     defaultValues: o
   });
-  return F(() => {
+  return N(() => {
     h(o);
   }, [o]), c(["x_axis", "y_axis", "reference_lines", "color", "dataZoom"]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: d.isDirty }),
@@ -8286,7 +8286,7 @@ function L_({
     value: t,
     set: n
   } = Y(e.instanceData, "config"), a = z(() => Ue({}, t, Vi), [t]), i = a;
-  F(() => {
+  N(() => {
     !Oe(a, i) && (console.log("config malformed, resetting to defaults", a, i), n(i));
   }, [a, i]);
   const {
@@ -8298,7 +8298,7 @@ function L_({
   } = fe({
     defaultValues: i
   });
-  return F(() => {
+  return N(() => {
     d(i);
   }, [i]), s(["content", "variant", "color", "size", "compact", "horizontal_align", "vertical_align"]), /* @__PURE__ */ u("form", { onSubmit: l(n), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: c.isDirty }),
@@ -9056,18 +9056,18 @@ function dv(e) {
 }
 function uv(e, t, n) {
   const a = n.reduce((M, $) => {
-    const N = Yt($, t);
-    return M[$.name] = zt($, N), M;
+    const F = Yt($, t);
+    return M[$.name] = zt($, F), M;
   }, {}), i = na(e.visualMap, a), {
     min: o,
     max: l
   } = i, s = rv(e), c = G(e.calendar.data_key), d = G(e.heat_block.data_key), h = t[c.queryID].map((M) => {
-    const $ = C.get(M, c.columnKey), N = C.get(M, d.columnKey), H = cv(M[c.columnKey]), U = {
-      value: [$, N, H]
+    const $ = C.get(M, c.columnKey), F = C.get(M, d.columnKey), H = cv(M[c.columnKey]), U = {
+      value: [$, F, H]
     }, {
       followVisualMap: oe,
       color: te
-    } = yi(N, o, l, e.visualMap);
+    } = yi(F, o, l, e.visualMap);
     return oe || (U.visualMap = !1, U.itemStyle = {
       color: te
     }), U;
@@ -9278,7 +9278,7 @@ function xv({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => n ? me({}, n) : $i, [n]), o = z(() => C.cloneDeep(i), [i]);
-  F(() => {
+  N(() => {
     !Oe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const l = fe({
@@ -9290,7 +9290,7 @@ function xv({
     formState: h,
     reset: p
   } = l;
-  return F(() => {
+  return N(() => {
     p(o);
   }, [o]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: c(a), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: h.isDirty }),
@@ -10160,7 +10160,7 @@ const Zc = {
     variables: l,
     data: s
   } = t, c = z(() => pn(e, l, i.payloadForViz, s), [e, l, s]), d = ((p = a.current) == null ? void 0 : p.textContent) === "";
-  F(() => {
+  N(() => {
     if (!n || !a.current)
       return;
     const g = d ? 0 : a.current.offsetHeight;
@@ -10308,7 +10308,7 @@ function lx({
 }
 function sx(e, t) {
   return e.map((n) => ({
-    name: "",
+    name: n.name,
     type: "line",
     hide_in_legend: !0,
     data: [],
@@ -10470,7 +10470,7 @@ function fx({
   hide_in_legend: _,
   areaStyle: w,
   ...T
-}, M, $, N, H) {
+}, M, $, F, H) {
   const U = t.type !== "category", oe = {
     label: {
       show: !!i,
@@ -10482,7 +10482,7 @@ function fx({
     yAxisIndex: a,
     stack: h,
     color: p,
-    symbolSize: gx(b, $, e, N),
+    symbolSize: gx(b, $, e, F),
     hide_in_legend: _,
     labelLayout: {
       hideOverlap: !0
@@ -10799,7 +10799,7 @@ function Dx({
   }), [d]), w = (T) => {
     p.current = T, Go(T);
   };
-  return F(() => {
+  return N(() => {
     p.current && Go(p.current);
   }, [h]), !n || !a ? null : /* @__PURE__ */ r(Ke, { echarts: Ne, option: h, style: {
     width: n,
@@ -11296,7 +11296,7 @@ function Fx({
     t: l,
     i18n: s
   } = y();
-  F(() => {
+  N(() => {
     typeof t == "string" && n({
       type: t,
       config: {},
@@ -12046,7 +12046,7 @@ function ew({
   } = fe({
     defaultValues: o
   });
-  return F(() => {
+  return N(() => {
     d(o);
   }, [o]), c(["dataZoom"]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(t), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: h.isDirty }),
@@ -12429,7 +12429,7 @@ const mw = ({
     ...h,
     ...o[p]
   })), s = C.get(l, "0.id"), [c, d] = Q(s ?? null);
-  return F(() => {
+  return N(() => {
     s && d((h) => h !== null ? h : s);
   }, [s]), /* @__PURE__ */ u(S, { value: c, onChange: (h) => d(h), styles: {
     panel: {
@@ -12459,7 +12459,7 @@ function fw({
   } = fe({
     defaultValues: a
   });
-  return F(() => {
+  return N(() => {
     c(a);
   }, [a]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: s.isDirty }),
@@ -12891,14 +12891,14 @@ function Aw(e, t, n, a) {
 function ed(e, t, n, a, i, o) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
-  const l = a.reduce((N, H) => {
+  const l = a.reduce((F, H) => {
     const U = Yt(H, t);
-    return N[H.name] = zt(H, U), N;
+    return F[H.name] = zt(H, U), F;
   }, {}), s = na(e.visualMap, l), {
     min: c,
     max: d
-  } = s, h = Tw(e), p = Dw(e), g = G(e.x_axis.data_key), b = G(e.y_axis.data_key), _ = C.uniq(t[g.queryID].map((N) => N[g.columnKey])), w = C.uniq(t[g.queryID].map((N) => N[b.columnKey])), T = n.map((N) => {
-    const H = C.clone(N), {
+  } = s, h = Tw(e), p = Dw(e), g = G(e.x_axis.data_key), b = G(e.y_axis.data_key), _ = C.uniq(t[g.queryID].map((F) => F[g.columnKey])), w = C.uniq(t[g.queryID].map((F) => F[b.columnKey])), T = n.map((F) => {
+    const H = C.clone(F), {
       followVisualMap: U,
       color: oe
     } = yi(H.value[2], c, d, e.visualMap);
@@ -13079,7 +13079,7 @@ function Bw({
     totalPages: d,
     groupedFullData: h
   } = Ew(l, o);
-  F(() => {
+  N(() => {
     const _ = Ha(h).flat();
     nt(t, ed(o, l, _, i, s, c));
   }, [h]);
@@ -13308,7 +13308,7 @@ function Yw({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => n ? me({}, n) : Ni, [n]), o = z(() => C.cloneDeep(i), [i]);
-  F(() => {
+  N(() => {
     !Oe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const l = fe({
@@ -13320,7 +13320,7 @@ function Yw({
     formState: h,
     reset: p
   } = l;
-  return F(() => {
+  return N(() => {
     p(o);
   }, [o]), /* @__PURE__ */ r("form", { onSubmit: c(a), style: {
     flexGrow: 1
@@ -13827,13 +13827,13 @@ function v0({
       value_data_key: t,
       valueTypedXAxis: _
     }), $;
-  const N = _0({
+  const F = _0({
     group_by_key: o,
     data: w,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(N).map(([H, U]) => {
+  return Object.entries(F).map(([H, U]) => {
     const oe = Fe($);
     return oe.name = H, oe.color = void 0, oe.data = U, oe;
   });
@@ -14405,7 +14405,7 @@ function N0({
   } = fe({
     defaultValues: o
   });
-  return F(() => {
+  return N(() => {
     h(o);
   }, [o]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: d.isDirty }),
@@ -15294,7 +15294,7 @@ function w1({
     estimated_value: d,
     actual_value: h
   } = c.data_keys, [p, g] = Q(h);
-  if (F(() => {
+  if (N(() => {
     g((w) => w || h);
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
@@ -15426,7 +15426,7 @@ function T1({
   } = fe({
     defaultValues: a
   });
-  return F(() => {
+  return N(() => {
     c(a);
   }, [a]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: s.isDirty }),
@@ -15778,7 +15778,7 @@ function N1({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => n ? me({}, n) : Qi, [n]), o = z(() => C.cloneDeep(i), [i]);
-  F(() => {
+  N(() => {
     !Oe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const l = fe({
@@ -15790,7 +15790,7 @@ function N1({
     formState: h,
     reset: p
   } = l;
-  return F(() => {
+  return N(() => {
     p(o);
   }, [o]), /* @__PURE__ */ r("form", { onSubmit: c(a), style: {
     flexGrow: 1
@@ -16118,15 +16118,15 @@ function J1(e, t, n) {
     min: s,
     max: c
   } = l, d = G(e.x_axis.data_key), h = G(e.y_axis.data_key), p = G(e.heat_block.data_key), g = C.uniq(t[d.queryID].map((w) => w[d.columnKey])), b = t[d.queryID].map((w) => {
-    const T = C.get(w, d.columnKey), M = C.get(w, h.columnKey), $ = C.get(w, p.columnKey), N = {
+    const T = C.get(w, d.columnKey), M = C.get(w, h.columnKey), $ = C.get(w, p.columnKey), F = {
       value: [T, M, $]
     }, {
       followVisualMap: H,
       color: U
     } = yi($, s, c, e.visualMap);
-    return H || (N.visualMap = !1, N.itemStyle = {
+    return H || (F.visualMap = !1, F.itemStyle = {
       color: U
-    }), N;
+    }), F;
   });
   return {
     xAxis: X1(e, g, i.x_axis),
@@ -16676,7 +16676,7 @@ function MS({
     formState: c,
     reset: d
   } = l;
-  F(() => {
+  N(() => {
     l.reset(o);
   }, [o]);
   const h = z(() => [{
@@ -16959,7 +16959,7 @@ function qS({
   } = fe({
     defaultValues: i
   });
-  return F(() => {
+  return N(() => {
     d(i);
   }, [i]), /* @__PURE__ */ r("form", { onSubmit: l(n), children: /* @__PURE__ */ u(D, { gap: "xs", children: [
     /* @__PURE__ */ r(Ie, { canSubmit: c.isDirty }),
@@ -17790,7 +17790,7 @@ function xC({
   } = fe({
     defaultValues: o
   });
-  return F(() => {
+  return N(() => {
     h(o);
   }, [o]), c(["x_axis", "data_key", "bar", "line", "dataZoom"]), /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: d.isDirty }),
@@ -18524,7 +18524,7 @@ function tk({
   } = fe({
     defaultValues: i
   });
-  F(() => {
+  N(() => {
     d(i);
   }, [i]);
   const [h] = s(["label_field", "value_field", "color_field", "color"]), {
@@ -19033,8 +19033,8 @@ function kk({
     const {
       queryID: _,
       columnKey: w
-    } = G(e.series_name_key), T = C.keyBy(t[_], w), M = e.additional_series.reduce(($, N) => {
-      const H = G(N.name_key), U = C.keyBy(t[H.queryID], H.columnKey);
+    } = G(e.series_name_key), T = C.keyBy(t[_], w), M = e.additional_series.reduce(($, F) => {
+      const H = G(F.name_key), U = C.keyBy(t[H.queryID], H.columnKey);
       return {
         ...$,
         ...U
@@ -19217,7 +19217,7 @@ function Vk({
     defaultValues: i,
     mode: "all"
   });
-  return F(() => {
+  return N(() => {
     c(i);
   }, [i]), s(["series_name_key", "background", "label"]), /* @__PURE__ */ r("form", { onSubmit: l(a), children: /* @__PURE__ */ u(D, { gap: "xs", children: [
     /* @__PURE__ */ r(Ie, { canSubmit: d.isDirty && d.isValid }),
@@ -20111,7 +20111,7 @@ function f2({
   } = fe({
     defaultValues: a
   });
-  return F(() => {
+  return N(() => {
     c(a);
   }, [a]), l(["x_axis", "regression"]), t ? /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: s.isDirty }),
@@ -20222,7 +20222,7 @@ const y2 = {
   } = fe({
     defaultValues: o
   });
-  c("content"), F(() => {
+  c("content"), N(() => {
     d(o);
   }, [o]);
   const h = wt(null), p = () => {
@@ -20939,17 +20939,17 @@ function J2(e, t) {
       const g = X2(p, e), b = Ct(e.scatter.label_overflow.tooltip), _ = p.map(
         // @ts-expect-error type of value
         ({
-          value: N
+          value: F
         }) => `
           <th style="text-align: right; padding-right: 1em">
-            <div style="${b}">${Sr(N, n.name_data_key)}</div>
+            <div style="${b}">${Sr(F, n.name_data_key)}</div>
           </th>
           `
       );
       _.unshift("<th></th>");
       const w = Ct(e.x_axis.axisLabel.overflow.in_tooltip), T = [`<tr>
           <th style="text-align: right; padding: 0 1em;">${e.x_axis.name}</th>
-          ${p.map((N) => `
+          ${p.map((F) => `
                 <td style="text-align: left; padding: 0 2px 0 1em;">
                   <div style="${w}">
                     ${g}
@@ -20959,21 +20959,21 @@ function J2(e, t) {
         </tr>`, `<tr>
           <th style="text-align: right; padding: 0 1em;">${e.y_axes[0].name}</th>
           ${p.map(({
-        value: N
+        value: F
       }) => `
               <td style="text-align: left; padding: 0 2px 0 1em;">
-                ${h(Sr(N, n.y_data_key))}
+                ${h(Sr(F, n.y_data_key))}
                 <strong>${s ?? ""}</strong>
               </td>`).join("")}
-        </tr>`], M = e.tooltip.metrics.map((N) => `
+        </tr>`], M = e.tooltip.metrics.map((F) => `
         <tr>
-          <th style="text-align: right; padding: 0 1em;">${N.name}</th>
+          <th style="text-align: right; padding: 0 1em;">${F.name}</th>
           ${p.map(({
         value: H
       }) => `
               <td style="text-align: left; padding: 0 2px 0 1em;">
-              ${Z2(Sr(H, N.data_key))}
-              <strong>${c[N.name] ?? ""}</strong>
+              ${Z2(Sr(H, F.data_key))}
+              <strong>${c[F.name] ?? ""}</strong>
               </td>`).join("")}
         </tr>`);
       return T.push(...M), `
@@ -21741,7 +21741,7 @@ function kz({
   } = fe({
     defaultValues: o
   });
-  return F(() => {
+  return N(() => {
     d(o);
   }, [o]), c(["dataZoom"]), /* @__PURE__ */ r(D, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(t), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: h.isDirty }),
@@ -21994,7 +21994,7 @@ const Nz = I(({
     const _ = l.viz.conf.config;
     return _.content ? pn(_.content, d, o.payloadForViz, c) : "";
   }, [c, l, d, o.payloadForViz]);
-  F(() => {
+  N(() => {
     nt(t, {
       content: g
     });
@@ -22006,7 +22006,7 @@ const Nz = I(({
       });
     });
   }, [l.variableValueMap, i, a]);
-  return F(() => {
+  return N(() => {
     if (!n.current)
       return;
     const _ = n.current.querySelector(".ProseMirror");
@@ -22015,8 +22015,8 @@ const Nz = I(({
     const {
       offsetWidth: w,
       offsetHeight: T
-    } = _, M = h / w, $ = p / T, N = Math.min(M, $);
-    _.style.transform = `scale(${N})`;
+    } = _, M = h / w, $ = p / T, F = Math.min(M, $);
+    _.style.transform = `scale(${F})`;
   }, [n.current, h, p, g]), /* @__PURE__ */ r(Be, { className: "viz-stats", sx: {
     width: h,
     height: p
@@ -22426,7 +22426,7 @@ function s3({
   } = fe({
     defaultValues: o
   });
-  F(() => {
+  N(() => {
     h(o);
   }, [o]), c(["label_key", "value_key", "group_key", "levels"]);
   const [p, g] = Q("Data");
@@ -23283,14 +23283,14 @@ function nl({
   }, [g, b]), [w, T] = Q([]), [M, $] = E.useState({
     pageIndex: 0,
     pageSize: a.pagination.page_size
-  }), N = z(() => {
+  }), F = z(() => {
     const {
       pageIndex: ct,
       pageSize: at
     } = M;
     return at === 0 ? e : e.slice(ct * at, (ct + 1) * at);
   }, [e, M]), H = Math.ceil(e.length / M.pageSize), U = di({
-    data: N,
+    data: F,
     state: {
       sorting: w
     },
@@ -23548,7 +23548,7 @@ const n5 = ee((e, t) => {
   }, p = () => {
     c(xd);
   };
-  return F(() => {
+  return N(() => {
     c(e);
   }, [e]), /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(V, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(an, { size: 16 }), mt: 24, onClick: o, sx: {
@@ -23735,7 +23735,7 @@ function d5({
     value: n,
     set: a
   } = Y(e.instanceData, "config"), i = z(() => Ue({}, n, wd), [n]), o = z(() => c5(i), [i]);
-  F(() => {
+  N(() => {
     !Oe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const {
@@ -23747,7 +23747,7 @@ function d5({
   } = fe({
     defaultValues: o
   });
-  return F(() => {
+  return N(() => {
     h(o);
   }, [o]), c(["query_id"]), /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: d.isDirty }),
@@ -23881,7 +23881,7 @@ const p5 = E.forwardRef(h5), m5 = ({
   }, p = () => {
     c(Id);
   };
-  return F(() => {
+  return N(() => {
     c(e);
   }, [e]), /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(V, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(an, { size: 16 }), mt: 24, onClick: o, sx: {
@@ -23921,7 +23921,7 @@ function f5({
       font_weight: _
     };
   }, [i]);
-  F(() => {
+  N(() => {
     !Oe(i, o) && (console.log("config malformed, resetting to defaults", i, o), a(o));
   }, [i, o]);
   const {
@@ -24260,7 +24260,7 @@ function G5({
     formState: l,
     reset: s
   } = i;
-  return F(() => {
+  return N(() => {
     s(a);
   }, [a]), /* @__PURE__ */ u("form", { onSubmit: o(n), children: [
     /* @__PURE__ */ r(Ie, { canSubmit: l.isDirty }),
@@ -24440,7 +24440,7 @@ function nT({
   } = fe({
     defaultValues: a
   });
-  return F(() => {
+  return N(() => {
     c(a);
   }, [a]), l(["expertSystemURL", "goal", "path", "question"]), /* @__PURE__ */ r("form", { onSubmit: o(n), children: /* @__PURE__ */ u(D, { children: [
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -24678,7 +24678,7 @@ const fT = ({
     setTrue: a,
     setFalse: i
   }] = we(!1), [o, l] = Q("");
-  F(() => {
+  N(() => {
     l("");
   }, [n]);
   const s = () => {
@@ -24753,7 +24753,7 @@ function yT({
     formState: s,
     reset: c
   } = o;
-  return F(() => {
+  return N(() => {
     o.reset(i);
   }, [i]), /* @__PURE__ */ u("form", { onSubmit: l((h) => {
     const p = h;
@@ -24888,7 +24888,7 @@ function Ad({
   lang: e,
   children: t
 }) {
-  return F(() => {
+  return N(() => {
     Rr.changeLanguage(e);
   }, [e]), /* @__PURE__ */ r(Dh, { i18n: Rr, children: t });
 }
@@ -26970,7 +26970,7 @@ const jT = m.model("FilterDateRangeConfigMeta", {
     name: "FilterTreeSelectWidget"
   }), [b, _] = Q(!1), w = (H) => {
     _(H);
-  }, T = b && (i == null ? void 0 : i.length) > 0, M = tD(l, i, o, d), [$, N] = Q("");
+  }, T = b && (i == null ? void 0 : i.length) > 0, M = tD(l, i, o, d), [$, F] = Q("");
   return /* @__PURE__ */ u(D, { gap: 3, children: [
     /* @__PURE__ */ u(v, { justify: "space-between", children: [
       /* @__PURE__ */ u(k, { className: p.label, size: "sm", children: [
@@ -27014,7 +27014,7 @@ const jT = m.model("FilterDateRangeConfigMeta", {
           count: i.length
         }),
         searchValue: $,
-        onSearch: N,
+        onSearch: F,
         dropdownRender: (H) => /* @__PURE__ */ u(q, { children: [
           M.allValueSet.size > 0 && !$ && /* @__PURE__ */ r(v, { px: "xs", pt: 8, pb: 8, onClick: M.toggleSelectAll, styles: nD, children: /* @__PURE__ */ r(J, { size: "xs", checked: M.allSelected, onChange: C.noop, label: h("common.actions.select_all") }) }),
           /* @__PURE__ */ r(A, {}),
@@ -30498,12 +30498,12 @@ const jD = (e) => new BD(e), QD = ({
       return ((Jt = Ge.description) == null ? void 0 : Jt.toLowerCase().includes(te)) || Ge.label.toLowerCase().includes(te);
     };
     return l.filter(Le);
-  }, [T, l]), N = z(() => new Set(l.map((te) => te.value)), [l]), H = z(() => new Set(i), [i]), U = z(() => H.size !== N.size ? !1 : Array.from(N).every((te) => H.has(te)), [H, N]), oe = () => {
+  }, [T, l]), F = z(() => new Set(l.map((te) => te.value)), [l]), H = z(() => new Set(i), [i]), U = z(() => H.size !== F.size ? !1 : Array.from(F).every((te) => H.has(te)), [H, F]), oe = () => {
     if (U) {
       o([]);
       return;
     }
-    const te = Array.from(N);
+    const te = Array.from(F);
     o(te);
   };
   return /* @__PURE__ */ u(D, { gap: 3, children: [
@@ -30519,7 +30519,7 @@ const jD = (e) => new BD(e), QD = ({
     /* @__PURE__ */ r(og, { disabled: e, allowClear: !0, className: p(h.root, "check-select"), dropdownClassName: p(h.dropdown, ""), onDropdownVisibleChange: _, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: n, clearIcon: () => /* @__PURE__ */ r(pt, { size: "sm" }), value: i, onChange: o, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r(no, { errorMessage: s }), maxTagTextLength: 10, maxTagPlaceholder: (te) => d("filter.widget.common.x_selected", {
       count: te.length
     }), searchValue: T, onSearch: M, filterOption: !1, dropdownRender: (te) => /* @__PURE__ */ u(q, { children: [
-      N.size > 0 && !T && /* @__PURE__ */ r(v, { px: "xs", py: "xs", onClick: oe, styles: JD, children: /* @__PURE__ */ r(J, { size: "xs", checked: U, onChange: C.noop, label: d("common.actions.select_all") }) }),
+      F.size > 0 && !T && /* @__PURE__ */ r(v, { px: "xs", py: "xs", onClick: oe, styles: JD, children: /* @__PURE__ */ r(J, { size: "xs", checked: U, onChange: C.noop, label: d("common.actions.select_all") }) }),
       /* @__PURE__ */ r(A, {}),
       te
     ] }), children: $.map((te) => /* @__PURE__ */ u(lg, { title: te.label, children: [
@@ -30710,9 +30710,9 @@ const u6 = (e, t, n) => {
     const H = M.getTime() < w.getTime() ? [M, T] : [w, $];
     s(H), t(H);
   };
-  F(() => {
+  N(() => {
     s(e.value);
-  }, [e]), F(() => {
+  }, [e]), N(() => {
     s([null, null]);
   }, [n]);
   const d = z(() => n ? null : l[0] ? P(l[0]) : null, [l, n]), h = z(() => n ? null : l[0] ? P(l[0]).add(365, "days") : null, [l, n]), p = ne((b) => {
@@ -30742,8 +30742,8 @@ const u6 = (e, t, n) => {
       };
     const {
       start: $,
-      end: N
-    } = M, H = s6(_, $, l), U = c6(_, N), oe = l6(b, T, l, a), te = oe && H, Le = oe && U, Ge = _.isBefore(d) || _.isAfter(h);
+      end: F
+    } = M, H = s6(_, $, l), U = c6(_, F), oe = l6(b, T, l, a), te = oe && H, Le = oe && U, Ge = _.isBefore(d) || _.isAfter(h);
     return {
       onMouseEnter: () => o(b),
       onMouseLeave: () => o(null),
@@ -30751,7 +30751,7 @@ const u6 = (e, t, n) => {
       firstInRange: te,
       lastInRange: Le,
       selected: H || U,
-      onClick: () => c($, N),
+      onClick: () => c($, F),
       disabled: Ge
     };
   }, [i, t, a, n, d, h, l]);
@@ -31005,31 +31005,33 @@ const u6 = (e, t, n) => {
   ...t
 }, n) => /* @__PURE__ */ r("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(I6, { filter: e, formFieldProps: t }) }) }))), V6 = ({
   disabled: e,
-  onSubmit: t
+  onSubmit: t,
+  stale: n
 }) => {
   const {
-    t: n
+    t: a
   } = y(), {
-    renderSearchButton: a
+    renderSearchButton: i
   } = Pg();
-  return a ? a({
+  return i ? i({
     disabled: e,
-    onSubmit: t
+    onSubmit: t,
+    stale: n
   }) : /* @__PURE__ */ u(V.Group, { children: [
-    /* @__PURE__ */ r(V, { color: "blue", size: "sm", onClick: () => t(), disabled: e, children: n("common.actions.search") }),
+    /* @__PURE__ */ r(V, { color: "blue", size: "sm", onClick: () => t(), disabled: e, "data-stale": n || void 0, children: a("common.actions.search") }),
     /* @__PURE__ */ u(W, { trigger: "hover", disabled: e, position: "bottom-end", children: [
-      /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(V, { disabled: e, color: "blue", px: "xs", style: {
+      /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(V, { disabled: e, color: "blue", px: "xs", "data-stale": n || void 0, style: {
         borderLeft: `1px solid ${e ? "white" : "var(--mantine-color-gray-4)"}`
       }, children: /* @__PURE__ */ r(ls, { size: 16 }) }) }),
       /* @__PURE__ */ r(W.Dropdown, { children: /* @__PURE__ */ r(W.Item, { leftSection: /* @__PURE__ */ r(ni, { size: 14 }), disabled: e, onClick: () => t({
         force: !0
-      }), children: n("common.actions.reload") }) })
+      }), children: a("common.actions.reload") }) })
     ] })
   ] });
 };
 function L6(e) {
   const t = ie();
-  F(() => {
+  N(() => {
     var n, a;
     (a = (n = t.filters).updatePreviewValues) == null || a.call(n, e);
   }, [e]);
@@ -31037,7 +31039,7 @@ function L6(e) {
 const co = "N/A";
 function L$() {
   const e = ea(), [t, n] = Q([]);
-  return F(() => {
+  return N(() => {
     const a = Nh(() => e.content.views.visibleViews.map((c) => {
       var d;
       return c.type === K.Tabs ? (d = c.tabView) == null ? void 0 : d.view_id : c.id;
@@ -31117,36 +31119,39 @@ const O6 = ({
   }] = rn(!0), i = Se(), {
     control: o,
     handleSubmit: l,
-    reset: s
+    reset: s,
+    formState: {
+      isDirty: c
+    }
   } = fe({
     defaultValues: i.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
-  }), c = Kp({
+  }), d = Kp({
     control: o
   });
-  F(() => {
+  N(() => {
     s(i.filters.values);
-  }, [i.filters.values, s]), L6(c);
-  const d = i.filters.visibleInView(t.id), h = z(() => d.every((w) => w.should_auto_submit), [d]), p = z(() => d.filter((w) => C.get(w, "config.required", !1)), [d]), g = z(() => p.length === 0 ? !1 : p.some((w) => !w.requiredAndPass(c[w.key])), [c, p]), b = (w, T) => (M, $) => {
-    T(M), (w.should_auto_submit || $) && i.filters.setValueByKey(w.key, M);
-  }, _ = ne((w) => {
-    const T = C.get(w, "force", !1);
-    l(i.filters.setValues)(), T && i.queries.forceReloadVisibleQueries();
+  }, [i.filters.values, s]), L6(d);
+  const h = i.filters.visibleInView(t.id), p = z(() => h.every((T) => T.should_auto_submit), [h]), g = z(() => h.filter((T) => C.get(T, "config.required", !1)), [h]), b = z(() => g.length === 0 ? !1 : g.some((T) => !T.requiredAndPass(d[T.key])), [d, g]), _ = (T, M) => ($, F) => {
+    M($), (T.should_auto_submit || F) && i.filters.setValueByKey(T.key, $);
+  }, w = ne((T) => {
+    const M = C.get(T, "force", !1);
+    l(i.filters.setValues)(), M && i.queries.forceReloadVisibleQueries();
   }, [l, i.filters.setValues]);
-  return d.length === 0 ? null : /* @__PURE__ */ u("form", { children: [
+  return h.length === 0 ? null : /* @__PURE__ */ u("form", { children: [
     /* @__PURE__ */ r(O6, { opened: n, toggle: a }),
-    /* @__PURE__ */ r(hr, { in: n, children: /* @__PURE__ */ u(v, { className: "dashboard-filters", justify: "space-between", wrap: "nowrap", sx: h ? {} : {
+    /* @__PURE__ */ r(hr, { in: n, children: /* @__PURE__ */ u(v, { className: "dashboard-filters", justify: "space-between", wrap: "nowrap", sx: p ? {} : {
       border: "1px solid #e9ecef",
       borderRadius: "4px",
       padding: "16px"
     }, children: [
-      /* @__PURE__ */ r(v, { align: "flex-start", children: d.map((w) => /* @__PURE__ */ r(f, { name: w.key, control: o, render: ({
-        field: T
-      }) => /* @__PURE__ */ r(M6, { filter: w, value: T.value, onChange: b(w, T.onChange) }) }, w.id)) }),
-      !h && /* @__PURE__ */ r(v, { sx: {
+      /* @__PURE__ */ r(v, { align: "flex-start", children: h.map((T) => /* @__PURE__ */ r(f, { name: T.key, control: o, render: ({
+        field: M
+      }) => /* @__PURE__ */ r(M6, { filter: T, value: M.value, onChange: _(T, M.onChange) }) }, T.id)) }),
+      !p && /* @__PURE__ */ r(v, { sx: {
         alignSelf: "flex-end"
-      }, children: /* @__PURE__ */ r(V6, { disabled: g, onSubmit: _ }) })
+      }, children: /* @__PURE__ */ r(V6, { disabled: b, onSubmit: w, stale: c }) })
     ] }) })
   ] });
 }), Bu = {
@@ -31406,7 +31411,7 @@ function Uu(e, t) {
   const n = ia().getRequired(ke.instanceScope.vizInstance);
   return Qn(async () => {
     Oe(await n.instanceData.getItem(null), t.viz.conf) || await n.instanceData.setItem(null, t.viz.conf);
-  }, [n, t.viz.conf]), F(() => n.instanceData.watchItem(null, (a) => {
+  }, [n, t.viz.conf]), N(() => n.instanceData.watchItem(null, (a) => {
     e(a);
   }), [e, t.viz.type]), n;
 }
@@ -31495,7 +31500,7 @@ function J6(e) {
   const {
     setEchartsOptions: t
   } = Me();
-  F(() => {
+  N(() => {
     const n = (i) => {
       t(i);
     }, a = e.messageChannels.getChannel("viz");
@@ -31551,7 +31556,7 @@ function a4(e) {
   const t = wt(null), n = ne((a) => {
     t.current = a;
   }, []);
-  return F(() => {
+  return N(() => {
     t.current = null;
   }, [e]), {
     getEchartsOptions: () => t.current,
@@ -32094,7 +32099,7 @@ const $4 = I(({
   view: t
 }) => {
   const a = ie().layouts, [i, o] = cp();
-  return F(() => {
+  return N(() => {
     a.setCurrentLayoutWrapperWidth(o.width);
   }, [o.width]), /* @__PURE__ */ r(R, { sx: {
     height: "100%"
@@ -34247,7 +34252,7 @@ function $n(e) {
   console.groupCollapsed("Running operation ", e.type), console.log(e), console.groupEnd();
 }
 function ih(e, t) {
-  F(() => {
+  N(() => {
     const a = (i) => {
       $n(i);
       const {
@@ -34264,7 +34269,7 @@ function ih(e, t) {
     };
   }, [e, t]);
   const n = cg();
-  F(() => {
+  N(() => {
     const a = (i) => {
       $n(i);
       const {
@@ -34284,7 +34289,7 @@ function ih(e, t) {
     return window.addEventListener("scroll_to_panel", a), () => {
       window.removeEventListener("scroll_to_panel", a);
     };
-  }, [n]), F(() => {
+  }, [n]), N(() => {
     const a = (i) => {
       $n(i);
       const {
@@ -34305,7 +34310,7 @@ function ih(e, t) {
     return window.addEventListener("switch_tab", a), () => {
       window.removeEventListener("switch_tab", a);
     };
-  }, [e, t]), F(() => {
+  }, [e, t]), N(() => {
     const a = (i) => {
       $n(i);
       const {
@@ -34325,7 +34330,7 @@ function ih(e, t) {
     return window.addEventListener("set-filter-values", a), () => {
       window.removeEventListener("set-filter-values", a);
     };
-  }, [e]), F(() => {
+  }, [e]), N(() => {
     function a(o) {
       return Array.isArray(o) ? [] : typeof o == "object" ? {} : typeof o == "boolean" ? !1 : typeof o == "string" ? "" : typeof o == "number" ? 0 : o;
     }
@@ -34342,7 +34347,7 @@ function ih(e, t) {
     return window.addEventListener("clear-filter-values", i), () => {
       window.removeEventListener("clear-filter-values", i);
     };
-  }, [e]), F(() => {
+  }, [e]), N(() => {
     const a = (i) => {
       $n(i);
       const {
@@ -34509,7 +34514,7 @@ const MI = I(({
   }) => {
     const Le = te.filter((Ge) => Number.isFinite(Ge.breakpoint));
     a.updateLayoutSetsInfo(Le), e();
-  }, $ = c(), N = z(() => {
+  }, $ = c(), F = z(() => {
     const te = {
       list: $.list.filter((Le) => !!Le.name && Number.isFinite(Le.breakpoint))
     };
@@ -34564,8 +34569,8 @@ const MI = I(({
     ] }),
     /* @__PURE__ */ r(k, { mt: 6, ta: "right", size: "xs", c: "red", children: H ?? "　" }),
     /* @__PURE__ */ u(v, { mt: 6, justify: "space-between", children: [
-      /* @__PURE__ */ r(V, { color: "orange", size: "xs", onClick: () => d(), leftSection: /* @__PURE__ */ r(kt, { size: 18 }), disabled: !N, children: t("common.actions.revert") }),
-      /* @__PURE__ */ r(V, { color: "green", size: "xs", type: "submit", leftSection: /* @__PURE__ */ r(be, { size: 18 }), disabled: !N, children: t("common.actions.save_changes") })
+      /* @__PURE__ */ r(V, { color: "orange", size: "xs", onClick: () => d(), leftSection: /* @__PURE__ */ r(kt, { size: 18 }), disabled: !F, children: t("common.actions.revert") }),
+      /* @__PURE__ */ r(V, { color: "green", size: "xs", type: "submit", leftSection: /* @__PURE__ */ r(be, { size: 18 }), disabled: !F, children: t("common.actions.save_changes") })
     ] })
   ] }) });
 }), RI = I(() => {
@@ -34793,12 +34798,12 @@ const QI = I(({
       content: null
     }
   }), p = ({
-    content: N
+    content: F
   }) => {
     try {
-      if (!N)
+      if (!F)
         throw new Error("please use a valid json file");
-      i.applyJSONSchema(N), un({
+      i.applyJSONSchema(F), un({
         title: "Successful",
         message: "",
         color: "green"
@@ -34811,11 +34816,11 @@ const QI = I(({
       });
     }
   }, [g, b] = Q(null);
-  F(() => {
+  N(() => {
     if (!g)
       return;
-    const N = new FileReader();
-    N.readAsText(g, "UTF-8"), N.onload = (H) => {
+    const F = new FileReader();
+    F.readAsText(g, "UTF-8"), F.onload = (H) => {
       try {
         const U = jI(H);
         s("content", U), h("content");
@@ -34825,15 +34830,15 @@ const QI = I(({
           message: U.message
         });
       }
-    }, N.onabort = () => console.log("🟨 abort"), N.onerror = () => {
-      N.error && (console.error(N.error), d("content", {
+    }, F.onabort = () => console.log("🟨 abort"), F.onerror = () => {
+      F.error && (console.error(F.error), d("content", {
         type: "custom",
-        message: N.error.message
+        message: F.error.message
       }));
     };
   }, [g]);
   const [_] = c(["content"]), w = !_, T = (M = l == null ? void 0 : l.content) == null ? void 0 : M.message;
-  return F(() => {
+  return N(() => {
     !_ || T ? n() : t();
   }, [_, T]), /* @__PURE__ */ r(R, { mx: "auto", sx: {
     position: "relative"
@@ -36264,7 +36269,7 @@ const z8 = I(() => {
   } = t, [a, i] = rs(n), o = n !== a, l = E.useCallback(() => {
     o && t.setName(a);
   }, [o, a]);
-  F(() => {
+  N(() => {
     i(n);
   }, [n]);
   const s = !a.trim();
@@ -36481,7 +36486,7 @@ const X8 = [{
   }, [e, i]), d = () => {
     i.queries.downloadDataByQueryID(null, e);
   };
-  F(() => {
+  N(() => {
     n && c();
   }, [c, n]);
   const h = !Array.isArray(o) || o.length === 0;
@@ -36576,7 +36581,7 @@ const oM = I(({
   const {
     t: n
   } = y(), [a, i] = rs(e);
-  F(() => {
+  N(() => {
     i(e);
   }, [e]);
   const o = iM(), l = e !== a;
@@ -36669,7 +36674,7 @@ const cM = I(() => {
   const {
     t: n
   } = y(), a = ie(), [i, o] = Q(t);
-  F(() => {
+  N(() => {
     o(t);
   }, [t]);
   const [l, {
@@ -36930,7 +36935,7 @@ const vM = I(({
   const {
     t
   } = y(), n = Ot(), a = le(), i = ie(), [o, l] = Q(a.editor.panelTab), s = e.queries, d = _M(e.viz.type) && e.dataLoading, h = d || e.queryErrors.length > 0 || e.queryStateMessages !== "" || s.length === 0, p = a.editor.path[1];
-  F(() => {
+  N(() => {
     l((w) => h && w === "Visualization" ? "Data" : w);
   }, [e.id, h]);
   const g = ne((w) => {
@@ -37452,7 +37457,7 @@ const LM = I(({
   const {
     t
   } = y(), n = e.dbInfo;
-  return F(() => {
+  return N(() => {
     n.loadTablesIfEmpty();
   }, [n]), n.tables.error ? /* @__PURE__ */ r(k, { c: "red", size: "md", ta: "center", ff: "monospace", children: n.tables.error }) : /* @__PURE__ */ u(Be, { sx: {
     height: "100%"
@@ -37614,7 +37619,7 @@ const LM = I(({
   const {
     t
   } = y(), [n, a] = Q(e.name);
-  F(() => {
+  N(() => {
     a(e.name);
   }, [e.name]);
   const i = z(() => e.conditionOptionsWithInvalidRunbys.optionGroups.map((l) => ({
@@ -37827,7 +37832,7 @@ WHERE
   }, s = () => {
     i(UM);
   };
-  F(() => {
+  N(() => {
     i(n.sql);
   }, [n.sql]);
   const c = a !== n.sql;
@@ -37938,7 +37943,7 @@ WHERE
   const {
     t
   } = y(), n = ie(), a = z(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [i, o] = Q(a);
-  F(() => {
+  N(() => {
     o((c) => c !== "Configurations" && a === "Configurations" ? "Configurations" : c);
   }, [a]);
   const s = n.findQueryUsage(e.id).length === 0;
@@ -38216,7 +38221,7 @@ const s9 = [{
   }, [e.fetchData]), o = () => {
     vu(e.name, e.data);
   };
-  F(() => {
+  N(() => {
     i();
   }, [i]);
   const l = !Array.isArray(t) || t.length === 0;
@@ -38520,7 +38525,7 @@ const s9 = [{
   queryModel: e
 }) => {
   const t = e.config, a = e.datasource.mericoMetricInfo;
-  return F(() => {
+  return N(() => {
     a.selectMetric(t.id);
   }, [t.id, a]), /* @__PURE__ */ u(D, { gap: 7, children: [
     /* @__PURE__ */ u(v, { justify: "flex-start", gap: 8, children: [
@@ -38659,7 +38664,7 @@ const s9 = [{
   queryModel: e
 }) => {
   const t = e.config, a = e.datasource.mericoMetricInfo;
-  return F(() => {
+  return N(() => {
     a.selectMetric(t.id);
   }, [t.id, a]), a.metricDetail.metricType !== "sql" ? null : /* @__PURE__ */ u(D, { gap: 7, children: [
     /* @__PURE__ */ u(v, { justify: "flex-start", gap: 8, children: [
@@ -38803,7 +38808,7 @@ const s9 = [{
   queryModel: e
 }) => {
   const t = e.config, a = e.datasource.mericoMetricInfo, i = a.metricDetail, o = a.metrics.loading || i.loading, l = i.error, s = wt(t.timeQuery.enabled);
-  if (F(() => {
+  if (N(() => {
     if (s.current && !t.timeQuery.enabled) {
       const d = xt(t.extraCalculations) || [], h = Lu(d, !1);
       h.length !== d.length && t.setExtraCalculations(h);
@@ -38840,7 +38845,7 @@ const s9 = [{
   queryModel: e
 }) => {
   const t = e.config, n = t.id;
-  F(() => {
+  N(() => {
     if (e.run_by.length === 0)
       return;
     const s = [], c = t.usedFilterVariableSet, d = t.usedTimeQueryVariableSet;
@@ -38925,9 +38930,9 @@ const s9 = [{
   queryModel: e
 }) => {
   const t = e.config, a = e.datasource.mericoMetricInfo, i = a.metrics;
-  F(() => {
+  N(() => {
     i.load();
-  }, [i]), F(() => {
+  }, [i]), N(() => {
     !a.metricID && t.id && a.selectMetric(t.id);
   }, [t.id]);
   const o = z(() => i.data.map((h) => ({
@@ -39029,7 +39034,7 @@ const s9 = [{
   }, d = l !== e.key, h = e.isADuplicatedKey(l), [p, g] = Q(e.value), b = () => {
     e.setValue(p);
   };
-  F(() => {
+  N(() => {
     s(e.key), g(e.value);
   }, [e]);
   const _ = p !== e.value, w = Ot(), T = () => {
@@ -39552,7 +39557,7 @@ const s9 = [{
   const {
     t
   } = y(), n = ie(), a = le().editor, i = a.isOptionActive, o = i(a.path, e), l = a.isOptionOpened, s = a.navigate, c = l(e), [d, h] = Q(c);
-  F(() => {
+  N(() => {
     h(c);
   }, [c]);
   const p = e._type === "query";
@@ -39640,7 +39645,7 @@ const s9 = [{
   ] }) });
 }), vV = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function xV(e) {
-  F(() => {
+  N(() => {
     if (ya.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
@@ -39657,7 +39662,7 @@ const wV = (e) => {
     const a = n || window.event;
     return a.preventDefault(), a && (a.returnValue = ""), "";
   }, []);
-  F(() => {
+  N(() => {
     if (e)
       return window.addEventListener("beforeunload", t), () => {
         window.removeEventListener("beforeunload", t);
@@ -39721,7 +39726,7 @@ const SV = {
   }), [T]);
   const M = async () => {
     await a(T.json, T.content.json);
-  }, $ = Wt(Ji, []), N = oh($);
+  }, $ = Wt(Ji, []), F = oh($);
   return wV(T.content.changed), Ul("@devtable/dashboard editor", {
     context: e,
     dashboard: t,
@@ -39743,7 +39748,7 @@ const SV = {
     inEditMode: !0
   }, children: [
     /* @__PURE__ */ r(YI, {}),
-    /* @__PURE__ */ r(ln.Provider, { value: $, children: /* @__PURE__ */ u(aa, { configure: N, children: [
+    /* @__PURE__ */ r(ln.Provider, { value: $, children: /* @__PURE__ */ u(aa, { configure: F, children: [
       /* @__PURE__ */ u(ot, { padding: 0, navbar: {
         width: {
           base: 200,
@@ -40023,7 +40028,7 @@ const DV = ({
     setFullScreenPanelID: l
   }, children: /* @__PURE__ */ r(Un.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r(R, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(ln.Provider, { value: M, children: /* @__PURE__ */ r(aa, { configure: $, children: T.content.views.visibleViews.map((N) => /* @__PURE__ */ r(fo, { view: N }, N.id)) }) }) }) }) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r(R, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(ln.Provider, { value: M, children: /* @__PURE__ */ r(aa, { configure: $, children: T.content.views.visibleViews.map((F) => /* @__PURE__ */ r(fo, { view: F }, F.id)) }) }) }) }) }) }) }) }) }) }) }) }) }) });
 }, O$ = I(DV), q$ = () => Promise.resolve().then(() => Mg).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));