@devtable/dashboard 10.34.0 → 10.34.1

package/dist/dashboard.es.js

@@ -5,7 +5,7 @@ import R, { useState as Q, useEffect as W, useCallback as nt, useMemo as z, forw
 import { Box as V, Select as F, Stack as S, Text as C, Group as x, TextInput as L, Button as I, Switch as Xe, NumberInput as ie, Divider as A, Table as It, ActionIcon as U, MultiSelect as fr, Paper as Xo, Code as ws, Modal as De, Tabs as g, LoadingOverlay as $n, Alert as Jo, NativeSelect as yl, useMantineTheme as xl, ColorInput as Zo, ColorSwatch as to, Slider as ch, Overlay as rn, Checkbox as pe, Center as Ln, CheckIcon as dh, MANTINE_SIZES as uh, SimpleGrid as pn, Tooltip as Be, SegmentedControl as hh, HoverCard as ot, Anchor as no, Textarea as ph, Collapse as ea, Mark as mh, createStyles as Xn, Popover as Ni, Flex as fn, Badge as gr, CloseButton as vl, Menu as ue, Affix as fh, Header as gh, ThemeIcon as Bi, List as _s, UnstyledButton as bh, Navbar as Jt, JsonInput as wl, Drawer as yh, Radio as Cs, Skeleton as Ss, NavLink as ro, Pagination as xh, AppShell as _l } from "@mantine/core";
 import { useModals as Ft, ModalsProvider as Cl } from "@mantine/modals";
 import { useBoolean as Je, useCreation as Ot, useAsyncEffect as kr, useRequest as Dn, useLatest as ks, usePrevious as vh } from "ahooks";
-import { observable as Sl, runInAction as ur, toJS as on, reaction as bt, makeAutoObservable as Tr } from "mobx";
+import { observable as Sl, runInAction as ur, toJS as on, reaction as yt, makeAutoObservable as Tr } from "mobx";
 import { observer as D } from "mobx-react-lite";
 import kl from "crypto-js";
 import ne from "dayjs";
@@ -20,7 +20,7 @@ import Ts from "eventemitter2";
 import br, { random as li } from "chroma-js";
 import st from "echarts-for-react/lib/core";
 import "echarts-gl";
-import { GridComponent as xt, VisualMapComponent as Dr, LegendComponent as vt, TooltipComponent as wt, DataZoomComponent as Gt, MarkLineComponent as ci, MarkAreaComponent as ra, CalendarComponent as Ah } from "echarts/components";
+import { GridComponent as vt, VisualMapComponent as Dr, LegendComponent as wt, TooltipComponent as _t, DataZoomComponent as Gt, MarkLineComponent as ci, MarkAreaComponent as ra, CalendarComponent as Ah } from "echarts/components";
 import * as ge from "echarts/core";
 import { CanvasRenderer as lt } from "echarts/renderers";
 import { useForm as Re, Controller as y, useFieldArray as Ae, useWatch as Eh } from "react-hook-form";
@@ -201,14 +201,14 @@ function tm() {
         }
       return null;
     }
-    var Ee = Object.assign, Ke = 0, ze, Ve, $e, tt, Ct, xn, Ar;
+    var Ee = Object.assign, Ke = 0, ze, Ve, $e, tt, St, xn, Ar;
     function Er() {
     }
     Er.__reactDisabledLog = !0;
     function Ai() {
       {
         if (Ke === 0) {
-          ze = console.log, Ve = console.info, $e = console.warn, tt = console.error, Ct = console.group, xn = console.groupCollapsed, Ar = console.groupEnd;
+          ze = console.log, Ve = console.info, $e = console.warn, tt = console.error, St = console.group, xn = console.groupCollapsed, Ar = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -250,7 +250,7 @@ function tm() {
               value: tt
             }),
             group: Ee({}, _, {
-              value: Ct
+              value: St
             }),
             groupCollapsed: Ee({}, _, {
               value: xn
@@ -339,9 +339,9 @@ function tm() {
               if (Ne !== 1 || qe !== 1)
                 do
                   if (Ne--, qe--, qe < 0 || le[Ne] !== it[qe]) {
-                    var St = `
+                    var kt = `
 ` + le[Ne].replace(" at new ", " at ");
-                    return _.displayName && St.includes("<anonymous>") && (St = St.replace("<anonymous>", _.displayName)), typeof _ == "function" && ln.set(_, St), St;
+                    return _.displayName && kt.includes("<anonymous>") && (kt = kt.replace("<anonymous>", _.displayName)), typeof _ == "function" && ln.set(_, kt), kt;
                   }
                 while (Ne >= 1 && qe >= 0);
               break;
@@ -671,17 +671,17 @@ Check the top-level render call using <` + G + ">.");
         if (qe == null)
           return qe;
         if (ce) {
-          var St = P.children;
-          if (St !== void 0)
+          var kt = P.children;
+          if (kt !== void 0)
             if (te)
-              if (Ri(St)) {
-                for (var qn = 0; qn < St.length; qn++)
-                  ys(St[qn], _);
-                Object.freeze && Object.freeze(St);
+              if (Ri(kt)) {
+                for (var qn = 0; qn < kt.length; qn++)
+                  ys(kt[qn], _);
+                Object.freeze && Object.freeze(kt);
               } else
                 $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              ys(St, _);
+              ys(kt, _);
         }
         return _ === r ? th(qe) : eh(qe), qe;
       }
@@ -983,7 +983,7 @@ class fc {
     return Promise.resolve(this.getItem(t));
   }
   watchItem(t, n, r) {
-    return bt(() => this.getValueFromRoot(t), (o, a) => {
+    return yt(() => this.getValueFromRoot(t), (o, a) => {
       n(o, a);
     }, {
       requiresObservable: !0,
@@ -1174,7 +1174,7 @@ class ma {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const yc = "10.34.0", _m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yc = "10.34.1", _m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: yc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1310,19 +1310,19 @@ const Z = (e, t) => {
     value: o,
     set: s
   };
-}, Tt = {
+}, ht = {
   top: 16,
   right: 16,
   bottom: 16,
   left: 16
-}, Pt = (e) => Math.max(0, e - Tt.left - Tt.right), Vt = (e) => Math.max(0, e - Tt.top - Tt.bottom), Ir = (e, t) => ({
+}, Pt = (e) => Math.max(0, e - ht.left - ht.right), Vt = (e) => Math.max(0, e - ht.top - ht.bottom), Ir = (e, t) => ({
   width: Pt(e),
   height: Vt(t)
-}), pt = ({
+}), mt = ({
   width: e,
   height: t,
   children: n
-}) => /* @__PURE__ */ i(V, { pt: Tt.top, pr: Tt.right, pb: Tt.bottom, pl: Tt.left, sx: {
+}) => /* @__PURE__ */ i(V, { pt: ht.top, pr: ht.right, pb: ht.bottom, pl: ht.left, sx: {
   width: e,
   height: t,
   overflow: "hidden",
@@ -1382,7 +1382,7 @@ const fa = {
     name: "Z Axis Name"
   }
 };
-ge.use([xt, Dr, vt, wt, lt]);
+ge.use([vt, Dr, wt, _t, lt]);
 function Im({
   context: e
 }) {
@@ -1451,7 +1451,7 @@ function Im({
       data: h.map(($) => [$[m.columnKey], $[f.columnKey], $[w.columnKey]])
     }]
   };
-  return t ? /* @__PURE__ */ i(pt, { width: r, height: o, children: /* @__PURE__ */ i(st, { echarts: ge, option: M, style: Ir(r, o), notMerge: !0, theme: "merico-light" }) }) : null;
+  return t ? /* @__PURE__ */ i(mt, { width: r, height: o, children: /* @__PURE__ */ i(st, { echarts: ge, option: M, style: Ir(r, o), notMerge: !0, theme: "merico-light" }) }) : null;
 }
 const xc = R.createContext(null), vc = xc.Provider;
 function wc() {
@@ -1638,7 +1638,7 @@ const Rm = {
     };
   }
 };
-class ht extends R.Component {
+class pt extends R.Component {
   constructor(t) {
     super(t), this.state = {
       error: null
@@ -1741,7 +1741,7 @@ function Om({
     ] }),
     /* @__PURE__ */ u(S, { spacing: 0, children: [
       /* @__PURE__ */ i(C, { weight: "bold", children: "Preview" }),
-      /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ u(x, { position: "apart", children: [
+      /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ u(x, { position: "apart", children: [
         /* @__PURE__ */ u(C, { size: 12, color: "gray", children: [
           "123456789 ",
           /* @__PURE__ */ i(qi, { size: 9 }),
@@ -1764,7 +1764,7 @@ function Om({
     ] })
   ] });
 }
-const _t = R.forwardRef(Om), Dt = {
+const Ct = R.forwardRef(Om), Dt = {
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
@@ -1860,7 +1860,7 @@ const Vm = [{
     /* @__PURE__ */ i(Xr, { sectionTitle: "Overflow on Axis", value: e.on_axis, onChange: r }),
     /* @__PURE__ */ i(Xr, { sectionTitle: "Overflow in Tooltip", value: e.in_tooltip, onChange: o })
   ] });
-}), yt = {
+}), xt = {
   on_axis: {
     width: 80,
     overflow: "truncate",
@@ -1909,7 +1909,7 @@ const ba = {
       formatter: {
         ...Dt
       },
-      overflow: yt
+      overflow: xt
     }
   },
   y_axis: {
@@ -3324,7 +3324,7 @@ function so(e, t) {
   }
   return !0;
 }
-class ft {
+class gt {
   /**
   @internal
   */
@@ -3421,14 +3421,14 @@ class ft {
   */
   static setFrom(t) {
     if (!t || Array.isArray(t) && t.length == 0)
-      return ft.none;
-    if (t instanceof ft)
+      return gt.none;
+    if (t instanceof gt)
       return [t];
     let n = t.slice();
     return n.sort((r, o) => r.type.rank - o.type.rank), n;
   }
 }
-ft.none = [];
+gt.none = [];
 class Vf extends Error {
 }
 class _e {
@@ -3684,7 +3684,7 @@ function Es(e, t, n) {
 }
 class Fr {
   constructor(t, n, r, o, a, s, l) {
-    this.type = t, this.attrs = n, this.marks = r, this.pendingMarks = o, this.solid = a, this.options = l, this.content = [], this.activeMarks = ft.none, this.stashMarks = [], this.match = s || (l & hr ? null : t.contentMatch);
+    this.type = t, this.attrs = n, this.marks = r, this.pendingMarks = o, this.solid = a, this.options = l, this.content = [], this.activeMarks = gt.none, this.stashMarks = [], this.match = s || (l & hr ? null : t.contentMatch);
   }
   findWrapping(t) {
     if (!this.match) {
@@ -3730,7 +3730,7 @@ class Rs {
   constructor(t, n, r) {
     this.parser = t, this.options = n, this.isOpen = r, this.open = 0;
     let o = n.topNode, a, s = Es(null, n.preserveWhitespace, 0) | (r ? hr : 0);
-    o ? a = new Fr(o.type, o.attrs, ft.none, ft.none, !0, n.topMatch || o.type.contentMatch, s) : r ? a = new Fr(null, null, ft.none, ft.none, !0, null, s) : a = new Fr(t.schema.topNodeType, null, ft.none, ft.none, !0, null, s), this.nodes = [a], this.find = n.findPositions, this.needsBlock = !1;
+    o ? a = new Fr(o.type, o.attrs, gt.none, gt.none, !0, n.topMatch || o.type.contentMatch, s) : r ? a = new Fr(null, null, gt.none, gt.none, !0, null, s) : a = new Fr(t.schema.topNodeType, null, gt.none, gt.none, !0, null, s), this.nodes = [a], this.find = n.findPositions, this.needsBlock = !1;
   }
   get top() {
     return this.nodes[this.open];
@@ -3810,7 +3810,7 @@ class Rs {
   // return an array of marks, or null to indicate some of the styles
   // had a rule with `ignore` set.
   readStyles(t) {
-    let n = ft.none, r = ft.none;
+    let n = gt.none, r = gt.none;
     for (let o = 0; o < t.length; o += 2)
       for (let a = void 0; ; ) {
         let s = this.parser.matchStyle(t[o], t[o + 1], this, a);
@@ -4102,15 +4102,15 @@ class Ps {
     return (this.delInfo & Gr) > 0;
   }
 }
-class kt {
+class Tt {
   /**
   Create a position map. The modifications to the document are
   represented as an array of numbers, in which each group of three
   represents a modified chunk as `[start, oldSize, newSize]`.
   */
   constructor(t, n = !1) {
-    if (this.ranges = t, this.inverted = n, !t.length && kt.empty)
-      return kt.empty;
+    if (this.ranges = t, this.inverted = n, !t.length && Tt.empty)
+      return Tt.empty;
   }
   /**
   @internal
@@ -4181,7 +4181,7 @@ class kt {
   map positions in the post-step document to the pre-step document.
   */
   invert() {
-    return new kt(this.ranges, !this.inverted);
+    return new Tt(this.ranges, !this.inverted);
   }
   /**
   @internal
@@ -4195,19 +4195,19 @@ class kt {
   sub-document to a larger document, or vice-versa.
   */
   static offset(t) {
-    return t == 0 ? kt.empty : new kt(t < 0 ? [0, -t, 0] : [0, 0, t]);
+    return t == 0 ? Tt.empty : new Tt(t < 0 ? [0, -t, 0] : [0, 0, t]);
   }
 }
-kt.empty = new kt([]);
+Tt.empty = new Tt([]);
 const Gi = /* @__PURE__ */ Object.create(null);
-class mt {
+class ft {
   /**
   Get the step map that represents the changes made by this step,
   and which can be used to transform between positions in the old
   and the new document.
   */
   getMap() {
-    return kt.empty;
+    return Tt.empty;
   }
   /**
   Try to merge this step with another one, to be applied directly
@@ -4283,7 +4283,7 @@ function wa(e, t, n) {
   }
   return fe.fromArray(r);
 }
-class _n extends mt {
+class _n extends ft {
   /**
   Create a mark step.
   */
@@ -4321,8 +4321,8 @@ class _n extends mt {
     return new _n(n.from, n.to, t.markFromJSON(n.mark));
   }
 }
-mt.jsonID("addMark", _n);
-class Cn extends mt {
+ft.jsonID("addMark", _n);
+class Cn extends ft {
   /**
   Create a mark-removing step.
   */
@@ -4360,8 +4360,8 @@ class Cn extends mt {
     return new Cn(n.from, n.to, t.markFromJSON(n.mark));
   }
 }
-mt.jsonID("removeMark", Cn);
-class Sn extends mt {
+ft.jsonID("removeMark", Cn);
+class Sn extends ft {
   /**
   Create a node mark step.
   */
@@ -4404,8 +4404,8 @@ class Sn extends mt {
     return new Sn(n.pos, t.markFromJSON(n.mark));
   }
 }
-mt.jsonID("addNodeMark", Sn);
-class wr extends mt {
+ft.jsonID("addNodeMark", Sn);
+class wr extends ft {
   /**
   Create a mark-removing step.
   */
@@ -4439,8 +4439,8 @@ class wr extends mt {
     return new wr(n.pos, t.markFromJSON(n.mark));
   }
 }
-mt.jsonID("removeNodeMark", wr);
-class Bt extends mt {
+ft.jsonID("removeNodeMark", wr);
+class Bt extends ft {
   /**
   The given `slice` should fit the 'gap' between `from` and
   `to`—the depths must line up, and the surrounding nodes must be
@@ -4457,7 +4457,7 @@ class Bt extends mt {
     return this.structure && lo(t, this.from, this.to) ? Ye.fail("Structure replace would overwrite content") : Ye.fromReplace(t, this.from, this.to, this.slice);
   }
   getMap() {
-    return new kt([this.from, this.to - this.from, this.slice.size]);
+    return new Tt([this.from, this.to - this.from, this.slice.size]);
   }
   invert(t) {
     return new Bt(this.from, this.from + this.slice.size, t.slice(this.from, this.to));
@@ -4491,8 +4491,8 @@ class Bt extends mt {
     return new Bt(n.from, n.to, _e.fromJSON(t, n.slice), !!n.structure);
   }
 }
-mt.jsonID("replace", Bt);
-class Tn extends mt {
+ft.jsonID("replace", Bt);
+class Tn extends ft {
   /**
   Create a replace-around step with the given range and gap.
   `insert` should be the point in the slice into which the content
@@ -4512,7 +4512,7 @@ class Tn extends mt {
     return r ? Ye.fromReplace(t, this.from, this.to, r) : Ye.fail("Content does not fit in gap");
   }
   getMap() {
-    return new kt([
+    return new Tt([
       this.from,
       this.gapFrom - this.from,
       this.insert,
@@ -4549,7 +4549,7 @@ class Tn extends mt {
     return new Tn(n.from, n.to, n.gapFrom, n.gapTo, _e.fromJSON(t, n.slice), n.insert, !!n.structure);
   }
 }
-mt.jsonID("replaceAround", Tn);
+ft.jsonID("replaceAround", Tn);
 function lo(e, t, n) {
   let r = e.resolve(t), o = n - t, a = r.depth;
   for (; o > 0 && a > 0 && r.indexAfter(a) == r.node(a).childCount; )
@@ -4602,7 +4602,7 @@ function Wc(e, t) {
 function Kf(e, t) {
   return !!(e && t && !e.isLeaf && e.canAppend(t));
 }
-class pr extends mt {
+class pr extends ft {
   /**
   Construct an attribute step.
   */
@@ -4621,7 +4621,7 @@ class pr extends mt {
     return Ye.fromReplace(t, this.pos, this.pos + 1, new _e(fe.from(o), 0, n.isLeaf ? 0 : 1));
   }
   getMap() {
-    return kt.empty;
+    return Tt.empty;
   }
   invert(t) {
     return new pr(this.pos, this.attr, t.nodeAt(this.pos).attrs[this.attr]);
@@ -4639,7 +4639,7 @@ class pr extends mt {
     return new pr(n.pos, n.attr, n.value);
   }
 }
-mt.jsonID("attr", pr);
+ft.jsonID("attr", pr);
 let _r = class extends Error {
 };
 _r = function e(t) {
@@ -4910,7 +4910,7 @@ class yi {
     return Qe.between(t.resolve(this.anchor), t.resolve(this.head));
   }
 }
-class gt extends Le {
+class bt extends Le {
   /**
   Create a node selection. Does not verify the validity of its
   argument.
@@ -4921,13 +4921,13 @@ class gt extends Le {
   }
   map(t, n) {
     let { deleted: r, pos: o } = n.mapResult(this.anchor), a = t.resolve(o);
-    return r ? Le.near(a) : new gt(a);
+    return r ? Le.near(a) : new bt(a);
   }
   content() {
     return new _e(fe.from(this.node), 0, 0);
   }
   eq(t) {
-    return t instanceof gt && t.anchor == this.anchor;
+    return t instanceof bt && t.anchor == this.anchor;
   }
   toJSON() {
     return { type: "node", anchor: this.anchor };
@@ -4941,13 +4941,13 @@ class gt extends Le {
   static fromJSON(t, n) {
     if (typeof n.anchor != "number")
       throw new RangeError("Invalid input for NodeSelection.fromJSON");
-    return new gt(t.resolve(n.anchor));
+    return new bt(t.resolve(n.anchor));
   }
   /**
   Create a node selection from non-resolved positions.
   */
   static create(t, n) {
-    return new gt(t.resolve(n));
+    return new bt(t.resolve(n));
   }
   /**
   Determines whether the given node may be selected as a node
@@ -4957,8 +4957,8 @@ class gt extends Le {
     return !t.isText && t.type.spec.selectable !== !1;
   }
 }
-gt.prototype.visible = !1;
-Le.jsonID("node", gt);
+bt.prototype.visible = !1;
+Le.jsonID("node", bt);
 class _a {
   constructor(t) {
     this.anchor = t;
@@ -4969,7 +4969,7 @@ class _a {
   }
   resolve(t) {
     let n = t.resolve(this.anchor), r = n.nodeAfter;
-    return r && gt.isSelectable(r) ? new gt(n) : Le.near(n);
+    return r && bt.isSelectable(r) ? new bt(n) : Le.near(n);
   }
 }
 class en extends Le {
@@ -5021,8 +5021,8 @@ function jn(e, t, n, r, o, a = !1) {
   for (let s = r - (o > 0 ? 0 : 1); o > 0 ? s < t.childCount : s >= 0; s += o) {
     let l = t.child(s);
     if (l.isAtom) {
-      if (!a && gt.isSelectable(l))
-        return gt.create(e, n - (o < 0 ? l.nodeSize : 0));
+      if (!a && bt.isSelectable(l))
+        return bt.create(e, n - (o < 0 ? l.nodeSize : 0));
     } else {
       let c = jn(e, l, n + o, o < 0 ? l.childCount : 0, o, a);
       if (c)
@@ -5751,7 +5751,7 @@ const Jg = (e, t = {}) => ({ tr: n, state: r, dispatch: o }) => {
   return a.isTextblock ? o().command(({ commands: s }) => Is(a, t)(n) ? !0 : s.clearNodes()).command(({ state: s }) => Is(a, t)(s, r)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, tb = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
-    const { doc: r } = t, o = kn(e, 0, r.content.size), a = gt.create(r, o);
+    const { doc: r } = t, o = kn(e, 0, r.content.size), a = bt.create(r, o);
     t.setSelection(a);
   }
   return !0;
@@ -5774,7 +5774,7 @@ function Hs(e, t) {
 }
 const ib = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, editor: o }) => {
   const { selection: a, doc: s } = t, { $from: l, $to: c } = a, d = o.extensionManager.attributes, p = Yr(d, l.node().type.name, l.node().attrs);
-  if (a instanceof gt && a.node.isBlock)
+  if (a instanceof bt && a.node.isBlock)
     return !l.parentOffset || !Hr(s, l.pos) ? !1 : (r && (e && Hs(n, o.extensionManager.splittableMarks), t.split(l.pos).scrollIntoView()), !0);
   if (!l.parent.isBlock)
     return !1;
@@ -6669,7 +6669,7 @@ R.forwardRef(function({
     ] }),
     /* @__PURE__ */ i(wi, { label: "Aggregation", value: t.aggregation, onChange: (s) => a("aggregation", s) }),
     /* @__PURE__ */ i(A, { my: "xs", label: "Format", labelPosition: "center" }),
-    t.aggregation.type !== "custom" && /* @__PURE__ */ i(_t, { value: t.formatter, onChange: (s) => a("formatter", s) }),
+    t.aggregation.type !== "custom" && /* @__PURE__ */ i(Ct, { value: t.formatter, onChange: (s) => a("formatter", s) }),
     r && /* @__PURE__ */ i(ed, { value: t, onChange: n })
   ] });
 });
@@ -6889,7 +6889,7 @@ function Gb({
     series: [...c, ...Wb(a, n, t)]
   };
 }
-ge.use([Gt, Wh, ci, xt, vt, wt, lt]);
+ge.use([Gt, Wh, ci, vt, wt, _t, lt]);
 function Hb({
   context: e,
   instance: t
@@ -6921,7 +6921,7 @@ function Hb({
     data: o,
     variables: r
   }), [l, o, r]);
-  return !n || !a || !s ? null : /* @__PURE__ */ i(pt, { width: a, height: s, children: /* @__PURE__ */ i(st, { echarts: ge, option: f, style: Ir(a, s), onEvents: m, notMerge: !0, theme: "merico-light" }) });
+  return !n || !a || !s ? null : /* @__PURE__ */ i(mt, { width: a, height: s, children: /* @__PURE__ */ i(st, { echarts: ge, option: f, style: Ir(a, s), onEvents: m, notMerge: !0, theme: "merico-light" }) });
 }
 function Yb({
   control: e,
@@ -7119,7 +7119,7 @@ const Ub = ({
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "y_axis.label_formatter", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(_t, { ...n }) })
+    }) => /* @__PURE__ */ i(Ct, { ...n }) })
   ] })
 ] })), Jb = ({
   control: e,
@@ -7825,7 +7825,7 @@ const nr = {
       formatter: {
         ...Dt
       },
-      overflow: yt
+      overflow: xt
     }
   },
   x_axis_data_key: "",
@@ -8369,7 +8369,7 @@ function Qs(e) {
     series: n
   });
 }
-ge.use([Gt, Jn, Zn, ui, xt, vt, wt, lt, ci, ra]);
+ge.use([Gt, Jn, Zn, ui, vt, wt, _t, lt, ci, ra]);
 function Us(e) {
   return e.trim().length > 0;
 }
@@ -8434,7 +8434,7 @@ function ex({
       bottom: Sr(T.bottom, o, s)
     };
   }, [a, s]), w = Math.max(0, Vt(c) - p - m), v = Pt(l);
-  return /* @__PURE__ */ u(pt, { width: l, height: c, children: [
+  return /* @__PURE__ */ u(mt, { width: l, height: c, children: [
     /* @__PURE__ */ i(C, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: Us(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(f.top).map((T, M) => /* @__PURE__ */ i(R.Fragment, { children: T }, M)) }),
@@ -9557,7 +9557,7 @@ function Ax({
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -10240,7 +10240,7 @@ function cv(e) {
     axisLabel: {
       show: !0,
       position: "inside",
-      overflow: yt
+      overflow: xt
     },
     sort: "descending",
     orient: "vertical",
@@ -10250,7 +10250,7 @@ function cv(e) {
 const Ea = {
   series: [cv("Funnel")]
 };
-ge.use([jh, Gt, xt, vt, wt, lt]);
+ge.use([jh, Gt, vt, wt, _t, lt]);
 function dv({
   conf: e,
   data: t,
@@ -10272,7 +10272,7 @@ function uv({
     width: o,
     height: a
   } = e.viewport;
-  return !o || !a ? null : /* @__PURE__ */ i(pt, { width: o, height: a, children: /* @__PURE__ */ i(dv, { width: Pt(o), height: Vt(a), data: r, conf: n }) });
+  return !o || !a ? null : /* @__PURE__ */ i(mt, { width: o, height: a, children: /* @__PURE__ */ i(dv, { width: Pt(o), height: Vt(a), data: r, conf: n }) });
 }
 const hv = [{
   label: "Top",
@@ -11073,7 +11073,7 @@ const ad = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: yt,
+      overflow: xt,
       formatter: {
         ...Dt
       }
@@ -11085,7 +11085,7 @@ const ad = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: yt,
+      overflow: xt,
       formatter: {
         ...Dt
       }
@@ -11112,7 +11112,7 @@ const ad = {
     metrics: []
   }
 };
-ge.use([Gt, hi, xt, vt, wt, Dr, lt]);
+ge.use([Gt, hi, vt, wt, _t, Dr, lt]);
 function jv({
   conf: e,
   data: t,
@@ -11157,7 +11157,7 @@ function Gv({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ i(pt, { width: l, height: c, children: /* @__PURE__ */ i(jv, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ i(mt, { width: l, height: c, children: /* @__PURE__ */ i(jv, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
 }
 function Hv({
   control: e,
@@ -11189,7 +11189,7 @@ function Hv({
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(_t, { ...r }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...r }) }),
     /* @__PURE__ */ i(A, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "heat_block.label.show", control: e, render: ({
@@ -11676,7 +11676,7 @@ const cd = {
       formatter: {
         ...Dt
       },
-      overflow: yt
+      overflow: xt
     }
   },
   data_key: "value",
@@ -11936,7 +11936,7 @@ function y0(e, t, n) {
     }
   };
 }
-ge.use([Jn, Zn, Gt, xt, vt, wt, lt]);
+ge.use([Jn, Zn, Gt, vt, wt, _t, lt]);
 function x0({
   context: e,
   instance: t
@@ -11962,7 +11962,7 @@ function x0({
   }, [p, d, c]), m = z(() => ({
     click: h
   }), [h]);
-  return !s || !o || !a ? null : /* @__PURE__ */ i(pt, { width: o, height: a, children: /* @__PURE__ */ i(st, { echarts: ge, option: l, style: Ir(o, a), onEvents: m, notMerge: !0, theme: "merico-light" }) });
+  return !s || !o || !a ? null : /* @__PURE__ */ i(mt, { width: o, height: a, children: /* @__PURE__ */ i(st, { echarts: ge, option: l, style: Ir(o, a), onEvents: m, notMerge: !0, theme: "merico-light" }) });
 }
 const v0 = [{
   label: "left",
@@ -12004,7 +12004,7 @@ function w0({
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: "bar.label_formatter", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(_t, { ...n }) })
+      }) => /* @__PURE__ */ i(Ct, { ...n }) })
     ] })
   ] });
 }
@@ -12612,7 +12612,7 @@ function Y0({
     width: s,
     height: l
   } = e.viewport;
-  return !s || !l ? null : /* @__PURE__ */ i(pt, { width: s, height: l, children: /* @__PURE__ */ i(H0, { conf: o, width: Pt(s), height: Vt(l), data: a, interactionManager: n }) });
+  return !s || !l ? null : /* @__PURE__ */ i(mt, { width: s, height: l, children: /* @__PURE__ */ i(H0, { conf: o, width: Pt(s), height: Vt(l), data: a, interactionManager: n }) });
 }
 function Q0({
   context: e
@@ -12957,7 +12957,7 @@ function lw(e, t) {
   };
   return k.merge({}, aw, s);
 }
-ge.use([Hh, xt, vt, wt, lt]);
+ge.use([Hh, vt, wt, _t, lt]);
 function cw({
   conf: e,
   data: t,
@@ -13014,7 +13014,7 @@ function dw({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c || !a || Ml(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ i(pt, { width: l, height: c, children: /* @__PURE__ */ i(cw, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
+  return !l || !c || !a || Ml(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ i(mt, { width: l, height: c, children: /* @__PURE__ */ i(cw, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
 }
 function uw({
   control: e,
@@ -13129,7 +13129,7 @@ function pw({
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ i(I, { mt: 20, leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), disabled: t === 0, children: "Delete this Metric" })
   ] }, t);
@@ -13803,14 +13803,15 @@ function Nw({
 }) {
   return /* @__PURE__ */ u(ot, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
     /* @__PURE__ */ i(ot.Target, { children: /* @__PURE__ */ i(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ i(An, { size: 14 }), children: "Regression Info" }) }),
-    /* @__PURE__ */ i(ot.Dropdown, { children: /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(Vw, { conf: e, queryData: t }) }) })
+    /* @__PURE__ */ i(ot.Dropdown, { children: /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(Vw, { conf: e, queryData: t }) }) })
   ] });
 }
 function Bw(e) {
   return /* @__PURE__ */ i(x, { position: "apart", sx: {
     position: "absolute",
     top: 0,
-    left: 0,
+    left: ht.left,
+    right: ht.right,
     height: "22px",
     zIndex: 1
   }, children: /* @__PURE__ */ i(Nw, { ...e }) });
@@ -13826,7 +13827,7 @@ const Di = {
     axisLabel: {
       rotate: 0,
       format: et,
-      overflow: yt,
+      overflow: xt,
       formatter: {
         ...Di
       }
@@ -13858,7 +13859,7 @@ const Di = {
     y_axis_data_key: "value"
   }
 };
-ge.use([Gt, ui, xt, vt, wt, lt]);
+ge.use([Gt, ui, vt, wt, _t, lt]);
 function qw({
   context: e
 }) {
@@ -13880,7 +13881,7 @@ function qw({
   }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = z(() => Lw(Ie({}, t, Va), o), [t, o]), s = si(null), l = (c) => {
     s.current = c;
   };
-  return !n || !r || !t ? null : /* @__PURE__ */ u(pt, { width: n, height: r, children: [
+  return !n || !r || !t ? null : /* @__PURE__ */ u(mt, { width: n, height: r, children: [
     /* @__PURE__ */ i(Bw, { conf: t, queryData: o }),
     /* @__PURE__ */ i(st, { echarts: ge, onChartReady: l, option: a, style: Ir(n, r), notMerge: !0, theme: "merico-light" })
   ] });
@@ -14039,7 +14040,7 @@ function Hw({
     /* @__PURE__ */ i(A, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
     /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.format", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(_t, { ...n }) }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...n }) }) }),
     /* @__PURE__ */ i(A, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
@@ -14132,7 +14133,7 @@ function Uw(e) {
       axisLabel: {
         rotate: 0,
         format: et,
-        overflow: yt,
+        overflow: xt,
         formatter: Di
       }
     },
@@ -14500,8 +14501,8 @@ const vd = {
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
 }, wd = {
-  label: yt.on_axis,
-  tooltip: yt.in_tooltip
+  label: xt.on_axis,
+  tooltip: xt.in_tooltip
 }, Ba = {
   scatter: {
     y_data_key: "",
@@ -14931,7 +14932,7 @@ function k_(e, t, n) {
   };
   return Ie({}, l, S_);
 }
-ge.use([Gt, Jn, Zn, ui, xt, vt, wt, lt, ci, ra]);
+ge.use([Gt, Jn, Zn, ui, vt, wt, _t, lt, ci, ra]);
 function el(e) {
   return e.trim().length > 0;
 }
@@ -14990,7 +14991,7 @@ function D_({
       bottom: Sr(v.bottom, o, s)
     };
   }, [a, s]), w = Math.max(0, Vt(c) - p - m);
-  return !l || !c ? null : /* @__PURE__ */ u(pt, { width: l, height: c, children: [
+  return !l || !c ? null : /* @__PURE__ */ u(mt, { width: l, height: c, children: [
     /* @__PURE__ */ i(C, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: el(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(f.top).map((v) => v) }),
@@ -15868,7 +15869,7 @@ function aC({
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -16578,7 +16579,7 @@ function NC({
     width: a,
     height: s
   } = e.viewport, l = z(() => VC(r, o, t), [r, o, t]);
-  return !a || !s ? null : /* @__PURE__ */ i(pt, { width: a, height: s, children: /* @__PURE__ */ i(st, { echarts: ge, option: l, style: Ir(a, s), notMerge: !0, theme: "merico-light" }) });
+  return !a || !s ? null : /* @__PURE__ */ i(mt, { width: a, height: s, children: /* @__PURE__ */ i(st, { echarts: ge, option: l, style: Ir(a, s), notMerge: !0, theme: "merico-light" }) });
 }
 function BC({
   control: e,
@@ -17231,7 +17232,7 @@ function x1({
     return f.map(($e) => {
       const tt = Tm($e.value_field);
       return ze.accessor(tt.columnKey, {
-        cell: (Ct) => /* @__PURE__ */ i(b1, { tableCellContext: w(Ct.cell), value: Ct.getValue(), type: $e.value_type, ...$e }),
+        cell: (St) => /* @__PURE__ */ i(b1, { tableCellContext: w(St.cell), value: St.getValue(), type: $e.value_type, ...$e }),
         header: $e.label,
         enableSorting: !0,
         meta: $e,
@@ -17350,7 +17351,7 @@ class _1 {
       steps: Sl
     }, {
       deep: !1
-    }), bt(() => on(this.steps), () => {
+    }), yt(() => on(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -18510,7 +18511,7 @@ const $d = {
     metrics: []
   }
 };
-ge.use([Gt, Jn, Zn, hi, Ah, xt, vt, wt, Dr, lt]);
+ge.use([Gt, Jn, Zn, hi, Ah, vt, wt, _t, Dr, lt]);
 function _S({
   name: e
 }, t) {
@@ -18563,7 +18564,7 @@ function SS({
     width: l,
     height: c
   } = e.viewport;
-  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ i(pt, { width: l, height: c, children: /* @__PURE__ */ i(CS, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
+  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ i(mt, { width: l, height: c, children: /* @__PURE__ */ i(CS, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
 }
 function kS({
   control: e,
@@ -18593,7 +18594,7 @@ function kS({
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(_t, { ...n }) })
+    }) => /* @__PURE__ */ i(Ct, { ...n }) })
   ] });
 }
 const TS = ({
@@ -18863,7 +18864,7 @@ const RS = {
       formatter: {
         ...Dt
       },
-      overflow: yt
+      overflow: xt
     },
     nameAlignment: "center"
   },
@@ -19262,7 +19263,7 @@ function tk(e, t, n) {
     legend: BS(c)
   };
 }
-ge.use([Gt, Jn, Zn, ui, xt, vt, wt, lt, ci, ra]);
+ge.use([Gt, Jn, Zn, ui, vt, wt, _t, lt, ci, ra]);
 function nk({
   conf: e,
   data: t,
@@ -19304,7 +19305,7 @@ function rk({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ i(pt, { width: l, height: c, children: /* @__PURE__ */ i(nk, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ i(mt, { width: l, height: c, children: /* @__PURE__ */ i(nk, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
 }
 const ik = [{
   label: "solid",
@@ -19719,7 +19720,7 @@ function fk({
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(_t, { ...r }) })
+      }) => /* @__PURE__ */ i(Ct, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -20566,7 +20567,7 @@ function Wk(e) {
     /* @__PURE__ */ i(Nk, { ...e })
   ] });
 }
-ge.use([Jn, Zn, hi, xt, vt, wt, lt, Dr]);
+ge.use([Jn, Zn, hi, vt, wt, _t, lt, Dr]);
 function jk({
   conf: e,
   data: t,
@@ -20600,7 +20601,7 @@ function Gk({
   }, [d]), !s.data_key || !c || !d || !o || !a)
     return null;
   const m = Math.max(Pt(o), 300), f = Math.max(Vt(a), 370);
-  return /* @__PURE__ */ u(V, { pt: Tt.top, pr: Tt.right, pb: Tt.bottom, pl: Tt.left, sx: {
+  return /* @__PURE__ */ u(V, { pt: ht.top, pr: ht.right, pb: ht.bottom, pl: ht.left, sx: {
     overflow: "hidden",
     height: a,
     width: o
@@ -21017,7 +21018,7 @@ function oT({
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.formatter`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ i(_t, { ...a }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...a }) }),
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Others", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.postfix`, control: e, render: ({
       field: a
@@ -21249,7 +21250,7 @@ function mT({
     /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(_t, { ...r }) }),
+    }) => /* @__PURE__ */ i(Ct, { ...r }) }),
     /* @__PURE__ */ i(A, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
     /* @__PURE__ */ u(x, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "heat_block.label.show", control: e, render: ({
@@ -21525,7 +21526,7 @@ const Xa = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: yt,
+      overflow: xt,
       formatter: {
         ...Dt
       }
@@ -21537,7 +21538,7 @@ const Xa = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: yt,
+      overflow: xt,
       formatter: {
         ...Dt
       }
@@ -21929,7 +21930,7 @@ function FT(e, t, n) {
   };
   return Ie({}, s, OT);
 }
-ge.use([Gt, hi, xt, vt, wt, Dr, lt]);
+ge.use([Gt, hi, vt, wt, _t, Dr, lt]);
 function PT({
   conf: e,
   data: t,
@@ -21974,7 +21975,7 @@ function VT({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ i(pt, { width: l, height: c, children: /* @__PURE__ */ i(PT, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ i(mt, { width: l, height: c, children: /* @__PURE__ */ i(PT, { variables: o, width: Pt(l), height: Vt(c), data: s, conf: a, interactionManager: n }) });
 }
 class NT extends Oe {
   constructor() {
@@ -22842,7 +22843,7 @@ const JT = ({
 }), aD = D(R.forwardRef(({
   filter: e,
   ...t
-}, n) => /* @__PURE__ */ i("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(oD, { filter: e, formFieldProps: t }) }) })));
+}, n) => /* @__PURE__ */ i("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(oD, { filter: e, formFieldProps: t }) }) })));
 function sD(e) {
   const t = Ce();
   W(() => {
@@ -23440,7 +23441,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Rt(e, bt(() => on(e.default_selection), e.setDefaultSelection, {
+    Rt(e, yt(() => on(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -23498,7 +23499,7 @@ const yD = b.model("FilterDateRangeConfigMeta", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Rt(e, bt(() => on(e.default_selection), e.setDefaultSelection, {
+    Rt(e, yt(() => on(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -23643,7 +23644,7 @@ const Ud = b.compose("FilterTreeSelectConfigMeta", b.model({
     Me(e).content.filters.setValueByKey(t, e.defaultSelection);
   },
   afterCreate() {
-    Rt(e, bt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
+    Rt(e, yt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -24072,7 +24073,7 @@ const ED = b.compose("ViewRenderModel", $D, b.model({
     e.tab = t ?? "";
   },
   afterCreate() {
-    Rt(e, bt(() => e.defaultTab, (t) => this.setTab(t), {
+    Rt(e, yt(() => e.defaultTab, (t) => this.setTab(t), {
       fireImmediately: !0,
       delay: 0
     }));
@@ -24510,7 +24511,7 @@ const jD = b.compose("QueryRenderModel", PD, b.model({
   }
 })).actions((e) => ({
   afterCreate() {
-    Rt(e, bt(() => {
+    Rt(e, yt(() => {
       var t, n;
       return e.typedAsHTTP ? `${e.inUse}--${e.id}--${e.key}--${e.reQueryKey}--${(t = e.datasource) == null ? void 0 : t.id}` : `${e.inUse}--${e.id}--${e.key}--${e.formattedSQL}--${e.pre_process}--${e.post_process}--${(n = e.datasource) == null ? void 0 : n.id}`;
     }, e.fetchData, {
@@ -24962,7 +24963,7 @@ const oI = D(function({
     width: r,
     height: o,
     overflow: "hidden"
-  }, children: s && /* @__PURE__ */ i(ht, { children: a }) }) });
+  }, children: s && /* @__PURE__ */ i(pt, { children: a }) }) });
 }), aI = D(({
   panel: e
 }) => /* @__PURE__ */ u(S, { children: [
@@ -25857,10 +25858,10 @@ const PI = b.compose("FiltersModel", su, b.model("FiltersModel", {
   }
 })).actions((e) => ({
   afterCreate() {
-    Rt(e, bt(() => e.keywordString, e.resetPage, {
+    Rt(e, yt(() => e.keywordString, e.resetPage, {
       fireImmediately: !1,
       delay: 0
-    })), Rt(e, bt(() => e.limit, e.resetPage, {
+    })), Rt(e, yt(() => e.limit, e.resetPage, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -25999,17 +26000,17 @@ const PI = b.compose("FiltersModel", su, b.model("FiltersModel", {
   };
 }).actions((e) => ({
   afterCreate() {
-    Rt(e, bt(() => e.columns.sql, e.loadColumns, {
+    Rt(e, yt(() => e.columns.sql, e.loadColumns, {
       fireImmediately: !1,
       delay: 500
     }));
   }
 })).actions((e) => ({
   afterCreate() {
-    Rt(e, bt(() => e.indexes.sql, e.loadIndexes, {
+    Rt(e, yt(() => e.indexes.sql, e.loadIndexes, {
       fireImmediately: !1,
       delay: 500
-    })), Rt(e, bt(() => e.tableData.sql, e.loadTableData, {
+    })), Rt(e, yt(() => e.tableData.sql, e.loadTableData, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -27915,14 +27916,14 @@ function Au({
   });
   return e.length === 0 ? /* @__PURE__ */ i(V, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ u(It, { sx: tz, children: [
+  } }) : /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ u(It, { sx: tz, children: [
     /* @__PURE__ */ i("thead", { children: n.getHeaderGroups().map((r) => /* @__PURE__ */ i("tr", { children: r.headers.map((o) => /* @__PURE__ */ u("th", { style: {
       width: o.getSize()
     }, children: [
       o.isPlaceholder ? null : Kr(o.column.columnDef.header, o.getContext()),
       /* @__PURE__ */ i(U, { onMouseDown: o.getResizeHandler(), onTouchStart: o.getResizeHandler(), className: `resizer ${o.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ i(qh, {}) })
     ] }, o.id)) }, r.id)) }),
-    /* @__PURE__ */ i("tbody", { children: n.getRowModel().rows.map((r) => /* @__PURE__ */ i("tr", { children: r.getVisibleCells().map((o) => /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(ht, { children: Kr(o.column.columnDef.cell, o.getContext()) }) }, o.id)) }, r.id)) })
+    /* @__PURE__ */ i("tbody", { children: n.getRowModel().rows.map((r) => /* @__PURE__ */ i("tr", { children: r.getVisibleCells().map((o) => /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(pt, { children: Kr(o.column.columnDef.cell, o.getContext()) }) }, o.id)) }, r.id)) })
   ] }) });
 }
 const nz = ({
@@ -27997,7 +27998,7 @@ const nz = ({
   const {
     panel: e
   } = On();
-  return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(V, { sx: {
+  return /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(V, { sx: {
     height: "100%",
     flexGrow: 0,
     flexShrink: 0,
@@ -28132,7 +28133,7 @@ const Eu = Xn((e) => ({
     /* @__PURE__ */ i(wi, { label: "Aggregation", value: t.aggregation, onChange: (l) => s("aggregation", l) }),
     t.aggregation.type !== "custom" && /* @__PURE__ */ u(j, { children: [
       /* @__PURE__ */ i(A, { my: "xs", label: "Format", labelPosition: "center" }),
-      /* @__PURE__ */ i(_t, { value: t.formatter, onChange: (l) => s("formatter", l) })
+      /* @__PURE__ */ i(Ct, { value: t.formatter, onChange: (l) => s("formatter", l) })
     ] }),
     o && /* @__PURE__ */ i(ed, { value: t, onChange: n })
   ] });
@@ -28275,7 +28276,7 @@ const vz = D(() => {
     overflow: "hidden"
   }, children: [
     /* @__PURE__ */ i(bz, { submit: r, value: t.type }),
-    /* @__PURE__ */ u(ht, { children: [
+    /* @__PURE__ */ u(pt, { children: [
       /* @__PURE__ */ i(S, { pb: 10, sx: {
         flexGrow: 1,
         maxHeight: "100%",
@@ -28404,8 +28405,8 @@ const Sz = D(({
       ] }),
       /* @__PURE__ */ i(g.Panel, { value: "Panel", children: /* @__PURE__ */ i(pl, { children: /* @__PURE__ */ i(ez, {}) }) }),
       /* @__PURE__ */ i(g.Panel, { value: "Variables", children: /* @__PURE__ */ i(fz, {}) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Visualization", children: /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(pl, { children: /* @__PURE__ */ i(vz, {}) }) }) }),
-      /* @__PURE__ */ i(g.Panel, { value: "Interactions", children: /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(If, {}) }) })
+      /* @__PURE__ */ i(g.Panel, { value: "Visualization", children: /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(pl, { children: /* @__PURE__ */ i(vz, {}) }) }) }),
+      /* @__PURE__ */ i(g.Panel, { value: "Interactions", children: /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(If, {}) }) })
     ] })
   ] });
 }), kz = D(({
@@ -28649,8 +28650,8 @@ const Sz = D(({
   overflow: "auto",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(Mz, { dataSource: e }) }),
-  /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(Lz, { dataSource: e }) })
+  /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(Mz, { dataSource: e }) }),
+  /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(Lz, { dataSource: e }) })
 ] }));
 function Ez({
   table_type: e
@@ -28739,7 +28740,7 @@ const Rz = D(({
     fontFamily: "monospace"
   }, children: "This table is empty" }) : t.error ? /* @__PURE__ */ i(C, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
-  }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ i(Oz, { visible: !0 }) : /* @__PURE__ */ u(ht, { children: [
+  }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ i(Oz, { visible: !0 }) : /* @__PURE__ */ u(pt, { children: [
     /* @__PURE__ */ i(Vz, { dataSource: e }),
     /* @__PURE__ */ u(V, { py: 10, sx: {
       width: "100%",
@@ -28776,7 +28777,7 @@ const Rz = D(({
     flexGrow: 0,
     flexShrink: 0,
     position: "relative"
-  }, children: /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(Rz, { dataSource: e }) }) }),
+  }, children: /* @__PURE__ */ i(pt, { children: /* @__PURE__ */ i(Rz, { dataSource: e }) }) }),
   /* @__PURE__ */ u(g, { defaultValue: "structure", styles: Bz, children: [
     /* @__PURE__ */ u(g.List, { children: [
       /* @__PURE__ */ i(g.Tab, { value: "structure", icon: /* @__PURE__ */ i(pp, { size: 14 }), children: "Structure" }),
@@ -29895,7 +29896,7 @@ const H$ = {
     h.datasources.replace(d);
   }, [d]), R.useEffect(() => {
     h.globalSQLSnippets.replace(p);
-  }, [p]), R.useEffect(() => bt(() => on(h.json), (v) => {
+  }, [p]), R.useEffect(() => yt(() => on(h.json), (v) => {
     s == null || s(v);
   }), [h]);
   const m = async () => {
@@ -30320,8 +30321,8 @@ var _o = {}, oL = {
         return function($e) {
           var tt = $e.afternoon;
           if (tt !== void 0) {
-            var Ct = $e.hours;
-            tt ? Ct < 12 && ($e.hours += 12) : Ct === 12 && ($e.hours = 0), delete $e.afternoon;
+            var St = $e.hours;
+            tt ? St < 12 && ($e.hours += 12) : St === 12 && ($e.hours = 0), delete $e.afternoon;
           }
         }(ee), ee;
       };
@@ -30339,8 +30340,8 @@ var _o = {}, oL = {
             try {
               if (["x", "X"].indexOf(Ve) > -1)
                 return new Date((Ve === "X" ? 1e3 : 1) * ze);
-              var tt = w(Ve)(ze), Ct = tt.year, xn = tt.month, Ar = tt.day, Er = tt.hours, Ai = tt.minutes, Ei = tt.seconds, rr = tt.milliseconds, Pn = tt.zone, sn = /* @__PURE__ */ new Date(), vn = Ar || (Ct || xn ? 1 : sn.getDate()), ln = Ct || sn.getFullYear(), Vn = 0;
-              Ct && !xn || (Vn = xn > 0 ? xn - 1 : sn.getMonth());
+              var tt = w(Ve)(ze), St = tt.year, xn = tt.month, Ar = tt.day, Er = tt.hours, Ai = tt.minutes, Ei = tt.seconds, rr = tt.milliseconds, Pn = tt.zone, sn = /* @__PURE__ */ new Date(), vn = Ar || (St || xn ? 1 : sn.getDate()), ln = St || sn.getFullYear(), Vn = 0;
+              St && !xn || (Vn = xn > 0 ? xn - 1 : sn.getMonth());
               var Nn = Er || 0, ir = Ai || 0, or = Ei || 0, cn = rr || 0;
               return Pn ? new Date(Date.UTC(ln, Vn, vn, Nn, ir, or, cn + 60 * Pn.offset * 1e3)) : $e ? new Date(Date.UTC(ln, Vn, vn, Nn, ir, or, cn)) : new Date(ln, Vn, vn, Nn, ir, or, cn);
             } catch {