@devtable/dashboard 14.56.1 → 14.57.0

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 j, 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.1", Mg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ks = "14.57.0", Mg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Ks
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2644,8 +2644,8 @@ class ve extends $g {
 const Y = (e, t) => {
   const [n, {
     setFalse: a
-  }] = we(!0), [i, o] = j();
-  F(() => (e.getItem(t).then((s) => {
+  }] = we(!0), [i, o] = Q();
+  N(() => (e.getItem(t).then((s) => {
     o(s), a();
   }), e.watchItem(t, (s) => {
     o(s);
@@ -3327,7 +3327,7 @@ const ye = (e) => (t, n) => {
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = we(), [l, s] = j(e), c = () => {
+  }] = we(), [l, s] = Q(e), c = () => {
     o();
     const {
       type: g,
@@ -3671,7 +3671,7 @@ const ff = gf(), bf = ({
   }, d = (_) => (w) => {
     const T = [...e];
     T[_] = w, t(T);
-  }, [h, p] = j(""), g = () => {
+  }, [h, p] = Q(""), g = () => {
     h && (l(h), p(""));
   };
   return /* @__PURE__ */ u(D, { ref: a, children: [
@@ -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));
@@ -3984,14 +3984,14 @@ const nr = "data-value", Mf = nr, Cc = "dynamicColor", kc = Rs.create({
 }, o) => {
   const {
     t: l
-  } = y(), [s, c] = j(e), d = () => {
+  } = y(), [s, c] = Q(e), d = () => {
     t(s);
   }, h = () => {
     c(e);
   }, 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({}, {
@@ -4327,7 +4327,7 @@ const ra = ee(({
       placeholder: "This is placeholder"
     }), Ms, vs, zc, kc];
     return c && $.push(pc), $;
-  }, [c]), [h, p] = j(e), g = () => {
+  }, [c]), [h, p] = Q(e), g = () => {
     t(h), i == null || i();
   }, _ = Ls({
     extensions: d,
@@ -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({}, {
@@ -4463,8 +4463,8 @@ const Vc = ({
 }) => {
   const {
     t: a
-  } = y(), [i, o] = j(e);
-  F(() => {
+  } = y(), [i, o] = Q(e);
+  N(() => {
     n && o(e);
   }, [e, n]);
   const l = ne((s) => {
@@ -4509,11 +4509,11 @@ const Vc = ({
     set: s,
     setFalse: c,
     toggle: d
-  }] = we(), [h, p] = j(!1), g = z(() => {
+  }] = 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" }),
@@ -5194,8 +5194,8 @@ const Xt = ee(({
   } = y(), [o, {
     setTrue: l,
     setFalse: s
-  }] = we(), [c, d] = j(e);
-  F(() => {
+  }] = we(), [c, d] = Q(e);
+  N(() => {
     d(e);
   }, [e]);
   const h = (T) => {
@@ -5490,8 +5490,8 @@ function Vn(e, t) {
   }, [e, t]);
 }
 const yt = (e, t) => {
-  const [n, a] = j([]);
-  return F(() => e.watchTriggerSnapshotList((i) => a(i.filter((o) => o.schemaRef === t))), []), n;
+  const [n, a] = Q([]);
+  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);
@@ -5738,7 +5738,9 @@ const Mb = {
   "builtin:op:clear_filter_values": 2,
   "builtin:op:set_filter_values": 3,
   "builtin:op:open_view": 4,
-  "builtin:op:open-link": 5
+  "builtin:op:open-link": 5,
+  "builtin:op:switch_tab": 6,
+  "builtin:op:scroll_to_panel": 7
 };
 class Ti {
   constructor(t, n, a) {
@@ -5764,10 +5766,10 @@ function Vb(e, t) {
   const {
     value: n,
     set: a
-  } = Y(e.operation.operationData, "config"), [i, o] = j(me({}, n, t)), l = async () => {
+  } = 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,
@@ -5903,8 +5905,8 @@ const Bb = {
   value: e = "",
   onChange: t
 }) => {
-  const [n, a] = j(e);
-  return F(() => {
+  const [n, a] = Q(e);
+  return N(() => {
     a(e);
   }, [e]), /* @__PURE__ */ r(L, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
     flexGrow: 1
@@ -6299,7 +6301,7 @@ class Nc {
   }
 }
 function sy(e, t) {
-  const [n, a] = j([]);
+  const [n, a] = Q([]);
   return Qn(async () => {
     const i = await e.getInteractionList();
     a(i);
@@ -6331,7 +6333,7 @@ const cy = I(({
 }), dy = (e) => {
   const {
     t
-  } = y(), [n, a] = j(0), {
+  } = y(), [n, a] = Q(0), {
     interactionManager: i,
     instance: o,
     sampleData: l,
@@ -6368,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) => {
@@ -6639,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({
@@ -6995,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: $
       });
@@ -7152,7 +7154,7 @@ function jy(e) {
     value: o
   } = e, {
     classes: l
-  } = Wc(), [s, c] = j(qo(o)), [d, {
+  } = Wc(), [s, c] = Q(qo(o)), [d, {
     setTrue: h,
     setFalse: p
   }] = we(!1), g = i % 2 === 1, b = g && o != null, _ = !g && o != null, w = `map ${o} to color ${i}`, T = () => {
@@ -7161,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,
@@ -7171,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(),
@@ -7197,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(({
@@ -7209,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) => {
@@ -7220,13 +7222,13 @@ const Qy = I(({
     value: a,
     onChange: i,
     colorManager: o
-  } = e, l = o.getColorInterpolations(), [s, c] = j(a), d = o.decodeInterpolation(s.interpolation) || l[0], [h, {
+  } = e, l = o.getColorInterpolations(), [s, c] = Q(a), d = o.decodeInterpolation(s.interpolation) || l[0], [h, {
     setTrue: p,
     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)
@@ -7234,8 +7236,8 @@ const Qy = I(({
     }));
   }, [n.language]);
   function _($) {
-    $ && c((N) => ({
-      ...N,
+    $ && c((F) => ({
+      ...F,
       interpolation: $
     }));
   }
@@ -7243,8 +7245,8 @@ const Qy = I(({
     g(), i == null || i(xt(s));
   };
   function T($) {
-    c((N) => ({
-      ...N,
+    c((F) => ({
+      ...F,
       steps: $
     }));
   }
@@ -7401,10 +7403,10 @@ const Qy = I(({
   } = d, b = t(n), _ = h.map((U, oe) => ({
     ...U,
     ...b[oe]
-  })), w = ((H = C.last(_)) == null ? void 0 : H.id) ?? null, [T, M] = j(w), $ = (U) => {
+  })), 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: () => {
@@ -7833,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 }),
@@ -8284,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 {
@@ -8296,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 }),
@@ -8528,7 +8530,7 @@ const E_ = {
   } = e, o = i(`visualMap.pieces.${t}`), {
     lower: l,
     upper: s
-  } = o, c = [No[l.symbol], Bo(l.value, n("chart.visual_map.min_value")), ",", Bo(s.value, n("chart.visual_map.max_value")), No[s.symbol]].join(""), [d, h] = j(!1);
+  } = o, c = [No[l.symbol], Bo(l.value, n("chart.visual_map.min_value")), ",", Bo(s.value, n("chart.visual_map.max_value")), No[s.symbol]].join(""), [d, h] = Q(!1);
   return /* @__PURE__ */ r(v, { wrap: "nowrap", children: /* @__PURE__ */ u(Xe, { width: 400, position: "bottom", withArrow: !0, shadow: "md", opened: d, onChange: h, withinPortal: !0, zIndex: 340, children: [
     /* @__PURE__ */ r(Xe.Target, { children: /* @__PURE__ */ r(V, { variant: "subtle", size: "compact-sm", px: 0, onClick: () => h((p) => !p), fw: "normal", ff: "monospace", children: c }) }),
     /* @__PURE__ */ r(Xe.Dropdown, { children: /* @__PURE__ */ u(v, { wrap: "nowrap", gap: 8, children: [
@@ -9054,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;
@@ -9276,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({
@@ -9288,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 }),
@@ -10158,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;
@@ -10468,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,
@@ -10480,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
@@ -10797,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,
@@ -10818,7 +10820,7 @@ const Ix = I(({
   } = e, o = z(() => me({}, a, Zc), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = j(0), [p, g] = j(0), b = Math.max(0, Dt(c) - d - p), _ = Tt(s), w = Ec(o.stats, e, t);
+  } = e.viewport, [d, h] = Q(0), [p, g] = Q(0), b = Math.max(0, Dt(c) - d - p), _ = Tt(s), w = Ec(o.stats, e, t);
   return /* @__PURE__ */ u(rt, { width: s, height: c, children: [
     /* @__PURE__ */ r(Dn, { onHeightChange: h, value: o.stats.top, context: e }),
     /* @__PURE__ */ r(Dx, { onChartRenderFinished: w, variables: i, width: _, height: b, data: l, conf: o, interactionManager: n }),
@@ -11202,7 +11204,7 @@ const Ax = ({
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = we(), [l, s] = j(e), c = () => {
+  }] = we(), [l, s] = Q(e), c = () => {
     o();
     const {
       type: g,
@@ -11294,7 +11296,7 @@ function Fx({
     t: l,
     i18n: s
   } = y();
-  F(() => {
+  N(() => {
     typeof t == "string" && n({
       type: t,
       config: {},
@@ -12044,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 }),
@@ -12426,8 +12428,8 @@ const mw = ({
   }), o = t("series"), l = n.map((h, p) => ({
     ...h,
     ...o[p]
-  })), s = C.get(l, "0.id"), [c, d] = j(s ?? null);
-  return F(() => {
+  })), s = C.get(l, "0.id"), [c, d] = Q(s ?? null);
+  return N(() => {
     s && d((h) => h !== null ? h : s);
   }, [s]), /* @__PURE__ */ u(S, { value: c, onChange: (h) => d(h), styles: {
     panel: {
@@ -12457,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 }),
@@ -12889,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);
@@ -13077,11 +13079,11 @@ function Bw({
     totalPages: d,
     groupedFullData: h
   } = Ew(l, o);
-  F(() => {
+  N(() => {
     const _ = Ha(h).flat();
     nt(t, ed(o, l, _, i, s, c));
   }, [h]);
-  const [p, g] = j(1), b = Ow(h, o, p);
+  const [p, g] = Q(1), b = Ow(h, o, p);
   return !s || !c ? null : /* @__PURE__ */ u(rt, { width: s, height: c, children: [
     o.pagination.page_size > 0 && /* @__PURE__ */ r(zw, { page: p, setPage: g, totalPages: d, width: s }),
     /* @__PURE__ */ r(Nw, { instance: t, variables: i, width: Tt(s), height: Dt(c), data: l, seriesData: b, conf: o, interactionManager: n })
@@ -13306,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({
@@ -13318,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
@@ -13825,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;
   });
@@ -14034,7 +14036,7 @@ function M0({
   } = e, o = z(() => me({}, a, Bi), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = j(0), [p, g] = j(0), b = Math.max(0, Dt(c) - d - p), _ = Tt(s), w = Ec(o.stats, e, t);
+  } = e.viewport, [d, h] = Q(0), [p, g] = Q(0), b = Math.max(0, Dt(c) - d - p), _ = Tt(s), w = Ec(o.stats, e, t);
   return /* @__PURE__ */ u(rt, { width: s, height: c, children: [
     /* @__PURE__ */ r(Dn, { onHeightChange: h, value: o.stats.top, context: e }),
     /* @__PURE__ */ r(I0, { onChartRenderFinished: w, variables: i, width: _, height: b, data: l, conf: o, interactionManager: n }),
@@ -14403,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 }),
@@ -15291,8 +15293,8 @@ function w1({
   } = a, {
     estimated_value: d,
     actual_value: h
-  } = c.data_keys, [p, g] = j(h);
-  if (F(() => {
+  } = c.data_keys, [p, g] = Q(h);
+  if (N(() => {
     g((w) => w || h);
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
@@ -15424,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 }),
@@ -15776,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({
@@ -15788,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
@@ -16116,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),
@@ -16426,7 +16428,7 @@ function vS({
   } = Y(e.instanceData, "config"), n = z(() => me({}, t, Gi()), [t]), a = e.data, {
     width: i,
     height: o
-  } = e.viewport, [l, s] = j(0), [c, d] = j(0), h = Math.max(0, Dt(o) - l - c), p = Tt(i);
+  } = e.viewport, [l, s] = Q(0), [c, d] = Q(0), h = Math.max(0, Dt(o) - l - c), p = Tt(i);
   return /* @__PURE__ */ u(rt, { width: i, height: o, children: [
     /* @__PURE__ */ r(Dn, { onHeightChange: s, value: n.stats.top, context: e }),
     /* @__PURE__ */ r(_S, { width: p, height: h, data: a, conf: n })
@@ -16674,7 +16676,7 @@ function MS({
     formState: c,
     reset: d
   } = l;
-  F(() => {
+  N(() => {
     l.reset(o);
   }, [o]);
   const h = z(() => [{
@@ -16957,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 }),
@@ -17589,7 +17591,7 @@ const mC = (e, t) => `
   const {
     t: e,
     i18n: t
-  } = y(), [n, a] = j(!1), i = z(() => mC(e("viz.pareto_chart.line_80_20.param_section_note_1"), e("viz.pareto_chart.line_80_20.param_section_note_2")), [t.language]);
+  } = y(), [n, a] = Q(!1), i = z(() => mC(e("viz.pareto_chart.line_80_20.param_section_note_1"), e("viz.pareto_chart.line_80_20.param_section_note_2")), [t.language]);
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(V, { variant: "subtle", size: "compact-sm", onClick: () => a((o) => !o), children: e(n ? "common.actions.close" : "viz.pareto_chart.line_80_20.click_to_see_params") }),
     /* @__PURE__ */ r(hr, { in: n, children: /* @__PURE__ */ r(Et, { language: "typescript", withCopyButton: !1, code: i }) })
@@ -17788,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 }),
@@ -18332,7 +18334,7 @@ const UC = ee(({
   value: t,
   onChange: n
 }, a) => {
-  const [i, o] = j(HC(t)), l = ne((s) => {
+  const [i, o] = Q(HC(t)), l = ne((s) => {
     n(WC(s));
   }, [n]);
   return /* @__PURE__ */ u(D, { gap: 4, mt: 2, mb: "1rem", children: [
@@ -18522,7 +18524,7 @@ function tk({
   } = fe({
     defaultValues: i
   });
-  F(() => {
+  N(() => {
     d(i);
   }, [i]);
   const [h] = s(["label_field", "value_field", "color_field", "color"]), {
@@ -19031,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
@@ -19215,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 }),
@@ -19987,7 +19989,7 @@ function c2({
   ] });
 }
 const Sa = (e) => {
-  const [t, n] = j(e);
+  const [t, n] = Q(e);
   return {
     value: t,
     set: n
@@ -20109,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 }),
@@ -20220,7 +20222,7 @@ const y2 = {
   } = fe({
     defaultValues: o
   });
-  c("content"), F(() => {
+  c("content"), N(() => {
     d(o);
   }, [o]);
   const h = wt(null), p = () => {
@@ -20937,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}
@@ -20957,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), `
@@ -21139,7 +21141,7 @@ function iz({
   } = e, o = z(() => me({}, a, bd), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = j(0), [p, g] = j(0), b = Math.max(0, Dt(c) - d - p), _ = Tt(s);
+  } = e.viewport, [d, h] = Q(0), [p, g] = Q(0), b = Math.max(0, Dt(c) - d - p), _ = Tt(s);
   return !s || !c ? null : /* @__PURE__ */ u(rt, { width: s, height: c, children: [
     /* @__PURE__ */ r(Dn, { onHeightChange: h, value: o.stats.top, context: e }),
     /* @__PURE__ */ r(az, { instance: t, variables: i, width: _, height: b, data: l, conf: o, interactionManager: n }),
@@ -21368,7 +21370,7 @@ const uz = ({
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = we(), [l, s] = j(e), c = () => {
+  }] = we(), [l, s] = Q(e), c = () => {
     o();
     const {
       type: g,
@@ -21739,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 }),
@@ -21992,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
     });
@@ -22004,7 +22006,7 @@ const Nz = I(({
       });
     });
   }, [l.variableValueMap, i, a]);
-  return F(() => {
+  return N(() => {
     if (!n.current)
       return;
     const _ = n.current.querySelector(".ProseMirror");
@@ -22013,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
@@ -22424,10 +22426,10 @@ function s3({
   } = fe({
     defaultValues: o
   });
-  F(() => {
+  N(() => {
     h(o);
   }, [o]), c(["label_key", "value_key", "group_key", "levels"]);
-  const [p, g] = j("Data");
+  const [p, g] = Q("Data");
   return /* @__PURE__ */ r("form", { onSubmit: s(a), children: /* @__PURE__ */ u(D, { gap: "xs", children: [
     /* @__PURE__ */ r(Ie, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(S, { value: p, onChange: g, orientation: "vertical", styles: {
@@ -23278,17 +23280,17 @@ function nl({
         minSize: typeof Ee.width == "number" ? Ee.width : void 0
       });
     });
-  }, [g, b]), [w, T] = j([]), [M, $] = E.useState({
+  }, [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
     },
@@ -23502,7 +23504,7 @@ const n5 = ee((e, t) => {
     t: n
   } = y(), {
     colorManager: a
-  } = ft(ln), [i, o] = j(Dd(e.value)), [l, s] = j(e5(a, e.value)), c = zr(l), [d, h] = j(t5(a, e.value)), p = zr(d), g = (w) => {
+  } = ft(ln), [i, o] = Q(Dd(e.value)), [l, s] = Q(e5(a, e.value)), c = zr(l), [d, h] = Q(t5(a, e.value)), p = zr(d), g = (w) => {
     var T, M, $;
     o(w || "none"), w === "static" ? (T = e.onChange) == null || T.call(e, c.current) : w === "none" || !w ? (M = e.onChange) == null || M.call(e, "none") : ($ = e.onChange) == null || $.call(e, p.current);
   }, b = (w) => {
@@ -23539,14 +23541,14 @@ const n5 = ee((e, t) => {
   } = y(), [i, {
     setTrue: o,
     setFalse: l
-  }] = we(), [s, c] = j(e), d = () => {
+  }] = we(), [s, c] = Q(e), d = () => {
     l(), t(s);
   }, h = () => {
     l(), c(e);
   }, 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: {
@@ -23733,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 {
@@ -23745,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 }),
@@ -23872,14 +23874,14 @@ const p5 = E.forwardRef(h5), m5 = ({
   } = y(), [i, {
     setTrue: o,
     setFalse: l
-  }] = we(), [s, c] = j(e), d = () => {
+  }] = we(), [s, c] = Q(e), d = () => {
     l(), t(s);
   }, h = () => {
     l(), c(e);
   }, 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: {
@@ -23919,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 {
@@ -24258,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 }),
@@ -24438,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: [
@@ -24675,8 +24677,8 @@ const fT = ({
   } = y(), [n, {
     setTrue: a,
     setFalse: i
-  }] = we(!1), [o, l] = j("");
-  F(() => {
+  }] = we(!1), [o, l] = Q("");
+  N(() => {
     l("");
   }, [n]);
   const s = () => {
@@ -24751,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;
@@ -24886,7 +24888,7 @@ function Ad({
   lang: e,
   children: t
 }) {
-  return F(() => {
+  return N(() => {
     Rr.changeLanguage(e);
   }, [e]), /* @__PURE__ */ r(Dh, { i18n: Rr, children: t });
 }
@@ -25866,7 +25868,7 @@ const Fd = m.model("DBQueryMeta", {
     e.value = t;
   }
 }));
-var Q = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TreeSingleSelect = "tree-single-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e.MericoDateRange = "merico-date-range", e))(Q || {});
+var j = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TreeSelect = "tree-select", e.TreeSingleSelect = "tree-single-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e.MericoDateRange = "merico-date-range", e))(j || {});
 const Qd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Gd = m.model("FilterCheckboxConfigMeta", {
   _name: m.literal("checkbox"),
   description: m.optional(m.string, ""),
@@ -26518,20 +26520,20 @@ const jT = m.model("FilterDateRangeConfigMeta", {
 `, eu = () => {
   const {
     t: e
-  } = y(), [t, n] = j(!1);
+  } = y(), [t, n] = Q(!1);
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(V, { variant: "subtle", size: "compact-sm", onClick: () => n((a) => !a), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
     /* @__PURE__ */ r(hr, { in: t, children: /* @__PURE__ */ r(Et, { language: "typescript", withCopyButton: !1, code: WT }) })
   ] });
 }, UT = {
-  [Q.Checkbox]: "true",
-  [Q.DateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
-  [Q.MericoDateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
-  [Q.MultiSelect]: "[]",
-  [Q.Select]: '""',
-  [Q.TreeSelect]: "[]",
-  [Q.TreeSingleSelect]: '""',
-  [Q.TextInput]: '""'
+  [j.Checkbox]: "true",
+  [j.DateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
+  [j.MericoDateRange]: "[new Date('2023-01-01 00:00:00'), new Date('2024-01-01 00:00:00')]",
+  [j.MultiSelect]: "[]",
+  [j.Select]: '""',
+  [j.TreeSelect]: "[]",
+  [j.TreeSingleSelect]: '""',
+  [j.TextInput]: '""'
 }, KT = (e) => ["function getDefaultValue(filter, utils, context) {", `    return ${UT[e]};`, "}"].join(`
 `), vn = I(({
   filter: e
@@ -26966,9 +26968,9 @@ const jT = m.model("FilterDateRangeConfigMeta", {
     radius: t,
     width: n.width,
     name: "FilterTreeSelectWidget"
-  }), [b, _] = j(!1), w = (H) => {
+  }), [b, _] = Q(!1), w = (H) => {
     _(H);
-  }, T = b && (i == null ? void 0 : i.length) > 0, M = tD(l, i, o, d), [$, N] = j("");
+  }, 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: [
@@ -27012,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, {}),
@@ -27920,7 +27922,7 @@ const fD = m.model("FilterMericoDateRangeConfigMeta", {
   visibleInViewsIDs: m.array(m.string),
   auto_submit: m.optional(m.boolean, !1),
   default_value_func: m.optional(m.string, ""),
-  type: m.enumeration("DashboardFilterType", [Q.Select, Q.MultiSelect, Q.TreeSelect, Q.TreeSingleSelect, Q.TextInput, Q.Checkbox, Q.DateRange, Q.MericoDateRange]),
+  type: m.enumeration("DashboardFilterType", [j.Select, j.MultiSelect, j.TreeSelect, j.TreeSingleSelect, j.TextInput, j.Checkbox, j.DateRange, j.MericoDateRange]),
   config: m.union(Xd, Yd, iu, ou, Zd, Gd, Kd, du)
 }).views((e) => ({
   get contentModel() {
@@ -27937,7 +27939,7 @@ const fD = m.model("FilterMericoDateRangeConfigMeta", {
     return Array.isArray(t) ? [...t] : t;
   },
   get usingDefaultValue() {
-    return e.type !== Q.TreeSelect && e.type !== Q.TreeSingleSelect;
+    return e.type !== j.TreeSelect && e.type !== j.TreeSingleSelect;
   },
   get usingDefaultValueFunc() {
     return !!e.default_value_func;
@@ -27946,7 +27948,7 @@ const fD = m.model("FilterMericoDateRangeConfigMeta", {
     return this.filters.formattedDefaultValues[e.key];
   },
   get auto_submit_supported() {
-    return [Q.Select, Q.Checkbox, Q.DateRange].includes(e.type);
+    return [j.Select, j.Checkbox, j.DateRange].includes(e.type);
   }
 })).views((e) => ({
   get json() {
@@ -27999,28 +28001,28 @@ const fD = m.model("FilterMericoDateRangeConfigMeta", {
   },
   setType(t) {
     switch (t) {
-      case Q.Select:
+      case j.Select:
         e.config = HT();
         break;
-      case Q.MultiSelect:
+      case j.MultiSelect:
         e.config = GT();
         break;
-      case Q.TreeSelect:
+      case j.TreeSelect:
         e.config = uD();
         break;
-      case Q.TreeSingleSelect:
+      case j.TreeSingleSelect:
         e.config = hD();
         break;
-      case Q.TextInput:
+      case j.TextInput:
         e.config = Jd();
         break;
-      case Q.Checkbox:
+      case j.Checkbox:
         e.config = NT();
         break;
-      case Q.DateRange:
+      case j.DateRange:
         e.config = QT();
         break;
-      case Q.MericoDateRange:
+      case j.MericoDateRange:
         e.config = bD();
         break;
       default:
@@ -28852,7 +28854,10 @@ const Tu = m.model("FiltersRenderModel", {
     return Object.entries(e.values).forEach(([n, a]) => {
       t[n] = a;
       const i = this.findByKey(n);
-      i && i.config._name === Q.DateRange && (t[n] = i.config.dateStringsValue);
+      i && i.config._name === j.DateRange && (t[n] = i.config.dateStringsValue), i && i.config._name === j.MericoDateRange && (t[n] = {
+        ...a,
+        value: i.config.dateStringsValue
+      });
     }), t;
   },
   get contentModel() {
@@ -29245,7 +29250,7 @@ function pl(e, t, n) {
 function ml(e, t, n, a, i = "PRC", o = "YYYY-MM-DD") {
   const l = t ? C.get(a, t) : void 0, s = e ? C.get(a, e) : void 0;
   let c = t ? C.get(n, t, "") : "";
-  l === Q.MericoDateRange && t && (c = C.get(n, `${t}.step`, ""));
+  l === j.MericoDateRange && t && (c = C.get(n, `${t}.step`, ""));
   const d = {
     start: "",
     end: "",
@@ -29255,7 +29260,7 @@ function ml(e, t, n, a, i = "PRC", o = "YYYY-MM-DD") {
     stepKeyFormat: o
   };
   if (e)
-    if (s === Q.MericoDateRange) {
+    if (s === j.MericoDateRange) {
       const h = C.get(n, `${e}.value`), p = pl(h, i, o);
       p && (d.start = p.start, d.end = p.end);
     } else {
@@ -29435,12 +29440,12 @@ const ED = ET.views((e) => ({
     console.log("MMS var", i);
     const o = a.filters.reduce((h, p) => {
       const g = C.get(t, p.variable), b = C.get(n, p.variable), _ = p.dimension;
-      if (b === Q.DateRange) {
+      if (b === j.DateRange) {
         const T = g.every((M) => Number.isFinite(Number(M))) ? g.map((M) => Number(M)) : g;
         h[_] = {
           between: T
         };
-      } else if (b === Q.MericoDateRange) {
+      } else if (b === j.MericoDateRange) {
         const T = g.value.every((M) => Number.isFinite(Number(M))) ? g.value.map((M) => Number(M)) : g;
         h[_] = {
           between: T
@@ -30483,9 +30488,9 @@ const jD = (e) => new BD(e), QD = ({
   } = ZD({
     radius: t,
     name: "MultiSelectWidget"
-  }), [g, b] = j(!1), _ = (te) => {
+  }), [g, b] = Q(!1), _ = (te) => {
     b(te);
-  }, w = g && (i == null ? void 0 : i.length) > 0, [T, M] = j(""), $ = z(() => {
+  }, w = g && (i == null ? void 0 : i.length) > 0, [T, M] = Q(""), $ = z(() => {
     if (!T)
       return l;
     const te = T.toLowerCase(), Le = (Ge) => {
@@ -30493,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: [
@@ -30514,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: [
@@ -30694,7 +30699,7 @@ function d6(e, t) {
   };
 }
 const u6 = (e, t, n) => {
-  const a = e.step, [i, o] = j(null), [l, s] = j(e.value), c = (b, _) => {
+  const a = e.step, [i, o] = Q(null), [l, s] = Q(e.value), c = (b, _) => {
     if (!b || !_)
       return;
     const [w, T] = l, M = b.toDate(), $ = _.toDate();
@@ -30705,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) => {
@@ -30737,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),
@@ -30746,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]);
@@ -30758,7 +30763,7 @@ const u6 = (e, t, n) => {
   onChange: t,
   handleRangeChange: n
 }) => {
-  const [a, i] = j(!0), o = e.value, [l, s] = o, c = z(() => l || /* @__PURE__ */ new Date(), [l]), {
+  const [a, i] = Q(!0), o = e.value, [l, s] = o, c = z(() => l || /* @__PURE__ */ new Date(), [l]), {
     getDayProps: d
   } = u6(e, n, a);
   return /* @__PURE__ */ r(Kh, { defaultDate: c, numberOfColumns: 2, withCellSpacing: !1, getDayProps: d, onMouseEnter: () => {
@@ -30976,21 +30981,21 @@ const u6 = (e, t, n) => {
   formFieldProps: i
 }) => {
   switch (e) {
-    case Q.Select:
+    case j.Select:
       return /* @__PURE__ */ r(r6, { ...a, ...i, config: t });
-    case Q.MultiSelect:
+    case j.MultiSelect:
       return /* @__PURE__ */ r(t6, { ...a, ...i, config: t });
-    case Q.TreeSelect:
+    case j.TreeSelect:
       return /* @__PURE__ */ r(aD, { ...a, ...i, config: t });
-    case Q.TreeSingleSelect:
+    case j.TreeSingleSelect:
       return /* @__PURE__ */ r(sD, { ...a, ...i, config: t });
-    case Q.TextInput:
+    case j.TextInput:
       return /* @__PURE__ */ r(a6, { ...a, ...i, config: t });
-    case Q.DateRange:
+    case j.DateRange:
       return /* @__PURE__ */ r(Ou, { ...a, ...i, config: t });
-    case Q.MericoDateRange:
+    case j.MericoDateRange:
       return /* @__PURE__ */ r(D6, { ...a, ...i, config: t });
-    case Q.Checkbox:
+    case j.Checkbox:
       return /* @__PURE__ */ r(GD, { ...a, ...i, config: t });
     default:
       return null;
@@ -31000,39 +31005,41 @@ 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]);
 }
 const co = "N/A";
 function L$() {
-  const e = ea(), [t, n] = j([]);
-  return F(() => {
+  const e = ea(), [t, n] = Q([]);
+  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;
@@ -31046,30 +31053,30 @@ function L$() {
 }
 function $6(e) {
   switch (e.type) {
-    case Q.Select:
-    case Q.MultiSelect:
-    case Q.TreeSelect:
-    case Q.TreeSingleSelect:
+    case j.Select:
+    case j.MultiSelect:
+    case j.TreeSelect:
+    case j.TreeSingleSelect:
       return {
         label: e.label,
         value: R6(e.config, e.value)
       };
-    case Q.TextInput:
+    case j.TextInput:
       return {
         label: e.label,
         value: e.value
       };
-    case Q.DateRange:
+    case j.DateRange:
       return {
         label: e.label,
         value: P6(e.config, e.value)
       };
-    case Q.MericoDateRange:
+    case j.MericoDateRange:
       return {
         label: e.label,
         value: A6(e.config, e.value)
       };
-    case Q.Checkbox:
+    case j.Checkbox:
       return {
         label: e.label,
         value: E6(e.value)
@@ -31112,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 = {
@@ -31387,7 +31397,7 @@ function Hu(e, t = !0) {
   }, [e.viz.type, e.viz.conf, t]);
 }
 function Wu(e) {
-  const [t, n] = j(!1), a = ia().getRequired(ke.instanceScope.migrator);
+  const [t, n] = Q(!1), a = ia().getRequired(ke.instanceScope.migrator);
   return Qn(async () => {
     const i = a.status === Cr.notStarted;
     n(a.status === Cr.done), a.status === Cr.notStarted && a.runMigration().then((o) => {
@@ -31401,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;
 }
@@ -31490,7 +31500,7 @@ function J6(e) {
   const {
     setEchartsOptions: t
   } = Me();
-  F(() => {
+  N(() => {
     const n = (i) => {
       t(i);
     }, a = e.messageChannels.getChannel("viz");
@@ -31546,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,
@@ -32089,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%"
@@ -32370,7 +32380,7 @@ const K4 = m.compose("FiltersModel", Tu, m.model({
     }));
   },
   get selects() {
-    return e.current.filter((t) => t.type === Q.Select).map((t) => ({
+    return e.current.filter((t) => t.type === j.Select).map((t) => ({
       label: t.label ?? t.id,
       value: t.id
     }));
@@ -34242,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 {
@@ -34259,7 +34269,7 @@ function ih(e, t) {
     };
   }, [e, t]);
   const n = cg();
-  F(() => {
+  N(() => {
     const a = (i) => {
       $n(i);
       const {
@@ -34279,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 {
@@ -34300,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 {
@@ -34320,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;
     }
@@ -34337,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 {
@@ -34504,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))
     };
@@ -34559,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(() => {
@@ -34788,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"
@@ -34805,12 +34815,12 @@ const QI = I(({
         color: "red"
       });
     }
-  }, [g, b] = j(null);
-  F(() => {
+  }, [g, b] = Q(null);
+  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");
@@ -34820,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"
@@ -34941,7 +34951,7 @@ const QI = I(({
   const {
     t: e,
     i18n: t
-  } = y(), n = Br(), a = le(), [i, o] = j(""), l = z(() => a.editor.spotlightActionGroups.map((c) => ({
+  } = y(), n = Br(), a = le(), [i, o] = Q(""), l = z(() => a.editor.spotlightActionGroups.map((c) => ({
     group: e(c.group),
     keywords: [c.group, e(c.group)],
     actions: c.actions.map((d) => {
@@ -35520,7 +35530,7 @@ const z8 = I(() => {
       return;
     }
     t.editor.open(["_FILTERS_", n.filters.firstID]);
-  }, [o, l] = j(!1), s = () => l(!0), c = () => l(!1);
+  }, [o, l] = Q(!1), s = () => l(!0), c = () => l(!1);
   return /* @__PURE__ */ u(ot.Navbar, { p: 0, zIndex: 299, children: [
     /* @__PURE__ */ u(ot.Section, { children: [
       /* @__PURE__ */ u(v, { grow: !0, gap: 0, sx: {
@@ -35637,7 +35647,7 @@ const z8 = I(() => {
 `, uh = () => {
   const {
     t: e
-  } = y(), [t, n] = j(!1);
+  } = y(), [t, n] = Q(!1);
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(V, { variant: "subtle", size: "compact-sm", onClick: () => n((a) => !a), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
     /* @__PURE__ */ r(hr, { in: t, children: /* @__PURE__ */ r(Et, { language: "typescript", withCopyButton: !1, code: V8 }) })
@@ -35934,7 +35944,7 @@ const z8 = I(() => {
         value: _
       }))
     }));
-  }, [n.default_step]), i = [...n.default_value], [o, l] = j(i), s = (h) => {
+  }, [n.default_step]), i = [...n.default_value], [o, l] = Q(i), s = (h) => {
     l(h), !(h[0] === null || h[1] === null) && (n.setDefaultValue({
       value: sr(h[0], h[1], n.default_step),
       shortcut: null,
@@ -35966,23 +35976,23 @@ const z8 = I(() => {
     /* @__PURE__ */ r(vn, { filter: e })
   ] });
 }), q8 = {
-  [Q.Select]: R8,
-  [Q.MultiSelect]: L8,
-  [Q.TreeSelect]: XT,
-  [Q.TreeSingleSelect]: iD,
-  [Q.TextInput]: P8,
-  [Q.Checkbox]: D8,
-  [Q.DateRange]: M8,
-  [Q.MericoDateRange]: O8
+  [j.Select]: R8,
+  [j.MultiSelect]: L8,
+  [j.TreeSelect]: XT,
+  [j.TreeSingleSelect]: iD,
+  [j.TextInput]: P8,
+  [j.Checkbox]: D8,
+  [j.DateRange]: M8,
+  [j.MericoDateRange]: O8
 }, jt = {
-  [Q.Select]: "filter.widget.names.select",
-  [Q.MultiSelect]: "filter.widget.names.multi_select",
-  [Q.TreeSelect]: "filter.widget.names.tree_select",
-  [Q.TreeSingleSelect]: "filter.widget.names.tree_single_select",
-  [Q.TextInput]: "filter.widget.names.text_input",
-  [Q.Checkbox]: "filter.widget.names.checkbox",
-  [Q.DateRange]: "filter.widget.names.date_range",
-  [Q.MericoDateRange]: "filter.widget.names.merico_date_range"
+  [j.Select]: "filter.widget.names.select",
+  [j.MultiSelect]: "filter.widget.names.multi_select",
+  [j.TreeSelect]: "filter.widget.names.tree_select",
+  [j.TreeSingleSelect]: "filter.widget.names.tree_single_select",
+  [j.TextInput]: "filter.widget.names.text_input",
+  [j.Checkbox]: "filter.widget.names.checkbox",
+  [j.DateRange]: "filter.widget.names.date_range",
+  [j.MericoDateRange]: "filter.widget.names.merico_date_range"
 }, F8 = I(({
   filter: e
 }) => {
@@ -35990,28 +36000,28 @@ const z8 = I(() => {
     t,
     i18n: n
   } = y(), a = ie(), i = E.useMemo(() => q8[e.type], [e.type]), o = z(() => [{
-    label: t(jt[Q.Select]),
+    label: t(jt[j.Select]),
     value: "select"
   }, {
-    label: t(jt[Q.MultiSelect]),
+    label: t(jt[j.MultiSelect]),
     value: "multi-select"
   }, {
-    label: t(jt[Q.TreeSelect]),
+    label: t(jt[j.TreeSelect]),
     value: "tree-select"
   }, {
-    label: t(jt[Q.TreeSingleSelect]),
+    label: t(jt[j.TreeSingleSelect]),
     value: "tree-single-select"
   }, {
-    label: t(jt[Q.TextInput]),
+    label: t(jt[j.TextInput]),
     value: "text-input"
   }, {
-    label: t(jt[Q.Checkbox]),
+    label: t(jt[j.Checkbox]),
     value: "checkbox"
   }, {
-    label: t(jt[Q.DateRange]),
+    label: t(jt[j.DateRange]),
     value: "date-range"
   }, {
-    label: t(jt[Q.MericoDateRange]),
+    label: t(jt[j.MericoDateRange]),
     value: "merico-date-range"
   }], [n.language]);
   return /* @__PURE__ */ u(v, { grow: !0, gap: 20, align: "top", children: [
@@ -36086,7 +36096,7 @@ const z8 = I(() => {
 }), B8 = I(() => {
   const {
     t: e
-  } = y(), [t, n] = j([]), a = le(), i = (d) => {
+  } = y(), [t, n] = Q([]), a = le(), i = (d) => {
     a.editor.setPath(["_FILTERS_", d]);
   }, o = () => {
     a.content.filters.downloadSchema(t);
@@ -36159,7 +36169,7 @@ const z8 = I(() => {
 }), j8 = I(() => {
   const {
     t: e
-  } = y(), t = ie(), [n, a] = j(() => JSON.stringify(t.mock_context.current, null, 4)), i = () => {
+  } = y(), t = ie(), [n, a] = Q(() => JSON.stringify(t.mock_context.current, null, 4)), i = () => {
     try {
       t.mock_context.replace(JSON.parse(n));
     } catch (l) {
@@ -36259,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();
@@ -36429,7 +36439,7 @@ const X8 = [{
   data: e,
   loading: t
 }) => {
-  const [n, a] = j(1), [i, o] = j(20), l = z(() => {
+  const [n, a] = Q(1), [i, o] = Q(20), l = z(() => {
     const s = (n - 1) * i, c = s + i;
     return e.slice(s, c);
   }, [e, n, i]);
@@ -36476,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;
@@ -36509,7 +36519,7 @@ const X8 = [{
     t
   } = y(), n = le(), a = ie(), {
     panel: i
-  } = Ve(), [o, l] = j(!1), s = (d) => {
+  } = Ve(), [o, l] = Q(!1), s = (d) => {
     n.editor.setPath(["_QUERIES_", d]);
   }, c = i.queryIDs.length;
   return /* @__PURE__ */ u(q, { children: [
@@ -36571,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;
@@ -36663,8 +36673,8 @@ const cM = I(() => {
 }) => {
   const {
     t: n
-  } = y(), a = ie(), [i, o] = j(t);
-  F(() => {
+  } = y(), a = ie(), [i, o] = Q(t);
+  N(() => {
     o(t);
   }, [t]);
   const [l, {
@@ -36924,8 +36934,8 @@ const vM = I(({
 }) => {
   const {
     t
-  } = y(), n = Ot(), a = le(), i = ie(), [o, l] = j(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(() => {
+  } = 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];
+  N(() => {
     l((w) => h && w === "Visualization" ? "Data" : w);
   }, [e.id, h]);
   const g = ne((w) => {
@@ -37007,7 +37017,7 @@ const vM = I(({
 }), wM = I(() => {
   const {
     t: e
-  } = y(), [t, n] = j([]), a = Ot(), i = le(), o = (g) => {
+  } = y(), [t, n] = Q([]), a = Ot(), i = le(), o = (g) => {
     i.editor.setPath(["_QUERIES_", g]);
   }, l = () => {
     a.openConfirmModal({
@@ -37447,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%"
@@ -37493,7 +37503,7 @@ const LM = I(({
 }) => {
   const {
     t: n
-  } = y(), [a, i] = j(!1), {
+  } = y(), [a, i] = Q(!1), {
     type: o
   } = e;
   return o === "http" || o === "merico_metric_system" ? null : /* @__PURE__ */ u(q, { children: [
@@ -37608,8 +37618,8 @@ const LM = I(({
 }) => {
   const {
     t
-  } = y(), [n, a] = j(e.name);
-  F(() => {
+  } = y(), [n, a] = Q(e.name);
+  N(() => {
     a(e.name);
   }, [e.name]);
   const i = z(() => e.conditionOptionsWithInvalidRunbys.optionGroups.map((l) => ({
@@ -37710,7 +37720,7 @@ WHERE
 }), _o = I(() => {
   const {
     t: e
-  } = y(), [t, n] = j(!1);
+  } = y(), [t, n] = Q(!1);
   return /* @__PURE__ */ u(q, { children: [
     /* @__PURE__ */ r(_e, { opened: t, onClose: () => n(!1), title: e("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r(bh, {}) }),
     /* @__PURE__ */ r(V, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
@@ -37815,14 +37825,14 @@ WHERE
 }) => {
   const {
     t
-  } = y(), n = e.config, [a, i] = j(n.sql), o = () => {
+  } = y(), n = e.config, [a, i] = Q(n.sql), o = () => {
     n.setSQL(a);
   }, l = () => {
     i(n.sql);
   }, s = () => {
     i(UM);
   };
-  F(() => {
+  N(() => {
     i(n.sql);
   }, [n.sql]);
   const c = a !== n.sql;
@@ -37932,8 +37942,8 @@ WHERE
 }) => {
   const {
     t
-  } = y(), n = ie(), a = z(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [i, o] = j(a);
-  F(() => {
+  } = y(), n = ie(), a = z(() => e.datasource ? e.typedAsHTTP ? "HTTP" : "SQL" : "Configurations", [e.datasource, e.typedAsHTTP]), [i, o] = Q(a);
+  N(() => {
     o((c) => c !== "Configurations" && a === "Configurations" ? "Configurations" : c);
   }, [a]);
   const s = n.findQueryUsage(e.id).length === 0;
@@ -38164,7 +38174,7 @@ const s9 = [{
   data: e,
   loading: t
 }) => {
-  const [n, a] = j(1), [i, o] = j(20), l = z(() => {
+  const [n, a] = Q(1), [i, o] = Q(20), l = z(() => {
     const s = (n - 1) * i, c = s + i;
     return e.slice(s, c);
   }, [e, n, i]);
@@ -38211,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;
@@ -38515,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: [
@@ -38654,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: [
@@ -38798,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);
@@ -38835,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;
@@ -38873,7 +38883,7 @@ const s9 = [{
 }, O9 = I(({
   queryModel: e
 }) => {
-  const [t, n] = j("编辑查询");
+  const [t, n] = Q("编辑查询");
   return /* @__PURE__ */ u(S, { color: "red", defaultValue: "编辑查询", styles: E9, value: t, onChange: n, w: "60%", children: [
     /* @__PURE__ */ u(S.List, { children: [
       /* @__PURE__ */ r(S.Tab, { value: "编辑查询", size: "xs", children: "编辑查询" }),
@@ -38920,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) => ({
@@ -39019,12 +39029,12 @@ const s9 = [{
 }) => {
   const {
     t: a
-  } = y(), [i, o] = j("SQL"), [l, s] = j(e.key), c = () => {
+  } = y(), [i, o] = Q("SQL"), [l, s] = Q(e.key), c = () => {
     e.setKey(l), n(l);
-  }, d = l !== e.key, h = e.isADuplicatedKey(l), [p, g] = j(e.value), b = () => {
+  }, 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 = () => {
@@ -39102,7 +39112,7 @@ const s9 = [{
 }), W9 = I(() => {
   const {
     t: e
-  } = y(), [t, n] = j([]), a = Ot(), i = le(), o = (g) => {
+  } = y(), [t, n] = Q([]), a = Ot(), i = le(), o = (g) => {
     i.editor.setPath(["_SQL_SNIPPETS_", g]);
   }, l = () => {
     a.openConfirmModal({
@@ -39253,7 +39263,7 @@ const s9 = [{
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = we(), [l, s] = j(e ?? Na), c = (b) => {
+  }] = we(), [l, s] = Q(e ?? Na), c = (b) => {
     s({
       ...l,
       enabled: b
@@ -39410,7 +39420,7 @@ const s9 = [{
       key: a,
       label: a,
       order: t.content.filters.current.length + 1,
-      type: Q.TextInput,
+      type: j.TextInput,
       config: Jd(),
       visibleInViewsIDs: ["Main"],
       auto_submit: !1
@@ -39546,8 +39556,8 @@ const s9 = [{
   var g;
   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] = j(c);
-  F(() => {
+  } = 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);
+  N(() => {
     h(c);
   }, [c]);
   const p = e._type === "query";
@@ -39635,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");
@@ -39652,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);
@@ -39716,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,
@@ -39738,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,
@@ -40018,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));
@@ -40037,7 +40047,7 @@ export {
   CT as DashboardApiClient,
   kT as DashboardApiFacadeClient,
   E$ as DashboardEditor,
-  Q as DashboardFilterType,
+  j as DashboardFilterType,
   G4 as DashboardMode,
   DI as DashboardModel,
   Xs as DashboardModelContextProvider,