@devtable/dashboard 13.16.0 → 13.17.1

package/dist/dashboard.es.js

@@ -2,10 +2,10 @@ var xh = Object.defineProperty;
 var gh = (t, e, n) => e in t ? xh(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var N = (t, e, n) => (gh(t, typeof e != "symbol" ? e + "" : e, n), n);
 import L, { forwardRef as re, useState as H, useEffect as B, useCallback as Ne, useMemo as C, createElement as gs, useContext as Kt, useRef as fs, createContext as ol, memo as fh } from "react";
-import { TextInput as D, Text as w, Box as M, Button as I, HoverCard as Te, Group as b, Select as O, Stack as S, Overlay as Zn, Modal as Se, Checkbox as ee, Divider as E, NumberInput as oe, Switch as qe, Table as Pe, ActionIcon as X, MultiSelect as Gn, Paper as bh, Code as so, Tabs as _, LoadingOverlay as In, Alert as vr, ColorSwatch as di, createStyles as jr, Popover as Bn, Tooltip as me, CloseButton as wr, Center as an, Collapse as kr, useMantineTheme as ll, CheckIcon as yh, MANTINE_SIZES as _h, SimpleGrid as vn, NativeSelect as cl, SegmentedControl as vh, Anchor as rs, Menu as J, UnstyledButton as dl, Badge as rn, ColorInput as Qn, Textarea as ul, Mark as hl, Slider as jh, Flex as Jt, Affix as wh, Header as kh, List as ct, FileInput as Sh, ThemeIcon as Ys, Navbar as Gt, JsonInput as ml, Pagination as pl, Drawer as Ch, Accordion as qr, Radio as io, Skeleton as ao, NavLink as ui, AppShell as xl } from "@mantine/core";
+import { TextInput as D, Text as w, Box as M, Button as T, HoverCard as Te, Group as b, Select as O, Stack as S, Overlay as Zn, Modal as Se, Checkbox as ee, Divider as E, NumberInput as oe, Switch as qe, Table as Pe, ActionIcon as X, MultiSelect as Gn, Paper as bh, Code as so, Tabs as _, LoadingOverlay as In, Alert as vr, ColorSwatch as di, createStyles as jr, Popover as Bn, Tooltip as me, CloseButton as wr, Center as an, Collapse as kr, useMantineTheme as ll, CheckIcon as yh, MANTINE_SIZES as _h, SimpleGrid as vn, NativeSelect as cl, SegmentedControl as vh, Anchor as rs, Menu as J, UnstyledButton as dl, Badge as rn, ColorInput as Qn, Textarea as ul, Mark as hl, Slider as jh, Flex as Jt, Affix as wh, Header as kh, List as lt, FileInput as Sh, ThemeIcon as Ys, Navbar as Gt, JsonInput as ml, Pagination as pl, Drawer as Ch, Accordion as qr, Radio as io, Skeleton as ao, NavLink as ui, AppShell as xl } from "@mantine/core";
 import { useModals as Pt, ModalsProvider as gl } from "@mantine/modals";
-import { useBoolean as st, useCreation as kt, useAsyncEffect as Sr, useRequest as kn, useLatest as oo, usePrevious as zh, useWhyDidYouUpdate as fl } from "ahooks";
-import { toJS as Xt, observable as bl, runInAction as ur, reaction as tt, makeAutoObservable as Cr } from "mobx";
+import { useBoolean as rt, useCreation as kt, useAsyncEffect as Sr, useRequest as kn, useLatest as oo, usePrevious as zh, useWhyDidYouUpdate as fl } from "ahooks";
+import { toJS as Xt, observable as bl, runInAction as ur, reaction as dt, makeAutoObservable as Cr } from "mobx";
 import { observer as z } from "mobx-react-lite";
 import { faker as Ih } from "@faker-js/faker";
 import * as Th from "crypto-js";
@@ -62,7 +62,7 @@ import { useVirtual as jp } from "react-virtual";
 import wp, { Option as kp } from "rc-select";
 import Sp, { SHOW_PARENT as Cp } from "rc-tree-select";
 import { WidthProvider as nc, Responsive as rc } from "react-grid-layout";
-import { types as p, cast as At, getRoot as Ge, getParent as Re, addDisposer as bt, isAlive as mo, flow as qn, toGenerator as gn, clone as zp, getSnapshot as Lt, applySnapshot as Qe, addMiddleware as Ip, getType as Tp, detach as pi, castToSnapshot as sc } from "mobx-state-tree";
+import { types as p, cast as At, getRoot as Ge, getParent as Re, addDisposer as wt, isAlive as mo, flow as qn, toGenerator as gn, clone as zp, getSnapshot as Lt, applySnapshot as Qe, addMiddleware as Ip, getType as Tp, detach as pi, castToSnapshot as sc } from "mobx-state-tree";
 import { arrayToTree as Dp } from "performant-array-to-tree";
 import { saveAs as ws } from "file-saver";
 import ic from "dom-to-image-more";
@@ -104,7 +104,7 @@ import dx from "dayjs/plugin/weekYear";
 import { createInstance as ux } from "i18next";
 import hx from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import mx, { Position as wt, Handle as po, MiniMap as px, Controls as xx, Background as gx } from "reactflow";
+import mx, { Position as jt, Handle as po, MiniMap as px, Controls as xx, Background as gx } from "reactflow";
 var xi = { exports: {} }, or = {};
 /**
  * @license React
@@ -147,7 +147,7 @@ var go;
 function bx() {
   return go || (go = 1, process.env.NODE_ENV !== "production" && function() {
     var t = L, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), f = Symbol.iterator, v = "@@iterator";
-    function T(j) {
+    function I(j) {
       if (j === null || typeof j != "object")
         return null;
       var A = f && j[f] || j[v];
@@ -190,7 +190,7 @@ function bx() {
     function Ar(j) {
       return j.displayName || "Context";
     }
-    function ot(j) {
+    function at(j) {
       if (j == null)
         return null;
       if (typeof j.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof j == "function")
@@ -223,11 +223,11 @@ function bx() {
             return Ee(j, j.render, "ForwardRef");
           case h:
             var U = j.displayName || null;
-            return U !== null ? U : ot(j.type) || "Memo";
+            return U !== null ? U : at(j.type) || "Memo";
           case m: {
             var de = j, fe = de._payload, ce = de._init;
             try {
-              return ot(ce(fe));
+              return at(ce(fe));
             } catch {
               return null;
             }
@@ -499,8 +499,8 @@ function bx() {
     }
     function nh(j, A) {
       if (typeof j.ref == "string" && ar.current && A && ar.current.stateNode !== A) {
-        var q = ot(ar.current.type);
-        Gs[q] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ot(ar.current.type), j.ref), Gs[q] = !0);
+        var q = at(ar.current.type);
+        Gs[q] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', at(ar.current.type), j.ref), Gs[q] = !0);
       }
     }
     function rh(j, A) {
@@ -588,7 +588,7 @@ function bx() {
     function Xa() {
       {
         if (Qs.current) {
-          var j = ot(Qs.current.type);
+          var j = at(Qs.current.type);
           if (j)
             return `
 
@@ -631,7 +631,7 @@ Check the top-level render call using <` + q + ">.");
           return;
         Za[q] = !0;
         var U = "";
-        j && j._owner && j._owner !== Qs.current && (U = " It was passed a child from " + ot(j._owner.type) + "."), An(j), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', q, U), An(null);
+        j && j._owner && j._owner !== Qs.current && (U = " It was passed a child from " + at(j._owner.type) + "."), An(j), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', q, U), An(null);
       }
     }
     function to(j, A) {
@@ -646,7 +646,7 @@ Check the top-level render call using <` + q + ">.");
         else if (Us(j))
           j._store && (j._store.validated = !0);
         else if (j) {
-          var de = T(j);
+          var de = I(j);
           if (typeof de == "function" && de !== j.entries)
             for (var fe = de.call(j), ce; !(ce = fe.next()).done; )
               Us(ce.value) && eo(ce.value, A);
@@ -668,11 +668,11 @@ Check the top-level render call using <` + q + ">.");
         else
           return;
         if (q) {
-          var U = ot(A);
+          var U = at(A);
           Yu(q, j.props, "prop", U, j);
         } else if (A.PropTypes !== void 0 && !Hs) {
           Hs = !0;
-          var de = ot(A);
+          var de = at(A);
           P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", de || "Unknown");
         }
         typeof A.getDefaultProps == "function" && !A.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -699,7 +699,7 @@ Check the top-level render call using <` + q + ">.");
           var Xe = oh(de);
           Xe ? se += Xe : se += Xa();
           var Ie;
-          j === null ? Ie = "null" : Ws(j) ? Ie = "array" : j !== void 0 && j.$$typeof === e ? (Ie = "<" + (ot(j.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof j, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, se);
+          j === null ? Ie = "null" : Ws(j) ? Ie = "array" : j !== void 0 && j.$$typeof === e ? (Ie = "<" + (at(j.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof j, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, se);
         }
         var De = ah(j, A, q, de, fe);
         if (De == null)
@@ -1376,7 +1376,7 @@ class He extends L.Component {
       };
       return /* @__PURE__ */ r.jsxs(M, { children: [
         /* @__PURE__ */ r.jsx(w, { size: "xs", children: (e = this.state.error) == null ? void 0 : e.message }),
-        /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", mx: "auto", compact: !0, sx: {
+        /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", mx: "auto", compact: !0, sx: {
           display: "block"
         }, onClick: n, children: "Retry" })
       ] });
@@ -1553,7 +1553,7 @@ class hc {
     return Promise.resolve(this.getItem(e));
   }
   watchItem(e, n, s) {
-    return tt(() => this.getValueFromRoot(e), (i, a) => {
+    return dt(() => this.getValueFromRoot(e), (i, a) => {
       n(i, a);
     }, {
       requiresObservable: !0,
@@ -1743,7 +1743,7 @@ class Vi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const xc = "13.16.0", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xc = "13.17.1", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: xc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1865,7 +1865,7 @@ class ze extends xg {
 const Q = (t, e) => {
   const [n, {
     setFalse: s
-  }] = st(!0), [i, a] = H();
+  }] = rt(!0), [i, a] = H();
   B(() => (t.getItem(e).then((l) => {
     a(l), s();
   }), t.watchItem(e, (l) => {
@@ -1887,7 +1887,7 @@ const Q = (t, e) => {
 }, zt = (t) => Math.max(0, t - et.left - et.right), It = (t) => Math.max(0, t - et.top - et.bottom), Mr = (t, e) => ({
   width: zt(t),
   height: It(e)
-}), it = ({
+}), st = ({
   width: t,
   height: e,
   children: n
@@ -1938,7 +1938,7 @@ function gg({
     z: F(l)
   }), [a, o, l]), {
     min: v,
-    max: T
+    max: I
   } = C(() => {
     const P = Ah(h, (Y) => Y[f.columnKey]), V = $h(h, (Y) => Y[f.columnKey]);
     return {
@@ -1952,7 +1952,7 @@ function gg({
       show: !0,
       dimension: 2,
       min: v,
-      max: T,
+      max: I,
       inRange: {
         color: ["#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8", "#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026"]
       }
@@ -1981,7 +1981,7 @@ function gg({
       data: h.map((P) => [P[m.columnKey], P[x.columnKey], P[f.columnKey]])
     }]
   };
-  return e ? /* @__PURE__ */ r.jsx(it, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: R, style: Mr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
+  return e ? /* @__PURE__ */ r.jsx(st, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: R, style: Mr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
 }
 const gc = L.createContext(null), fc = gc.Provider;
 function bc() {
@@ -2140,7 +2140,7 @@ function wg({
     ] }),
     /* @__PURE__ */ r.jsx(b, { position: "center", mt: "xl", grow: !0, sx: {
       width: "60%"
-    }, mx: "auto", children: /* @__PURE__ */ r.jsxs(I, { color: "blue", type: "submit", children: [
+    }, mx: "auto", children: /* @__PURE__ */ r.jsxs(T, { color: "blue", type: "submit", children: [
       /* @__PURE__ */ r.jsx(Yt, { size: 20 }),
       /* @__PURE__ */ r.jsx(w, { ml: "md", children: "Save" })
     ] }) })
@@ -2239,7 +2239,7 @@ const Tg = {
     } })
   ] });
 };
-function nt({
+function tt({
   enabled: t,
   func_content: e
 }) {
@@ -2270,47 +2270,47 @@ const Tt = re(({
   } = y(), [a, {
     setTrue: o,
     setFalse: l
-  }] = st(), [c, d] = H(t);
+  }] = rt(), [c, d] = H(t);
   B(() => {
     d(t);
   }, [t]);
-  const u = (T) => {
+  const u = (I) => {
     d({
       ...c,
-      enabled: T
+      enabled: I
     });
   }, h = () => {
     l();
     const {
-      enabled: T,
+      enabled: I,
       func_content: R
     } = c, P = {
-      enabled: T,
+      enabled: I,
       func_content: R
     };
     d(P), e(P);
   }, m = () => {
     l(), d(t);
-  }, x = (T) => {
+  }, x = (I) => {
     d((R) => ({
       ...R,
-      func_content: T
+      func_content: I
     }));
   }, f = () => {
     x(Ue().func_content);
   }, v = n ?? i("chart.axis.customize_label");
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: o, sx: {
+    /* @__PURE__ */ r.jsx(T, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: v }),
     /* @__PURE__ */ r.jsx(Se, { size: 800, title: v, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(S, { children: [
-      /* @__PURE__ */ r.jsx(ee, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (T) => u(T.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(ee, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (I) => u(I.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Dg, { value: c.func_content, onChange: x, disabled: !c.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: f, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: i("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: f, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: i("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: m, variant: "subtle", children: i("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: h, children: i("common.actions.save") })
+          /* @__PURE__ */ r.jsx(T, { onClick: m, variant: "subtle", children: i("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: h, children: i("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -2451,7 +2451,7 @@ const as = re(({
     /* @__PURE__ */ r.jsx(as, { sectionTitle: s("chart.axis.overflow.section_title.in_tooltip"), value: t.in_tooltip, onChange: a })
   ] });
 });
-function rt() {
+function nt() {
   return {
     on_axis: {
       width: 80,
@@ -2465,7 +2465,7 @@ function rt() {
     }
   };
 }
-function yt({
+function bt({
   overflow: t,
   width: e
 }) {
@@ -2486,7 +2486,7 @@ function yt({
     text-overflow: ${i};
   `;
 }
-function _t(t) {
+function yt(t) {
   return {
     width: t.width,
     overflow: t.overflow,
@@ -2500,7 +2500,7 @@ const Bi = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   y_axis: {
@@ -3124,7 +3124,7 @@ const df = z(({
   const {
     t: n
   } = y(), s = (i = t.operationSchema) == null ? void 0 : i.displayName;
-  return /* @__PURE__ */ r.jsx(I, { variant: "outline", onClick: e, children: n(s) });
+  return /* @__PURE__ */ r.jsx(T, { variant: "outline", onClick: e, children: n(s) });
 }), uf = z(({
   model: t
 }) => {
@@ -3154,7 +3154,7 @@ const df = z(({
   } = y(), [n, {
     setTrue: s,
     setFalse: i
-  }] = st(!1), {
+  }] = rt(!1), {
     operationManager: a,
     operationId: o,
     instance: l,
@@ -3216,7 +3216,7 @@ const ff = z(({
     instance: t.instance,
     sampleData: t.sampleData
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "outline", onClick: e, children: gs(n, s) });
+  return /* @__PURE__ */ r.jsx(T, { variant: "outline", onClick: e, children: gs(n, s) });
 }), bf = z(({
   model: t
 }) => {
@@ -3246,7 +3246,7 @@ const ff = z(({
   } = y(), [n, {
     setTrue: s,
     setFalse: i
-  }] = st(!1), a = t.model;
+  }] = rt(!1), a = t.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Se, { opened: n, onClose: i, title: e("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(bf, { model: a }),
@@ -3315,7 +3315,7 @@ const jf = z(({
     /* @__PURE__ */ r.jsx(In, { visible: m }),
     h === 0 && /* @__PURE__ */ r.jsx(vr, { icon: /* @__PURE__ */ r.jsx(fm, { size: 16 }), title: e("interactions.unavailable"), color: "gray", children: e("interactions.unavailable_reason") }),
     c.map((x) => /* @__PURE__ */ r.jsx(jf, { onRemove: u, instance: a, sampleData: o, variables: l, item: x, manager: t.interactionManager }, x.id)),
-    /* @__PURE__ */ r.jsx(I, { style: {
+    /* @__PURE__ */ r.jsx(T, { style: {
       width: "fit-content"
     }, onClick: () => d(), disabled: h === 0, children: e("interactions.add") })
   ] });
@@ -3555,7 +3555,7 @@ function Pf(t, e, n) {
     left: o[1].offset,
     center: (o[1].offset + o[1].width) / 2,
     right: o[1].width
-  }, T = {
+  }, I = {
     type: "group",
     children: []
   }, R = [
@@ -3598,12 +3598,12 @@ function Pf(t, e, n) {
     lineWidth: a
   };
   return R.forEach((V) => {
-    T.children.push({
+    I.children.push({
       type: "line",
       shape: V,
       style: P
     });
-  }), T.children.push({
+  }), I.children.push({
     type: "rect",
     shape: {
       x: f.q1[0] + v.left,
@@ -3616,7 +3616,7 @@ function Pf(t, e, n) {
       stroke: i,
       lineWidth: a
     }
-  }), T;
+  }), I;
 }
 function Of(t, e) {
   const {
@@ -3747,7 +3747,7 @@ const Wf = (t, e) => {
     </tr>`);
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${yt(t.x_axis.axisLabel.overflow.in_tooltip)}">${e.name}</div>
+      <div style="${bt(t.x_axis.axisLabel.overflow.in_tooltip)}">${e.name}</div>
     </div>
     <table style="width: auto">
       <tbody>
@@ -3772,7 +3772,7 @@ function Ac(t, e) {
   });
 }
 function Qf(t, e) {
-  const n = yt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
+  const n = bt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
       <th style="text-align: right; padding: 0 1em;">${t.y_axis.name}</th>
       <td style="text-align: left; padding: 0 1em;">${e[1]}</td>
     </tr>
@@ -3789,7 +3789,7 @@ function Qf(t, e) {
   `;
 }
 function Hf(t, e) {
-  const n = yt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
+  const n = bt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
       <th style="text-align: right; padding: 0 1em;">${t.y_axis.name}</th>
       <td style="text-align: left; padding: 0 1em;">${e[1]}</td>
     </tr>
@@ -3881,7 +3881,7 @@ function Xf({
     x_axis: i,
     y_axis: a,
     reference_lines: o
-  } = t, l = Rf(t, e), c = _t(i.axisLabel.overflow.on_axis), d = Jf(s), u = Bf(t, l).map((h) => ({
+  } = t, l = Rf(t, e), c = yt(i.axisLabel.overflow.on_axis), d = Jf(s), u = Bf(t, l).map((h) => ({
     ...h,
     name: k.get(d, h.name, h.name)
   }));
@@ -3908,7 +3908,7 @@ function Xf({
       axisLabel: {
         ...i.axisLabel,
         ...c,
-        formatter: nt(i.axisLabel.formatter)
+        formatter: tt(i.axisLabel.formatter)
       }
     })],
     yAxis: [pe.getYAxis({
@@ -3941,13 +3941,13 @@ function Zf({
     vizManager: t.vizManager,
     instance: e
   }), u = mt(d.triggerManager, Dc.id), h = Rn(a, c.x_axis.data_key), m = Ne((v) => {
-    const T = k.get(h, v.name, {
+    const I = k.get(h, v.name, {
       error: "rowData is not found"
     });
     u.forEach((R) => {
       d.runInteraction(R.id, {
         ...v,
-        rowData: T
+        rowData: I
       });
     });
   }, [h, u, d]), x = C(() => ({
@@ -3958,7 +3958,7 @@ function Zf({
     variables: i,
     t: n
   }), [c, a, i, n]);
-  return !s || !o || !l ? null : /* @__PURE__ */ r.jsx(it, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: f, style: Mr(o, l), onEvents: x, notMerge: !0, theme: "merico-light" }) });
+  return !s || !o || !l ? null : /* @__PURE__ */ r.jsx(st, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: f, style: Mr(o, l), onEvents: x, notMerge: !0, theme: "merico-light" }) });
 }
 function eb({
   value: t,
@@ -4106,7 +4106,7 @@ class nb {
       steps: bl
     }, {
       deep: !1
-    }), tt(() => Xt(this.steps), () => {
+    }), dt(() => Xt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -4148,7 +4148,7 @@ function rb(t) {
   } = Pc(), [l, c] = H(_o(a)), [d, {
     setTrue: u,
     setFalse: h
-  }] = st(!1), m = i % 2 === 1, x = m && a != null, f = !m && a != null, v = `map ${a} to color ${i}`, T = () => {
+  }] = rt(!1), m = i % 2 === 1, x = m && a != null, f = !m && a != null, v = `map ${a} to color ${i}`, I = () => {
     c(_o(a)), h();
   }, R = () => {
     h(), n == null || n(Number(l));
@@ -4171,7 +4171,7 @@ function rb(t) {
         backgroundColor: s
       } }) }),
       /* @__PURE__ */ r.jsxs(Bn.Dropdown, { children: [
-        /* @__PURE__ */ r.jsx(me, { withinPortal: !0, zIndex: 340, label: e("common.actions.close"), children: /* @__PURE__ */ r.jsx(wr, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: T, style: {
+        /* @__PURE__ */ r.jsx(me, { withinPortal: !0, zIndex: 340, label: e("common.actions.close"), children: /* @__PURE__ */ r.jsx(wr, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: I, style: {
           position: "absolute",
           top: "0.5em",
           right: "0.8em"
@@ -4182,8 +4182,8 @@ function rb(t) {
             c(K);
           }, error: l && Y }),
           /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-            /* @__PURE__ */ r.jsx(I, { variant: "light", color: "red", size: "xs", onClick: P, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), children: e("common.actions.delete") }),
-            /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: R, disabled: Y, children: e("common.actions.save") })
+            /* @__PURE__ */ r.jsx(T, { variant: "light", color: "red", size: "xs", onClick: P, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), children: e("common.actions.delete") }),
+            /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: R, disabled: Y, children: e("common.actions.save") })
           ] })
         ] })
       ] })
@@ -4216,7 +4216,7 @@ const sb = z(({
   } = t, o = a.getColorInterpolations(), [l, c] = H(s), d = a.decodeInterpolation(l.interpolation) || o[0], [u, {
     setTrue: h,
     setFalse: m
-  }] = st(), x = C(() => o.map((P) => ({
+  }] = rt(), x = C(() => o.map((P) => ({
     label: e(P.displayName),
     value: a.encodeColor(P),
     group: e(`style.color.interpolation.palette.category.${P.category}`)
@@ -4230,7 +4230,7 @@ const sb = z(({
   const v = () => {
     m(), i == null || i(Xt(l));
   };
-  function T(P) {
+  function I(P) {
     c((V) => ({
       ...V,
       steps: P
@@ -4240,13 +4240,13 @@ const sb = z(({
     m(), c(s);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "outline", onClick: h, children: e(d == null ? void 0 : d.displayName) }),
+    /* @__PURE__ */ r.jsx(T, { variant: "outline", onClick: h, children: e(d == null ? void 0 : d.displayName) }),
     /* @__PURE__ */ r.jsx(Se, { size: 508, title: e("style.color.interpolation.setup"), opened: u, onClose: m, zIndex: 320, children: u && /* @__PURE__ */ r.jsxs(S, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r.jsx(O, { label: e("style.color.interpolation.palette.label"), value: l.interpolation, data: x, onChange: f, withinPortal: !0, zIndex: 340, maxDropdownHeight: 500 }),
-      /* @__PURE__ */ r.jsx(ib, { steps: l.steps, interpolation: d, onChange: T }),
+      /* @__PURE__ */ r.jsx(ib, { steps: l.steps, interpolation: d, onChange: I }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: R, variant: "subtle", children: e("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: v, children: e("common.actions.save") })
+        /* @__PURE__ */ r.jsx(T, { onClick: R, variant: "subtle", children: e("common.actions.cancel") }),
+        /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: v, children: e("common.actions.save") })
       ] })
     ] }) })
   ] });
@@ -4348,29 +4348,29 @@ const sb = z(({
   } = ys({
     control: t,
     name: n
-  }), m = e(n), x = d.map((v, T) => ({
+  }), m = e(n), x = d.map((v, I) => ({
     ...v,
-    ...m[T]
+    ...m[I]
   })), f = () => {
     u(s());
   };
   return /* @__PURE__ */ r.jsxs(_, { defaultValue: "0", styles: db, children: [
     /* @__PURE__ */ r.jsxs(_.List, { children: [
-      x.map((v, T) => /* @__PURE__ */ r.jsx(_.Tab, { value: T.toString(), children: l(v, T) }, v.id)),
+      x.map((v, I) => /* @__PURE__ */ r.jsx(_.Tab, { value: I.toString(), children: l(v, I) }, v.id)),
       /* @__PURE__ */ r.jsx(_.Tab, { onClick: f, value: "add", children: /* @__PURE__ */ r.jsx(me, { label: a, children: /* @__PURE__ */ r.jsx(an, { children: /* @__PURE__ */ r.jsx(Ct, { size: 18, color: "#228be6" }) }) }) })
     ] }),
-    x.map((v, T) => /* @__PURE__ */ r.jsx(_.Panel, { value: T.toString(), children: /* @__PURE__ */ r.jsxs(S, { children: [
+    x.map((v, I) => /* @__PURE__ */ r.jsx(_.Panel, { value: I.toString(), children: /* @__PURE__ */ r.jsxs(S, { children: [
       i({
         field: v,
-        index: T
+        index: I
       }),
       /* @__PURE__ */ r.jsx(E, { mb: -10, mt: 10, variant: "dashed" }),
-      /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), color: "red", variant: "light", onClick: () => h(T), sx: {
+      /* @__PURE__ */ r.jsx(T, { leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), color: "red", variant: "light", onClick: () => h(I), sx: {
         top: 15,
         right: 5
       }, disabled: c == null ? void 0 : c({
         field: v,
-        index: T,
+        index: I,
         fields: x
       }), children: o })
     ] }) }, v.id))
@@ -4634,7 +4634,7 @@ function yb({
     toggle: s
   }] = on(!1);
   return /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", w: "100%", compact: !0, onClick: s, leftIcon: n ? /* @__PURE__ */ r.jsx(km, { size: 14 }) : /* @__PURE__ */ r.jsx(Sm, { size: 14 }), children: e(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", w: "100%", compact: !0, onClick: s, leftIcon: n ? /* @__PURE__ */ r.jsx(km, { size: 14 }) : /* @__PURE__ */ r.jsx(Sm, { size: 14 }), children: e(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r.jsx(kr, { in: n, children: n && /* @__PURE__ */ r.jsxs(Pe, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
@@ -4719,7 +4719,7 @@ function _b({
     /* @__PURE__ */ r.jsx(yb, { format: t })
   ] });
 }
-const vt = L.forwardRef(_b), vb = ({
+const _t = L.forwardRef(_b), vb = ({
   control: t,
   watch: e
 }) => {
@@ -4743,7 +4743,7 @@ const vt = L.forwardRef(_b), vb = ({
       /* @__PURE__ */ r.jsx(E, { mt: 10, mb: -15, variant: "dashed", label: n("chart.axis.section_title.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.label_formatter", control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] })
   ] });
 };
@@ -5116,7 +5116,7 @@ const Hi = {
     height: m,
     justifyContent: $b[c],
     alignItems: Pb[d]
-  }, children: /* @__PURE__ */ r.jsx(I, { ...u, onClick: f, children: Di(l)(x) }) });
+  }, children: /* @__PURE__ */ r.jsx(T, { ...u, onClick: f, children: Di(l)(x) }) });
 }), Fb = ({
   value: t,
   onChange: e,
@@ -5352,7 +5352,7 @@ const Yi = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   tooltip: {
@@ -5644,7 +5644,7 @@ function cy({
   symbolSize: h,
   hide_in_legend: m,
   ...x
-}, f, v, T, R) {
+}, f, v, I, R) {
   const P = e.type !== "category", V = {
     label: {
       show: !!i,
@@ -5656,7 +5656,7 @@ function cy({
     yAxisIndex: s,
     stack: c,
     color: d,
-    symbolSize: ly(h, v, t, T),
+    symbolSize: ly(h, v, t, I),
     hide_in_legend: m,
     labelLayout: {
       hideOverlap: !0
@@ -5705,7 +5705,7 @@ function uy(t, e) {
     axisValue: s,
     axisIndex: i
   } = n;
-  return nt(e.x_axis.axisLabel.formatter)(s, i);
+  return tt(e.x_axis.axisLabel.formatter)(s, i);
 }
 const hy = (t) => ae(t, {
   output: "number",
@@ -5752,7 +5752,7 @@ function my(t, e, n, s) {
         </tr>`;
       });
       l.push(...c);
-      const d = yt(t.x_axis.axisLabel.overflow.in_tooltip), u = uy(o, t);
+      const d = bt(t.x_axis.axisLabel.overflow.in_tooltip), u = uy(o, t);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${d}">${u}</div>
@@ -5795,7 +5795,7 @@ function xy(t, e) {
   const {
     overflow: n,
     ...s
-  } = t.x_axis.axisLabel, i = _t(n.on_axis), a = e.length === 0;
+  } = t.x_axis.axisLabel, i = yt(n.on_axis), a = e.length === 0;
   return [pe.getXAxis({
     data: e,
     name: t.x_axis_name ?? "",
@@ -5805,7 +5805,7 @@ function xy(t, e) {
     axisLabel: {
       ...s,
       ...i,
-      formatter: nt(s.formatter)
+      formatter: tt(s.formatter)
     }
   })];
 }
@@ -5962,22 +5962,22 @@ function jy({
   } = xr(), x = L.useMemo(() => {
     const {
       stats: {
-        templates: T
+        templates: I
       }
     } = a;
     return {
-      top: br(T.top, i, o),
-      bottom: br(T.bottom, i, o)
+      top: br(I.top, i, o),
+      bottom: br(I.bottom, i, o)
     };
   }, [a, o]), f = Math.max(0, It(c) - u - m), v = zt(l);
-  return /* @__PURE__ */ r.jsxs(it, { width: l, height: c, children: [
+  return /* @__PURE__ */ r.jsxs(st, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: jo(a.stats.templates.top) ? "block" : "none"
-    }, children: Object.values(x.top).map((T, R) => /* @__PURE__ */ r.jsx(L.Fragment, { children: T }, R)) }),
+    }, children: Object.values(x.top).map((I, R) => /* @__PURE__ */ r.jsx(L.Fragment, { children: I }, R)) }),
     /* @__PURE__ */ r.jsx(vy, { variables: i, width: v, height: f, data: o, conf: a, interactionManager: n }),
     /* @__PURE__ */ r.jsx(w, { ref: h, align: "left", size: "xs", pl: "sm", sx: {
       display: jo(a.stats.templates.bottom) ? "block" : "none"
-    }, children: Object.values(x.bottom).map((T, R) => /* @__PURE__ */ r.jsx(L.Fragment, { children: T }, R)) })
+    }, children: Object.values(x.bottom).map((I, R) => /* @__PURE__ */ r.jsx(L.Fragment, { children: I }, R)) })
   ] });
 }
 function wy({
@@ -6393,7 +6393,7 @@ const Ty = ({
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t), c = () => {
+  }] = rt(), [o, l] = H(t), c = () => {
     a();
     const {
       type: m,
@@ -6416,17 +6416,17 @@ const Ty = ({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { sx: {
       width: "50%"
-    }, children: /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
+    }, children: /* @__PURE__ */ r.jsx(T, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), children: n("chart.symbol_size.setup.label") }) }),
     /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("chart.symbol_size.setup.title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mt: 10, mb: -10, label: n("chart.symbol_size.setup.description"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(Ty, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(T, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -6880,7 +6880,7 @@ function yi(t, e) {
   }
   return !0;
 }
-class lt {
+class ot {
   /**
   @internal
   */
@@ -6977,14 +6977,14 @@ class lt {
   */
   static setFrom(e) {
     if (!e || Array.isArray(e) && e.length == 0)
-      return lt.none;
-    if (e instanceof lt)
+      return ot.none;
+    if (e instanceof ot)
       return [e];
     let n = e.slice();
     return n.sort((s, i) => s.type.rank - i.type.rank), n;
   }
 }
-lt.none = [];
+ot.none = [];
 class Ry extends Error {
 }
 class ge {
@@ -7240,7 +7240,7 @@ function wo(t, e, n) {
 }
 class Br {
   constructor(e, n, s, i, a, o, l) {
-    this.type = e, this.attrs = n, this.marks = s, this.pendingMarks = i, this.solid = a, this.options = l, this.content = [], this.activeMarks = lt.none, this.stashMarks = [], this.match = o || (l & hr ? null : e.contentMatch);
+    this.type = e, this.attrs = n, this.marks = s, this.pendingMarks = i, this.solid = a, this.options = l, this.content = [], this.activeMarks = ot.none, this.stashMarks = [], this.match = o || (l & hr ? null : e.contentMatch);
   }
   findWrapping(e) {
     if (!this.match) {
@@ -7286,7 +7286,7 @@ class ko {
   constructor(e, n, s) {
     this.parser = e, this.options = n, this.isOpen = s, this.open = 0;
     let i = n.topNode, a, o = wo(null, n.preserveWhitespace, 0) | (s ? hr : 0);
-    i ? a = new Br(i.type, i.attrs, lt.none, lt.none, !0, n.topMatch || i.type.contentMatch, o) : s ? a = new Br(null, null, lt.none, lt.none, !0, null, o) : a = new Br(e.schema.topNodeType, null, lt.none, lt.none, !0, null, o), this.nodes = [a], this.find = n.findPositions, this.needsBlock = !1;
+    i ? a = new Br(i.type, i.attrs, ot.none, ot.none, !0, n.topMatch || i.type.contentMatch, o) : s ? a = new Br(null, null, ot.none, ot.none, !0, null, o) : a = new Br(e.schema.topNodeType, null, ot.none, ot.none, !0, null, o), this.nodes = [a], this.find = n.findPositions, this.needsBlock = !1;
   }
   get top() {
     return this.nodes[this.open];
@@ -7366,7 +7366,7 @@ class ko {
   // return an array of marks, or null to indicate some of the styles
   // had a rule with `ignore` set.
   readStyles(e) {
-    let n = lt.none, s = lt.none;
+    let n = ot.none, s = ot.none;
     for (let i = 0; i < e.length; i += 2)
       for (let a = void 0; ; ) {
         let o = this.parser.matchStyle(e[i], e[i + 1], this, a);
@@ -7756,7 +7756,7 @@ class ft {
 }
 ft.empty = new ft([]);
 const ei = /* @__PURE__ */ Object.create(null);
-class at {
+class it {
   /**
   Get the step map that represents the changes made by this step,
   and which can be used to transform between positions in the old
@@ -7839,7 +7839,7 @@ function ta(t, e, n) {
   }
   return ue.fromArray(s);
 }
-class fn extends at {
+class fn extends it {
   /**
   Create a mark step.
   */
@@ -7877,8 +7877,8 @@ class fn extends at {
     return new fn(n.from, n.to, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("addMark", fn);
-class bn extends at {
+it.jsonID("addMark", fn);
+class bn extends it {
   /**
   Create a mark-removing step.
   */
@@ -7916,8 +7916,8 @@ class bn extends at {
     return new bn(n.from, n.to, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("removeMark", bn);
-class yn extends at {
+it.jsonID("removeMark", bn);
+class yn extends it {
   /**
   Create a node mark step.
   */
@@ -7960,8 +7960,8 @@ class yn extends at {
     return new yn(n.pos, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("addNodeMark", yn);
-class yr extends at {
+it.jsonID("addNodeMark", yn);
+class yr extends it {
   /**
   Create a mark-removing step.
   */
@@ -7995,8 +7995,8 @@ class yr extends at {
     return new yr(n.pos, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("removeNodeMark", yr);
-class Mt extends at {
+it.jsonID("removeNodeMark", yr);
+class Mt extends it {
   /**
   The given `slice` should fit the 'gap' between `from` and
   `to`—the depths must line up, and the surrounding nodes must be
@@ -8047,8 +8047,8 @@ class Mt extends at {
     return new Mt(n.from, n.to, ge.fromJSON(e, n.slice), !!n.structure);
   }
 }
-at.jsonID("replace", Mt);
-class wn extends at {
+it.jsonID("replace", Mt);
+class wn extends it {
   /**
   Create a replace-around step with the given range and gap.
   `insert` should be the point in the slice into which the content
@@ -8105,7 +8105,7 @@ class wn extends at {
     return new wn(n.from, n.to, n.gapFrom, n.gapTo, ge.fromJSON(e, n.slice), n.insert, !!n.structure);
   }
 }
-at.jsonID("replaceAround", wn);
+it.jsonID("replaceAround", wn);
 function _i(t, e, n) {
   let s = t.resolve(e), i = n - e, a = s.depth;
   for (; i > 0 && a > 0 && s.indexAfter(a) == s.node(a).childCount; )
@@ -8158,7 +8158,7 @@ function Kc(t, e) {
 function Wy(t, e) {
   return !!(t && e && !t.isLeaf && t.canAppend(e));
 }
-class mr extends at {
+class mr extends it {
   /**
   Construct an attribute step.
   */
@@ -8195,7 +8195,7 @@ class mr extends at {
     return new mr(n.pos, n.attr, n.value);
   }
 }
-at.jsonID("attr", mr);
+it.jsonID("attr", mr);
 let _r = class extends Error {
 };
 _r = function t(e) {
@@ -8466,7 +8466,7 @@ class Ls {
     return $e.between(e.resolve(this.anchor), e.resolve(this.head));
   }
 }
-class dt extends ve {
+class ct extends ve {
   /**
   Create a node selection. Does not verify the validity of its
   argument.
@@ -8477,13 +8477,13 @@ class dt extends ve {
   }
   map(e, n) {
     let { deleted: s, pos: i } = n.mapResult(this.anchor), a = e.resolve(i);
-    return s ? ve.near(a) : new dt(a);
+    return s ? ve.near(a) : new ct(a);
   }
   content() {
     return new ge(ue.from(this.node), 0, 0);
   }
   eq(e) {
-    return e instanceof dt && e.anchor == this.anchor;
+    return e instanceof ct && e.anchor == this.anchor;
   }
   toJSON() {
     return { type: "node", anchor: this.anchor };
@@ -8497,13 +8497,13 @@ class dt extends ve {
   static fromJSON(e, n) {
     if (typeof n.anchor != "number")
       throw new RangeError("Invalid input for NodeSelection.fromJSON");
-    return new dt(e.resolve(n.anchor));
+    return new ct(e.resolve(n.anchor));
   }
   /**
   Create a node selection from non-resolved positions.
   */
   static create(e, n) {
-    return new dt(e.resolve(n));
+    return new ct(e.resolve(n));
   }
   /**
   Determines whether the given node may be selected as a node
@@ -8513,8 +8513,8 @@ class dt extends ve {
     return !e.isText && e.type.spec.selectable !== !1;
   }
 }
-dt.prototype.visible = !1;
-ve.jsonID("node", dt);
+ct.prototype.visible = !1;
+ve.jsonID("node", ct);
 class na {
   constructor(e) {
     this.anchor = e;
@@ -8525,7 +8525,7 @@ class na {
   }
   resolve(e) {
     let n = e.resolve(this.anchor), s = n.nodeAfter;
-    return s && dt.isSelectable(s) ? new dt(n) : ve.near(n);
+    return s && ct.isSelectable(s) ? new ct(n) : ve.near(n);
   }
 }
 class Ut extends ve {
@@ -8577,8 +8577,8 @@ function Fn(t, e, n, s, i, a = !1) {
   for (let o = s - (i > 0 ? 0 : 1); i > 0 ? o < e.childCount : o >= 0; o += i) {
     let l = e.child(o);
     if (l.isAtom) {
-      if (!a && dt.isSelectable(l))
-        return dt.create(t, n - (i < 0 ? l.nodeSize : 0));
+      if (!a && ct.isSelectable(l))
+        return ct.create(t, n - (i < 0 ? l.nodeSize : 0));
     } else {
       let c = Fn(t, l, n + i, i < 0 ? l.childCount : 0, i, a);
       if (c)
@@ -8735,7 +8735,7 @@ class Hy {
   createChain(e, n = !0) {
     const { rawCommands: s, editor: i, state: a } = this, { view: o } = i, l = [], c = !!e, d = e || a.tr, u = () => (!c && n && !d.getMeta("preventDispatch") && !this.hasCustomState && o.dispatch(d), l.every((m) => m === !0)), h = {
       ...Object.fromEntries(Object.entries(s).map(([m, x]) => [m, (...v) => {
-        const T = this.buildProps(d, n), R = x(...v)(T);
+        const I = this.buildProps(d, n), R = x(...v)(I);
         return l.push(R), h;
       }])),
       run: u
@@ -9231,10 +9231,10 @@ function W_(t, e, n = {}) {
   const l = [];
   if (i.forEach(({ $from: h, $to: m }) => {
     const x = h.pos, f = m.pos;
-    t.doc.nodesBetween(x, f, (v, T) => {
+    t.doc.nodesBetween(x, f, (v, I) => {
       if (!v.isText && !v.marks.length)
         return;
-      const R = Math.max(x, T), P = Math.min(f, T + v.nodeSize), V = P - R;
+      const R = Math.max(x, I), P = Math.min(f, I + v.nodeSize), V = P - R;
       o += V, l.push(...v.marks.map((Y) => ({
         mark: Y,
         from: R,
@@ -9307,7 +9307,7 @@ const Q_ = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return a.isTextblock ? i().command(({ commands: o }) => ho(a, e)(n) ? !0 : o.clearNodes()).command(({ state: o }) => ho(a, e)(o, s)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, Y_ = (t) => ({ tr: e, dispatch: n }) => {
   if (n) {
-    const { doc: s } = e, i = _n(t, 0, s.content.size), a = dt.create(s, i);
+    const { doc: s } = e, i = _n(t, 0, s.content.size), a = ct.create(s, i);
     e.setSelection(a);
   }
   return !0;
@@ -9330,7 +9330,7 @@ function Ao(t, e) {
 }
 const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, editor: i }) => {
   const { selection: a, doc: o } = e, { $from: l, $to: c } = a, d = i.extensionManager.attributes, u = es(d, l.node().type.name, l.node().attrs);
-  if (a instanceof dt && a.node.isBlock)
+  if (a instanceof ct && a.node.isBlock)
     return !l.parentOffset || !Zr(o, l.pos) ? !1 : (s && (t && Ao(n, i.extensionManager.splittableMarks), e.split(l.pos).scrollIntoView()), !0);
   if (!l.parent.isBlock)
     return !1;
@@ -9350,8 +9350,8 @@ const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
         attrs: u
       }
     ] : void 0), f && (e.split(e.mapping.map(l.pos), 1, x), m && !h && !l.parentOffset && l.parent.type !== m)) {
-      const v = e.mapping.map(l.before()), T = e.doc.resolve(v);
-      l.node(-1).canReplaceWith(T.index(), T.index() + 1, m) && e.setNodeMarkup(e.mapping.map(l.before()), m);
+      const v = e.mapping.map(l.before()), I = e.doc.resolve(v);
+      l.node(-1).canReplaceWith(I.index(), I.index() + 1, m) && e.setNodeMarkup(e.mapping.map(l.before()), m);
     }
     t && Ao(n, i.extensionManager.splittableMarks), e.scrollIntoView();
   }
@@ -9369,14 +9369,14 @@ const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     if (l.depth === 2 || l.node(-3).type !== o || l.index(-2) !== l.node(-2).childCount - 1)
       return !1;
     if (s) {
-      let T = ue.empty;
+      let I = ue.empty;
       const R = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let Z = l.depth - R; Z >= l.depth - 3; Z -= 1)
-        T = ue.from(l.node(Z).copy(T));
+        I = ue.from(l.node(Z).copy(I));
       const P = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, V = es(h, l.node().type.name, l.node().attrs), Y = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(V)) || void 0;
-      T = T.append(ue.from(o.createAndFill(null, Y) || void 0));
+      I = I.append(ue.from(o.createAndFill(null, Y) || void 0));
       const te = l.before(l.depth - (R - 1));
-      e.replace(te, l.after(-P), new ge(T, 4 - R, 0));
+      e.replace(te, l.after(-P), new ge(I, 4 - R, 0));
       let K = -1;
       e.doc.nodesBetween(te, e.doc.content.size, (Z, we) => {
         if (K > -1)
@@ -9395,7 +9395,7 @@ const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   if (!Zr(e.doc, l.pos, 2))
     return !1;
   if (s) {
-    const { selection: T, storedMarks: R } = n, { splittableMarks: P } = i.extensionManager, V = R || T.$to.parentOffset && T.$from.marks();
+    const { selection: I, storedMarks: R } = n, { splittableMarks: P } = i.extensionManager, V = R || I.$to.parentOffset && I.$from.marks();
     if (e.split(l.pos, 2, v).scrollIntoView(), !V || !s)
       return !0;
     const Y = V.filter((te) => P.includes(te.type.name));
@@ -9421,7 +9421,7 @@ const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
   const i = t.doc.nodeAt(s);
   return n.node.type === (i == null ? void 0 : i.type) && Kc(t.doc, s) && t.join(s), !0;
 }, ev = (t, e, n, s = {}) => ({ editor: i, tr: a, state: o, dispatch: l, chain: c, commands: d, can: u }) => {
-  const { extensions: h, splittableMarks: m } = i.extensionManager, x = Ke(t, o.schema), f = Ke(e, o.schema), { selection: v, storedMarks: T } = o, { $from: R, $to: P } = v, V = R.blockRange(P), Y = T || v.$to.parentOffset && v.$from.marks();
+  const { extensions: h, splittableMarks: m } = i.extensionManager, x = Ke(t, o.schema), f = Ke(e, o.schema), { selection: v, storedMarks: I } = o, { $from: R, $to: P } = v, V = R.blockRange(P), Y = I || v.$to.parentOffset && v.$from.marks();
   if (!V)
     return !1;
   const te = ia((K) => Eo(K.type.name, h))(v);
@@ -9476,7 +9476,7 @@ const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, edit
     return !0;
   if (u && o) {
     let { from: m, to: x } = l;
-    const f = (a = d.marks().find((T) => T.type === c)) === null || a === void 0 ? void 0 : a.attrs, v = td(d, c, f);
+    const f = (a = d.marks().find((I) => I.type === c)) === null || a === void 0 ? void 0 : a.attrs, v = td(d, c, f);
     v && (m = v.from, x = v.to), n.removeMark(m, x, c);
   } else
     h.forEach((m) => {
@@ -9804,7 +9804,7 @@ function ad() {
         }
       }
     } }) }),
-    /* @__PURE__ */ r.jsx(I, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 16 }), children: t("function_utils.trigger_text") })
+    /* @__PURE__ */ r.jsx(T, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 16 }), children: t("function_utils.trigger_text") })
   ] });
 }
 const xv = ({
@@ -9859,9 +9859,9 @@ const xv = ({
     }, children: [
       /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(ad, {}) }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: u, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(Dl, { size: 16 }), children: a("common.actions.reset_to_default") }),
-        /* @__PURE__ */ r.jsx(I, { onClick: d, color: "red", size: "xs", disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 16 }), children: a("common.actions.revert_changes") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: c, disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), children: a("common.actions.save_changes") })
+        /* @__PURE__ */ r.jsx(T, { onClick: u, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(Dl, { size: 16 }), children: a("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: d, color: "red", size: "xs", disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 16 }), children: a("common.actions.revert_changes") }),
+        /* @__PURE__ */ r.jsx(T, { color: "green", size: "xs", onClick: c, disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), children: a("common.actions.save_changes") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(w, { size: 14, children: n }),
@@ -9886,7 +9886,7 @@ const xv = ({
       i,
       /* @__PURE__ */ r.jsx(M, { h: 600, children: /* @__PURE__ */ r.jsx(Yn, { value: e, onChange: n, defaultValue: l, label: s }) })
     ] }),
-    /* @__PURE__ */ r.jsx(I, { onClick: u, ...o, children: a })
+    /* @__PURE__ */ r.jsx(T, { onClick: u, ...o, children: a })
   ] });
 });
 function gv({
@@ -10572,7 +10572,7 @@ function Iv({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${e}.label_formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
@@ -11179,7 +11179,7 @@ function rj(t, e) {
     const h = F(s), m = F(i), x = e[h.queryID].map((v) => ({
       name: v[h.columnKey],
       value: v[m.columnKey]
-    })), f = _t(a.overflow.on_axis);
+    })), f = yt(a.overflow.on_axis);
     return {
       type: "funnel",
       ...nj(n),
@@ -11288,7 +11288,7 @@ function lj(t) {
     axisLabel: {
       show: !0,
       position: "inside",
-      overflow: rt()
+      overflow: nt()
     },
     sort: "descending",
     orient: "vertical",
@@ -11319,7 +11319,7 @@ function dj({
     width: i,
     height: a
   } = t.viewport;
-  return !i || !a ? null : /* @__PURE__ */ r.jsx(it, { width: i, height: a, children: /* @__PURE__ */ r.jsx(cj, { width: zt(i), height: It(a), data: s, conf: n }) });
+  return !i || !a ? null : /* @__PURE__ */ r.jsx(st, { width: i, height: a, children: /* @__PURE__ */ r.jsx(cj, { width: zt(i), height: It(a), data: s, conf: n }) });
 }
 const uj = ({
   item: t,
@@ -11664,7 +11664,7 @@ const _j = {
   translation: gj
 };
 function vj(t) {
-  const e = nt(t.x_axis.axisLabel.formatter), n = nt(t.y_axis.axisLabel.formatter);
+  const e = tt(t.x_axis.axisLabel.formatter), n = tt(t.y_axis.axisLabel.formatter);
   return {
     x_axis: e,
     y_axis: n
@@ -11740,14 +11740,14 @@ function Cj({
     value: e.x_axis(l, o),
     style: {
       label: "",
-      value: yt(t.x_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: t.y_axis.name ? t.y_axis.name : "Y Axis",
     value: e.y_axis(c, o),
     style: {
       label: "",
-      value: yt(t.y_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, m = {
     label: t.heat_block.name,
@@ -11758,10 +11758,10 @@ function Cj({
     }
   }, x = [u, h, m], f = s[`${l}---${c}`];
   return f && t.tooltip.metrics.forEach((v) => {
-    const T = F(v.data_key);
+    const I = F(v.data_key);
     x.push({
       label: v.name,
-      value: Sj(k.get(f, T.columnKey, "")),
+      value: Sj(k.get(f, I.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -11815,7 +11815,7 @@ function Ij(t, e, n, s) {
   const {
     overflow: i,
     rotate: a
-  } = t.x_axis.axisLabel, o = _t(i.on_axis);
+  } = t.x_axis.axisLabel, o = yt(i.on_axis);
   return pe.getXAxis({
     id: "main-x-axis",
     type: "category",
@@ -11862,7 +11862,7 @@ function Tj(t, e, n, s) {
   } = t.y_axis, {
     overflow: l,
     rotate: c
-  } = t.y_axis.axisLabel, d = _t(l.on_axis);
+  } = t.y_axis.axisLabel, d = yt(l.on_axis);
   return pe.getYAxis({
     ...o,
     type: "category",
@@ -11936,7 +11936,7 @@ const Dj = ({
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t), c = () => {
+  }] = rt(), [o, l] = H(t), c = () => {
     a();
     const {
       type: m,
@@ -11959,17 +11959,17 @@ const Dj = ({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { sx: {
       width: "50%"
-    }, children: /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: i, sx: {
+    }, children: /* @__PURE__ */ r.jsx(T, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("chart.number_or_dynamic_value.dynamic.setup") }) }),
     /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mt: 10, mb: -10, label: n("chart.number_or_dynamic_value.dynamic.guide"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(Dj, { value: o.value, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(T, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -12319,7 +12319,7 @@ function Wj(t, e, n, s, i) {
   }, {}), o = $j(t.visualMap, a), {
     min: l,
     max: c
-  } = o, d = vj(t), u = jj(t), h = F(t.x_axis.data_key), m = F(t.y_axis.data_key), x = F(t.heat_block.data_key), f = k.uniq(e[h.queryID].map((V) => V[h.columnKey])), v = k.uniq(e[h.queryID].map((V) => V[m.columnKey])), T = e[h.queryID].map((V) => {
+  } = o, d = vj(t), u = jj(t), h = F(t.x_axis.data_key), m = F(t.y_axis.data_key), x = F(t.heat_block.data_key), f = k.uniq(e[h.queryID].map((V) => V[h.columnKey])), v = k.uniq(e[h.queryID].map((V) => V[m.columnKey])), I = e[h.queryID].map((V) => {
     const Y = k.get(V, h.columnKey), te = k.get(V, m.columnKey), K = k.get(V, x.columnKey), Z = {
       value: [Y, te, K]
     }, {
@@ -12333,7 +12333,7 @@ function Wj(t, e, n, s, i) {
   return {
     xAxis: Ij(t, f, d.x_axis, R),
     yAxis: Tj(t, v, d.y_axis, R),
-    series: kj(t, T, R),
+    series: kj(t, I, R),
     tooltip: zj(t, e, d, u),
     grid: wj(t),
     visualMap: o
@@ -12384,7 +12384,7 @@ const dd = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -12394,7 +12394,7 @@ const dd = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -12456,7 +12456,7 @@ function Uj({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Hj, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Hj, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function Yj({
   control: t,
@@ -12483,7 +12483,7 @@ function Yj({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(vt, { ...i }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...i }) }),
     /* @__PURE__ */ r.jsx(E, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.label.show", control: t, render: ({
@@ -12933,7 +12933,7 @@ const hd = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   data_key: "value",
@@ -13114,7 +13114,7 @@ const vw = (t, e) => (n) => {
       <td style="text-align: left; padding: 0 1em;">${m(h)}</td>
     </tr>
   `;
-  }), a = yt(t.x_axis.axisLabel.overflow.in_tooltip), o = s[0].name;
+  }), a = bt(t.x_axis.axisLabel.overflow.in_tooltip), o = s[0].name;
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${a}">${o}</div>
@@ -13136,7 +13136,7 @@ function ww(t) {
   const {
     name: e,
     axisLabel: n
-  } = t.x_axis, s = _t(n.overflow.on_axis);
+  } = t.x_axis, s = yt(n.overflow.on_axis);
   return [pe.getXAxis({
     type: "category",
     id: "main-x-axis",
@@ -13149,7 +13149,7 @@ function ww(t) {
     axisLabel: {
       ...n,
       ...s,
-      formatter: nt(n.formatter)
+      formatter: tt(n.formatter)
     }
   })];
 }
@@ -13253,8 +13253,8 @@ function Iw({
     const v = k.get(h, f.name, {
       error: "rowData is not found"
     });
-    u.forEach((T) => {
-      d.runInteraction(T.id, {
+    u.forEach((I) => {
+      d.runInteraction(I.id, {
         ...f,
         rowData: v
       });
@@ -13262,7 +13262,7 @@ function Iw({
   }, [h, u, d]), x = C(() => ({
     click: m
   }), [m]);
-  return !l || !a || !o ? null : /* @__PURE__ */ r.jsx(it, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: c, style: Mr(a, o), onEvents: x, notMerge: !0, theme: "merico-light" }) });
+  return !l || !a || !o ? null : /* @__PURE__ */ r.jsx(st, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: c, style: Mr(a, o), onEvents: x, notMerge: !0, theme: "merico-light" }) });
 }
 function Tw({
   control: t,
@@ -13294,7 +13294,7 @@ function Tw({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.label.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.label_formatter", control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] })
   ] });
 }
@@ -13355,7 +13355,7 @@ const Mw = (t, e) => `
     i18n: e
   } = y(), [n, s] = H(!1), i = C(() => Mw(t("viz.pareto_chart.line_80_20.param_section_note_1"), t("viz.pareto_chart.line_80_20.param_section_note_2")), [e.language]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", compact: !0, onClick: () => s((a) => !a), children: t(n ? "common.actions.close" : "viz.pareto_chart.line_80_20.click_to_see_params") }),
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", compact: !0, onClick: () => s((a) => !a), children: t(n ? "common.actions.close" : "viz.pareto_chart.line_80_20.click_to_see_params") }),
     /* @__PURE__ */ r.jsx(kr, { in: n, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: i }) })
   ] });
 };
@@ -13924,7 +13924,7 @@ function e0({
     width: o,
     height: l
   } = t.viewport;
-  return !o || !l ? null : /* @__PURE__ */ r.jsx(it, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Zw, { conf: i, width: zt(o), height: It(l), data: a, interactionManager: n }) });
+  return !o || !l ? null : /* @__PURE__ */ r.jsx(st, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Zw, { conf: i, width: zt(o), height: It(l), data: a, interactionManager: n }) });
 }
 function t0({
   context: t
@@ -14300,8 +14300,8 @@ function y0({
     const {
       queryID: h,
       columnKey: m
-    } = F(t.series_name_key), x = k.keyBy(e[h], m), f = t.additional_series.reduce((v, T) => {
-      const R = F(T.name_key), P = k.keyBy(e[R.queryID], R.columnKey);
+    } = F(t.series_name_key), x = k.keyBy(e[h], m), f = t.additional_series.reduce((v, I) => {
+      const R = F(I.name_key), P = k.keyBy(e[R.queryID], R.columnKey);
       return {
         ...v,
         ...P
@@ -14344,7 +14344,7 @@ function _0({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c || !a || wl(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(y0, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c || !a || wl(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(y0, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function v0({
   control: t,
@@ -14433,7 +14433,7 @@ function w0({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("viz.radar_chart.metric.value_formatter"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `dimensions.${e}.formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] })
   ] });
 }
@@ -14866,7 +14866,7 @@ function B0(t) {
     format: n,
     formatter: s,
     ...i
-  } = t.x_axis.axisLabel, a = _t(e.on_axis);
+  } = t.x_axis.axisLabel, a = yt(e.on_axis);
   return pe.getXAxis({
     type: "value",
     name: t.x_axis.name ?? "",
@@ -14881,7 +14881,7 @@ function B0(t) {
           c = ae(o, n);
         } catch {
         }
-        return nt(s)(c, l);
+        return tt(s)(c, l);
       }
     }
   });
@@ -15124,7 +15124,7 @@ function Z0({
     t: n
   } = y();
   return /* @__PURE__ */ r.jsxs(Te, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
     /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(He, { children: /* @__PURE__ */ r.jsx(X0, { conf: t, queryData: e }) }) })
   ] });
 }
@@ -15145,7 +15145,7 @@ const ua = {
     axisLabel: {
       rotate: 0,
       format: We,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -15196,7 +15196,7 @@ function tk({
   }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), a = C(() => G0(Ce({}, e, ua), i), [e, i]), o = fs(null), l = (c) => {
     o.current = c;
   };
-  return !n || !s || !e ? null : /* @__PURE__ */ r.jsxs(it, { width: n, height: s, children: [
+  return !n || !s || !e ? null : /* @__PURE__ */ r.jsxs(st, { width: n, height: s, children: [
     /* @__PURE__ */ r.jsx(ek, { conf: e, queryData: i }),
     /* @__PURE__ */ r.jsx(Ze, { echarts: Je, onChartReady: l, option: a, style: Mr(n, s), notMerge: !0, theme: "merico-light" })
   ] });
@@ -15280,7 +15280,7 @@ function rk({
     /* @__PURE__ */ r.jsx(E, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
     /* @__PURE__ */ r.jsx(S, { children: /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.format", control: t, render: ({
       field: n
-    }) => /* @__PURE__ */ r.jsx(vt, { ...n }) }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...n }) }) }),
     /* @__PURE__ */ r.jsx(E, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.rotate", control: t, render: ({
@@ -15367,7 +15367,7 @@ function ak(t) {
       axisLabel: {
         rotate: 0,
         format: We,
-        overflow: rt(),
+        overflow: nt(),
         formatter: Ue()
       }
     },
@@ -15783,7 +15783,7 @@ function _d() {
   const {
     on_axis: t,
     in_tooltip: e
-  } = rt();
+  } = nt();
   return {
     label: t,
     tooltip: e
@@ -15813,7 +15813,7 @@ const ma = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   y_axes: [{
@@ -15987,7 +15987,7 @@ function Ek({
     label: {
       show: !!e.label_position,
       position: e.label_position,
-      ..._t(e.label_overflow.label),
+      ...yt(e.label_overflow.label),
       formatter: ({
         value: o
       }) => o[a.columnKey]
@@ -16017,7 +16017,7 @@ function Fo(t, e, n) {
   const {
     x_axis: s
   } = n;
-  return s.axisLabel.formatter.enabled ? nt(s.axisLabel.formatter)(t, e) : t;
+  return s.axisLabel.formatter.enabled ? tt(s.axisLabel.formatter)(t, e) : t;
 }
 function $k(t, e) {
   const {
@@ -16054,7 +16054,7 @@ function Ok(t, e) {
       const a = e[0] ?? e.default, o = Array.isArray(i) ? i : [i];
       if (o.length === 0)
         return "";
-      const l = $k(o, t), c = yt(t.scatter.label_overflow.tooltip), d = o.map(
+      const l = $k(o, t), c = bt(t.scatter.label_overflow.tooltip), d = o.map(
         // @ts-expect-error type of value
         ({
           value: f
@@ -16065,7 +16065,7 @@ function Ok(t, e) {
           `
       );
       d.unshift("<th></th>");
-      const u = yt(t.x_axis.axisLabel.overflow.in_tooltip), h = [`<tr>
+      const u = bt(t.x_axis.axisLabel.overflow.in_tooltip), h = [`<tr>
           <th style="text-align: right;">${t.x_axis.name}</th>
           ${o.map((f) => `<td style="text-align: right; padding: 0 1em;"><div style="${u}">${l}</div></td>`).join("")}
         </tr>`, `<tr>
@@ -16095,7 +16095,7 @@ function Fk(t, e) {
   const n = e.every((l) => !Number.isNaN(Number(l))), {
     overflow: s,
     ...i
-  } = t.x_axis.axisLabel, a = _t(s.on_axis), o = e.length === 0;
+  } = t.x_axis.axisLabel, a = yt(s.on_axis), o = e.length === 0;
   return [pe.getXAxis({
     data: e,
     name: t.x_axis.name ?? "",
@@ -16105,7 +16105,7 @@ function Fk(t, e) {
     axisLabel: {
       ...i,
       ...a,
-      formatter: nt(i.formatter)
+      formatter: tt(i.formatter)
     }
   })];
 }
@@ -16254,7 +16254,7 @@ function Wk({
       bottom: br(v.bottom, i, o)
     };
   }, [a, o]), f = Math.max(0, It(c) - u - m);
-  return !l || !c ? null : /* @__PURE__ */ r.jsxs(it, { width: l, height: c, children: [
+  return !l || !c ? null : /* @__PURE__ */ r.jsxs(st, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: Vo(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(x.top).map((v) => v) }),
@@ -16502,7 +16502,7 @@ const Kk = ({
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t), c = () => {
+  }] = rt(), [o, l] = H(t), c = () => {
     a();
     const {
       type: m,
@@ -16525,16 +16525,16 @@ const Kk = ({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { sx: {
       width: "50%"
-    }, children: /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: i, sx: {
+    }, children: /* @__PURE__ */ r.jsx(T, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("viz.scatter_chart.color.dynamic.setup") }) }),
     /* @__PURE__ */ r.jsx(Se, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(Kk, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(T, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -16806,7 +16806,7 @@ function lS({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${e}.label_formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
@@ -17074,7 +17074,7 @@ function jS(t) {
   const e = {
     x_axis: {
       axisLabel: {
-        overflow: rt()
+        overflow: nt()
       }
     }
   };
@@ -17328,7 +17328,7 @@ const LS = {
   }, [i.payloadForSQL, c]), f = C(() => br(x, l, t.data), [x, l, t.data, t]), v = C(() => l.reduce((P, V) => {
     const Y = qt(V, o);
     return P[V.name] = ut(V, Y), P;
-  }, {}), [o, l]), T = Ne(() => {
+  }, {}), [o, l]), I = Ne(() => {
     s.forEach((P) => {
       n.runInteraction(P.id, {
         variables: v
@@ -17345,7 +17345,7 @@ const LS = {
     height: m,
     justifyContent: LS[d],
     alignItems: RS[u]
-  }, children: /* @__PURE__ */ r.jsx(M, { sx: R, onClick: T, children: Object.values(f).map((P, V) => /* @__PURE__ */ r.jsx(L.Fragment, { children: P }, V)) }) });
+  }, children: /* @__PURE__ */ r.jsx(M, { sx: R, onClick: I, children: Object.values(f).map((P, V) => /* @__PURE__ */ r.jsx(L.Fragment, { children: P }, V)) }) });
 });
 function AS({
   context: t
@@ -17583,7 +17583,7 @@ function YS({
     width: a,
     height: o
   } = t.viewport, l = C(() => US(s, i, e), [s, i, e]);
-  return !a || !o ? null : /* @__PURE__ */ r.jsx(it, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: l, style: Mr(a, o), notMerge: !0, theme: "merico-light" }) });
+  return !a || !o ? null : /* @__PURE__ */ r.jsx(st, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: l, style: Mr(a, o), notMerge: !0, theme: "merico-light" }) });
 }
 function KS({
   control: t,
@@ -17892,7 +17892,7 @@ const l1 = {
   },
   translation: n1
 };
-var jt = /* @__PURE__ */ ((t) => (t.string = "string", t.number = "number", t.eloc = "eloc", t.percentage = "percentage", t.url = "url", t.custom = "custom", t))(jt || {});
+var vt = /* @__PURE__ */ ((t) => (t.string = "string", t.number = "number", t.eloc = "eloc", t.percentage = "percentage", t.url = "url", t.custom = "custom", t))(vt || {});
 const jd = ["function text({ value, row_data }, utils) {", "    return value", "}"].join(`
 `), wd = {
   columns: [],
@@ -18104,17 +18104,17 @@ function y1(t) {
 }
 function _1(t) {
   switch (t.type) {
-    case jt.string:
+    case vt.string:
       return /* @__PURE__ */ r.jsx(p1, { ...t });
-    case jt.eloc:
+    case vt.eloc:
       return /* @__PURE__ */ r.jsx(g1, { ...t });
-    case jt.number:
+    case vt.number:
       return /* @__PURE__ */ r.jsx(f1, { ...t });
-    case jt.percentage:
+    case vt.percentage:
       return /* @__PURE__ */ r.jsx(b1, { ...t });
-    case jt.url:
+    case vt.url:
       return /* @__PURE__ */ r.jsx(x1, { ...t });
-    case jt.custom:
+    case vt.custom:
       return /* @__PURE__ */ r.jsx(y1, { ...t });
   }
 }
@@ -18342,7 +18342,7 @@ function No({
       id: Ee,
       label: Ee,
       value_field: Ee,
-      value_type: jt.string,
+      value_type: vt.string,
       align: "left",
       width: "",
       cellBackgroundColor: ""
@@ -18356,7 +18356,7 @@ function No({
     return x.map((Ee) => {
       const Ar = Dx(Ee.value_field);
       return _e.accessor(Ar.columnKey, {
-        cell: (ot) => /* @__PURE__ */ r.jsx(_1, { tableCellContext: f(ot.cell), value: ot.getValue(), type: Ee.value_type, row_data: ot.row.original, ...Ee }),
+        cell: (at) => /* @__PURE__ */ r.jsx(_1, { tableCellContext: f(at.cell), value: at.getValue(), type: Ee.value_type, row_data: at.row.original, ...Ee }),
         header: Ee.label,
         enableSorting: !0,
         meta: Ee,
@@ -18364,10 +18364,10 @@ function No({
         minSize: typeof Ee.width == "number" ? Ee.width : void 0
       });
     });
-  }, [x, f]), [T, R] = H([]), P = ec({
+  }, [x, f]), [I, R] = H([]), P = ec({
     data: t,
     state: {
-      sorting: T
+      sorting: I
     },
     onSortingChange: R,
     columns: v,
@@ -18490,14 +18490,14 @@ const A1 = re((t, e) => {
   } = y(), {
     colorManager: s
   } = Kt(Nt), [i, a] = H(Td(t.value)), [o, l] = H(R1(s, t.value)), c = oo(o), [d, u] = H(E1(s, t.value)), h = oo(d), m = (v) => {
-    var T, R, P;
-    a(v || "none"), v === "static" ? (T = t.onChange) == null || T.call(t, c.current) : v === "none" || !v ? (R = t.onChange) == null || R.call(t, "none") : (P = t.onChange) == null || P.call(t, h.current);
+    var I, R, P;
+    a(v || "none"), v === "static" ? (I = t.onChange) == null || I.call(t, c.current) : v === "none" || !v ? (R = t.onChange) == null || R.call(t, "none") : (P = t.onChange) == null || P.call(t, h.current);
   }, x = (v) => {
-    var T;
-    l(v), (T = t.onChange) == null || T.call(t, v);
+    var I;
+    l(v), (I = t.onChange) == null || I.call(t, v);
   }, f = (v) => {
-    var T;
-    u(v), (T = t.onChange) == null || T.call(t, v);
+    var I;
+    u(v), (I = t.onChange) == null || I.call(t, v);
   };
   return /* @__PURE__ */ r.jsxs(S, { align: "stretch", children: [
     /* @__PURE__ */ r.jsx(ob, { label: n("viz.table.column.cell_background"), value: i || "none", onChange: m }),
@@ -18512,7 +18512,7 @@ const A1 = re((t, e) => {
   const {
     t: i,
     i18n: a
-  } = y(), o = C(() => Object.values(jt).map((l) => ({
+  } = y(), o = C(() => Object.values(vt).map((l) => ({
     label: i(`viz.table.column.value_type.${l}`),
     value: l
   })), [a.language]);
@@ -18526,7 +18526,7 @@ const A1 = re((t, e) => {
   } = y(), [i, {
     setTrue: a,
     setFalse: o
-  }] = st(), [l, c] = H(t), d = () => {
+  }] = rt(), [l, c] = H(t), d = () => {
     o(), e(l);
   }, u = () => {
     o(), c(t);
@@ -18536,7 +18536,7 @@ const A1 = re((t, e) => {
   return B(() => {
     c(t);
   }, [t]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: a, sx: {
+    /* @__PURE__ */ r.jsx(T, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: s("viz.table.column.custom_cell_content") }),
     /* @__PURE__ */ r.jsx(Se, { size: 800, title: s("viz.table.column.custom_cell_content"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(S, { children: [
@@ -18549,10 +18549,10 @@ const A1 = re((t, e) => {
         }
       } }) }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: s("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: s("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: d, children: s("common.actions.save") })
+          /* @__PURE__ */ r.jsx(T, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: d, children: s("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -18586,7 +18586,7 @@ const A1 = re((t, e) => {
       }) => /* @__PURE__ */ r.jsx($1, { sx: {
         flex: 1
       }, ...c }) }),
-      o === jt.custom && /* @__PURE__ */ r.jsx(g, { name: `columns.${e}.func_content`, control: t, render: ({
+      o === vt.custom && /* @__PURE__ */ r.jsx(g, { name: `columns.${e}.func_content`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ r.jsx(P1, { value: c.value ?? jd, onChange: (d) => c.onChange(d ?? "") }) })
     ] }),
@@ -18605,7 +18605,7 @@ const A1 = re((t, e) => {
       field: c
     }) => /* @__PURE__ */ r.jsx(A1, { ...c }) }),
     /* @__PURE__ */ r.jsx(E, { mb: 4, mt: 12, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), color: "red", variant: "light", onClick: () => s(e), children: a("viz.table.column.delete") })
+    /* @__PURE__ */ r.jsx(T, { leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), color: "red", variant: "light", onClick: () => s(e), children: a("viz.table.column.delete") })
   ] });
 }, F1 = ({
   control: t,
@@ -18628,7 +18628,7 @@ const A1 = re((t, e) => {
       label: d,
       align: "center",
       value_field: "",
-      value_type: jt.string,
+      value_type: vt.string,
       width: ""
     });
   };
@@ -19084,7 +19084,7 @@ const Md = L.forwardRef(Z1), eC = ({
   } = y(), [i, {
     setTrue: a,
     setFalse: o
-  }] = st(), [l, c] = H(t), d = () => {
+  }] = rt(), [l, c] = H(t), d = () => {
     o(), e(l);
   }, u = () => {
     o(), c(t);
@@ -19094,16 +19094,16 @@ const Md = L.forwardRef(Z1), eC = ({
   return B(() => {
     c(t);
   }, [t]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: a, sx: {
+    /* @__PURE__ */ r.jsx(T, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: s("viz.text.content.edit") }),
     /* @__PURE__ */ r.jsx(Se, { size: 800, title: s("viz.text.content.label"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(eC, { value: l, onChange: c }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: s("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: s("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: d, children: s("common.actions.save_changes") })
+          /* @__PURE__ */ r.jsx(T, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), onClick: d, children: s("common.actions.save_changes") })
         ] })
       ] })
     ] }) })
@@ -19122,13 +19122,13 @@ function nC({
       func_content: x,
       horizontal_align: f,
       font_size: v,
-      font_weight: T
+      font_weight: I
     } = i;
     return {
       func_content: x,
       horizontal_align: f,
       font_size: v,
-      font_weight: T
+      font_weight: I
     };
   }, [i]);
   B(() => {
@@ -19368,7 +19368,7 @@ function mC({
       }) => /* @__PURE__ */ r.jsx(D, { label: "Question", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ r.jsx(E, { variant: "dashed", mt: 16, mb: 8 }),
-    /* @__PURE__ */ r.jsx(I, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 20 }), disabled: !u, sx: {
+    /* @__PURE__ */ r.jsx(T, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Yt, { size: 20 }), disabled: !u, sx: {
       alignSelf: "flex-end"
     }, children: "Submit Changes" })
   ] }) });
@@ -19725,7 +19725,7 @@ function $C({
     width: l,
     height: c
   } = t.viewport;
-  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(AC, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(AC, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function PC({
   control: t,
@@ -19758,7 +19758,7 @@ function PC({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: t, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+    }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
   ] });
 }
 const OC = ({
@@ -20033,7 +20033,7 @@ const KC = {
     data_key: "",
     axisLabel: {
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     },
     nameAlignment: "center"
   },
@@ -20229,7 +20229,7 @@ function lz({
   invisible: u,
   id: h,
   ...m
-}, x, f, v, T, R) {
+}, x, f, v, I, R) {
   const P = {
     label: {
       show: !!s,
@@ -20284,7 +20284,7 @@ function dz(t, e) {
     axisValue: a,
     axisIndex: o
   } = n;
-  return i === "yAxis.category" ? s : nt(e.y_axis.axisLabel.formatter)(a, o);
+  return i === "yAxis.category" ? s : tt(e.y_axis.axisLabel.formatter)(a, o);
 }
 function uz(t, e, n) {
   const s = e.reduce((i, {
@@ -20317,7 +20317,7 @@ function uz(t, e, n) {
         })}</td>
         </tr>
         `;
-      }), l = yt(t.y_axis.axisLabel.overflow.in_tooltip), c = dz(a, t);
+      }), l = bt(t.y_axis.axisLabel.overflow.in_tooltip), c = dz(a, t);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${c}</div>
@@ -20383,7 +20383,7 @@ function xz(t, e) {
   const n = e.every((o) => !Number.isNaN(Number(o))), {
     overflow: s,
     ...i
-  } = t.y_axis.axisLabel, a = _t(s.on_axis);
+  } = t.y_axis.axisLabel, a = yt(s.on_axis);
   return [pe.getXAxis({
     data: e,
     name: t.y_axis.name ?? "",
@@ -20397,7 +20397,7 @@ function xz(t, e) {
     axisLabel: {
       ...i,
       ...a,
-      formatter: nt(i.formatter)
+      formatter: tt(i.formatter)
     },
     z: 5
   })];
@@ -20456,7 +20456,7 @@ function bz({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(fz, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(fz, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function yz({
   control: t,
@@ -20739,7 +20739,7 @@ function Sz({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.x_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${e}.label_formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.x_axis.value_range"), labelPosition: "center" }),
@@ -21211,7 +21211,7 @@ function Vz(t, e, n, s) {
           x,
           percentage: f,
           count: v,
-          sum: T
+          sum: I
         } = Fz(m);
         return `
           <table style="width: auto">
@@ -21244,7 +21244,7 @@ function Vz(t, e, n, s) {
               </tr>
               <tr>
                 <th style="text-align: right;">总数</th>
-                <td style="text-align: left; padding: 0 1em;">${T}</td>
+                <td style="text-align: left; padding: 0 1em;">${I}</td>
               </tr>
             </tbody>
           </table>
@@ -21336,7 +21336,7 @@ function Bz(t, e) {
     type: "category",
     axisLabel: {
       ...n,
-      formatter: nt(n.formatter)
+      formatter: tt(n.formatter)
     },
     axisLine: {
       show: !1
@@ -21574,7 +21574,7 @@ const Xz = {
 };
 function tI() {
   return /* @__PURE__ */ r.jsxs(Te, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Mn, { size: 14 }), children: "指标说明" }) }),
     /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(Pe, { fontSize: 14, sx: eI, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
@@ -22027,7 +22027,7 @@ function _I({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: i("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${e}.formatter`, control: t, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(vt, { ...a }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...a }) }),
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: i("viz.merico_stats.metric.others"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${e}.postfix`, control: t, render: ({
       field: a
@@ -22212,7 +22212,7 @@ const TI = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -22222,7 +22222,7 @@ const TI = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -22280,7 +22280,7 @@ function DI({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(vt, { ...i }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...i }) }),
     /* @__PURE__ */ r.jsx(E, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.label.show", control: t, render: ({
@@ -22529,7 +22529,7 @@ const Ed = {
   }]
 };
 function FI(t) {
-  const e = nt(t.x_axis.axisLabel.formatter), n = nt(t.y_axis.axisLabel.formatter);
+  const e = tt(t.x_axis.axisLabel.formatter), n = tt(t.y_axis.axisLabel.formatter);
   return {
     x_axis: e,
     y_axis: n
@@ -22605,14 +22605,14 @@ function WI({
     value: e.x_axis(l, o),
     style: {
       label: "",
-      value: yt(t.x_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: t.y_axis.name ? t.y_axis.name : "Y Axis",
     value: e.y_axis(c, o),
     style: {
       label: "",
-      value: yt(t.y_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, m = {
     label: t.heat_block.name,
@@ -22623,10 +22623,10 @@ function WI({
     }
   }, x = [u, h, m], f = s[`${l}---${c}`];
   return f && t.tooltip.metrics.forEach((v) => {
-    const T = F(v.data_key);
+    const I = F(v.data_key);
     x.push({
       label: v.name,
-      value: BI(k.get(f, T.columnKey, "")),
+      value: BI(k.get(f, I.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -22692,7 +22692,7 @@ function HI(t, e, n) {
   const s = F(t.x_axis.data_key), i = k.uniq(e[s.queryID].map((c) => c[s.columnKey])), {
     overflow: a,
     rotate: o
-  } = t.x_axis.axisLabel, l = _t(a.on_axis);
+  } = t.x_axis.axisLabel, l = yt(a.on_axis);
   return pe.getXAxis({
     id: "main-x-axis",
     type: "category",
@@ -22734,7 +22734,7 @@ function UI(t, e, n) {
   } = t.y_axis, c = k.uniq(e[s.queryID].map((m) => m[i.columnKey])), {
     overflow: d,
     rotate: u
-  } = t.y_axis.axisLabel, h = _t(d.on_axis);
+  } = t.y_axis.axisLabel, h = yt(d.on_axis);
   return pe.getYAxis({
     ...l,
     type: "category",
@@ -22832,7 +22832,7 @@ function JI({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(KI, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(KI, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 const XI = {
   merico_heatmap: {
@@ -23250,7 +23250,7 @@ const dT = ({
         key: c,
         value: d,
         getRange: u
-      }) => /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(I, { compact: !0, size: "xs", variant: "subtle", onClick: s(u), children: e(`filter.widget.date_range.shortcut.${o}.${a ? "full." : ""}${c}`) }) }, c))
+      }) => /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(T, { compact: !0, size: "xs", variant: "subtle", onClick: s(u), children: e(`filter.widget.date_range.shortcut.${o}.${a ? "full." : ""}${c}`) }) }, c))
     ] }, o)) }) })
   ] });
 }, Yo = (t) => ({
@@ -23548,8 +23548,8 @@ const dT = ({
     classNames: e,
     styles: n,
     unstyled: s
-  }), [v, T] = H(!1), R = (K) => {
-    T(K);
+  }), [v, I] = H(!1), R = (K) => {
+    I(K);
   }, P = v && (l == null ? void 0 : l.length) > 0, [V, Y] = H(""), te = C(() => {
     if (!V)
       return d;
@@ -23950,9 +23950,9 @@ const bT = ({
     classNames: e,
     styles: n,
     unstyled: s
-  }), [T, R] = H(!1), P = (Y) => {
+  }), [I, R] = H(!1), P = (Y) => {
     R(Y);
-  }, V = T && (l == null ? void 0 : l.length) > 0;
+  }, V = I && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ r.jsxs(S, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(w, { className: f.label, children: [
@@ -24055,7 +24055,7 @@ const bT = ({
     type: s,
     ...i
   } = e;
-  return /* @__PURE__ */ r.jsx(I, { color: "blue", size: "sm", type: "submit", ...i, disabled: t || i.disabled, children: n });
+  return /* @__PURE__ */ r.jsx(T, { color: "blue", size: "sm", type: "submit", ...i, disabled: t || i.disabled, children: n });
 };
 function IT(t) {
   const e = le();
@@ -24071,7 +24071,7 @@ const TT = ({
   const {
     t: n
   } = y();
-  return /* @__PURE__ */ r.jsx(b, { position: "right", ml: -4, mt: -4, mb: t ? 4 : 0, children: /* @__PURE__ */ r.jsx(I, { size: "xs", compact: !0, variant: "subtle", color: t ? "gray" : "blue", leftIcon: t ? /* @__PURE__ */ r.jsx(Rm, { size: 14 }) : /* @__PURE__ */ r.jsx(Em, { size: 14 }), onClick: e, children: n(t ? "filter.hide_filters" : "filter.show_filters") }) });
+  return /* @__PURE__ */ r.jsx(b, { position: "right", ml: -4, mt: -4, mb: t ? 4 : 0, children: /* @__PURE__ */ r.jsx(T, { size: "xs", compact: !0, variant: "subtle", color: t ? "gray" : "blue", leftIcon: t ? /* @__PURE__ */ r.jsx(Rm, { size: 14 }) : /* @__PURE__ */ r.jsx(Em, { size: 14 }), onClick: e, children: n(t ? "filter.hide_filters" : "filter.show_filters") }) });
 }, Vd = z(function({
   view: e
 }) {
@@ -24094,8 +24094,8 @@ const TT = ({
   const d = i.filters.visibleInView(e.id), u = C(() => d.every((f) => f.should_auto_submit), [d]), h = C(() => d.filter((f) => k.get(f, "config.required", !1)), [d]), m = C(() => h.length === 0 ? !1 : h.some((f) => !f.requiredAndPass(c[f.key])), [c, h]);
   if (d.length === 0)
     return null;
-  const x = (f, v) => (T, R) => {
-    v(T), (f.should_auto_submit || R) && i.filters.setValueByKey(f.key, T);
+  const x = (f, v) => (I, R) => {
+    v(I), (f.should_auto_submit || R) && i.filters.setValueByKey(f.key, I);
   };
   return /* @__PURE__ */ r.jsxs("form", { onSubmit: o(i.filters.setValues), children: [
     /* @__PURE__ */ r.jsx(TT, { opened: n, toggle: s }),
@@ -24822,7 +24822,7 @@ const NT = p.model("FilterDateRangeConfigMeta", {
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => Xt(t.default_selection), t.setDefaultSelection, {
+    wt(t, dt(() => Xt(t.default_selection), t.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -24887,7 +24887,7 @@ const NT = p.model("FilterDateRangeConfigMeta", {
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => Xt(t.default_selection), t.setDefaultSelection, {
+    wt(t, dt(() => Xt(t.default_selection), t.setDefaultSelection, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -25046,7 +25046,7 @@ const Kd = p.compose("FilterTreeSelectConfigMeta", p.model({
     a.length > 0 ? n.setValueByKey(e, a) : n.setValueByKey(e, t.defaultSelection);
   },
   afterCreate() {
-    bt(t, tt(() => JSON.stringify(t.defaultSelection), this.applyDefaultSelection, {
+    wt(t, dt(() => JSON.stringify(t.defaultSelection), this.applyDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -25499,15 +25499,21 @@ const su = p.compose("ViewRenderModel", tD, p.model({
   tab: p.optional(p.string, "")
   // FIXME: manage this state in a better way
 })).views((t) => ({
-  get defaultTab() {
-    if (t.type !== W.Tabs)
-      return "";
-    const e = t.config;
-    return e.tabs.length > 0 ? k.minBy(e.tabs, (s) => s.order).id : "";
+  get tabs() {
+    return t.config.tabs;
+  },
+  get tabInfo() {
+    const e = this.tabs.find((n) => n.id === t.tab);
+    return e ? {
+      id: e.id,
+      name: e.name
+    } : null;
+  },
+  get tabView() {
+    return t.type !== W.Tabs ? null : this.tabs.find((e) => e.id === t.tab);
   },
   get tabViewID() {
-    var n;
-    return t.type !== W.Tabs ? "" : ((n = t.config.tabs.find((s) => s.id === t.tab)) == null ? void 0 : n.view_id) ?? "";
+    return this.tabView ? this.tabView.view_id ?? "" : "";
   },
   get contentModel() {
     return Re(t, 3);
@@ -25548,11 +25554,8 @@ const su = p.compose("ViewRenderModel", tD, p.model({
   setTab(e) {
     t.tab = e ?? "";
   },
-  afterCreate() {
-    bt(t, tt(() => t.defaultTab, (e) => this.setTab(e), {
-      fireImmediately: !0,
-      delay: 0
-    }));
+  setTabByTabInfo(e) {
+    t.tab = e.id ?? "";
   }
 })), iu = p.model("ViewsRenderModel", {
   current: p.optional(p.array(su), []),
@@ -25581,6 +25584,13 @@ const su = p.compose("ViewRenderModel", tD, p.model({
     return t.current.filter(({
       id: n
     }) => e.has(n));
+  },
+  get firstVisibleTabsView() {
+    return this.visibleViews.find((e) => e.type === W.Tabs);
+  },
+  get firstVisibleTabsViewActiveTab() {
+    const e = this.firstVisibleTabsView;
+    return e ? e.tabInfo : null;
   }
 })).actions((t) => ({
   appendToVisibles(e) {
@@ -25589,25 +25599,36 @@ const su = p.compose("ViewRenderModel", tD, p.model({
   rmVisibleViewID(e) {
     const n = t.visibleViewIDs.findIndex((s) => s === e);
     n !== -1 && t.visibleViewIDs.splice(n, 1);
+  },
+  setFirstVisibleTabsViewActiveTab(e) {
+    if (!e)
+      return;
+    const n = t.firstVisibleTabsView;
+    n == null || n.setTabByTabInfo(e);
   }
 }));
-function sD(t) {
-  const e = t.length > 0 ? [t[0].id] : [];
-  return {
-    current: t.map((s) => {
-      const {
-        _name: i = s.type
-      } = s.config;
-      return {
-        ...s,
-        config: {
-          ...s.config,
-          _name: i
-        },
-        panelIDs: s.panelIDs
-      };
-    }),
-    visibleViewIDs: e
+function sD(t, e) {
+  const n = t.length > 0 ? [t[0].id] : [], s = t.map((i) => {
+    const {
+      _name: a = i.type
+    } = i.config, o = {
+      ...i,
+      tab: "",
+      config: {
+        ...i.config,
+        _name: a
+      },
+      panelIDs: i.panelIDs
+    };
+    if (i.type === W.Tabs) {
+      const l = k.minBy(i.config.tabs, (c) => c.order);
+      o.tab = (l == null ? void 0 : l.id) ?? "";
+    }
+    return o;
+  });
+  return e && (s[0].tab = e.id), {
+    current: s,
+    visibleViewIDs: n
   };
 }
 const iD = new Mp({
@@ -26168,7 +26189,7 @@ const cD = PT.views((t) => ({
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => {
+    wt(t, dt(() => {
       var n;
       return t.isTransform ? [t.inUse, t.id, t.key, t.dep_query_ids.toString(), t.pre_process, t.depQueryModelStatesString].join("--") : t.typedAsHTTP ? `${t.inUse}--${t.id}--${t.key}--${t.reQueryKey}--${(n = t.datasource) == null ? void 0 : n.id}` : [t.inUse, t.id, t.key, t.formattedSQL, t.pre_process, t.post_process].join("--");
     }, () => t.fetchData(!1), {
@@ -26384,7 +26405,7 @@ const gu = p.model("LayoutsRenderModel", {
     console.log("🔴 onBreakpointChange:", e), t.currentBreakpoint = e;
   },
   afterCreate() {
-    bt(t, tt(() => t.currentBreakpoint, () => {
+    wt(t, dt(() => t.currentBreakpoint, () => {
       setTimeout(() => {
         window.dispatchEvent(new Event("resize"));
       }, 32);
@@ -26878,7 +26899,7 @@ const Su = z(({
   panel: n,
   exitFullScreen: s
 }) {
-  return /* @__PURE__ */ r.jsx(Se, { opened: !0, fullScreen: !0, onClose: s, title: /* @__PURE__ */ r.jsx(I, { color: "blue", size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(ym, { size: 20 }), children: "Exit fullscreen" }), styles: RD, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
+  return /* @__PURE__ */ r.jsx(Se, { opened: !0, fullScreen: !0, onClose: s, title: /* @__PURE__ */ r.jsx(T, { color: "blue", size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(ym, { size: 20 }), children: "Exit fullscreen" }), styles: RD, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ r.jsx(Su, { view: e, panel: n }) }) });
@@ -26972,7 +26993,7 @@ const ND = z(({
   } = y(), [n, {
     setTrue: s,
     setFalse: i
-  }] = st(!1), a = fg(), o = Fe(), l = () => {
+  }] = rt(!1), a = fg(), o = Fe(), l = () => {
     const c = JSON.stringify(o.contentJSON, null, 2), d = `${a.name}__${o.name}`;
     rr(d, c);
   };
@@ -27263,13 +27284,13 @@ const UD = z(({
             /* @__PURE__ */ r.jsx(O, { label: "View", value: c.view_id, onChange: c.setViewID, data: i }),
             /* @__PURE__ */ r.jsx(oe, { label: e("view.component.tabs.tab.order"), required: !0, value: c.order, onChange: (h) => c.setOrder(h || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r.jsx(Qn, { label: e("view.component.tabs.tab.color"), value: c.color, onChange: c.setColor, disabled: a.variant !== "default" }),
-            u && /* @__PURE__ */ r.jsx(I, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ r.jsx(Pm, { size: 18 }), gradient: {
+            u && /* @__PURE__ */ r.jsx(T, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ r.jsx(Pm, { size: 18 }), gradient: {
               from: "cyan",
               to: "indigo"
             }, onClick: () => s.views.setIDOfVIE(u.id), children: e("view.component.tabs.tab.switch_to_view", {
               name: u.name
             }) }),
-            /* @__PURE__ */ r.jsx(I, { mt: 20, variant: "subtle", color: "red", onClick: () => o(d), disabled: l, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), children: e("view.component.tabs.tab.delete") })
+            /* @__PURE__ */ r.jsx(T, { mt: 20, variant: "subtle", color: "red", onClick: () => o(d), disabled: l, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), children: e("view.component.tabs.tab.delete") })
           ] })
         ] }),
         u && /* @__PURE__ */ r.jsx(Da, { view: u })
@@ -27352,7 +27373,7 @@ const q2 = {
   [W.Tabs]: "#ffad18"
 };
 function nM(t, e, n) {
-  bt(t, Ip(t, (s, i) => {
+  wt(t, Ip(t, (s, i) => {
     i(s, () => {
       Tp(s.context) === e && s.type === "action" && n(s.name, s.context);
     });
@@ -27608,10 +27629,10 @@ const rM = p.compose("FiltersModel", hu, p.model("FiltersModel", {
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => t.keywordString, t.resetPage, {
+    wt(t, dt(() => t.keywordString, t.resetPage, {
       fireImmediately: !1,
       delay: 0
-    })), bt(t, tt(() => t.limit, t.resetPage, {
+    })), wt(t, dt(() => t.limit, t.resetPage, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -27790,17 +27811,17 @@ const rM = p.compose("FiltersModel", hu, p.model("FiltersModel", {
   };
 }).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => t.reloadConditionString, t.loadColumns, {
+    wt(t, dt(() => t.reloadConditionString, t.loadColumns, {
       fireImmediately: !1,
       delay: 500
     }));
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => t.reloadConditionString, t.loadIndexes, {
+    wt(t, dt(() => t.reloadConditionString, t.loadIndexes, {
       fireImmediately: !1,
       delay: 500
-    })), bt(t, tt(() => `${t.reloadConditionString};limit:${t.tableData.limit};offset:${t.tableData.offset}`, t.loadTableData, {
+    })), wt(t, dt(() => `${t.reloadConditionString};limit:${t.tableData.limit};offset:${t.tableData.offset}`, t.loadTableData, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -28558,23 +28579,23 @@ const _M = p.model({
       t.views.appendMultiple(m);
     }
     if (Array.isArray(o)) {
-      const m = (v, T) => t.layouts.breakpointNameRecord[v] === T;
+      const m = (v, I) => t.layouts.breakpointNameRecord[v] === I;
       let x = [];
       const f = o.filter((v) => m(v.name, v.breakpoint));
       f.forEach((v) => {
-        v.id === "basis" && (x = v.list), v.list.forEach((T) => {
-          const R = u.get(T.panelID);
-          T.id = Ht(), T.panelID = R;
+        v.id === "basis" && (x = v.list), v.list.forEach((I) => {
+          const R = u.get(I.panelID);
+          I.id = Ht(), I.panelID = R;
         });
       }), t.layouts.list.forEach((v) => {
-        const T = f.find((R) => R.name === v.name && R.breakpoint === v.breakpoint);
-        if (!T) {
+        const I = f.find((R) => R.name === v.name && R.breakpoint === v.breakpoint);
+        if (!I) {
           x.forEach((R) => {
             v.addLayout(R);
           });
           return;
         }
-        T.list.forEach((R) => {
+        I.list.forEach((R) => {
           v.addLayout(R);
         });
       });
@@ -30696,7 +30717,7 @@ const CM = z(({
     });
   }, a = s.changed;
   return /* @__PURE__ */ r.jsxs(b, { spacing: 0, children: [
-    /* @__PURE__ */ r.jsx(I, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), onClick: t, disabled: !a, sx: {
+    /* @__PURE__ */ r.jsx(T, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), onClick: t, disabled: !a, sx: {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
     }, children: e("common.actions.save_changes") }),
@@ -30733,7 +30754,7 @@ const CM = z(({
     position: "relative"
   }, children: [
     /* @__PURE__ */ r.jsxs(b, { children: [
-      /* @__PURE__ */ r.jsx(I, { size: "xs", color: i ? "red" : "green", leftIcon: /* @__PURE__ */ r.jsx(qm, { size: 20 }), onClick: a, children: /* @__PURE__ */ r.jsx(b, { spacing: 4, children: /* @__PURE__ */ r.jsxs(_s, { i18nKey: "common.actions.end_editing", values: {
+      /* @__PURE__ */ r.jsx(T, { size: "xs", color: i ? "red" : "green", leftIcon: /* @__PURE__ */ r.jsx(qm, { size: 20 }), onClick: a, children: /* @__PURE__ */ r.jsx(b, { spacing: 4, children: /* @__PURE__ */ r.jsxs(_s, { i18nKey: "common.actions.end_editing", values: {
         name: s.name
       }, children: [
         "End Editing ",
@@ -30756,10 +30777,10 @@ const CM = z(({
   const {
     t
   } = y(), e = le(), n = ((i = e.views.VIE) == null ? void 0 : i.type) === W.Tabs, s = () => e.addANewPanel(e.views.idOfVIE);
-  return n ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(co, { size: 20 }), sx: {
+  return n ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(T, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(co, { size: 20 }), sx: {
     ...Zo,
     transform: "none !important"
-  }, children: t("panel.add") }) }) : /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(co, { size: 20 }), sx: {
+  }, children: t("panel.add") }) }) : /* @__PURE__ */ r.jsx(T, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(co, { size: 20 }), sx: {
     ...Zo,
     background: "rgb(231, 245, 255)"
   }, children: t("panel.add") });
@@ -30798,7 +30819,7 @@ const CM = z(({
   }), f = l("list"), v = h.map((Z, we) => ({
     ...Z,
     ...f[we]
-  })), T = () => {
+  })), I = () => {
     m({
       id: Ht(),
       name: "",
@@ -30858,15 +30879,15 @@ const CM = z(({
           backgroundColor: "transparent"
         }, children: /* @__PURE__ */ r.jsx("td", { colSpan: 3, style: {
           padding: "0"
-        }, children: /* @__PURE__ */ r.jsx(me, { label: e("breakpoint.add"), children: /* @__PURE__ */ r.jsx(X, { variant: "subtle", size: "md", color: "blue", onClick: T, sx: {
+        }, children: /* @__PURE__ */ r.jsx(me, { label: e("breakpoint.add"), children: /* @__PURE__ */ r.jsx(X, { variant: "subtle", size: "md", color: "blue", onClick: I, sx: {
           width: "100%"
         }, children: /* @__PURE__ */ r.jsx(Ct, { size: 18 }) }) }) }) })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(w, { mt: 6, ta: "right", size: "xs", color: "red", children: Y ?? "　" }),
     /* @__PURE__ */ r.jsxs(b, { mt: 6, position: "apart", children: [
-      /* @__PURE__ */ r.jsx(I, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 18 }), disabled: !V, children: e("common.actions.revert") }),
-      /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), disabled: !V, children: e("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(T, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 18 }), disabled: !V, children: e("common.actions.revert") }),
+      /* @__PURE__ */ r.jsx(T, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), disabled: !V, children: e("common.actions.save_changes") })
     ] })
   ] }) });
 }), DM = z(() => {
@@ -30885,7 +30906,7 @@ const CM = z(({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { children: [
       /* @__PURE__ */ r.jsxs(J, { withArrow: !0, withinPortal: !0, zIndex: 320, trigger: "hover", children: [
-        /* @__PURE__ */ r.jsx(J.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Nm, { size: 16 }), sx: {
+        /* @__PURE__ */ r.jsx(J.Target, { children: /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Nm, { size: 16 }), sx: {
           borderRadius: 0
         }, children: /* @__PURE__ */ r.jsxs(b, { spacing: 6, children: [
           /* @__PURE__ */ r.jsx(w, { size: "xs", fw: "normal", children: o.name }),
@@ -30923,10 +30944,10 @@ const CM = z(({
     var a;
     return (a = e.views.VIE) == null ? void 0 : a.downloadSchema();
   };
-  return n ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(zn, { size: 16 }), sx: {
+  return n ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(T, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(zn, { size: 16 }), sx: {
     ...el,
     transform: "none !important"
-  }, children: t("view.download_schema") }) }) : /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(zn, { size: 16 }), sx: {
+  }, children: t("view.download_schema") }) }) : /* @__PURE__ */ r.jsx(T, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(zn, { size: 16 }), sx: {
     ...el
     // background: 'rgb(231, 245, 255)',
   }, children: t("view.download_schema") });
@@ -31035,7 +31056,7 @@ const CM = z(({
   } = y(), n = (s = t.definition) == null ? void 0 : s.sqlSnippets;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
     /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("sql_snippet.labels") }),
-    /* @__PURE__ */ r.jsx(ct, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(ct.Item, { children: i.key }, i.key)) })
+    /* @__PURE__ */ r.jsx(lt, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(lt.Item, { children: i.key }, i.key)) })
   ] });
 }, PM = ({
   content: t
@@ -31046,7 +31067,7 @@ const CM = z(({
   } = y(), n = Object.keys(((s = t.definition) == null ? void 0 : s.mock_context) ?? {});
   return n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
     /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("mock_context.label") }),
-    /* @__PURE__ */ r.jsx(ct, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(ct.Item, { children: i }, i)) })
+    /* @__PURE__ */ r.jsx(lt, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(lt.Item, { children: i }, i)) })
   ] });
 }, OM = ({
   content: t
@@ -31133,16 +31154,16 @@ const VM = z(({
       }));
     };
   }, [m]);
-  const [f] = c(["content"]), v = !f, T = (R = o == null ? void 0 : o.content) == null ? void 0 : R.message;
+  const [f] = c(["content"]), v = !f, I = (R = o == null ? void 0 : o.content) == null ? void 0 : R.message;
   return B(() => {
-    !f || T ? n() : e();
-  }, [f, T]), /* @__PURE__ */ r.jsx(M, { mx: "auto", sx: {
+    !f || I ? n() : e();
+  }, [f, I]), /* @__PURE__ */ r.jsx(M, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: a(h), children: [
     /* @__PURE__ */ r.jsx(Sh, { label: s("import.json_file"), required: !0, value: m, onChange: x, error: (P = o == null ? void 0 : o.content) == null ? void 0 : P.message, sx: {
       maxWidth: 500
     } }),
-    T ? /* @__PURE__ */ r.jsx(Pe, { fontSize: 12, mt: 10, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+    I ? /* @__PURE__ */ r.jsx(Pe, { fontSize: 12, mt: 10, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: s("import.this_dashboard") }),
         /* @__PURE__ */ r.jsx("td", { children: hn })
@@ -31155,7 +31176,7 @@ const VM = z(({
       ] })
     ] }) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(OM, { content: f }),
-      /* @__PURE__ */ r.jsx(b, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(I, { type: "submit", color: "green", disabled: v, children: s("common.actions.confirm") }) })
+      /* @__PURE__ */ r.jsx(b, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(T, { type: "submit", color: "green", disabled: v, children: s("common.actions.confirm") }) })
     ] })
   ] }) });
 }), tl = {
@@ -31174,12 +31195,12 @@ const VM = z(({
   }] = on(!1), [i, {
     setTrue: a,
     setFalse: o
-  }] = st(!1), c = ((d = he().content.views.VIE) == null ? void 0 : d.type) === W.Tabs;
-  return c ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(uo, { size: 16 }), sx: {
+  }] = rt(!1), c = ((d = he().content.views.VIE) == null ? void 0 : d.type) === W.Tabs;
+  return c ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(T, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(uo, { size: 16 }), sx: {
     ...tl,
     transform: "none !important"
   }, children: t("import.label") }) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", color: "blue", radius: 0, size: "xs", disabled: c || e, onClick: n, leftIcon: /* @__PURE__ */ r.jsx(uo, { size: 16 }), sx: {
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", color: "blue", radius: 0, size: "xs", disabled: c || e, onClick: n, leftIcon: /* @__PURE__ */ r.jsx(uo, { size: 16 }), sx: {
       ...tl
       // background: 'rgb(231, 245, 255)',
     }, children: t("import.label") }),
@@ -31258,18 +31279,18 @@ function GM(t, e, n) {
         case "builtin:op:set_filter_values":
           o.type = "interaction", o.data.interactions.push({
             schemaRef: m,
-            filters: Object.keys(f.dictionary).map((T) => ({
-              key: T,
-              label: n[T]
+            filters: Object.keys(f.dictionary).map((I) => ({
+              key: I,
+              label: n[I]
             }))
           });
           return;
         case "builtin:op:clear_filter_values":
           o.type = "interaction", o.data.interactions.push({
             schemaRef: m,
-            filters: f.filter_keys.map((T) => ({
-              key: T,
-              label: n[T]
+            filters: f.filter_keys.map((I) => ({
+              key: I,
+              label: n[I]
             }))
           });
           return;
@@ -31310,8 +31331,8 @@ function JM(t, e) {
             x: xs,
             y: c
           },
-          sourcePosition: wt.Right,
-          targetPosition: wt.Left,
+          sourcePosition: jt.Right,
+          targetPosition: jt.Left,
           style: {
             width: nl,
             height: ns
@@ -31331,8 +31352,8 @@ function JM(t, e) {
           x: xs,
           y: c
         },
-        sourcePosition: wt.Right,
-        targetPosition: wt.Left,
+        sourcePosition: jt.Right,
+        targetPosition: jt.Left,
         style: {
           width: nl,
           height: ns
@@ -31364,8 +31385,8 @@ function eL(t) {
         x: 0,
         y: 0
       },
-      sourcePosition: wt.Right,
-      targetPosition: wt.Left,
+      sourcePosition: jt.Right,
+      targetPosition: jt.Left,
       className: "light",
       style: {
         backgroundColor: ZM[n.type],
@@ -31395,7 +31416,7 @@ function rL({
   edges: n
 }) {
   e.forEach((s) => {
-    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = wt.Bottom, s.style.width = La + xs * 2, s.style.height = Eu + s._tab_view_ids.reduce((i, a) => {
+    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = jt.Bottom, s.style.width = La + xs * 2, s.style.height = Eu + s._tab_view_ids.reduce((i, a) => {
       const o = t[a];
       o.position.y = i, o.position.x = xs;
       const l = o.style.height;
@@ -31428,7 +31449,7 @@ function iL({
     const a = t[i.source], o = t[i.target];
     if (a && o && a.parentNode) {
       const l = t[a.parentNode], c = l.position.x, d = Number(k.get(o, "style.height", 0)), u = Number(l.style.width);
-      o.position.x = c + u + KM, l._view_level === 0 && o._sub_view_ids.length === 0 && (a.sourcePosition = wt.Left, o.targetPosition = wt.Right, o.position.x *= -1);
+      o.position.x = c + u + KM, l._view_level === 0 && o._sub_view_ids.length === 0 && (a.sourcePosition = jt.Left, o.targetPosition = jt.Right, o.position.x *= -1);
       const m = o.position.x, x = k.get(s, m, 0);
       o.position.y = x, s[m] = x + d + Au;
     }
@@ -31527,8 +31548,8 @@ function cL(t) {
 const dL = fh(({
   data: t,
   isConnectable: e,
-  sourcePosition: n = wt.Right,
-  targetPosition: s = wt.Left,
+  sourcePosition: n = jt.Right,
+  targetPosition: s = jt.Left,
   ...i
 }) => {
   const a = C(() => cL(t.interactions), [t.interactions]);
@@ -31541,7 +31562,7 @@ const dL = fh(({
     }, children: /* @__PURE__ */ r.jsx(jm, { size: 12 }) }),
     /* @__PURE__ */ r.jsxs(Te, { shadow: "xl", withinPortal: !0, children: [
       /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
-      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ct.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(lt, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(lt.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(po, { type: "source", position: n, isConnectable: e })
   ] });
@@ -31655,7 +31676,7 @@ const gL = z(() => {
   }, children: [
     n.views.options.map((a) => /* @__PURE__ */ r.jsx(xL, { active: n.views.idOfVIE === a.value, name: a.label, onClick: s(a.value), openSettings: () => i(a.value) }, a.value)),
     /* @__PURE__ */ r.jsx(E, { variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: n.views.addARandomNewView, sx: {
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: n.views.addARandomNewView, sx: {
       width: "100%",
       borderRadius: 0
     }, styles: {
@@ -31720,7 +31741,7 @@ const gL = z(() => {
     }, children: /* @__PURE__ */ r.jsx(gL, {}) }),
     /* @__PURE__ */ r.jsx(Gt.Section, { children: /* @__PURE__ */ r.jsx(b, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(I, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Tr, { size: 20 }), onClick: () => e.editor.open([]), children: t("common.titles.settings") }) }) })
+    }, children: /* @__PURE__ */ r.jsx(T, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Tr, { size: 20 }), onClick: () => e.editor.open([]), children: t("common.titles.settings") }) }) })
   ] });
 }), bL = {
   [be.Checkbox]: "true",
@@ -31744,9 +31765,9 @@ const gL = z(() => {
       alignSelf: "flex-start"
     },
     leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 })
-  }, description: /* @__PURE__ */ r.jsx(vr, { title: e("filter.field.custom_default_value.tips"), color: "gray", mb: 16, children: /* @__PURE__ */ r.jsxs(ct, { size: 13, type: "ordered", children: [
-    /* @__PURE__ */ r.jsx(ct.Item, { children: e("filter.field.custom_default_value.tip_1") }),
-    /* @__PURE__ */ r.jsx(ct.Item, { children: e("filter.field.custom_default_value.tip_2") })
+  }, description: /* @__PURE__ */ r.jsx(vr, { title: e("filter.field.custom_default_value.tips"), color: "gray", mb: 16, children: /* @__PURE__ */ r.jsxs(lt, { size: 13, type: "ordered", children: [
+    /* @__PURE__ */ r.jsx(lt.Item, { children: e("filter.field.custom_default_value.tip_1") }),
+    /* @__PURE__ */ r.jsx(lt.Item, { children: e("filter.field.custom_default_value.tip_2") })
   ] }) }) });
 }), _L = z(function({
   filter: e
@@ -31832,7 +31853,7 @@ const gL = z(() => {
   };
   return /* @__PURE__ */ r.jsx(O, { label: /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
     /* @__PURE__ */ r.jsx(w, { children: n("filter.widget.common.use_query_data_as_options") }),
-    t && /* @__PURE__ */ r.jsx(I, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(mi, { size: 16 }), variant: "subtle", color: "blue", onClick: () => l(t), children: n("query.open") })
+    t && /* @__PURE__ */ r.jsx(T, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(mi, { size: 16 }), variant: "subtle", color: "blue", onClick: () => l(t), children: n("query.open") })
   ] }), data: a, value: t, onChange: e, allowDeselect: !1, clearable: !0, sx: {
     flexGrow: 1
   }, disabled: o, error: o ? "You need to add a query in Data Settings" : void 0, styles: {
@@ -31852,7 +31873,7 @@ const gL = z(() => {
     t
   } = y(), [e, n] = H(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
     /* @__PURE__ */ r.jsx(kr, { in: e, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: wL }) })
   ] });
 }, kL = z(function({
@@ -31913,7 +31934,7 @@ const gL = z(() => {
           right: 5
         }, children: /* @__PURE__ */ r.jsx(Ot, { size: 16 }) })
       ] }, c)),
-      /* @__PURE__ */ r.jsx(I, { mt: 10, size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(vs, { size: 20 }), onClick: i, sx: {
+      /* @__PURE__ */ r.jsx(T, { mt: 10, size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(vs, { size: 20 }), onClick: i, sx: {
         width: "50%"
       }, mx: "auto", children: n("common.actions.add_an_option") })
     ] }),
@@ -31985,7 +32006,7 @@ const gL = z(() => {
           right: 5
         }, children: /* @__PURE__ */ r.jsx(Ot, { size: 16 }) })
       ] }, d)),
-      /* @__PURE__ */ r.jsx(I, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(vs, { size: 20 }), onClick: a, sx: {
+      /* @__PURE__ */ r.jsx(T, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(vs, { size: 20 }), onClick: a, sx: {
         width: "50%"
       }, mx: "auto", children: n("common.actions.add_an_option") })
     ] }),
@@ -32024,7 +32045,7 @@ const gL = z(() => {
     t
   } = y(), [e, n] = H(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
     /* @__PURE__ */ r.jsx(kr, { in: e, children: /* @__PURE__ */ r.jsx(sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: zL }) })
   ] });
 }, TL = z(function({
@@ -32170,7 +32191,7 @@ const gL = z(() => {
     maxWidth: "1100px",
     height: "100vh"
   }, spacing: "sm", pb: 30, children: [
-    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), onClick: l, children: e("filter.delete") }) }),
+    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(T, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), onClick: l, children: e("filter.delete") }) }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
@@ -32199,12 +32220,12 @@ const gL = z(() => {
       cursor: "default"
     }, children: t("filter.manage") }) }),
     /* @__PURE__ */ r.jsx(Jt, { justify: "space-between", align: "center", px: 12, children: /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
-      /* @__PURE__ */ r.jsxs(I.Group, { children: [
-        /* @__PURE__ */ r.jsx(I, { variant: "default", size: "xs", onClick: l, children: t("common.actions.select_all") }),
-        /* @__PURE__ */ r.jsx(I, { variant: "default", size: "xs", onClick: c, children: t("common.actions.clear_selection") })
+      /* @__PURE__ */ r.jsxs(T.Group, { children: [
+        /* @__PURE__ */ r.jsx(T, { variant: "default", size: "xs", onClick: l, children: t("common.actions.select_all") }),
+        /* @__PURE__ */ r.jsx(T, { variant: "default", size: "xs", onClick: c, children: t("common.actions.clear_selection") })
       ] }),
       /* @__PURE__ */ r.jsx(
-        I,
+        T,
         {
           size: "xs",
           color: "blue",
@@ -32246,7 +32267,7 @@ const gL = z(() => {
         /* @__PURE__ */ r.jsx("td", { children: d.label }),
         /* @__PURE__ */ r.jsx("td", { children: d.key }),
         /* @__PURE__ */ r.jsx("td", { children: t(xn[d.type]) }),
-        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", onClick: () => i(d.id), children: t("common.actions.open") }) })
+        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", onClick: () => i(d.id), children: t("common.actions.open") }) })
       ] }, d.id)) })
     ] }) }) })
   ] });
@@ -32610,7 +32631,7 @@ const BL = [{
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Ch, { opened: a, onClose: () => o(!1), title: e("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(ee.Group, { value: [...i.queryIDs], onChange: i.setQueryIDs, children: /* @__PURE__ */ r.jsx(S, { spacing: "lg", children: s.queries.options.map((d) => /* @__PURE__ */ r.jsx(ee, { label: d.label, value: d.value }, d.value)) }) }) }),
     /* @__PURE__ */ r.jsxs(S, { spacing: 6, children: [
-      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(I, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Um, { size: 16 }), onClick: () => o(!0), children: e(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
+      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(T, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Um, { size: 16 }), onClick: () => o(!0), children: e(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
       c === 1 && /* @__PURE__ */ r.jsx(Ii, { id: i.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(me, { label: e("query.open"), children: /* @__PURE__ */ r.jsx(X, { variant: "subtle", color: "blue", onClick: () => l(i.queryIDs[0]), children: /* @__PURE__ */ r.jsx(mi, { size: 16 }) }) }) }),
       c > 1 && /* @__PURE__ */ r.jsxs(_, { defaultValue: i.queryIDs[0], children: [
         /* @__PURE__ */ r.jsx(_.List, { children: i.queries.map((d) => /* @__PURE__ */ r.jsx(_.Tab, { value: d.id, children: d.name }, d.id)) }),
@@ -32864,14 +32885,14 @@ const tR = L.forwardRef(eR), nR = L.forwardRef(function({
       /* @__PURE__ */ r.jsx(aa, { label: o("panel.variable.aggregation.label"), pt: 0, value: e.aggregation, onChange: (c) => l("aggregation", c), withFallback: !0 }),
       e.aggregation.type !== "custom" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(E, { mt: "xl", mb: 0, label: o("numbro.format.label"), labelPosition: "center", variant: "dashed" }),
-        /* @__PURE__ */ r.jsx(vt, { value: e.formatter, onChange: (c) => l("formatter", c) })
+        /* @__PURE__ */ r.jsx(_t, { value: e.formatter, onChange: (c) => l("formatter", c) })
       ] })
     ] }),
     s && /* @__PURE__ */ r.jsx(qr, { variant: "contained", children: /* @__PURE__ */ r.jsxs(qr.Item, { value: "Styles", children: [
       /* @__PURE__ */ r.jsx(qr.Control, { icon: /* @__PURE__ */ r.jsx(w, { size: "xl", children: "🖼️" }), children: o("style.label") }),
       /* @__PURE__ */ r.jsx(qr.Panel, { children: /* @__PURE__ */ r.jsx(nR, { value: e, onChange: n }) })
     ] }) }),
-    /* @__PURE__ */ r.jsx(I, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), color: "red", variant: "light", onClick: i, children: o("panel.variable.delete") })
+    /* @__PURE__ */ r.jsx(T, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), color: "red", variant: "light", onClick: i, children: o("panel.variable.delete") })
   ] });
 }), sR = z((t) => {
   const {
@@ -32879,8 +32900,8 @@ const tR = L.forwardRef(eR), nR = L.forwardRef(function({
   } = y(), n = kt(() => pD(t.variable), [t.variable]), s = () => t.uiModel.remove(t.variable);
   return /* @__PURE__ */ r.jsxs(S, { "data-testid": "variable-editor", align: "stretch", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-      /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 18 }), children: e("common.actions.revert_changes") }),
-      /* @__PURE__ */ r.jsx(I, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), children: e("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 18 }), children: e("common.actions.revert_changes") }),
+      /* @__PURE__ */ r.jsx(T, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 18 }), children: e("common.actions.save_changes") })
     ] }),
     /* @__PURE__ */ r.jsx(rR, { value: Lt(n.copy), onChange: n.update, remove: s })
   ] });
@@ -32889,7 +32910,7 @@ z((t) => {
   const {
     uiModel: e
   } = t;
-  return /* @__PURE__ */ r.jsx(S, { className: "var-list", children: e.variables.map((n) => /* @__PURE__ */ r.jsx(I, { variant: e.selected === n ? "filled" : "subtle", color: "gray", onClick: () => e.select(n), children: n.name }, n.name)) });
+  return /* @__PURE__ */ r.jsx(S, { className: "var-list", children: e.variables.map((n) => /* @__PURE__ */ r.jsx(T, { variant: e.selected === n ? "filled" : "subtle", color: "gray", onClick: () => e.select(n), children: n.name }, n.name)) });
 });
 const iR = z(({
   model: t
@@ -32899,7 +32920,7 @@ const iR = z(({
   } = y();
   return /* @__PURE__ */ r.jsx(Zn, { color: "#fff", opacity: 1, sx: {
     position: "absolute"
-  }, children: /* @__PURE__ */ r.jsx(I, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 16 }), onClick: t.addNew, sx: {
+  }, children: /* @__PURE__ */ r.jsx(T, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 16 }), onClick: t.addNew, sx: {
     flexGrow: 0,
     flexShrink: 0,
     alignSelf: "flex-end",
@@ -32915,7 +32936,7 @@ const iR = z(({
       /* @__PURE__ */ r.jsx(O, { label: t("panel.variable.labels"), data: e.variableOptions, value: (n = e.selected) == null ? void 0 : n.name, onChange: e.selectByName, maxDropdownHeight: 600, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r.jsx(I, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 16 }), onClick: e.addNew, sx: {
+      /* @__PURE__ */ r.jsx(T, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 16 }), onClick: e.addNew, sx: {
         flexGrow: 0,
         flexShrink: 0,
         alignSelf: "flex-end",
@@ -33057,7 +33078,7 @@ const hR = z(() => {
     t.moveToView(e, i), c();
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ r.jsx(Rl, { size: 14 }), children: n("panel.settings.change_view") }),
+    /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ r.jsx(Rl, { size: 14 }), children: n("panel.settings.change_view") }),
     /* @__PURE__ */ r.jsx(Se, { opened: o, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(S, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
@@ -33071,8 +33092,8 @@ const hR = z(() => {
         flexGrow: 0,
         flexShrink: 0
       }, children: [
-        /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Al, { size: 14 }), onClick: c, children: n("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 14 }), onClick: d, disabled: i === e, children: n("common.actions.confirm") })
+        /* @__PURE__ */ r.jsx(T, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Al, { size: 14 }), onClick: c, children: n("common.actions.cancel") }),
+        /* @__PURE__ */ r.jsx(T, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 14 }), onClick: d, disabled: i === e, children: n("common.actions.confirm") })
       ] })
     ] }) })
   ] });
@@ -33157,7 +33178,7 @@ const gR = z(({
       /* @__PURE__ */ r.jsx(w, { pt: 9, pb: 8, children: t.name }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(mR, { panel: t, sourceViewID: h }),
-        /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "red", onClick: x, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), children: e("panel.delete") })
+        /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", color: "red", onClick: x, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), children: e("panel.delete") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs(_, { value: a, onTabChange: o, keepMounted: !1, styles: pR, children: [
@@ -33233,12 +33254,12 @@ const gR = z(({
     }, children: t("query.manage") }) }),
     /* @__PURE__ */ r.jsxs(Jt, { justify: "space-between", align: "center", px: 12, children: [
       /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
-        /* @__PURE__ */ r.jsxs(I.Group, { children: [
-          /* @__PURE__ */ r.jsx(I, { variant: "default", size: "xs", onClick: d, children: t("common.actions.select_all") }),
-          /* @__PURE__ */ r.jsx(I, { variant: "default", size: "xs", onClick: u, children: t("common.actions.clear_selection") })
+        /* @__PURE__ */ r.jsxs(T.Group, { children: [
+          /* @__PURE__ */ r.jsx(T, { variant: "default", size: "xs", onClick: d, children: t("common.actions.select_all") }),
+          /* @__PURE__ */ r.jsx(T, { variant: "default", size: "xs", onClick: u, children: t("common.actions.clear_selection") })
         ] }),
         /* @__PURE__ */ r.jsx(
-          I,
+          T,
           {
             size: "xs",
             color: "blue",
@@ -33249,7 +33270,7 @@ const gR = z(({
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: o, children: t("query.delete_unused") })
+      /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: o, children: t("query.delete_unused") })
     ] }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
@@ -33297,7 +33318,7 @@ const gR = z(({
             fontWeight: x === 0 ? "bold" : "normal",
             textAlign: "center"
           }, children: x }),
-          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", onClick: () => a(m.id), children: t("common.actions.open") }) })
+          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", onClick: () => a(m.id), children: t("common.actions.open") }) })
         ] }, m.id);
       }) })
     ] }) }) })
@@ -33330,7 +33351,7 @@ const gR = z(({
     touch: !1
   }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r.jsx(M, { sx: {
     alignSelf: "flex-end"
-  }, children: /* @__PURE__ */ r.jsx(I, { disabled: !0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), children: e("query.delete") }) }) }) : /* @__PURE__ */ r.jsx(I, { color: "red", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), sx: {
+  }, children: /* @__PURE__ */ r.jsx(T, { disabled: !0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), children: e("query.delete") }) }) }) : /* @__PURE__ */ r.jsx(T, { color: "red", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 16 }), sx: {
     alignSelf: "flex-end"
   }, children: e("query.delete") });
 }, _R = z(yR), Fu = ({
@@ -33715,7 +33736,7 @@ const IR = z(({
     ] }), zIndex: 320, size: "96vw", styles: $R, children: /* @__PURE__ */ r.jsx(M, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ r.jsx(AR, { dataSource: t }) }) }),
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
@@ -33919,7 +33940,7 @@ WHERE
   } = y(), [e, n] = H(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Se, { opened: e, onClose: () => n(!1), title: t("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r.jsx(qu, {}) }),
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
+    /* @__PURE__ */ r.jsx(T, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
@@ -34018,21 +34039,21 @@ WHERE
     t: e
   } = y(), n = C(() => k.groupBy(t.dependencies, "type"), [t.dependencies]), s = C(() => t.dependencies.some((a) => !a.valid), [t.dependencies]), i = t.dependencies.length > 0;
   return i ? /* @__PURE__ */ r.jsxs(Te, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
-    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(El, { size: 16 }) : /* @__PURE__ */ r.jsx(ep, { size: 16 }), children: e("query.dependency.label") }) }),
-    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ct.Item, { children: [
+    /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(El, { size: 16 }) : /* @__PURE__ */ r.jsx(ep, { size: 16 }), children: e("query.dependency.label") }) }),
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(lt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(lt.Item, { children: [
       /* @__PURE__ */ r.jsx(w, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
-      /* @__PURE__ */ r.jsx(ct, { withPadding: !0, size: 14, sx: {
+      /* @__PURE__ */ r.jsx(lt, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
         svg: {
           verticalAlign: "middle"
         }
-      }, children: o.map((l) => /* @__PURE__ */ r.jsx(ct.Item, { icon: /* @__PURE__ */ r.jsx(M, { sx: {
+      }, children: o.map((l) => /* @__PURE__ */ r.jsx(lt.Item, { icon: /* @__PURE__ */ r.jsx(M, { sx: {
         path: {
           fill: l.valid ? "rgb(18, 184, 134)" : "rgb(250, 82, 82)"
         }
       }, children: /* @__PURE__ */ r.jsx(Ei, { size: 12 }) }), children: l.key }, l.key)) })
     ] }, a)) }) })
-  ] }) : /* @__PURE__ */ r.jsx(me, { label: e("query.dependency.has_none"), children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "gray", leftIcon: /* @__PURE__ */ r.jsx(Zm, { size: 16, style: {
+  ] }) : /* @__PURE__ */ r.jsx(me, { label: e("query.dependency.has_none"), children: /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", color: "gray", leftIcon: /* @__PURE__ */ r.jsx(Zm, { size: 16, style: {
     transform: "rotate(180deg)"
   } }), sx: {
     transform: "none !important"
@@ -34062,9 +34083,9 @@ WHERE
     }, children: [
       /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(GR, { queryModel: t }) }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(Dl, { size: 16 }), children: e("common.actions.reset_to_default") }),
-        /* @__PURE__ */ r.jsx(I, { onClick: a, color: "red", size: "xs", disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 16 }), children: e("common.actions.revert_changes") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: i, disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), children: e("common.actions.save_changes") })
+        /* @__PURE__ */ r.jsx(T, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(Dl, { size: 16 }), children: e("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: a, color: "red", size: "xs", disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 16 }), children: e("common.actions.revert_changes") }),
+        /* @__PURE__ */ r.jsx(T, { color: "green", size: "xs", onClick: i, disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(Oe, { size: 16 }), children: e("common.actions.save_changes") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(Aa, { height: "100%", value: n, onChange: s, theme: "sql-dark", defaultLanguage: "sql" })
@@ -34213,7 +34234,7 @@ WHERE
   B(() => {
     l(t.key), m(t.value);
   }, [t]);
-  const f = h !== t.value, v = Pt(), T = () => {
+  const f = h !== t.value, v = Pt(), I = () => {
     v.openConfirmModal({
       title: `${s("sql_snippet.delete")}?`,
       labels: {
@@ -34250,7 +34271,7 @@ WHERE
           error: u
         }
       ),
-      /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), color: "red", variant: "light", onClick: T, children: s("sql_snippet.delete") })
+      /* @__PURE__ */ r.jsx(T, { leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), color: "red", variant: "light", onClick: I, children: s("sql_snippet.delete") })
     ] }),
     /* @__PURE__ */ r.jsxs(_, { value: i, onTabChange: a, sx: {
       flexGrow: 1
@@ -34333,12 +34354,12 @@ WHERE
     }, children: t("sql_snippet.manage") }) }),
     /* @__PURE__ */ r.jsxs(Jt, { justify: "space-between", align: "center", px: 12, children: [
       /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
-        /* @__PURE__ */ r.jsxs(I.Group, { children: [
-          /* @__PURE__ */ r.jsx(I, { variant: "default", size: "xs", onClick: d, children: t("common.actions.select_all") }),
-          /* @__PURE__ */ r.jsx(I, { variant: "default", size: "xs", onClick: u, children: t("common.actions.clear_selection") })
+        /* @__PURE__ */ r.jsxs(T.Group, { children: [
+          /* @__PURE__ */ r.jsx(T, { variant: "default", size: "xs", onClick: d, children: t("common.actions.select_all") }),
+          /* @__PURE__ */ r.jsx(T, { variant: "default", size: "xs", onClick: u, children: t("common.actions.clear_selection") })
         ] }),
         /* @__PURE__ */ r.jsx(
-          I,
+          T,
           {
             size: "xs",
             color: "blue",
@@ -34349,7 +34370,7 @@ WHERE
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: o, children: t("sql_snippet.delete_unused") })
+      /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Et, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: o, children: t("sql_snippet.delete_unused") })
     ] }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
@@ -34386,7 +34407,7 @@ WHERE
             fontWeight: x === 0 ? "bold" : "normal",
             textAlign: "center"
           }, children: x }),
-          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", onClick: () => a(m.key), children: t("common.actions.open") }) })
+          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(T, { variant: "subtle", size: "xs", onClick: () => a(m.key), children: t("common.actions.open") }) })
         ] }, m.key);
       }) })
     ] }) }) })
@@ -34452,7 +34473,7 @@ WHERE
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t ?? zi), c = (x) => {
+  }] = rt(), [o, l] = H(t ?? zi), c = (x) => {
     l({
       ...o,
       enabled: x
@@ -34485,10 +34506,10 @@ WHERE
       /* @__PURE__ */ r.jsx(ee, { mt: 10, label: n("common.enabled"), checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(oE, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: m, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.revert") }),
+        /* @__PURE__ */ r.jsx(T, { onClick: m, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 20 }), children: n("common.actions.revert") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { onClick: u, variant: "subtle", children: n("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { onClick: d, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(T, { onClick: u, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(T, { onClick: d, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -34581,7 +34602,7 @@ WHERE
     maxWidth: "600px",
     height: "100%"
   }, spacing: "sm", children: [
-    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), onClick: l, children: e("view.delete") }) }),
+    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(T, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Ot, { size: 16 }), onClick: l, children: e("view.delete") }) }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
@@ -34640,7 +34661,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
     };
     e.content.filters.append(i), e.editor.setPath(["_FILTERS_", s]);
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34657,7 +34678,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
   if (!t)
     return null;
   const s = n.views.findByID(t);
-  return !s || s.type === W.Tabs ? null : /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(s.id), sx: {
+  return !s || s.type === W.Tabs ? null : /* @__PURE__ */ r.jsx(T, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(s.id), sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34678,7 +34699,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
     };
     e.content.queries.append(i), e.editor.setPath(["_QUERIES_", s]);
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34696,7 +34717,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
     };
     e.content.sqlSnippets.append(i), e.editor.setPath(["_SQL_SNIPPETS_", s]);
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34708,7 +34729,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
   const {
     t
   } = y(), e = le();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Ct, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34720,7 +34741,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
   const {
     t
   } = y(), e = he();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Tr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_QUERIES_"]), sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Tr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_QUERIES_"]), sx: {
     width: "100%",
     borderRadius: 0,
     fontWeight: "normal"
@@ -34733,7 +34754,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
   const {
     t
   } = y(), e = he();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Tr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_SQL_SNIPPETS_"]), sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Tr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_SQL_SNIPPETS_"]), sx: {
     width: "100%",
     borderRadius: 0,
     fontWeight: "normal"
@@ -34746,7 +34767,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
   const {
     t
   } = y(), e = he();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Tr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_FILTERS_"]), sx: {
+  return /* @__PURE__ */ r.jsx(T, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Tr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_FILTERS_"]), sx: {
     width: "100%",
     borderRadius: 0,
     fontWeight: "normal"
@@ -34801,7 +34822,7 @@ const wE = z(() => /* @__PURE__ */ r.jsx(S, { sx: {
     }, children: /* @__PURE__ */ r.jsx(AE, {}) }),
     /* @__PURE__ */ r.jsx(Gt.Section, { children: /* @__PURE__ */ r.jsx(b, { grow: !0, p: "md", pt: "sm", sx: {
       borderTop: "1px solid #eee"
-    }, children: /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Al, { size: 18 }), onClick: () => e.editor.close(), children: t("common.actions.close") }) }) })
+    }, children: /* @__PURE__ */ r.jsx(T, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Al, { size: 18 }), onClick: () => e.editor.close(), children: t("common.actions.close") }) }) })
   ] });
 }), PE = {
   root: {
@@ -34902,10 +34923,10 @@ const qE = {
     d == null || d(v.content.filters.values);
   }, [d, v.content.filters.values]), L.useEffect(() => {
     c && v.content.filters.patchValues(c);
-  }, [c, v.content.filters.patchValues]), L.useEffect(() => tt(() => Xt(v.json), (V) => {
+  }, [c, v.content.filters.patchValues]), L.useEffect(() => dt(() => Xt(v.json), (V) => {
     o == null || o(V);
   }), [v]);
-  const T = async () => {
+  const I = async () => {
     await s(v.json, v.content.json);
   }, R = kt(ka, []), P = Lu(R);
   return fl("@devtable/dashboard editor", {
@@ -34926,7 +34947,7 @@ const qE = {
   }, children: /* @__PURE__ */ r.jsx(fc, { value: v, children: /* @__PURE__ */ r.jsx(jc, { value: v.content, children: /* @__PURE__ */ r.jsx(Ni.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ r.jsx(Nt.Provider, { value: R, children: /* @__PURE__ */ r.jsxs(Os, { configure: P, children: [
-    /* @__PURE__ */ r.jsx(xl, { padding: 0, header: /* @__PURE__ */ r.jsx(WM, { onExit: u, saveDashboardChanges: T, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(fL, {}), styles: qE, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
+    /* @__PURE__ */ r.jsx(xl, { padding: 0, header: /* @__PURE__ */ r.jsx(WM, { onExit: u, saveDashboardChanges: I, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(fL, {}), styles: qE, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
       position: "relative"
     }, children: v.content.views.visibleViews.map((V) => /* @__PURE__ */ r.jsx(ZD, { view: V }, V.id)) }) }),
     /* @__PURE__ */ r.jsx(OE, {})
@@ -35042,19 +35063,19 @@ function BE({
   create_time: s,
   update_time: i,
   content: a
-}, o, l) {
+}, o, l, c) {
   if (!a)
     throw new Error("unexpected null content when creating a content model");
   const {
-    version: c,
-    filters: d,
-    views: u,
-    panels: h,
-    layouts: m,
+    version: d,
+    filters: u,
+    views: h,
+    panels: m,
+    layouts: x,
     definition: {
-      queries: x,
-      sqlSnippets: f,
-      mock_context: v = {}
+      queries: f,
+      sqlSnippets: v,
+      mock_context: I = {}
     }
   } = a;
   return Bu.create({
@@ -35063,18 +35084,18 @@ function BE({
     dashboard_id: n,
     create_time: s,
     update_time: i,
-    version: c,
-    filters: mu(d, o, v, l),
-    queries: dD(x),
-    sqlSnippets: hD(f),
-    mock_context: Nd(v),
-    views: sD(u),
+    version: d,
+    filters: mu(u, o, I, l),
+    queries: dD(f),
+    sqlSnippets: hD(v),
+    mock_context: Nd(I),
+    views: sD(h, c),
     panels: {
-      list: h
+      list: m
     },
     layouts: {
-      list: m,
-      currentBreakpoint: m[0].id
+      list: x,
+      currentBreakpoint: x[0].id
     }
   });
 }
@@ -35093,13 +35114,13 @@ function GE({
   name: e,
   group: n,
   content_id: s
-}, i, a, o, l, c) {
+}, i, a, o, l, c, d) {
   return WE.create({
     id: t,
     name: e,
     group: n,
     content_id: s,
-    content: BE(i, l, c),
+    content: BE(i, l, c, d),
     datasources: {
       list: a
     },
@@ -35121,26 +35142,32 @@ const QE = ({
   setFullScreenPanelID: o,
   filterValues: l,
   onFilterValuesChange: c,
-  lang: d
+  activeTab: d,
+  onActiveTabChange: u,
+  lang: h
 }) => {
   oc(i);
   const {
-    data: u = []
+    data: m = []
   } = kn(Fi), {
-    data: h = []
-  } = kn(uc), m = L.useMemo(() => GE(e, n, u, h, t, l ?? {}), [e, n]);
-  Mu(m.content, !1), L.useEffect(() => {
-    m.context.replace(t);
+    data: x = []
+  } = kn(uc), f = L.useMemo(() => GE(e, n, m, x, t, l ?? {}, d ?? null), [e, n, d]);
+  Mu(f.content, !1), L.useEffect(() => {
+    f.context.replace(t);
   }, [t]), L.useEffect(() => {
-    m.datasources.replace(u);
-  }, [u]), L.useEffect(() => {
-    m.globalSQLSnippets.replace(h);
-  }, [h]), L.useEffect(() => {
-    c == null || c(m.content.filters.values);
-  }, [c, m.content.filters.values]), L.useEffect(() => {
-    l && m.content.filters.patchValues(l);
-  }, [l, m.content.filters.patchValues]);
-  const x = kt(ka, []), f = Lu(x);
+    f.datasources.replace(m);
+  }, [m]), L.useEffect(() => {
+    f.globalSQLSnippets.replace(x);
+  }, [x]), L.useEffect(() => {
+    c == null || c(f.content.filters.values);
+  }, [c, f.content.filters.values]), L.useEffect(() => {
+    l && f.content.filters.patchValues(l);
+  }, [l, f.content.filters.patchValues]), L.useEffect(() => {
+    u == null || u(f.content.views.firstVisibleTabsViewActiveTab);
+  }, [u, f.content.views.firstVisibleTabsViewActiveTab]), L.useEffect(() => {
+    d && f.content.views.setFirstVisibleTabsViewActiveTab(d);
+  }, [d, f.content.views.setFirstVisibleTabsViewActiveTab]);
+  const v = kt(ka, []), I = Lu(v);
   return fl("@devtable/dashboard render", {
     context: t,
     dashboard: e,
@@ -35151,15 +35178,17 @@ const QE = ({
     setFullScreenPanelID: o,
     filterValues: l,
     onFilterValuesChange: c,
-    lang: d
-  }), /* @__PURE__ */ r.jsx(Du, { lang: d, children: /* @__PURE__ */ r.jsx(gl, { children: /* @__PURE__ */ r.jsx(Ic, { children: /* @__PURE__ */ r.jsx(_c, { value: {
+    activeTab: d,
+    onActiveTabChange: u,
+    lang: h
+  }), /* @__PURE__ */ r.jsx(Du, { lang: h, children: /* @__PURE__ */ r.jsx(gl, { children: /* @__PURE__ */ r.jsx(Ic, { children: /* @__PURE__ */ r.jsx(_c, { value: {
     searchButtonProps: i.searchButtonProps
-  }, children: /* @__PURE__ */ r.jsx(fc, { value: m, children: /* @__PURE__ */ r.jsx(jc, { value: m.content, children: /* @__PURE__ */ r.jsx(zc.Provider, { value: {
+  }, children: /* @__PURE__ */ r.jsx(fc, { value: f, children: /* @__PURE__ */ r.jsx(jc, { value: f.content, children: /* @__PURE__ */ r.jsx(zc.Provider, { value: {
     fullScreenPanelID: a,
     setFullScreenPanelID: o
   }, children: /* @__PURE__ */ r.jsx(Ni.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Nt.Provider, { value: x, children: /* @__PURE__ */ r.jsx(Os, { configure: f, children: m.content.views.visibleViews.map((v) => /* @__PURE__ */ r.jsx(Da, { view: v }, v.id)) }) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx(Nt.Provider, { value: v, children: /* @__PURE__ */ r.jsx(Os, { configure: I, children: f.content.views.visibleViews.map((R) => /* @__PURE__ */ r.jsx(Da, { view: R }, R.id)) }) }) }) }) }) }) }) }) }) }) });
 }, G2 = z(QE);
 $.extend(Lp);
 $.extend(Rp);