@devtable/dashboard 13.16.0 → 13.17.0

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ 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 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 { 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";
@@ -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];
@@ -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);
@@ -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" })
       ] });
@@ -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.0", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: xc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -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"]
       }
@@ -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" })
     ] }) })
@@ -2274,43 +2274,43 @@ const Tt = re(({
   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") })
         ] })
       ] })
     ] }) })
@@ -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
 }) => {
@@ -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
 }) => {
@@ -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 {
@@ -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(() => ({
@@ -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 = () => {
+  }] = st(!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") })
           ] })
         ] })
       ] })
@@ -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: [
@@ -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,
@@ -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
@@ -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: [
     /* @__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({
@@ -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") })
         ] })
       ] })
     ] }) })
@@ -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,
@@ -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({
@@ -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: ""
@@ -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
@@ -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
       });
@@ -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 }) })
   ] });
 };
@@ -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
@@ -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 }) }) })
   ] });
 }
@@ -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") })
         ] })
       ] })
     ] }) })
@@ -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
@@ -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 }),
@@ -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") })
         ] })
       ] })
     ] }) })
@@ -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,
@@ -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" })
   ] }) });
@@ -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,
@@ -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>
@@ -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: "估算偏差" }),
@@ -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: ""
@@ -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 }),
@@ -25505,9 +25505,21 @@ const su = p.compose("ViewRenderModel", tD, p.model({
     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,6 +25560,10 @@ const su = p.compose("ViewRenderModel", tD, p.model({
   setTab(e) {
     t.tab = e ?? "";
   },
+  setTabByTabInfo(e) {
+    const n = t.tabs.find((s) => s.id === e.id);
+    n && (t.tab = n.id);
+  },
   afterCreate() {
     bt(t, tt(() => t.defaultTab, (e) => this.setTab(e), {
       fireImmediately: !0,
@@ -25581,6 +25597,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 +25612,32 @@ 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 && 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;
+    return {
+      ...i,
+      tab: "",
+      config: {
+        ...i.config,
+        _name: a
+      },
+      panelIDs: i.panelIDs
+    };
+  });
+  return e && (s[0].tab = e.id), {
+    current: s,
+    visibleViewIDs: n
   };
 }
 const iD = new Mp({
@@ -26878,7 +26908,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 }) }) });
@@ -27263,13 +27293,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 })
@@ -28558,23 +28588,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 +30726,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 +30763,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 +30786,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 +30828,7 @@ const CM = z(({
   }), f = l("list"), v = h.map((Z, we) => ({
     ...Z,
     ...f[we]
-  })), T = () => {
+  })), I = () => {
     m({
       id: Ht(),
       name: "",
@@ -30858,15 +30888,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 +30915,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 +30953,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") });
@@ -31133,16 +31163,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 +31185,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 = {
@@ -31175,11 +31205,11 @@ const VM = z(({
     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: {
+  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 +31288,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;
@@ -31655,7 +31685,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 +31750,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",
@@ -31832,7 +31862,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 +31882,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 +31943,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 +32015,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 +32054,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 +32200,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 +32229,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 +32276,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 +32640,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)) }),
@@ -32871,7 +32901,7 @@ const tR = L.forwardRef(eR), nR = L.forwardRef(function({
       /* @__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 +32909,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 +32919,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 +32929,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 +32945,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 +33087,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 +33101,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 +33187,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 +33263,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 +33279,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 +33327,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 +33360,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 +33745,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 +33949,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,7 +34048,7 @@ 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.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(ct, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ct.Item, { children: [
       /* @__PURE__ */ r.jsx(w, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
       /* @__PURE__ */ r.jsx(ct, { withPadding: !0, size: 14, sx: {
@@ -34032,7 +34062,7 @@ WHERE
         }
       }, 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 +34092,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 +34243,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 +34280,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 +34363,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 +34379,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 +34416,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);
       }) })
     ] }) }) })
@@ -34485,10 +34515,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 +34611,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 +34670,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 +34687,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 +34708,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 +34726,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 +34738,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 +34750,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 +34763,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 +34776,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 +34831,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: {
@@ -34905,7 +34935,7 @@ const qE = {
   }, [c, v.content.filters.patchValues]), L.useEffect(() => tt(() => 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 +34956,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 +35072,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 +35093,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 +35123,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 +35151,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 +35187,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);