@devtable/dashboard 13.4.1 → 13.4.2

package/dist/dashboard.es.js

@@ -2,23 +2,23 @@ var sh = Object.defineProperty;
 var ih = (t, e, n) => e in t ? sh(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var N = (t, e, n) => (ih(t, typeof e != "symbol" ? e + "" : e, n), n);
 import L, { forwardRef as ne, useState as Q, useEffect as B, useCallback as We, useMemo as C, createElement as ls, useContext as Ht, useRef as cs, createContext as rl, memo as ah } from "react";
-import { TextInput as D, Text as w, Box as M, Button as I, HoverCard as ze, Group as b, Select as F, Stack as k, Overlay as Kn, Modal as je, Checkbox as ee, Divider as R, NumberInput as ae, Switch as Ve, Table as Re, ActionIcon as J, MultiSelect as Nn, Paper as oh, Code as eo, Tabs as _, LoadingOverlay as zn, Alert as ds, ColorSwatch as ai, createStyles as yr, Popover as Vn, Tooltip as ge, Center as sn, Collapse as _r, useMantineTheme as sl, CheckIcon as lh, MANTINE_SIZES as ch, SimpleGrid as _n, NativeSelect as il, SegmentedControl as dh, Anchor as oi, Menu as Y, UnstyledButton as al, Badge as nn, ColorInput as Bn, CloseButton as us, Textarea as uh, Mark as hh, Slider as mh, Flex as Ut, Affix as ph, Header as xh, List as ot, FileInput as gh, ThemeIcon as Gs, Navbar as Vt, JsonInput as ol, Pagination as ll, Drawer as fh, Accordion as Rr, Radio as to, Skeleton as no, NavLink as li, AppShell as cl } from "@mantine/core";
+import { TextInput as D, Text as w, Box as M, Button as z, HoverCard as Ie, Group as b, Select as F, Stack as k, Overlay as Kn, Modal as je, Checkbox as ee, Divider as R, NumberInput as ae, Switch as Ve, Table as Re, ActionIcon as J, MultiSelect as Nn, Paper as oh, Code as eo, Tabs as _, LoadingOverlay as In, Alert as ds, ColorSwatch as ai, createStyles as yr, Popover as Vn, Tooltip as ge, Center as sn, Collapse as _r, useMantineTheme as sl, CheckIcon as lh, MANTINE_SIZES as ch, SimpleGrid as _n, NativeSelect as il, SegmentedControl as dh, Anchor as oi, Menu as Y, UnstyledButton as al, Badge as nn, ColorInput as Bn, CloseButton as us, Textarea as uh, Mark as hh, Slider as mh, Flex as Ut, Affix as ph, Header as xh, List as ot, FileInput as gh, ThemeIcon as Gs, Navbar as Vt, JsonInput as ol, Pagination as ll, Drawer as fh, Accordion as Rr, Radio as to, Skeleton as no, NavLink as li, AppShell as cl } from "@mantine/core";
 import { useModals as Et, ModalsProvider as dl } from "@mantine/modals";
 import { useBoolean as rt, useCreation as vt, useAsyncEffect as vr, useRequest as wn, useWhyDidYouUpdate as bh, useLatest as ro, usePrevious as yh } from "ahooks";
 import { toJS as Yt, observable as ul, runInAction as cr, reaction as et, makeAutoObservable as jr } from "mobx";
-import { observer as z } from "mobx-react-lite";
+import { observer as I } from "mobx-react-lite";
 import { faker as _h } from "@faker-js/faker";
 import * as vh from "crypto-js";
 import jh from "crypto-js";
 import * as wh from "d3-array";
 import { quantile as Nr } from "d3-array";
 import $ from "dayjs";
-import S, { cloneDeepWith as hl, unset as Sh, get as se, isObject as ml, set as ki, omit as Sn, isFunction as kh, orderBy as Ch, last as pl, defaults as ve, minBy as zh, maxBy as Ih, cloneDeep as qe, values as xl, template as Ci, throttle as Th, range as Dh, isEqual as xe, defaultsDeep as we, keyBy as Mh, isEmpty as gl, isNumber as Lh, findLastIndex as Eh, isString as fl, pick as bl } from "lodash";
+import S, { cloneDeepWith as hl, unset as Sh, get as se, isObject as ml, set as ki, omit as Sn, isFunction as kh, orderBy as Ch, last as pl, defaults as ve, minBy as Ih, maxBy as zh, cloneDeep as qe, values as xl, template as Ci, throttle as Th, range as Dh, isEqual as xe, defaultsDeep as we, keyBy as Mh, isEmpty as gl, isNumber as Lh, findLastIndex as Eh, isString as fl, pick as bl } from "lodash";
 import * as qn from "mathjs";
 import Kr from "numbro";
 import Nt from "axios";
 import { useClipboard as Ah, randomId as kn, useDisclosure as an, useElementSize as mr, useResizeObserver as Rh, useInputState as yl } from "@mantine/hooks";
-import { interpolate as In } from "popmotion";
+import { interpolate as zn } from "popmotion";
 import * as Ye from "echarts/core";
 import { use as $h } from "echarts/core";
 import { BarChart as Ph, BoxplotChart as Oh, CustomChart as Fh, FunnelChart as Vh, HeatmapChart as qh, LineChart as Nh, PieChart as Bh, RadarChart as Wh, ScatterChart as Gh, SunburstChart as Qh } from "echarts/charts";
@@ -31,10 +31,10 @@ import Xe from "echarts-for-react/lib/core";
 import "echarts-gl";
 import { useForm as ye, Controller as g, useFieldArray as ms, useWatch as sm } from "react-hook-form";
 import { DatesProvider as im, DatePicker as am } from "@mantine/dates";
-import { useTranslation as y, Trans as zi, initReactI18next as om, I18nextProvider as lm } from "react-i18next";
-import { DeviceFloppy as Gt, Recycle as Tn, Trash as At, AlertCircle as cm, InfoCircle as Kt, Plus as _l, Refresh as Ii, Download as Ti, ArrowsMaximize as vl, Settings as jl, Copy as dm, ArrowLeft as um, ArrowsMove as hm, ChevronDownRight as mm, ChevronsUpRight as pm, PlaylistAdd as ps, ArrowBarToRight as xm } from "tabler-icons-react";
+import { useTranslation as y, Trans as Ii, initReactI18next as om, I18nextProvider as lm } from "react-i18next";
+import { DeviceFloppy as Gt, Recycle as Tn, Trash as At, AlertCircle as cm, InfoCircle as Kt, Plus as _l, Refresh as zi, Download as Ti, ArrowsMaximize as vl, Settings as jl, Copy as dm, ArrowLeft as um, ArrowsMove as hm, ChevronDownRight as mm, ChevronsUpRight as pm, PlaylistAdd as ps, ArrowBarToRight as xm } from "tabler-icons-react";
 import Rt, { loader as Qs } from "@monaco-editor/react";
-import { IconMathFunction as on, IconDeviceFloppy as $e, IconPlus as jt, IconTrash as Qt, IconChevronUp as gm, IconChevronDown as fm, IconTextSize as Di, IconInfoCircle as Dn, IconPlayerSkipBack as wl, IconRecycle as wr, IconSelector as bm, IconBorderAll as ym, IconArrowDown as _m, IconArrowUp as vm, IconCalendar as jm, IconMinus as wm, IconChevronsUp as Sm, IconChevronsDown as km, IconCode as Cn, IconCamera as xs, IconShare3 as Cm, IconDownload as zm, IconArrowsLeftRight as Im, IconVariable as Sl, IconCodeDots as Tm, IconFilter as kl, IconCopy as Dm, IconDatabase as gs, IconBoxMultiple as Cl, IconCaretDown as Mm, IconAlertTriangle as zl, IconArrowLeft as Lm, IconPlaylistAdd as io, IconDevices as Em, IconSettings as Sr, IconPointFilled as Mi, IconFileImport as ao, IconCircleDashed as Am, IconCircleDot as Rm, IconCircleOff as $m, IconAdjustments as Pm, IconLink as Om, IconArrowCurveRight as ci, IconLine as Fm, IconX as Il, IconEye as Tl, IconTable as Vm, IconColumns as qm, IconVectorTriangle as Nm, IconAlertCircle as oo, IconVariablePlus as Bm, IconHierarchy as Wm, IconDiscountCheckFilled as Gm } from "@tabler/icons-react";
+import { IconMathFunction as on, IconDeviceFloppy as $e, IconPlus as jt, IconTrash as Qt, IconChevronUp as gm, IconChevronDown as fm, IconTextSize as Di, IconInfoCircle as Dn, IconPlayerSkipBack as wl, IconRecycle as wr, IconSelector as bm, IconBorderAll as ym, IconArrowDown as _m, IconArrowUp as vm, IconCalendar as jm, IconMinus as wm, IconChevronsUp as Sm, IconChevronsDown as km, IconCode as Cn, IconCamera as xs, IconShare3 as Cm, IconDownload as Im, IconArrowsLeftRight as zm, IconVariable as Sl, IconCodeDots as Tm, IconFilter as kl, IconCopy as Dm, IconDatabase as gs, IconBoxMultiple as Cl, IconCaretDown as Mm, IconAlertTriangle as Il, IconArrowLeft as Lm, IconPlaylistAdd as io, IconDevices as Em, IconSettings as Sr, IconPointFilled as Mi, IconFileImport as ao, IconCircleDashed as Am, IconCircleDot as Rm, IconCircleOff as $m, IconAdjustments as Pm, IconLink as Om, IconArrowCurveRight as ci, IconLine as Fm, IconX as zl, IconEye as Tl, IconTable as Vm, IconColumns as qm, IconVectorTriangle as Nm, IconAlertCircle as oo, IconVariablePlus as Bm, IconHierarchy as Wm, IconDiscountCheckFilled as Gm } from "@tabler/icons-react";
 import { showNotification as Wn, notifications as Dl } from "@mantine/notifications";
 import * as tn from "d3-regression";
 import { RichTextEditor as te, Link as Ml, useRichTextEditorContext as Qm } from "@mantine/tiptap";
@@ -62,7 +62,7 @@ import { useVirtual as mp } from "react-virtual";
 import pp, { Option as xp } from "rc-select";
 import gp, { SHOW_PARENT as fp } from "rc-tree-select";
 import { WidthProvider as Yl, Responsive as Kl } from "react-grid-layout";
-import { types as p, cast as Dt, getRoot as Be, getParent as Me, addDisposer as ut, isAlive as co, flow as On, toGenerator as xn, clone as bp, getSnapshot as It, applySnapshot as Ge, addMiddleware as yp, getType as _p, detach as di, castToSnapshot as Jl } from "mobx-state-tree";
+import { types as p, cast as Dt, getRoot as Be, getParent as Me, addDisposer as ut, isAlive as co, flow as On, toGenerator as xn, clone as bp, getSnapshot as zt, applySnapshot as Ge, addMiddleware as yp, getType as _p, detach as di, castToSnapshot as Jl } from "mobx-state-tree";
 import { arrayToTree as vp } from "performant-array-to-tree";
 import { saveAs as fs } from "file-saver";
 import Xl from "dom-to-image-more";
@@ -72,8 +72,8 @@ import wp from "dayjs/plugin/advancedFormat";
 import Sp from "dayjs/plugin/arraySupport";
 import kp from "dayjs/plugin/buddhistEra";
 import Cp from "dayjs/plugin/calendar";
-import zp from "dayjs/plugin/customParseFormat";
-import Ip from "dayjs/plugin/dayOfYear";
+import Ip from "dayjs/plugin/customParseFormat";
+import zp from "dayjs/plugin/dayOfYear";
 import Tp from "dayjs/plugin/duration";
 import Dp from "dayjs/plugin/isBetween";
 import Mp from "dayjs/plugin/isLeapYear";
@@ -366,18 +366,18 @@ function cx() {
         if (Ot && U && typeof Ot.stack == "string") {
           for (var re = Ot.stack.split(`
 `), Ke = U.stack.split(`
-`), Ce = re.length - 1, Ie = Ke.length - 1; Ce >= 1 && Ie >= 0 && re[Ce] !== Ke[Ie]; )
-            Ie--;
-          for (; Ce >= 1 && Ie >= 0; Ce--, Ie--)
-            if (re[Ce] !== Ke[Ie]) {
-              if (Ce !== 1 || Ie !== 1)
+`), Ce = re.length - 1, ze = Ke.length - 1; Ce >= 1 && ze >= 0 && re[Ce] !== Ke[ze]; )
+            ze--;
+          for (; Ce >= 1 && ze >= 0; Ce--, ze--)
+            if (re[Ce] !== Ke[ze]) {
+              if (Ce !== 1 || ze !== 1)
                 do
-                  if (Ce--, Ie--, Ie < 0 || re[Ce] !== Ke[Ie]) {
+                  if (Ce--, ze--, ze < 0 || re[Ce] !== Ke[ze]) {
                     var ct = `
 ` + re[Ce].replace(" at new ", " at ");
                     return v.displayName && ct.includes("<anonymous>") && (ct = ct.replace("<anonymous>", v.displayName)), typeof v == "function" && Mr.set(v, ct), ct;
                   }
-                while (Ce >= 1 && Ie >= 0);
+                while (Ce >= 1 && ze >= 0);
               break;
             }
         }
@@ -566,8 +566,8 @@ function cx() {
             ce[be] === void 0 && (ce[be] = Ce[be]);
         }
         if (re || Ke) {
-          var Ie = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
-          re && Qu(ce, Ie), Ke && Hu(ce, Ie);
+          var ze = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
+          re && Qu(ce, ze), Ke && Hu(ce, ze);
         }
         return Uu(v, re, Ke, ue, U, sr.current, ce);
       }
@@ -701,9 +701,9 @@ Check the top-level render call using <` + V + ">.");
           var Ce;
           v === null ? Ce = "null" : Vs(v) ? Ce = "array" : v !== void 0 && v.$$typeof === e ? (Ce = "<" + (Pt(v.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : Ce = typeof v, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ce, re);
         }
-        var Ie = Yu(v, A, V, ue, be);
-        if (Ie == null)
-          return Ie;
+        var ze = Yu(v, A, V, ue, be);
+        if (ze == null)
+          return ze;
         if (ce) {
           var ct = A.children;
           if (ct !== void 0)
@@ -717,7 +717,7 @@ Check the top-level render call using <` + V + ">.");
             else
               Ja(ct, v);
         }
-        return v === s ? Zu(Ie) : Xu(Ie), Ie;
+        return v === s ? Zu(ze) : Xu(ze), ze;
       }
     }
     function eh(v, A, V) {
@@ -1088,7 +1088,7 @@ class Cx {
     colorRange: n
   }) {
     N(this, "mapper");
-    this.mapper = In(e, n);
+    this.mapper = zn(e, n);
   }
   getColor(e) {
     return this.mapper(e);
@@ -1116,7 +1116,7 @@ function ie(t, {
     return console.debug(s), String(t);
   }
 }
-function zx(t) {
+function Ix(t) {
   return t === null ? "null" : t === void 0 ? "undefined" : Array.isArray(t) ? `Array(${t.length})` : t.toString();
 }
 function Xt({
@@ -1130,7 +1130,7 @@ function mt({
   aggregation: e
 }, n) {
   if (typeof n != "string" && typeof n != "number")
-    return zx(n);
+    return Ix(n);
   if (e.type === "custom")
     return n;
   try {
@@ -1139,7 +1139,7 @@ function mt({
     return console.error(s), n;
   }
 }
-function Ix(t, e) {
+function zx(t, e) {
   if (t.type === "static")
     return t.staticColor;
   if (t.type === "continuous")
@@ -1163,7 +1163,7 @@ function Tx(t, e) {
   return /* @__PURE__ */ r.jsx(w, { sx: {
     fontSize: a,
     display: "inline"
-  }, color: Ix(n, l), weight: o, children: c });
+  }, color: zx(n, l), weight: o, children: c });
 }
 function Dx(t, e) {
   const n = {};
@@ -1364,7 +1364,7 @@ class Qe 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(z, { variant: "subtle", size: "xs", mx: "auto", compact: !0, sx: {
           display: "block"
         }, onClick: n, children: "Retry" })
       ] });
@@ -1731,7 +1731,7 @@ class Pi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const lc = "13.4.1", ng = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const lc = "13.4.2", ng = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: lc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1928,7 +1928,7 @@ function ag({
     min: j,
     max: T
   } = C(() => {
-    const P = zh(h, (X) => X[f.columnKey]), q = Ih(h, (X) => X[f.columnKey]);
+    const P = Ih(h, (X) => X[f.columnKey]), q = zh(h, (X) => X[f.columnKey]);
     return {
       min: se(P, f.columnKey),
       max: se(q, f.columnKey)
@@ -2035,7 +2035,7 @@ function vc({
     firstDayOfWeek: 1
   }, children: t });
 }
-const G = z(ne(({
+const G = I(ne(({
   label: t,
   required: e,
   description: n,
@@ -2051,9 +2051,9 @@ const G = z(ne(({
   } = pt(), h = L.useMemo(() => u.dataFieldOptions(s, o, a), [s, o, a]);
   if (h.length === 0) {
     const m = u.explainDataKey(s);
-    return /* @__PURE__ */ r.jsxs(ze, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(D, { label: t, required: e, defaultValue: m.columnKey, readOnly: !0, disabled: !0 }) }) }),
-      /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsxs(b, { position: "left", spacing: 0, children: [
+    return /* @__PURE__ */ r.jsxs(Ie, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
+      /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(D, { label: t, required: e, defaultValue: m.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsxs(b, { position: "left", spacing: 0, children: [
         /* @__PURE__ */ r.jsx(w, { size: "xs", color: m.queryName ? "black" : "red", sx: {
           fontFamily: "monospace"
         }, children: m.queryName ?? m.queryID }),
@@ -2128,7 +2128,7 @@ function mg({
     ] }),
     /* @__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(z, { color: "blue", type: "submit", children: [
       /* @__PURE__ */ r.jsx(Gt, { size: 20 }),
       /* @__PURE__ */ r.jsx(w, { ml: "md", children: "Save" })
     ] }) })
@@ -2288,17 +2288,17 @@ const kt = ne(({
     x(He().func_content);
   }, j = 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(on, { size: 16 }), mt: 24, onClick: o, sx: {
+    /* @__PURE__ */ r.jsx(z, { variant: "filled", color: "grape", leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: j }),
     /* @__PURE__ */ r.jsx(je, { size: 800, title: j, opened: a, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(ee, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (T) => u(T.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(_g, { 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(Tn, { size: 20 }), children: i("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: f, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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($e, { size: 16 }), onClick: h, children: i("common.actions.save") })
+          /* @__PURE__ */ r.jsx(z, { onClick: m, variant: "subtle", children: i("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: h, children: i("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -2594,7 +2594,7 @@ function Cg(t, e) {
     commit: o
   };
 }
-function zg(t) {
+function Ig(t) {
   const {
     t: e
   } = y(), {
@@ -2623,7 +2623,7 @@ function zg(t) {
     /* @__PURE__ */ r.jsx(Ve, { label: e("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => o(c.currentTarget.checked) })
   ] });
 }
-async function Ig(t, e) {
+async function zg(t, e) {
   const {
     urlTemplate: n,
     openInNewTab: s
@@ -2648,8 +2648,8 @@ class Tg extends Se {
 const Dg = {
   displayName: "interactions.operation.open_link.label",
   id: "builtin:op:open-link",
-  configRender: zg,
-  run: Ig,
+  configRender: Ig,
+  run: zg,
   migrator: new Tg(),
   createDefaultConfig: () => ({
     version: 1,
@@ -2683,7 +2683,7 @@ const Ag = {
   id: "builtin:op:debug",
   configRender: Lg,
   run: Eg
-}, Rg = z((t) => {
+}, Rg = I((t) => {
   const {
     t: e
   } = y(), n = oe(), {
@@ -2736,7 +2736,7 @@ const Pg = {
   }, rightSection: /* @__PURE__ */ r.jsx(J, { color: "green", size: "xs", onClick: i, disabled: n === t, children: /* @__PURE__ */ r.jsx($e, {}) }) });
 }, Vg = {
   dictionary: {}
-}, qg = z((t) => {
+}, qg = I((t) => {
   const {
     t: e
   } = y(), n = oe(), {
@@ -2801,7 +2801,7 @@ const Bg = {
   run: Ng
 }, Wg = {
   filter_keys: []
-}, Gg = z((t) => {
+}, Gg = I((t) => {
   const {
     t: e
   } = y(), n = oe(), {
@@ -3098,7 +3098,7 @@ class Kg {
 function Jg(t) {
   return !!t.operationId;
 }
-const Xg = z(({
+const Xg = I(({
   model: t,
   onClick: e
 }) => {
@@ -3106,8 +3106,8 @@ const Xg = 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) });
-}), Zg = z(({
+  return /* @__PURE__ */ r.jsx(z, { variant: "outline", onClick: e, children: n(s) });
+}), Zg = I(({
   model: t
 }) => {
   const e = {
@@ -3116,7 +3116,7 @@ const Xg = z(({
     variables: []
   };
   return ls(t.operationSchema.configRender, e);
-}), ef = z(({
+}), ef = I(({
   model: t
 }) => {
   const {
@@ -3130,7 +3130,7 @@ const Xg = z(({
     await t.changeSchema(s.find((l) => l.id === o));
   }
   return /* @__PURE__ */ r.jsx(F, { label: e("interactions.operation.label"), data: i, onChange: a, value: t.operationSchema.id, withinPortal: !0, zIndex: 340 });
-}), tf = z((t) => {
+}), tf = I((t) => {
   const {
     t: e
   } = y(), [n, {
@@ -3189,7 +3189,7 @@ function rf(t) {
 function sf(t, e) {
   return vt(() => new nf(t, e), [t, e]);
 }
-const af = z(({
+const af = I(({
   model: t,
   onClick: e
 }) => {
@@ -3198,8 +3198,8 @@ const af = z(({
     instance: t.instance,
     sampleData: t.sampleData
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "outline", onClick: e, children: ls(n, s) });
-}), of = z(({
+  return /* @__PURE__ */ r.jsx(z, { variant: "outline", onClick: e, children: ls(n, s) });
+}), of = I(({
   model: t
 }) => {
   const {
@@ -3213,7 +3213,7 @@ const af = z(({
     await t.changeSchema(s.find((l) => l.id === o));
   }
   return /* @__PURE__ */ r.jsx(F, { label: e("interactions.trigger.label"), data: i, value: t.triggerSchema.id, onChange: a });
-}), lf = z(({
+}), lf = I(({
   model: t
 }) => {
   const e = {
@@ -3222,7 +3222,7 @@ const af = z(({
     sampleData: t.sampleData
   };
   return ls(t.triggerSchema.configRender, e);
-}), cf = z((t) => {
+}), cf = I((t) => {
   const {
     t: e
   } = y(), [n, {
@@ -3245,7 +3245,7 @@ function df(t, e) {
     s(i);
   }, [e, t]), n;
 }
-const uf = z(({
+const uf = I(({
   item: t,
   manager: e,
   instance: n,
@@ -3294,10 +3294,10 @@ const uf = z(({
     }
   });
   return /* @__PURE__ */ r.jsxs(k, { children: [
-    /* @__PURE__ */ r.jsx(zn, { visible: m }),
+    /* @__PURE__ */ r.jsx(In, { visible: m }),
     h === 0 && /* @__PURE__ */ r.jsx(ds, { icon: /* @__PURE__ */ r.jsx(cm, { size: 16 }), title: e("interactions.unavailable"), color: "gray", children: e("interactions.unavailable_reason") }),
     c.map((x) => /* @__PURE__ */ r.jsx(uf, { onRemove: u, instance: a, sampleData: o, variables: l, item: x, manager: t.interactionManager }, x.id)),
-    /* @__PURE__ */ r.jsx(I, { style: {
+    /* @__PURE__ */ r.jsx(z, { style: {
       width: "fit-content"
     }, onClick: () => d(), disabled: h === 0, children: e("interactions.add") })
   ] });
@@ -3377,17 +3377,17 @@ const bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getYAxis: ff,
   yAxis: Cc
-}, Symbol.toStringTag, { value: "Module" })), zc = {
+}, Symbol.toStringTag, { value: "Module" })), Ic = {
   confine: !0,
   appendToBody: !0
 };
 function yf(t) {
-  return S.defaultsDeep({}, t, zc);
+  return S.defaultsDeep({}, t, Ic);
 }
 const _f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getTooltip: yf,
-  tooltip: zc
+  tooltip: Ic
 }, Symbol.toStringTag, { value: "Module" })), me = {
   ...gf,
   ...bf,
@@ -3600,7 +3600,7 @@ function Cf(t, e, n) {
     }
   }), T;
 }
-function zf(t, e) {
+function If(t, e) {
   const {
     color: n
   } = e, s = {
@@ -3619,7 +3619,7 @@ function zf(t, e) {
   };
   return s.renderItem = (i, a) => Cf(t, a, s), s;
 }
-function If(t) {
+function zf(t) {
   const e = Bi(t), n = e[0].width, s = t.value(0), i = t.value(1), [a, o] = t.coord([s, i]), c = a + e[0].offset + Math.random() * n;
   return {
     type: "circle",
@@ -3649,7 +3649,7 @@ function Tf() {
     },
     datasetIndex: 2
   };
-  return t.renderItem = (e, n) => If(n), t;
+  return t.renderItem = (e, n) => zf(n), t;
 }
 function Df(t, e) {
   const n = Bi(t), s = n[0].width, i = t.value(0), a = t.value(1), [o, l] = t.coord([i, a]), d = o + n[0].offset + Math.random() * s;
@@ -3683,7 +3683,7 @@ function Mf() {
   return t.renderItem = (e, n) => Df(n), t;
 }
 function Lf(t, e) {
-  const n = e[0], s = zf(n, t), i = Tf(), a = Mf();
+  const n = e[0], s = If(n, t), i = Tf(), a = Mf();
   return [{
     name: "Placeholder Box",
     type: "boxplot",
@@ -3743,7 +3743,7 @@ const Ef = (t, e) => {
   mantissa: 2,
   absolute: !1
 });
-function Ic(t, e) {
+function zc(t, e) {
   return t.tooltip.metrics.map((n) => {
     const s = O(n.data_key);
     return `
@@ -3758,7 +3758,7 @@ function Rf(t, e) {
       <th style="text-align: right; padding: 0 1em;">${t.y_axis.name}</th>
       <td style="text-align: left; padding: 0 1em;">${e[1]}</td>
     </tr>
-    `], i = Ic(t, e[2]);
+    `], i = zc(t, e[2]);
   return s.push(...i), `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${n}">${e[0]}</div>
@@ -3775,7 +3775,7 @@ function $f(t, e) {
       <th style="text-align: right; padding: 0 1em;">${t.y_axis.name}</th>
       <td style="text-align: left; padding: 0 1em;">${e[1]}</td>
     </tr>
-    `], i = Ic(t, e[2]);
+    `], i = zc(t, e[2]);
   return s.push(...i), `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${n}">${e[0]}</div>
@@ -4150,8 +4150,8 @@ function Qf(t) {
           typeof q == "number" && c(q);
         } }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-          /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", onClick: T, children: e("common.actions.cancel") }),
-          /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: E, children: e("common.actions.save") })
+          /* @__PURE__ */ r.jsx(z, { variant: "subtle", size: "xs", onClick: T, children: e("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: E, children: e("common.actions.save") })
         ] })
       ] }) })
     ] }),
@@ -4160,14 +4160,14 @@ function Qf(t) {
     }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: P })
   ] });
 }
-const Hf = z(({
+const Hf = I(({
   model: t
 }) => {
   const {
     classes: e
   } = Dc(), n = Dh(0, 13, 1).map((s) => 100 / 12 * s).map((s) => [t.interpolation.getColor(s), s]);
   return /* @__PURE__ */ r.jsx("div", { className: e.palette, children: n.map(([s, i], a) => /* @__PURE__ */ r.jsx(Qf, { index: a, color: s, value: t.getStepFromValue(i), onChange: (o) => t.changeStep(o, i) }, s)) });
-}), Uf = z(function(e) {
+}), Uf = I(function(e) {
   const n = vt(() => new Gf(), []);
   return B(() => {
     n.fromProps(e);
@@ -4207,13 +4207,13 @@ const Hf = 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(z, { variant: "outline", onClick: h, children: e(d == null ? void 0 : d.displayName) }),
     /* @__PURE__ */ r.jsx(je, { size: 508, title: e("style.color.interpolation.setup"), opened: u, onClose: m, zIndex: 320, children: u && /* @__PURE__ */ r.jsxs(k, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r.jsx(F, { label: e("style.color.interpolation.palette.label"), value: l.interpolation, data: x, onChange: f, withinPortal: !0, zIndex: 340, maxDropdownHeight: 500 }),
       /* @__PURE__ */ r.jsx(Uf, { steps: l.steps, interpolation: d, onChange: T }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: E, variant: "subtle", children: e("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: j, children: e("common.actions.save") })
+        /* @__PURE__ */ r.jsx(z, { onClick: E, variant: "subtle", children: e("common.actions.cancel") }),
+        /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: j, children: e("common.actions.save") })
       ] })
     ] }) })
   ] });
@@ -4332,7 +4332,7 @@ const Hf = z(({
         index: T
       }),
       /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed" }),
-      /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), color: "red", variant: "light", onClick: () => h(T), sx: {
+      /* @__PURE__ */ r.jsx(z, { leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), color: "red", variant: "light", onClick: () => h(T), sx: {
         top: 15,
         right: 5
       }, disabled: c == null ? void 0 : c({
@@ -4601,7 +4601,7 @@ function lb({
     toggle: s
   }] = an(!1);
   return /* @__PURE__ */ r.jsxs(M, { children: [
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", w: "100%", compact: !0, onClick: s, leftIcon: n ? /* @__PURE__ */ r.jsx(gm, { size: 14 }) : /* @__PURE__ */ r.jsx(fm, { size: 14 }), children: e(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
+    /* @__PURE__ */ r.jsx(z, { variant: "subtle", w: "100%", compact: !0, onClick: s, leftIcon: n ? /* @__PURE__ */ r.jsx(gm, { size: 14 }) : /* @__PURE__ */ r.jsx(fm, { size: 14 }), children: e(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r.jsx(_r, { in: n, children: n && /* @__PURE__ */ r.jsxs(Re, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
@@ -5056,7 +5056,7 @@ const Wi = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end"
-}, zb = z(({
+}, Ib = I(({
   context: t,
   instance: e
 }) => {
@@ -5083,8 +5083,8 @@ const Wi = {
     height: m,
     justifyContent: kb[c],
     alignItems: Cb[d]
-  }, children: /* @__PURE__ */ r.jsx(I, { ...u, onClick: f, children: Ci(l)(x) }) });
-}), Ib = ({
+  }, children: /* @__PURE__ */ r.jsx(z, { ...u, onClick: f, children: Ci(l)(x) }) });
+}), zb = ({
   value: t,
   onChange: e,
   label: n
@@ -5181,7 +5181,7 @@ function Db({
         ),
         /* @__PURE__ */ r.jsx(g, { control: a, name: "color", render: ({
           field: m
-        }) => /* @__PURE__ */ r.jsx(Ib, { label: "Theme", ...m }) })
+        }) => /* @__PURE__ */ r.jsx(zb, { label: "Theme", ...m }) })
       ] }),
       /* @__PURE__ */ r.jsxs(_n, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(g, { control: a, name: "size", render: ({
@@ -5255,7 +5255,7 @@ const Rb = {
   displayGroup: "chart.groups.others",
   migrator: new Ab(),
   name: "button",
-  viewRender: zb,
+  viewRender: Ib,
   configRender: Db,
   createConfig() {
     return {
@@ -5588,7 +5588,7 @@ function Jb({
         variables: i
       }, {
         lodash: S,
-        interpolate: In
+        interpolate: zn
       });
     } catch (m) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${m.message}`), 10;
@@ -6383,17 +6383,17 @@ const by = ({
   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(z, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), children: n("chart.symbol_size.setup.label") }) }),
     /* @__PURE__ */ r.jsx(je, { size: 800, title: n("chart.symbol_size.setup.title"), opened: s, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(R, { mt: 10, mb: -10, label: n("chart.symbol_size.setup.description"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(by, { 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(Tn, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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($e, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(z, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -7242,7 +7242,7 @@ class Pr {
   applyPending(e) {
     for (let n = 0, s = this.pendingMarks; n < s.length; n++) {
       let i = s[n];
-      (this.type ? this.type.allowsMarkType(i.type) : zy(i.type, e)) && !i.isInSet(this.activeMarks) && (this.activeMarks = i.addToSet(this.activeMarks), this.pendingMarks = i.removeFromSet(this.pendingMarks));
+      (this.type ? this.type.allowsMarkType(i.type) : Iy(i.type, e)) && !i.isInSet(this.activeMarks) && (this.activeMarks = i.addToSet(this.activeMarks), this.pendingMarks = i.removeFromSet(this.pendingMarks));
     }
   }
   inlineContext(e) {
@@ -7516,7 +7516,7 @@ class _o {
     }
   }
   addPendingMark(e) {
-    let n = Iy(e, this.top.pendingMarks);
+    let n = zy(e, this.top.pendingMarks);
     n && this.top.stashMarks.push(n), this.top.pendingMarks = e.addToSet(this.top.pendingMarks);
   }
   removePendingMark(e, n) {
@@ -7555,7 +7555,7 @@ function vo(t) {
     e[n] = t[n];
   return e;
 }
-function zy(t, e) {
+function Iy(t, e) {
   let n = e.schema.nodes;
   for (let s in n) {
     let i = n[s];
@@ -7573,7 +7573,7 @@ function zy(t, e) {
       return !0;
   }
 }
-function Iy(t, e) {
+function zy(t, e) {
   for (let n = 0; n < e.length; n++)
     if (t.eq(e[n]))
       return e[n];
@@ -7963,7 +7963,7 @@ class fr extends it {
   }
 }
 it.jsonID("removeNodeMark", fr);
-class zt extends it {
+class It extends it {
   /**
   The given `slice` should fit the 'gap' between `from` and
   `to`—the depths must line up, and the surrounding nodes must be
@@ -7983,21 +7983,21 @@ class zt extends it {
     return new dt([this.from, this.to - this.from, this.slice.size]);
   }
   invert(e) {
-    return new zt(this.from, this.from + this.slice.size, e.slice(this.from, this.to));
+    return new It(this.from, this.from + this.slice.size, e.slice(this.from, this.to));
   }
   map(e) {
     let n = e.mapResult(this.from, 1), s = e.mapResult(this.to, -1);
-    return n.deletedAcross && s.deletedAcross ? null : new zt(n.pos, Math.max(n.pos, s.pos), this.slice);
+    return n.deletedAcross && s.deletedAcross ? null : new It(n.pos, Math.max(n.pos, s.pos), this.slice);
   }
   merge(e) {
-    if (!(e instanceof zt) || e.structure || this.structure)
+    if (!(e instanceof It) || e.structure || this.structure)
       return null;
     if (this.from + this.slice.size == e.from && !this.slice.openEnd && !e.slice.openStart) {
       let n = this.slice.size + e.slice.size == 0 ? fe.empty : new fe(this.slice.content.append(e.slice.content), this.slice.openStart, e.slice.openEnd);
-      return new zt(this.from, this.to + (e.to - e.from), n, this.structure);
+      return new It(this.from, this.to + (e.to - e.from), n, this.structure);
     } else if (e.to == this.from && !this.slice.openStart && !e.slice.openEnd) {
       let n = this.slice.size + e.slice.size == 0 ? fe.empty : new fe(e.slice.content.append(this.slice.content), e.slice.openStart, this.slice.openEnd);
-      return new zt(e.from, this.to, n, this.structure);
+      return new It(e.from, this.to, n, this.structure);
     } else
       return null;
   }
@@ -8011,10 +8011,10 @@ class zt extends it {
   static fromJSON(e, n) {
     if (typeof n.from != "number" || typeof n.to != "number")
       throw new RangeError("Invalid input for ReplaceStep.fromJSON");
-    return new zt(n.from, n.to, fe.fromJSON(e, n.slice), !!n.structure);
+    return new It(n.from, n.to, fe.fromJSON(e, n.slice), !!n.structure);
   }
 }
-it.jsonID("replace", zt);
+it.jsonID("replace", It);
 class jn extends it {
   /**
   Create a replace-around step with the given range and gap.
@@ -8381,7 +8381,7 @@ class Ae extends _e {
     return e instanceof Ae && e.anchor == this.anchor && e.head == this.head;
   }
   getBookmark() {
-    return new zs(this.anchor, this.head);
+    return new Is(this.anchor, this.head);
   }
   toJSON() {
     return { type: "text", anchor: this.anchor, head: this.head };
@@ -8422,12 +8422,12 @@ class Ae extends _e {
   }
 }
 _e.jsonID("text", Ae);
-class zs {
+class Is {
   constructor(e, n) {
     this.anchor = e, this.head = n;
   }
   map(e) {
-    return new zs(e.map(this.anchor), e.map(this.head));
+    return new Is(e.map(this.anchor), e.map(this.head));
   }
   resolve(e) {
     return Ae.between(e.resolve(this.anchor), e.resolve(this.head));
@@ -8488,7 +8488,7 @@ class Xi {
   }
   map(e) {
     let { deleted: n, pos: s } = e.mapResult(this.anchor);
-    return n ? new zs(s, s) : new Xi(s);
+    return n ? new Is(s, s) : new Xi(s);
   }
   resolve(e) {
     let n = e.resolve(this.anchor), s = n.nodeAfter;
@@ -8560,19 +8560,19 @@ function Co(t, e, n) {
   if (s < e)
     return;
   let i = t.steps[s];
-  if (!(i instanceof zt || i instanceof jn))
+  if (!(i instanceof It || i instanceof jn))
     return;
   let a = t.mapping.maps[s], o;
   a.forEach((l, c, d, u) => {
     o == null && (o = u);
   }), t.setSelection(_e.near(t.doc.resolve(o), n));
 }
-function zo(t, e) {
+function Io(t, e) {
   return !e || !t ? t : t.bind(e);
 }
 class Or {
   constructor(e, n, s) {
-    this.name = e, this.init = zo(n.init, s), this.apply = zo(n.apply, s);
+    this.name = e, this.init = Io(n.init, s), this.apply = Io(n.apply, s);
   }
 }
 new Or("doc", {
@@ -8611,7 +8611,7 @@ function Gc(t, e, n) {
   }
   return n;
 }
-class zr {
+class Ir {
   /**
   Create a plugin.
   */
@@ -8629,7 +8629,7 @@ const Xs = /* @__PURE__ */ Object.create(null);
 function Qc(t) {
   return t in Xs ? t + "$" + ++Xs[t] : (Xs[t] = 0, t + "$");
 }
-class Ir {
+class zr {
   /**
   Create a plugin key.
   */
@@ -8840,8 +8840,8 @@ Lt.create({
   name: "clipboardTextSerializer",
   addProseMirrorPlugins() {
     return [
-      new zr({
-        key: new Ir("clipboardTextSerializer"),
+      new Ir({
+        key: new zr("clipboardTextSerializer"),
         props: {
           clipboardTextSerializer: () => {
             const { editor: t } = this, { state: e, schema: n } = t, { doc: s, selection: i } = e, { ranges: a } = i, o = Math.min(...a.map((u) => u.$from.pos)), l = Math.max(...a.map((u) => u.$to.pos)), c = Ny(n);
@@ -9001,7 +9001,7 @@ const s_ = (t = null, e = {}) => ({ editor: n, view: s, tr: i, dispatch: a }) =>
   const l = r_(i.doc, t) || n.state.selection, c = n.state.selection.eq(l);
   return a && (c || i.setSelection(l), c && i.storedMarks && i.setStoredMarks(i.storedMarks), o()), !0;
 }, i_ = (t, e) => (n) => t.every((s, i) => e(s, { ...n, index: i })), a_ = (t, e) => ({ tr: n, commands: s }) => s.insertContentAt({ from: n.selection.from, to: n.selection.to }, t, e);
-function Io(t) {
+function zo(t) {
   const e = `<body>${t}</body>`;
   return new window.DOMParser().parseFromString(e, "text/html").body;
 }
@@ -9018,7 +9018,7 @@ function rs(t, e, n) {
     }
   if (typeof t == "string") {
     const s = Zr.fromSchema(e);
-    return n.slice ? s.parseSlice(Io(t), n.parseOptions).content : s.parse(Io(t), n.parseOptions);
+    return n.slice ? s.parseSlice(zo(t), n.parseOptions).content : s.parse(zo(t), n.parseOptions);
   }
   return rs("", e, n);
 }
@@ -9027,7 +9027,7 @@ function o_(t, e, n) {
   if (s < e)
     return;
   const i = t.steps[s];
-  if (!(i instanceof zt || i instanceof jn))
+  if (!(i instanceof It || i instanceof jn))
     return;
   const a = t.mapping.maps[s];
   let o = 0;
@@ -9145,12 +9145,12 @@ const __ = (t, e) => ({ tr: n, state: s, dispatch: i }) => {
 }, v_ = () => ({ tr: t, dispatch: e }) => (e && t.scrollIntoView(), !0), j_ = () => ({ tr: t, commands: e }) => e.setTextSelection({
   from: 0,
   to: t.doc.content.size
-}), w_ = () => ({ state: t, dispatch: e }) => rp(t, e), S_ = () => ({ state: t, dispatch: e }) => sp(t, e), k_ = () => ({ state: t, dispatch: e }) => ip(t, e), C_ = () => ({ state: t, dispatch: e }) => ap(t, e), z_ = () => ({ state: t, dispatch: e }) => op(t, e);
-function I_(t, e, n = {}) {
+}), w_ = () => ({ state: t, dispatch: e }) => rp(t, e), S_ = () => ({ state: t, dispatch: e }) => sp(t, e), k_ = () => ({ state: t, dispatch: e }) => ip(t, e), C_ = () => ({ state: t, dispatch: e }) => ap(t, e), I_ = () => ({ state: t, dispatch: e }) => op(t, e);
+function z_(t, e, n = {}) {
   return rs(t, e, { slice: !1, parseOptions: n });
 }
 const T_ = (t, e = !1, n = {}) => ({ tr: s, editor: i, dispatch: a }) => {
-  const { doc: o } = s, l = I_(t, i.schema, n);
+  const { doc: o } = s, l = z_(t, i.schema, n);
   return a && s.replaceWith(0, o.content.size, l).setMeta("preventUpdate", !e), !0;
 };
 function D_(t) {
@@ -9512,7 +9512,7 @@ var Z_ = /* @__PURE__ */ Object.freeze({
   selectNodeForward: S_,
   selectParentNode: k_,
   selectTextblockEnd: C_,
-  selectTextblockStart: z_,
+  selectTextblockStart: I_,
   setContent: T_,
   setMark: R_,
   setMeta: $_,
@@ -9545,8 +9545,8 @@ Lt.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
-      new zr({
-        key: new Ir("editable"),
+      new Ir({
+        key: new zr("editable"),
         props: {
           editable: () => this.editor.options.editable
         }
@@ -9559,8 +9559,8 @@ Lt.create({
   addProseMirrorPlugins() {
     const { editor: t } = this;
     return [
-      new zr({
-        key: new Ir("focusEvents"),
+      new Ir({
+        key: new zr("focusEvents"),
         props: {
           handleDOMEvents: {
             focus: (e, n) => {
@@ -9633,8 +9633,8 @@ Lt.create({
       // to a paragraph if necessary.
       // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
       // with many other commands.
-      new zr({
-        key: new Ir("clearDocument"),
+      new Ir({
+        key: new zr("clearDocument"),
         appendTransaction: (t, e, n) => {
           if (!(t.some((f) => f.docChanged) && !e.doc.eq(n.doc)))
             return;
@@ -9659,8 +9659,8 @@ Lt.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
-      new zr({
-        key: new Ir("tabindex"),
+      new Ir({
+        key: new zr("tabindex"),
         props: {
           attributes: this.editor.isEditable ? { tabindex: "0" } : {}
         }
@@ -9724,7 +9724,7 @@ const Zc = Lt.create({
     const s = n.currentTarget.value;
     s ? t.chain().focus().setFontSize(s).run() : t.chain().focus().unsetFontSize().run();
   } }) });
-}, Is = ({
+}, zs = ({
   value: t,
   styles: e = {},
   sx: n = {}
@@ -9760,7 +9760,7 @@ function sv() {
     close: s
   }] = an(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(je, { opened: e, onClose: s, title: t("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r.jsx(Is, { value: hx(t), styles: {
+    /* @__PURE__ */ r.jsx(je, { opened: e, onClose: s, title: t("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r.jsx(zs, { value: hx(t), styles: {
       root: {
         border: "none"
       },
@@ -9771,7 +9771,7 @@ function sv() {
         }
       }
     } }) }),
-    /* @__PURE__ */ r.jsx(I, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 16 }), children: t("function_utils.trigger_text") })
+    /* @__PURE__ */ r.jsx(z, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 16 }), children: t("function_utils.trigger_text") })
   ] });
 }
 const iv = ({
@@ -9826,9 +9826,9 @@ const iv = ({
     }, children: [
       /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(sv, {}) }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: u, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(wl, { 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(wr, { size: 16 }), children: a("common.actions.revert_changes") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: c, disabled: !h, leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), children: a("common.actions.save_changes") })
+        /* @__PURE__ */ r.jsx(z, { onClick: u, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(wl, { size: 16 }), children: a("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: d, color: "red", size: "xs", disabled: !h, leftIcon: /* @__PURE__ */ r.jsx(wr, { size: 16 }), children: a("common.actions.revert_changes") }),
+        /* @__PURE__ */ r.jsx(z, { color: "green", size: "xs", onClick: c, disabled: !h, leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), children: a("common.actions.save_changes") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(w, { size: 14, children: n }),
@@ -9853,7 +9853,7 @@ const iv = ({
       i,
       /* @__PURE__ */ r.jsx(M, { h: 600, children: /* @__PURE__ */ r.jsx(Qn, { value: e, onChange: n, defaultValue: l, label: s }) })
     ] }),
-    /* @__PURE__ */ r.jsx(I, { onClick: u, ...o, children: a })
+    /* @__PURE__ */ r.jsx(z, { onClick: u, ...o, children: a })
   ] });
 });
 function av({
@@ -10363,11 +10363,11 @@ const gv = () => {
     display: "inline-flex"
   }, spacing: 6, mr: 14, children: [
     /* @__PURE__ */ r.jsx(w, { children: t("chart.x_axis.x_axis_type") }),
-    /* @__PURE__ */ r.jsxs(ze, { width: 340, shadow: "md", position: "top", children: [
-      /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(J, { size: "xs", sx: {
+    /* @__PURE__ */ r.jsxs(Ie, { width: 340, shadow: "md", position: "top", children: [
+      /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(J, { size: "xs", sx: {
         transform: "none !important"
       }, children: /* @__PURE__ */ r.jsx(Dn, {}) }) }),
-      /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(zi, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
+      /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(Ii, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
         "Click",
         /* @__PURE__ */ r.jsx(oi, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 3, children: "here" }),
         "to learn more about these options"
@@ -10699,7 +10699,7 @@ function Cv(t) {
     reference_lines: e
   };
 }
-function zv(t) {
+function Iv(t) {
   const e = t.series.map((n) => {
     const {
       aggregation_on_group: s = Jn
@@ -10714,7 +10714,7 @@ function zv(t) {
     series: e
   };
 }
-function Iv(t) {
+function zv(t) {
   const e = t.series.map((n) => {
     const {
       aggregation_on_value: s = Jn
@@ -11015,11 +11015,11 @@ class Nv extends Se {
     })), this.version(8, (n) => ({
       ...n,
       version: 8,
-      config: zv(n.config)
+      config: Iv(n.config)
     })), this.version(9, (n) => ({
       ...n,
       version: 9,
-      config: Iv(n.config)
+      config: zv(n.config)
     })), this.version(10, (n) => ({
       ...n,
       version: 10,
@@ -11893,17 +11893,17 @@ const _j = ({
   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(on, { size: 16 }), mt: 24, onClick: i, sx: {
+    }, children: /* @__PURE__ */ r.jsx(z, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("chart.number_or_dynamic_value.dynamic.setup") }) }),
     /* @__PURE__ */ r.jsx(je, { 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(k, { children: [
       /* @__PURE__ */ r.jsx(R, { mt: 10, mb: -10, label: n("chart.number_or_dynamic_value.dynamic.guide"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(_j, { value: o.value, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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($e, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(z, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -11968,7 +11968,7 @@ function Un(t, e, n) {
       variables: e
     }, {
       lodash: S,
-      interpolate: In
+      interpolate: zn
     });
   } catch (i) {
     return console.error(`[getNumberOrDynamicValue] failed parsing custom function, error: ${i.message}`), 10;
@@ -12038,7 +12038,7 @@ function Cj(t, e) {
     max: s
   };
 }
-function zj(t, e, n, s) {
+function Ij(t, e, n, s) {
   if (s.type !== "continuous")
     return {
       followVisualMap: !0,
@@ -12064,7 +12064,7 @@ function zj(t, e, n, s) {
     color: ""
   };
 }
-const Ij = kj(), Tj = ({
+const zj = kj(), Tj = ({
   colors: t,
   applyPalette: e
 }) => {
@@ -12099,7 +12099,7 @@ const Ij = kj(), Tj = ({
     /* @__PURE__ */ r.jsxs(Y.Dropdown, { children: [
       /* @__PURE__ */ r.jsx(Y.Label, { children: n("chart.visual_map.built_in_palettes") }),
       /* @__PURE__ */ r.jsx(Y.Divider, {}),
-      Object.entries(Ij).map(([i, a]) => /* @__PURE__ */ r.jsx(ge, { label: n("chart.visual_map.use_palette_x", {
+      Object.entries(zj).map(([i, a]) => /* @__PURE__ */ r.jsx(ge, { label: n("chart.visual_map.use_palette_x", {
         x: i
       }), children: /* @__PURE__ */ r.jsx(Y.Item, { children: /* @__PURE__ */ r.jsx(M, { style: {
         height: "20px",
@@ -12273,7 +12273,7 @@ function Aj(t, e, n, s, i) {
     }, {
       followVisualMap: de,
       color: Fe
-    } = zj(Z, l, c, t.visualMap);
+    } = Ij(Z, l, c, t.visualMap);
     return de || (K.visualMap = !1, K.itemStyle = {
       color: Fe
     }), K;
@@ -13263,7 +13263,7 @@ const yw = (t, e) => `
     i18n: e
   } = y(), [n, s] = Q(!1), i = C(() => yw(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(z, { 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(_r, { in: n, children: /* @__PURE__ */ r.jsx(rn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: i }) })
   ] });
 };
@@ -13412,7 +13412,7 @@ function Cw(t) {
     markLine: e
   };
 }
-function zw(t) {
+function Iw(t) {
   const e = S.defaultsDeep({}, t.x_axis.axisLabel, {
     rotate: 0,
     formatter: He()
@@ -13425,7 +13425,7 @@ function zw(t) {
     }
   };
 }
-function Iw(t) {
+function zw(t) {
   const {
     label_formatter: e = Ne
   } = t.bar;
@@ -13530,11 +13530,11 @@ class Ew extends Se {
     })), this.version(4, (n) => ({
       ...n,
       version: 4,
-      config: zw(n.config)
+      config: Iw(n.config)
     })), this.version(5, (n) => ({
       ...n,
       version: 5,
-      config: Iw(n.config)
+      config: zw(n.config)
     })), this.version(6, (n) => ({
       ...n,
       version: 6,
@@ -14172,7 +14172,7 @@ function l0({
     color_key: ""
   }), i = (a, o) => o + 1;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(ds, { icon: /* @__PURE__ */ r.jsx(Dn, { size: 16 }), title: n("viz.radar_chart.additional_series.label"), children: /* @__PURE__ */ r.jsxs(zi, { i18nKey: "viz.radar_chart.additional_series.intro", children: [
+    /* @__PURE__ */ r.jsx(ds, { icon: /* @__PURE__ */ r.jsx(Dn, { size: 16 }), title: n("viz.radar_chart.additional_series.label"), children: /* @__PURE__ */ r.jsxs(Ii, { i18nKey: "viz.radar_chart.additional_series.intro", children: [
       "By setting ",
       /* @__PURE__ */ r.jsx(hh, { children: "Series Name Key" }),
       ", you may add series from more queries to the chart."
@@ -14608,7 +14608,7 @@ function C0(t, e) {
   } = t.regression;
   return n ? k0(t, e) : S0(t, e);
 }
-function z0(t) {
+function I0(t) {
   return Array.isArray(t) || (t = [t]), t.map((e) => ({
     marker: e.marker,
     label: e.seriesName,
@@ -14616,11 +14616,11 @@ function z0(t) {
     y: e.value[1]
   }));
 }
-function I0(t) {
+function z0(t) {
   return me.getTooltip({
     trigger: "axis",
     formatter: (e) => {
-      const n = z0(e);
+      const n = I0(e);
       return n.length === 0 ? "" : `
         <table style="width: auto">
           <thead>
@@ -14708,7 +14708,7 @@ function M0(t, e) {
       nameGap: 5
     }),
     series: [...n, ...s],
-    tooltip: I0(t),
+    tooltip: z0(t),
     legend: {
       show: !0,
       type: "scroll",
@@ -14914,9 +14914,9 @@ function F0({
   const {
     t: n
   } = y();
-  return /* @__PURE__ */ r.jsxs(ze, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
-    /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsx(Qe, { children: /* @__PURE__ */ r.jsx(O0, { conf: t, queryData: e }) }) })
+  return /* @__PURE__ */ r.jsxs(Ie, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
+    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
+    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(Qe, { children: /* @__PURE__ */ r.jsx(O0, { conf: t, queryData: e }) }) })
   ] });
 }
 function V0(t) {
@@ -15302,7 +15302,7 @@ function nS(t, e, n, s) {
     return `${tS(d, i, n)}${l[2]}`;
   }).join("");
 }
-const rS = z(({
+const rS = I(({
   context: t
 }) => {
   const e = Pe(), {
@@ -15314,7 +15314,7 @@ const rS = z(({
     const o = ve({}, n, Ms);
     return o.content ? nS(o.content, s, e.payloadForViz, i) : "";
   }, [n, s, e.payloadForViz]);
-  return a ? /* @__PURE__ */ r.jsx(Is, { value: a, styles: {
+  return a ? /* @__PURE__ */ r.jsx(zs, { value: a, styles: {
     root: {
       border: "none",
       height: "100%"
@@ -15703,7 +15703,7 @@ function fS({
         variables: n
       }, {
         lodash: S,
-        interpolate: In
+        interpolate: zn
       });
     } catch (l) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${l.message}`), 10;
@@ -15734,7 +15734,7 @@ function bS({
         variables: n
       }, {
         lodash: S,
-        interpolate: In
+        interpolate: zn
       });
     } catch (a) {
       return console.error(`[getSeriesColor] failed parsing custom function, error: ${a.message}`), 10;
@@ -15932,7 +15932,7 @@ function CS(t, e) {
     });
   });
 }
-const zS = {
+const IS = {
   xAxis: [{
     type: "category",
     nameGap: 25,
@@ -15956,7 +15956,7 @@ const zS = {
     containLabel: !0
   }
 };
-function IS(t, e, n) {
+function zS(t, e, n) {
   const s = n.reduce((c, d) => {
     const u = Xt(d, e);
     return c[d.name] = mt(d, u), c;
@@ -15985,7 +15985,7 @@ function IS(t, e, n) {
     legend: xS(),
     dataZoom: ws(t.dataZoom)
   };
-  return we({}, l, zS);
+  return we({}, l, IS);
 }
 function $o(t) {
   return t.trim().length > 0;
@@ -16008,7 +16008,7 @@ function TS({
     });
   }, [o, l, i]), d = C(() => ({
     click: c
-  }), [c]), u = L.useMemo(() => IS(t, e, a), [t, e]);
+  }), [c]), u = L.useMemo(() => zS(t, e, a), [t, e]);
   return /* @__PURE__ */ r.jsx(Xe, { echarts: Ye, option: u, style: {
     width: n,
     height: s
@@ -16316,16 +16316,16 @@ const $S = ({
   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(on, { size: 16 }), mt: 24, onClick: i, sx: {
+    }, children: /* @__PURE__ */ r.jsx(z, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("viz.scatter_chart.color.dynamic.setup") }) }),
     /* @__PURE__ */ r.jsx(je, { 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(k, { children: [
       /* @__PURE__ */ r.jsx($S, { 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(Tn, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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($e, { size: 16 }), onClick: c, children: n("common.actions.save") })
+          /* @__PURE__ */ r.jsx(z, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: c, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -17071,7 +17071,7 @@ const gk = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end"
-}, bk = z(({
+}, bk = I(({
   context: t
 }) => {
   const e = Pe(), {
@@ -17211,7 +17211,7 @@ function Ck(t, e) {
   }));
   return i ? kk(c) : c;
 }
-const zk = (t) => ({
+const Ik = (t) => ({
   treePathInfo: e,
   name: n,
   value: s
@@ -17226,7 +17226,7 @@ const zk = (t) => ({
     return n;
   }
 };
-function Ik(t) {
+function zk(t) {
   const {
     levels: e
   } = t;
@@ -17239,7 +17239,7 @@ function Ik(t) {
       ...n,
       label: {
         ...i,
-        formatter: zk(s)
+        formatter: Ik(s)
       }
     };
   });
@@ -17311,7 +17311,7 @@ function Lk(t, e, n) {
   const i = {
     series: {
       data: Ck(t, e),
-      levels: Ik(t)
+      levels: zk(t)
     },
     tooltip: Dk()
   };
@@ -18122,7 +18122,7 @@ function x1({
   } = H(t.instanceData, "config");
   return a ? /* @__PURE__ */ r.jsx(p1, { data: n, width: i, height: s, conf: a, context: t, instance: e }) : null;
 }
-const g1 = z(ne(({
+const g1 = I(ne(({
   label: t,
   required: e,
   description: n,
@@ -18208,7 +18208,7 @@ const _1 = ne((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(on, { size: 16 }), mt: 24, onClick: a, sx: {
+    /* @__PURE__ */ r.jsx(z, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: s("viz.table.column.custom_cell_content") }),
     /* @__PURE__ */ r.jsx(je, { 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(k, { children: [
@@ -18220,10 +18220,10 @@ const _1 = ne((t, e) => {
         }
       } }) }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: s("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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($e, { size: 16 }), onClick: d, children: s("common.actions.save") })
+          /* @__PURE__ */ r.jsx(z, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: d, children: s("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -18276,7 +18276,7 @@ const _1 = ne((t, e) => {
       field: c
     }) => /* @__PURE__ */ r.jsx(_1, { ...c }) }),
     /* @__PURE__ */ r.jsx(R, { mb: 4, mt: 12, variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(At, { size: 16 }), color: "red", variant: "light", onClick: () => s(e), children: a("viz.table.column.delete") })
+    /* @__PURE__ */ r.jsx(z, { leftIcon: /* @__PURE__ */ r.jsx(At, { size: 16 }), color: "red", variant: "light", onClick: () => s(e), children: a("viz.table.column.delete") })
   ] });
 }, S1 = ({
   control: t,
@@ -18385,7 +18385,7 @@ function C1({
     }))
   };
 }
-function z1({
+function I1({
   context: t
 }) {
   const {
@@ -18437,7 +18437,7 @@ function z1({
     ] })
   ] });
 }
-const I1 = {
+const z1 = {
   table: {
     viz_name: "Table",
     column: {
@@ -18511,7 +18511,7 @@ const I1 = {
   }
 }, D1 = [{
   lang: "en",
-  resources: I1
+  resources: z1
 }, {
   lang: "zh",
   resources: T1
@@ -18639,7 +18639,7 @@ const yi = {
   migrator: new R1(),
   name: "table",
   viewRender: x1,
-  configRender: z1,
+  configRender: I1,
   triggers: [ha],
   translation: D1
 }, yd = ["function text({ data, variables, filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
@@ -18648,7 +18648,7 @@ const yi = {
   horizontal_align: "left",
   font_size: "14px",
   font_weight: "normal"
-}, $1 = z(({
+}, $1 = I(({
   context: t
 }) => {
   const e = Pe(), {
@@ -18736,16 +18736,16 @@ const _d = L.forwardRef(P1), O1 = ({
   return B(() => {
     c(t);
   }, [t]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(I, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), mt: 24, onClick: a, sx: {
+    /* @__PURE__ */ r.jsx(z, { color: "grape", variant: "filled", leftIcon: /* @__PURE__ */ r.jsx(on, { size: 16 }), mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: s("viz.text.content.edit") }),
     /* @__PURE__ */ r.jsx(je, { size: 800, title: s("viz.text.content.label"), opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(O1, { value: l, onChange: c }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 20 }), children: s("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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($e, { size: 16 }), onClick: d, children: s("common.actions.save_changes") })
+          /* @__PURE__ */ r.jsx(z, { onClick: u, variant: "subtle", children: s("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { color: "green", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), onClick: d, children: s("common.actions.save_changes") })
         ] })
       ] })
     ] }) })
@@ -18969,7 +18969,7 @@ function K1({
   return !s || !i || !n ? null : c ? /* @__PURE__ */ r.jsx(M, { sx: {
     position: "relative",
     height: i
-  }, children: /* @__PURE__ */ r.jsx(zn, { visible: !0 }) }) : l ? /* @__PURE__ */ r.jsx(M, { sx: _i, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(Y1, { error: l, width: s, height: i }) }) : !o || !Array.isArray(o.replies) || o.replies.length === 0 ? null : /* @__PURE__ */ r.jsx(M, { sx: _i, "data-enable-scrollbar": !0, children: o.replies.map((d, u) => /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ r.jsx(In, { visible: !0 }) }) : l ? /* @__PURE__ */ r.jsx(M, { sx: _i, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(Y1, { error: l, width: s, height: i }) }) : !o || !Array.isArray(o.replies) || o.replies.length === 0 ? null : /* @__PURE__ */ r.jsx(M, { sx: _i, "data-enable-scrollbar": !0, children: o.replies.map((d, u) => /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, u)) });
 }
@@ -19010,7 +19010,7 @@ function J1({
       }) => /* @__PURE__ */ r.jsx(D, { label: "Question", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ r.jsx(R, { variant: "dashed", mt: 16, mb: 8 }),
-    /* @__PURE__ */ r.jsx(I, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Gt, { size: 20 }), disabled: !u, sx: {
+    /* @__PURE__ */ r.jsx(z, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Gt, { size: 20 }), disabled: !u, sx: {
       alignSelf: "flex-end"
     }, children: "Submit Changes" })
   ] }) });
@@ -19487,7 +19487,7 @@ function CC({
     ) })
   ] });
 }
-function zC({
+function IC({
   context: t
 }) {
   const {
@@ -19535,7 +19535,7 @@ function zC({
     ] })
   ] }) });
 }
-const IC = {
+const zC = {
   calendar_heatmap: {
     viz_name: "Heatmap(Calendar)",
     calendar: {
@@ -19563,7 +19563,7 @@ const IC = {
   }
 }, DC = [{
   lang: "en",
-  resources: IC
+  resources: zC
 }, {
   lang: "zh",
   resources: TC
@@ -19652,7 +19652,7 @@ const AC = {
   migrator: new EC(),
   name: "calendarHeatmap",
   viewRender: _C,
-  configRender: zC,
+  configRender: IC,
   createConfig: () => ({
     version: 3,
     config: xa
@@ -20044,7 +20044,7 @@ function ZC(t, e) {
     z: 5
   })];
 }
-function ez(t, e, n) {
+function eI(t, e, n) {
   if (!t.y_axis.data_key)
     return {};
   const s = JC(e, n), i = KC(t), a = O(t.y_axis.data_key), o = S.uniq(e[a.queryID].map((u) => u[a.columnKey])), l = o.every((u) => !Number.isNaN(Number(u))), c = HC(t, o, l, e, i, n, s);
@@ -20057,7 +20057,7 @@ function ez(t, e, n) {
     legend: VC(c)
   };
 }
-function tz({
+function tI({
   conf: t,
   data: e,
   width: n,
@@ -20077,13 +20077,13 @@ function tz({
     });
   }, [o, l, i]), d = C(() => ({
     click: c
-  }), [c]), u = L.useMemo(() => ez(t, e, a), [t, e]);
+  }), [c]), u = L.useMemo(() => eI(t, e, a), [t, e]);
   return /* @__PURE__ */ r.jsx(Xe, { echarts: Ye, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
 }
-function nz({
+function nI({
   context: t,
   instance: e
 }) {
@@ -20098,9 +20098,9 @@ function nz({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(tz, { variables: i, width: wt(l), height: St(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(tI, { variables: i, width: wt(l), height: St(c), data: o, conf: a, interactionManager: n }) });
 }
-function rz({
+function rI({
   control: t,
   index: e,
   watch: n,
@@ -20179,7 +20179,7 @@ function rz({
     }) => /* @__PURE__ */ r.jsx(ee, { label: a("chart.legend.show_in_legend"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) })
   ] });
 }
-function sz({
+function sI({
   control: t,
   watch: e,
   variables: n
@@ -20201,9 +20201,9 @@ function sz({
   return /* @__PURE__ */ r.jsx(ke, { control: t, watch: e, name: "reference_lines", getItem: i, addButtonText: s("chart.reference_line.add"), deleteButtonText: s("chart.reference_line.delete"), renderTabName: c, children: ({
     field: d,
     index: u
-  }) => /* @__PURE__ */ r.jsx(rz, { control: t, index: u, watch: e, variableOptions: a, xAxisOptions: l }) });
+  }) => /* @__PURE__ */ r.jsx(rI, { control: t, index: u, watch: e, variableOptions: a, xAxisOptions: l }) });
 }
-function iz({
+function iI({
   control: t,
   index: e,
   seriesItem: n
@@ -20253,7 +20253,7 @@ function iz({
     ] })
   ] });
 }
-function az({
+function aI({
   control: t,
   index: e,
   seriesItem: n,
@@ -20295,7 +20295,7 @@ function az({
     }) => /* @__PURE__ */ r.jsx(G, { label: i("chart.series.group_by.label"), clearable: !0, sx: {
       flex: 1
     }, ...a }) }) }),
-    /* @__PURE__ */ r.jsx(iz, { index: e, control: t, seriesItem: n }),
+    /* @__PURE__ */ r.jsx(iI, { index: e, control: t, seriesItem: n }),
     /* @__PURE__ */ r.jsx(R, { mb: -10, mt: 10, variant: "dashed", label: i("chart.style.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${e}.label_position`, control: t, render: ({
       field: a
@@ -20317,7 +20317,7 @@ function az({
     }) => /* @__PURE__ */ r.jsx(ee, { label: i("chart.behavior.invisible"), checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) })
   ] });
 }
-function oz({
+function oI({
   control: t,
   watch: e
 }) {
@@ -20335,9 +20335,9 @@ function oz({
   return /* @__PURE__ */ r.jsx(ke, { control: t, watch: e, name: "series", getItem: s, addButtonText: n("chart.series.add"), deleteButtonText: n("chart.series.delete"), renderTabName: i, children: ({
     field: l,
     index: c
-  }) => /* @__PURE__ */ r.jsx(az, { control: t, index: c, seriesItem: l, xAxisOptions: o }) });
+  }) => /* @__PURE__ */ r.jsx(aI, { control: t, index: c, seriesItem: l, xAxisOptions: o }) });
 }
-const lz = ne(({
+const lI = ne(({
   label: t,
   value: e,
   onChange: n,
@@ -20355,7 +20355,7 @@ const lz = ne(({
   }], [o.language]);
   return /* @__PURE__ */ r.jsx(F, { ref: i, label: t ?? a("chart.x_axis.position.label"), data: l, value: e, onChange: n, sx: s });
 });
-function cz({
+function cI({
   control: t,
   index: e
 }) {
@@ -20373,7 +20373,7 @@ function cz({
       }, ...s }) }),
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${e}.position`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(lz, { sx: {
+      }) => /* @__PURE__ */ r.jsx(lI, { sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -20400,7 +20400,7 @@ function cz({
     }) => /* @__PURE__ */ r.jsx(ee, { label: n("chart.x_axis.visible"), checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) })
   ] });
 }
-function dz({
+function dI({
   control: t,
   watch: e
 }) {
@@ -20413,9 +20413,9 @@ function dz({
   return /* @__PURE__ */ r.jsx(ke, { control: t, watch: e, name: "x_axes", getItem: s, addButtonText: n("chart.x_axis.add"), deleteButtonText: n("chart.x_axis.delete"), renderTabName: i, children: ({
     field: a,
     index: o
-  }) => /* @__PURE__ */ r.jsx(cz, { control: t, index: o }) });
+  }) => /* @__PURE__ */ r.jsx(cI, { control: t, index: o }) });
 }
-function uz({
+function uI({
   control: t,
   watch: e
 }) {
@@ -20444,7 +20444,7 @@ function uz({
     }) => /* @__PURE__ */ r.jsx(Ct, { ...s }) })
   ] });
 }
-function hz({
+function hI({
   context: t
 }) {
   const {
@@ -20485,14 +20485,14 @@ function hz({
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Series", children: e("chart.series.label") }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Reference Lines", children: e("chart.reference_line.labels") })
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "X Axes", children: /* @__PURE__ */ r.jsx(dz, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(uz, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Series", children: /* @__PURE__ */ r.jsx(oz, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(sz, { variables: i, control: o, watch: c }) })
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "X Axes", children: /* @__PURE__ */ r.jsx(dI, { control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(uI, { control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Series", children: /* @__PURE__ */ r.jsx(oI, { control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r.jsx(sI, { variables: i, control: o, watch: c }) })
     ] })
   ] }) });
 }
-const mz = {
+const mI = {
   horizontal_bar_chart: {
     viz_name: "Horizontal Bar Chart",
     series: {
@@ -20501,7 +20501,7 @@ const mz = {
       }
     }
   }
-}, pz = {
+}, pI = {
   horizontal_bar_chart: {
     viz_name: "水平方向柱图",
     series: {
@@ -20510,14 +20510,14 @@ const mz = {
       }
     }
   }
-}, xz = [{
+}, xI = [{
   lang: "en",
-  resources: mz
+  resources: mI
 }, {
   lang: "zh",
-  resources: pz
+  resources: pI
 }];
-function gz(t, {
+function gI(t, {
   panelModel: e
 }) {
   try {
@@ -20550,7 +20550,7 @@ function gz(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class fz extends Se {
+class fI extends Se {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -20566,23 +20566,23 @@ class fz extends Se {
       return {
         ...n,
         version: 2,
-        config: gz(i, s)
+        config: gI(i, s)
       };
     });
   }
 }
-const bz = {
+const bI = {
   displayName: "viz.horizontal_bar_chart.viz_name",
   displayGroup: "chart.groups.echarts_based_charts",
-  migrator: new fz(),
+  migrator: new fI(),
   name: "horizontalBarChart",
-  viewRender: nz,
-  configRender: hz,
+  viewRender: nI,
+  configRender: hI,
   createConfig: () => ({
     version: 2,
     config: ga
   }),
-  translation: xz
+  translation: xI
 }, fa = {
   x_axis: {
     name: "",
@@ -20601,7 +20601,7 @@ const bz = {
   },
   metrics: []
 };
-function yz() {
+function yI() {
   return [{
     top: 20,
     left: 30,
@@ -20653,7 +20653,7 @@ const No = ({
     return console.error(e), t;
   }
 };
-function _z(t, e, n) {
+function _I(t, e, n) {
   return {
     type: "heatmap",
     name: "准确估算比例",
@@ -20709,7 +20709,7 @@ function jd(t) {
   const e = [`background-color: ${t}`];
   return t === "rgba(255, 255, 255, 1)" && e.push("box-shadow: 0px 0px 1px 0px  rgba(0,0,0,.5)"), e.join(";");
 }
-function vz([t, e]) {
+function vI([t, e]) {
   const n = {
     x: t,
     v: `${e}`
@@ -20725,12 +20725,12 @@ function vz([t, e]) {
   }
   return n;
 }
-function jz(t, e, n, s) {
+function jI(t, e, n, s) {
   var c, d;
   const i = e.map((u) => {
     const h = n[u], m = S.sumBy(h, (x) => x.level.diff);
     return [u, m / h.length];
-  }), a = Number(((c = S.maxBy(i, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = S.minBy(i, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = In([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
+  }), a = Number(((c = S.maxBy(i, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = S.minBy(i, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = zn([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
   return {
     type: "bar",
     name: "平均偏差",
@@ -20776,7 +20776,7 @@ function jz(t, e, n, s) {
         const {
           x: m,
           v: x
-        } = vz(h);
+        } = vI(h);
         return `
           <table style="width: auto">
             <thead>
@@ -20805,7 +20805,7 @@ function jz(t, e, n, s) {
     show_in_legend: !1
   };
 }
-function wz([t, e, n, s]) {
+function wI([t, e, n, s]) {
   const i = {
     x: t,
     percentage: `${e}`,
@@ -20823,7 +20823,7 @@ function wz([t, e, n, s]) {
   }
   return i;
 }
-function Sz(t, e, n, s) {
+function SI(t, e, n, s) {
   const i = {};
   e.forEach((u) => {
     const h = S.countBy(n[u], (x) => x.level.diff), m = S.sum(Object.values(h));
@@ -20833,7 +20833,7 @@ function Sz(t, e, n, s) {
       i[x].push([u, j, f, m]);
     });
   });
-  const a = Object.entries(i).map(([u]) => Number(u)).sort((u, h) => u - h), o = Math.max(...a), l = Math.min(...a), c = In([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
+  const a = Object.entries(i).map(([u]) => Number(u)).sort((u, h) => u - h), o = Math.max(...a), l = Math.min(...a), c = zn([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
   return a.map((u) => ({
     type: "bar",
     name: u,
@@ -20854,7 +20854,7 @@ function Sz(t, e, n, s) {
           percentage: f,
           count: j,
           sum: T
-        } = wz(m);
+        } = wI(m);
         return `
           <table style="width: auto">
             <thead>
@@ -20896,7 +20896,7 @@ function Sz(t, e, n, s) {
     show_in_legend: !0
   }));
 }
-function kz(t, e, n, s) {
+function kI(t, e, n, s) {
   const i = O(e.data_key), a = e.name, o = n.map((l) => {
     const c = S.sumBy(s[l], i.columnKey);
     return [l, c];
@@ -20911,14 +20911,14 @@ function kz(t, e, n, s) {
     show_in_legend: !1
   };
 }
-function Cz(t, e, n, s) {
+function CI(t, e, n, s) {
   const o = {
     barMinWidth: 5,
     barMaxWidth: 20
   };
-  return [_z(t, n, s), jz(t, n, s, o), ...Sz(t, n, s, o), kz(t, e, n, s)];
+  return [_I(t, n, s), jI(t, n, s, o), ...SI(t, n, s, o), kI(t, e, n, s)];
 }
-function zz(t, e) {
+function II(t, e) {
   const {
     axisLabel: n
   } = t.x_axis;
@@ -20985,7 +20985,7 @@ function zz(t, e) {
     }
   }];
 }
-function Iz(t) {
+function zI(t) {
   return [{
     type: "category",
     name: "准确估算比例",
@@ -21094,11 +21094,11 @@ function Iz(t) {
 function vi(t) {
   return t == 1 || t == 2 ? 1 : vi(t - 2) + vi(t - 1);
 }
-const Tz = Array.from(new Array(20), (t, e) => vi(e + 1));
+const TI = Array.from(new Array(20), (t, e) => vi(e + 1));
 function Bo(t) {
-  return t <= 1 ? t : Tz.findIndex((e) => t <= e) - 1;
+  return t <= 1 ? t : TI.findIndex((e) => t <= e) - 1;
 }
-function Dz(t, e) {
+function DI(t, e) {
   const {
     x_axis: n,
     deviation: s
@@ -21115,13 +21115,13 @@ function Dz(t, e) {
     };
   });
 }
-function Mz(t) {
+function MI(t) {
   return t === "rgba(255, 255, 255, 1)" ? {
     borderColor: "rgba(0,0,0,.1)",
     borderWidth: 1
   } : {};
 }
-function Lz(t) {
+function LI(t) {
   return {
     show: !0,
     orient: "vertical",
@@ -21130,7 +21130,7 @@ function Lz(t) {
     data: t.filter((n) => n.show_in_legend).reverse().map((n) => ({
       name: `${n.name}`,
       color: n.color,
-      itemStyle: Mz(n.color)
+      itemStyle: MI(n.color)
     })),
     tooltip: {
       show: !0,
@@ -21138,12 +21138,12 @@ function Lz(t) {
     }
   };
 }
-const Ez = {
+const EI = {
   tooltip: {
     trigger: "axis"
   }
 };
-function Az(t, e) {
+function AI(t, e) {
   const {
     deviation: n,
     metrics: s
@@ -21157,12 +21157,12 @@ function Az(t, e) {
     data_key: a
   };
 }
-function Rz(t, e, n) {
-  const s = Dz(t, n), i = O(t.x_axis.data_key), a = S.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), o = S.groupBy(s, i.columnKey), l = Az(t, e), c = Cz(t, l, a, o), d = {
-    xAxis: zz(t, a),
-    yAxis: Iz(l),
+function RI(t, e, n) {
+  const s = DI(t, n), i = O(t.x_axis.data_key), a = S.uniqBy(n[i.queryID], i.columnKey).map((u) => u[i.columnKey]), o = S.groupBy(s, i.columnKey), l = AI(t, e), c = CI(t, l, a, o), d = {
+    xAxis: II(t, a),
+    yAxis: zI(l),
     series: c,
-    grid: yz(),
+    grid: yI(),
     visualMap: [{
       min: 0,
       max: 1,
@@ -21171,17 +21171,17 @@ function Rz(t, e, n) {
       seriesIndex: 0,
       color: ["#F0F0F0", "#418AAF"]
     }],
-    legend: Lz(c)
+    legend: LI(c)
   };
-  return we({}, d, Ez);
+  return we({}, d, EI);
 }
-const $z = {
+const $I = {
   input: {
     border: "none !important",
     paddingLeft: 0,
     lineHeight: "1.55 !important"
   }
-}, Pz = ({
+}, PI = ({
   conf: t,
   metricKey: e,
   setMetricKey: n
@@ -21204,9 +21204,9 @@ const $z = {
       cursor: "default",
       userSelect: "none"
     }, children: "基线指标" }),
-    /* @__PURE__ */ r.jsx(il, { size: "xs", data: a, value: e, onChange: (o) => n(o.currentTarget.value), styles: $z })
+    /* @__PURE__ */ r.jsx(il, { size: "xs", data: a, value: e, onChange: (o) => n(o.currentTarget.value), styles: $I })
   ] });
-}, Oz = {
+}, OI = {
   "tbody th, tbody td": {
     padding: "7px 10px"
   },
@@ -21214,10 +21214,10 @@ const $z = {
     borderTop: "1px solid #dee2e6"
   }
 };
-function Fz() {
-  return /* @__PURE__ */ r.jsxs(ze, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 14 }), children: "指标说明" }) }),
-    /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsx(Re, { fontSize: 14, sx: Oz, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
+function FI() {
+  return /* @__PURE__ */ r.jsxs(Ie, { width: 400, shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Dn, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(Re, { fontSize: 14, sx: OI, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
         /* @__PURE__ */ r.jsx("td", { children: "使用斐波那契数列（1，2，3，5，8，13）估算故事点，每个数位为一个档位，计算issue实际故事点与估算故事点的档位偏差，即为估算偏差。如估算故事点为5，实际故事点为8，则估算偏差为-1。" })
@@ -21229,26 +21229,26 @@ function Fz() {
     ] }) }) })
   ] });
 }
-function Vz(t) {
+function VI(t) {
   return /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-    /* @__PURE__ */ r.jsx(Fz, {}),
-    /* @__PURE__ */ r.jsx(Pz, { ...t })
+    /* @__PURE__ */ r.jsx(FI, {}),
+    /* @__PURE__ */ r.jsx(PI, { ...t })
   ] });
 }
-function qz({
+function qI({
   conf: t,
   data: e,
   width: n,
   height: s,
   metricKey: i
 }) {
-  const a = L.useMemo(() => Rz(t, i, e), [t, e, i]);
+  const a = L.useMemo(() => RI(t, i, e), [t, e, i]);
   return /* @__PURE__ */ r.jsx(Xe, { echarts: Ye, option: a, style: {
     width: n,
     height: s
   }, notMerge: !0, theme: "merico-light" });
 }
-function Nz({
+function NI({
   context: t
 }) {
   const {
@@ -21273,11 +21273,11 @@ function Nz({
     height: a,
     width: i
   }, children: [
-    /* @__PURE__ */ r.jsx(Vz, { conf: n, metricKey: u, setMetricKey: h }),
-    /* @__PURE__ */ r.jsx(qz, { width: m, height: x - 30, data: s, conf: n, metricKey: u })
+    /* @__PURE__ */ r.jsx(VI, { conf: n, metricKey: u, setMetricKey: h }),
+    /* @__PURE__ */ r.jsx(qI, { width: m, height: x - 30, data: s, conf: n, metricKey: u })
   ] });
 }
-function Bz({
+function BI({
   control: t,
   watch: e
 }) {
@@ -21301,7 +21301,7 @@ function Bz({
     ] })
   ] });
 }
-const Wz = ({
+const WI = ({
   control: t,
   index: e
 }) => {
@@ -21320,7 +21320,7 @@ const Wz = ({
       flex: 1
     }, ...s }) })
   ] }) });
-}, Gz = ({
+}, GI = ({
   control: t,
   watch: e
 }) => {
@@ -21346,10 +21346,10 @@ const Wz = ({
     /* @__PURE__ */ r.jsx(ke, { control: t, watch: e, name: "metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
-    }) => /* @__PURE__ */ r.jsx(Wz, { control: t, index: o }) })
+    }) => /* @__PURE__ */ r.jsx(WI, { control: t, index: o }) })
   ] });
 };
-function Qz({
+function QI({
   control: t,
   watch: e
 }) {
@@ -21379,7 +21379,7 @@ function Qz({
     ] })
   ] });
 }
-function Hz({
+function HI({
   context: t
 }) {
   const {
@@ -21415,28 +21415,28 @@ function Hz({
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Deviation", children: "偏差" }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Additional Metrics", children: "指标" })
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "X Axis", children: /* @__PURE__ */ r.jsx(Qz, { control: i, watch: o }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Deviation", children: /* @__PURE__ */ r.jsx(Bz, { control: i, watch: o }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Additional Metrics", children: /* @__PURE__ */ r.jsx(Gz, { control: i, watch: o }) })
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "X Axis", children: /* @__PURE__ */ r.jsx(QI, { control: i, watch: o }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Deviation", children: /* @__PURE__ */ r.jsx(BI, { control: i, watch: o }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Additional Metrics", children: /* @__PURE__ */ r.jsx(GI, { control: i, watch: o }) })
     ] })
   ] }) });
 }
-const Uz = {
+const UI = {
   merico_estimation_chart: {
     viz_name: "Merico Estimation Chart"
   }
-}, Yz = {
+}, YI = {
   merico_estimation_chart: {
     viz_name: "思码逸估算分析图"
   }
-}, Kz = [{
+}, KI = [{
   lang: "en",
-  resources: Uz
+  resources: UI
 }, {
   lang: "zh",
-  resources: Yz
+  resources: YI
 }];
-function Jz(t, {
+function JI(t, {
   panelModel: e
 }) {
   try {
@@ -21471,7 +21471,7 @@ function Jz(t, {
     throw console.error("[Migration failed]", n), n;
   }
 }
-class Xz extends Se {
+class XI extends Se {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -21487,23 +21487,23 @@ class Xz extends Se {
       return {
         ...n,
         version: 2,
-        config: Jz(i, s)
+        config: JI(i, s)
       };
     });
   }
 }
-const Zz = {
+const ZI = {
   displayName: "viz.merico_estimation_chart.viz_name",
   displayGroup: "chart.groups.merico_suite",
-  migrator: new Xz(),
+  migrator: new XI(),
   name: "mericoEstimationChart",
-  viewRender: Nz,
-  configRender: Hz,
+  viewRender: NI,
+  configRender: HI,
   createConfig: () => ({
     version: 2,
     config: fa
   }),
-  translation: Kz
+  translation: KI
 }, ba = {
   styles: {
     justify: "space-around",
@@ -21511,7 +21511,7 @@ const Zz = {
   },
   metrics: []
 };
-function eI() {
+function ez() {
   return {
     id: (/* @__PURE__ */ new Date()).getTime().toString(),
     names: {
@@ -21538,7 +21538,7 @@ const Wo = ({
   /* @__PURE__ */ r.jsx(w, { size: "12px", color: "#818388", sx: {
     lineHeight: 1
   }, children: t })
-] }) : null, tI = z(({
+] }) : null, tz = I(({
   metric: t,
   variableValueMap: e
 }) => {
@@ -21576,7 +21576,7 @@ const Wo = ({
       ] })
     ] })
   ] });
-}), nI = z(({
+}), nz = I(({
   context: t,
   instance: e
 }) => {
@@ -21590,8 +21590,8 @@ const Wo = ({
   } = t.viewport;
   return !l || !c || !i ? null : /* @__PURE__ */ r.jsx(Ut, { w: `${l}px`, h: `${c}px`, justify: i.styles.justify, align: i.styles.align, direction: "row", wrap: "nowrap", sx: {
     overflow: "hidden"
-  }, children: i.metrics.map((d) => /* @__PURE__ */ r.jsx(tI, { metric: d, variableValueMap: o }, d.id)) });
-}), rI = z(ne(({
+  }, children: i.metrics.map((d) => /* @__PURE__ */ r.jsx(tz, { metric: d, variableValueMap: o }, d.id)) });
+}), rz = I(ne(({
   value: t,
   onChange: e
 }, n) => {
@@ -21623,7 +21623,7 @@ const Wo = ({
     t.type === "filter-option-label" && /* @__PURE__ */ r.jsx(F, { label: s("viz.merico_stats.metric.postfix_filter"), value: t.value, onChange: c, data: o })
   ] });
 }));
-function sI({
+function sz({
   control: t,
   index: e,
   watch: n,
@@ -21673,17 +21673,17 @@ function sI({
     /* @__PURE__ */ r.jsx(R, { mb: -15, variant: "dashed", label: i("viz.merico_stats.metric.others"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${e}.postfix`, control: t, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(rI, { ...a }) })
+    }) => /* @__PURE__ */ r.jsx(rz, { ...a }) })
   ] });
 }
-const iI = ({
+const iz = ({
   control: t,
   watch: e,
   variables: n
 }) => {
   const {
     t: s
-  } = y(), i = () => eI(), a = (c, d) => {
+  } = y(), i = () => ez(), a = (c, d) => {
     const u = c.names.value.trim();
     return u || d + 1;
   }, o = ({
@@ -21699,10 +21699,10 @@ const iI = ({
     /* @__PURE__ */ r.jsx(ke, { control: t, watch: e, name: "metrics", getItem: i, addButtonText: s("chart.tooltip.additional_metrics.add"), deleteButtonText: s("chart.tooltip.additional_metrics.delete"), renderTabName: a, deleteDisalbed: o, children: ({
       field: c,
       index: d
-    }) => /* @__PURE__ */ r.jsx(sI, { control: t, index: d, variableOptions: l, watch: e }) })
+    }) => /* @__PURE__ */ r.jsx(sz, { control: t, index: d, variableOptions: l, watch: e }) })
   ] });
 };
-function aI({
+function az({
   control: t,
   watch: e
 }) {
@@ -21725,7 +21725,7 @@ function aI({
     ] })
   ] });
 }
-function oI({
+function oz({
   context: t
 }) {
   const {
@@ -21748,11 +21748,11 @@ function oI({
   const u = c(), h = C(() => !xe(u, i), [u, i]);
   return /* @__PURE__ */ r.jsx("form", { onSubmit: o(n), children: /* @__PURE__ */ r.jsxs(k, { spacing: "xs", children: [
     /* @__PURE__ */ r.jsx(Oe, { canSubmit: h }),
-    /* @__PURE__ */ r.jsx(aI, { control: a, watch: l }),
-    /* @__PURE__ */ r.jsx(iI, { control: a, watch: l, variables: s })
+    /* @__PURE__ */ r.jsx(az, { control: a, watch: l }),
+    /* @__PURE__ */ r.jsx(iz, { control: a, watch: l, variables: s })
   ] }) });
 }
-function lI(t) {
+function lz(t) {
   const {
     metrics: e,
     ...n
@@ -21768,7 +21768,7 @@ function lI(t) {
     }))
   };
 }
-const cI = {
+const cz = {
   merico_stats: {
     viz_name: "Merico Stats",
     align_items: {
@@ -21790,7 +21790,7 @@ const cI = {
       postfix_filter: "Postfix Filter"
     }
   }
-}, dI = {
+}, dz = {
   merico_stats: {
     viz_name: "思码逸数据指标",
     align_items: {
@@ -21812,14 +21812,14 @@ const cI = {
       postfix_filter: "筛选器"
     }
   }
-}, uI = [{
+}, uz = [{
   lang: "en",
-  resources: cI
+  resources: cz
 }, {
   lang: "zh",
-  resources: dI
+  resources: dz
 }];
-class hI extends Se {
+class hz extends Se {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 2);
@@ -21832,22 +21832,22 @@ class hI extends Se {
     })), this.version(2, (n) => ({
       ...n,
       version: 2,
-      config: lI(n.config)
+      config: lz(n.config)
     }));
   }
 }
-const mI = {
+const mz = {
   displayName: "viz.merico_stats.viz_name",
   displayGroup: "chart.groups.merico_suite",
-  migrator: new hI(),
+  migrator: new hz(),
   name: "merico-stats",
-  viewRender: nI,
-  configRender: oI,
+  viewRender: nz,
+  configRender: oz,
   createConfig: () => ({
     version: 2,
     config: ba
   }),
-  translation: uI
+  translation: uz
 }, ya = {
   x_axis: {
     name: "",
@@ -21889,7 +21889,7 @@ const mI = {
     metrics: []
   }
 };
-function pI({
+function pz({
   control: t,
   watch: e
 }) {
@@ -21939,7 +21939,7 @@ function pI({
     ] })
   ] });
 }
-const xI = ({
+const xz = ({
   control: t,
   index: e
 }) => {
@@ -21958,7 +21958,7 @@ const xI = ({
       flex: 1
     }, ...s }) })
   ] }) });
-}, gI = ({
+}, gz = ({
   control: t,
   watch: e
 }) => {
@@ -21984,16 +21984,16 @@ const xI = ({
     /* @__PURE__ */ r.jsx(ke, { control: t, watch: e, name: "tooltip.metrics", getItem: s, addButtonText: n("chart.tooltip.additional_metrics.add"), deleteButtonText: n("chart.tooltip.additional_metrics.delete"), renderTabName: i, children: ({
       field: a,
       index: o
-    }) => /* @__PURE__ */ r.jsx(xI, { control: t, index: o }) })
+    }) => /* @__PURE__ */ r.jsx(xz, { control: t, index: o }) })
   ] });
 };
-function fI({
+function fz({
   control: t,
   watch: e
 }) {
-  return /* @__PURE__ */ r.jsx(gI, { control: t, watch: e });
+  return /* @__PURE__ */ r.jsx(gz, { control: t, watch: e });
 }
-function bI({
+function bz({
   control: t,
   watch: e
 }) {
@@ -22029,7 +22029,7 @@ function bI({
     ] })
   ] });
 }
-function yI({
+function yz({
   control: t,
   watch: e
 }) {
@@ -22072,7 +22072,7 @@ function yI({
     ] })
   ] });
 }
-function _I({
+function _z({
   context: t
 }) {
   const {
@@ -22123,17 +22123,17 @@ function _I({
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Heat Block", children: e("chart.heatmap.heatblock.label") }),
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Tooltip", children: e("chart.tooltip.label") })
       ] }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "X Axis", children: /* @__PURE__ */ r.jsx(bI, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(yI, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Heat Block", children: /* @__PURE__ */ r.jsx(pI, { control: o, watch: c }) }),
-      /* @__PURE__ */ r.jsx(_.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(fI, { control: o, watch: c }) })
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "X Axis", children: /* @__PURE__ */ r.jsx(bz, { control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(yz, { control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Heat Block", children: /* @__PURE__ */ r.jsx(pz, { control: o, watch: c }) }),
+      /* @__PURE__ */ r.jsx(_.Panel, { value: "Tooltip", children: /* @__PURE__ */ r.jsx(fz, { control: o, watch: c }) })
     ] })
   ] }) });
 }
-function vI(t) {
+function vz(t) {
   return /* @__PURE__ */ r.jsx(r.Fragment, {});
 }
-function jI(t) {
+function jz(t) {
   const {
     t: e
   } = y();
@@ -22142,8 +22142,8 @@ function jI(t) {
 const wd = {
   id: "builtin:echarts:click-heatmap:heat-block",
   displayName: "viz.merico_heatmap.click_heatmap.heatblock.label",
-  nameRender: jI,
-  configRender: vI,
+  nameRender: jz,
+  configRender: vz,
   payload: [{
     name: "seriesType",
     description: "'heatmap'",
@@ -22170,14 +22170,14 @@ const wd = {
     valueType: "object"
   }]
 };
-function wI(t) {
+function wz(t) {
   const e = tt(t.x_axis.axisLabel.formatter), n = tt(t.y_axis.axisLabel.formatter);
   return {
     x_axis: e,
     y_axis: n
   };
 }
-function SI(t) {
+function Sz(t) {
   return {
     heat_block: function(s) {
       if (!t.heat_block.value_formatter)
@@ -22190,7 +22190,7 @@ function SI(t) {
     }
   };
 }
-function kI(t) {
+function kz(t) {
   let e = 0;
   return t.x_axis.name && (e += 20), {
     top: 45,
@@ -22203,7 +22203,7 @@ function kI(t) {
     z: 1
   };
 }
-function CI(t, e) {
+function Cz(t, e) {
   const {
     x_axis: n,
     y_axis: s,
@@ -22226,13 +22226,13 @@ function CI(t, e) {
     z: 2
   };
 }
-const zI = (t) => ie(t, {
+const Iz = (t) => ie(t, {
   output: "number",
   trimMantissa: !0,
   mantissa: 2,
   absolute: !1
 });
-function II({
+function zz({
   conf: t,
   labelFormatters: e,
   valueFormatters: n,
@@ -22268,7 +22268,7 @@ function II({
     const T = O(j.data_key);
     x.push({
       label: j.name,
-      value: zI(S.get(f, T.columnKey, "")),
+      value: Iz(S.get(f, T.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -22276,7 +22276,7 @@ function II({
     });
   }), x;
 }
-function TI(t, e, n, s) {
+function Tz(t, e, n, s) {
   const {
     x_axis: i,
     y_axis: a,
@@ -22286,7 +22286,7 @@ function TI(t, e, n, s) {
   const d = S.keyBy(e[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return me.getTooltip({
     formatter: function(u) {
-      const m = II({
+      const m = zz({
         conf: t,
         labelFormatters: n,
         valueFormatters: s,
@@ -22318,7 +22318,7 @@ function TI(t, e, n, s) {
     }
   });
 }
-function DI(t, e) {
+function Dz(t, e) {
   const n = Un(t.heat_block.min, e), s = Un(t.heat_block.max, e);
   return {
     min: n,
@@ -22330,7 +22330,7 @@ function DI(t, e) {
     itemWidth: 15
   };
 }
-function MI(t, e, n) {
+function Mz(t, e, n) {
   const s = O(t.x_axis.data_key), i = S.uniq(e[s.queryID].map((c) => c[s.columnKey])), {
     overflow: a,
     rotate: o
@@ -22368,7 +22368,7 @@ function MI(t, e, n) {
     z: 3
   });
 }
-function LI(t, e, n) {
+function Lz(t, e, n) {
   const s = O(t.x_axis.data_key), i = O(t.y_axis.data_key), {
     nameAlignment: a,
     data_key: o,
@@ -22414,23 +22414,23 @@ function LI(t, e, n) {
     z: 3
   });
 }
-function EI(t, e, n) {
+function Ez(t, e, n) {
   if (!t.x_axis.data_key || !t.y_axis.data_key || !t.heat_block.data_key)
     return {};
   const s = n.reduce((l, c) => {
     const d = Xt(c, e);
     return l[c.name] = mt(c, d), l;
-  }, {}), i = wI(t), a = SI(t);
+  }, {}), i = wz(t), a = Sz(t);
   return {
-    xAxis: MI(t, e, i.x_axis),
-    yAxis: LI(t, e, i.y_axis),
-    series: CI(t, e),
-    tooltip: TI(t, e, i, a),
-    grid: kI(t),
-    visualMap: DI(t, s)
+    xAxis: Mz(t, e, i.x_axis),
+    yAxis: Lz(t, e, i.y_axis),
+    series: Cz(t, e),
+    tooltip: Tz(t, e, i, a),
+    grid: kz(t),
+    visualMap: Dz(t, s)
   };
 }
-function AI({
+function Az({
   conf: t,
   data: e,
   width: n,
@@ -22453,13 +22453,13 @@ function AI({
     });
   }, [o, l, i]), d = C(() => ({
     click: c
-  }), [c]), u = L.useMemo(() => EI(t, e, a), [t, e]);
+  }), [c]), u = L.useMemo(() => Ez(t, e, a), [t, e]);
   return /* @__PURE__ */ r.jsx(Xe, { echarts: Ye, option: u, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
 }
-function RI({
+function Rz({
   context: t,
   instance: e
 }) {
@@ -22474,9 +22474,9 @@ function RI({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(AI, { variables: i, width: wt(l), height: St(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Az, { variables: i, width: wt(l), height: St(c), data: o, conf: a, interactionManager: n }) });
 }
-const $I = {
+const $z = {
   merico_heatmap: {
     viz_name: "Merico Heatmap",
     click_heatmap: {
@@ -22485,7 +22485,7 @@ const $I = {
       }
     }
   }
-}, PI = {
+}, Pz = {
   merico_heatmap: {
     viz_name: "思码逸热力图",
     click_heatmap: {
@@ -22494,14 +22494,14 @@ const $I = {
       }
     }
   }
-}, OI = [{
+}, Oz = [{
   lang: "en",
-  resources: $I
+  resources: $z
 }, {
   lang: "zh",
-  resources: PI
+  resources: Pz
 }];
-class FI extends Se {
+class Fz extends Se {
   constructor() {
     super(...arguments);
     N(this, "VERSION", 1);
@@ -22513,20 +22513,20 @@ class FI extends Se {
     }));
   }
 }
-const VI = {
+const Vz = {
   displayName: "viz.merico_heatmap.viz_name",
   displayGroup: "chart.groups.merico_suite",
-  migrator: new FI(),
+  migrator: new Fz(),
   name: "merico-heatmap",
-  viewRender: RI,
-  configRender: _I,
+  viewRender: Rz,
+  configRender: _z,
   createConfig: () => ({
     version: 1,
     config: ya
   }),
   triggers: [wd],
-  translation: OI
-}, qI = [{
+  translation: Oz
+}, qz = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -22573,12 +22573,12 @@ const VI = {
   value: t.value,
   type: "single",
   category: "basic"
-})), NI = [Yx, Kx, Zx, Xx, Jx, eg], Sd = [yi, wk, G1, dS, Qk, Uw, bz, yg, jb, dj, ew, AC, Aw, Bv, dk, j0, X0, nC, Zz, VI, mI, Rb], kd = () => ({
+})), Nz = [Yx, Kx, Zx, Xx, Jx, eg], Sd = [yi, wk, G1, dS, Qk, Uw, bI, yg, jb, dj, ew, AC, Aw, Bv, dk, j0, X0, nC, ZI, Vz, mz, Rb], kd = () => ({
   id: "dashboard",
   version: lc,
   manifest: {
     viz: Sd,
-    color: [...qI, ...NI]
+    color: [...qz, ...Nz]
   }
 }), lr = new sg(), Te = {
   pluginManager: Ft("pluginManager"),
@@ -22616,10 +22616,10 @@ function Es(t) {
 function Cd() {
   return L.useContext(ji);
 }
-const BI = ({
+const Bz = ({
   description: t,
   isDescriptionEmpty: e
-}) => e ? null : /* @__PURE__ */ r.jsx(ge, { color: "white", label: /* @__PURE__ */ r.jsx(Is, { value: t, styles: {
+}) => e ? null : /* @__PURE__ */ r.jsx(ge, { color: "white", label: /* @__PURE__ */ r.jsx(zs, { value: t, styles: {
   root: {
     border: "none"
   },
@@ -22634,7 +22634,7 @@ const BI = ({
 }, withArrow: !0, children: /* @__PURE__ */ r.jsx(M, { sx: {
   height: "16px",
   alignSelf: "center"
-}, children: /* @__PURE__ */ r.jsx(Dn, { size: 16, color: "gray" }) }) }), WI = z(({
+}, children: /* @__PURE__ */ r.jsx(Dn, { size: 16, color: "gray" }) }) }), Wz = I(({
   label: t,
   config: {
     default_value: e,
@@ -22650,13 +22650,13 @@ const BI = ({
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1
     }, children: t }),
-    /* @__PURE__ */ r.jsx(BI, { description: n, isDescriptionEmpty: s })
+    /* @__PURE__ */ r.jsx(Bz, { description: n, isDescriptionEmpty: s })
   ] }), checked: a || !1, onChange: (l) => o(l.currentTarget.checked), ...i, pt: ".4em", styles: {
     input: {
       borderColor: "#e9ecef"
     }
   } })
-] })), GI = ({
+] })), Gz = ({
   value: t,
   onChange: e,
   close: n,
@@ -22676,7 +22676,7 @@ const BI = ({
     e(m), x && f && n();
   };
   return /* @__PURE__ */ r.jsx(am, { defaultDate: c, numberOfColumns: 2, type: "range", value: t, onChange: h, onNextMonth: console.log, minDate: d, maxDate: u, allowSingleDateInRange: i, locale: a.language });
-}, QI = ({
+}, Qz = ({
   begin: t,
   end: e
 }) => {
@@ -22693,7 +22693,7 @@ const BI = ({
     count: s
   });
   return /* @__PURE__ */ r.jsx(ge, { label: i, children: /* @__PURE__ */ r.jsx(nn, { size: "sm", children: s }) });
-}, HI = ({
+}, Hz = ({
   max_days: t
 }) => {
   const {
@@ -22858,11 +22858,11 @@ const BI = ({
     return [$(t).startOf("year").toDate(), $(t).toDate()];
   }
 }];
-function zd(t) {
+function Id(t) {
   const n = va().find((s) => s.value === t);
   return n ? n.getRange() : null;
 }
-const UI = ({
+const Uz = ({
   onChange: t
 }) => {
   const {
@@ -22892,7 +22892,7 @@ const UI = ({
         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(z, { compact: !0, size: "xs", variant: "subtle", onClick: s(u), children: e(`filter.widget.date_range.shortcut.${o}.${a ? "full." : ""}${c}`) }) }, c))
     ] }, o)) }) })
   ] });
 }, Go = (t) => ({
@@ -22903,7 +22903,7 @@ const UI = ({
   input: {
     borderColor: t ? "#228be6" : "#e9ecef"
   }
-}), YI = ({
+}), Yz = ({
   label: t,
   required: e,
   value: n,
@@ -22929,7 +22929,7 @@ const UI = ({
           borderBottomRightRadius: 0
         }
       } }) }),
-      /* @__PURE__ */ r.jsx(D, { label: /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(QI, { begin: h, end: m }) }), icon: /* @__PURE__ */ r.jsx(wm, { size: 16 }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h, value: f, onFocus: d, styles: Go(c), sx: {
+      /* @__PURE__ */ r.jsx(D, { label: /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(Qz, { begin: h, end: m }) }), icon: /* @__PURE__ */ r.jsx(wm, { size: 16 }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h, value: f, onFocus: d, styles: Go(c), sx: {
         ".mantine-Input-icon": {
           transform: "translateX(-22px)"
         },
@@ -22949,12 +22949,12 @@ const UI = ({
       } })
     ] }),
     /* @__PURE__ */ r.jsxs(Vn.Dropdown, { p: "sm", children: [
-      /* @__PURE__ */ r.jsx(HI, { max_days: i }),
-      /* @__PURE__ */ r.jsx(GI, { value: n, onChange: s, close: u, allowSingleDateInRange: a, max_days: i }),
-      /* @__PURE__ */ r.jsx(UI, { onChange: s })
+      /* @__PURE__ */ r.jsx(Hz, { max_days: i }),
+      /* @__PURE__ */ r.jsx(Gz, { value: n, onChange: s, close: u, allowSingleDateInRange: a, max_days: i }),
+      /* @__PURE__ */ r.jsx(Uz, { onChange: s })
     ] })
   ] });
-}, Id = z(({
+}, zd = I(({
   label: t,
   config: e,
   value: n = [null, null],
@@ -22968,8 +22968,8 @@ const UI = ({
   } = e, c = Array.isArray(n) ? n.map((u) => u ? $(u).toDate() : null) : [null, null], d = (u) => {
     s(u.map((h) => h && $(h).format(i)));
   };
-  return /* @__PURE__ */ r.jsx(YI, { label: t, value: c, onChange: d, inputFormat: i, allowSingleDateInRange: l, max_days: o, required: a });
-}), KI = yr((t, {
+  return /* @__PURE__ */ r.jsx(Yz, { label: t, value: c, onChange: d, inputFormat: i, allowSingleDateInRange: l, max_days: o, required: a });
+}), Kz = yr((t, {
   radius: e = 4
 }) => ({
   root: {
@@ -23152,7 +23152,7 @@ const UI = ({
     t: e
   } = y();
   return t ? /* @__PURE__ */ r.jsx(w, { color: "red", size: 12, children: t }) : /* @__PURE__ */ r.jsx(w, { color: "dimmed", size: 12, children: e("filter.widget.common.selector_option_empty") });
-}, JI = ({
+}, Jz = ({
   disabled: t,
   // styling props
   classNames: e,
@@ -23173,7 +23173,7 @@ const UI = ({
   } = y(), {
     classes: x,
     cx: f
-  } = KI({
+  } = Kz({
     radius: i
   }, {
     name: "MultiSelectWidget",
@@ -23208,7 +23208,7 @@ const UI = ({
       Z.description && /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", "data-role": "description", children: Z.description })
     ] }, Z.value)) })
   ] });
-}, XI = z(({
+}, Xz = I(({
   label: t,
   config: e,
   value: n,
@@ -23218,20 +23218,20 @@ const UI = ({
     state: o,
     error: l
   } = i.getDataStuffByID(e.options_query_id), c = o === "loading", d = e.min_width ? e.min_width : "200px", u = a ? c : !1, h = (m) => s(m, !1);
-  return /* @__PURE__ */ r.jsx(JI, { label: t, options: e.options, style: {
+  return /* @__PURE__ */ r.jsx(Jz, { label: t, options: e.options, style: {
     minWidth: "160px",
     width: d,
     maxWidth: u ? d : "unset",
     borderColor: "#e9ecef"
   }, disabled: u, value: n, onChange: h, errorMessage: l, required: e.required });
-}), ZI = ne(({
+}), Zz = ne(({
   label: t,
   description: e,
   ...n
 }, s) => /* @__PURE__ */ r.jsx("div", { ref: s, ...n, children: /* @__PURE__ */ r.jsx(b, { noWrap: !0, children: /* @__PURE__ */ r.jsxs("div", { children: [
   /* @__PURE__ */ r.jsx(w, { size: "sm", "data-role": "label", children: t }),
   /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", "data-role": "description", children: e })
-] }) }) })), eT = z(({
+] }) }) })), eT = I(({
   label: t,
   config: e,
   value: n,
@@ -23268,7 +23268,7 @@ const UI = ({
           padding: "4px 10px"
         }
       },
-      itemComponent: ZI,
+      itemComponent: Zz,
       searchable: !l,
       nothingFound: /* @__PURE__ */ r.jsx(ja, { errorMessage: l }),
       clearable: e.clearable
@@ -23629,7 +23629,7 @@ const nT = ({
       }
     )
   ] });
-}, lT = z(({
+}, lT = I(({
   label: t,
   config: e,
   value: n,
@@ -23649,7 +23649,7 @@ const nT = ({
     maxWidth: h ? d : "unset",
     borderColor: "#e9ecef"
   }, value: [...c], onChange: l, treeData: i, errorMessage: o, label: t, required: e.required, treeCheckStrictly: e.treeCheckStrictly });
-}), cT = z(({
+}), cT = I(({
   filter: {
     type: t,
     config: e,
@@ -23662,19 +23662,19 @@ const nT = ({
     case "select":
       return /* @__PURE__ */ r.jsx(eT, { ...s, ...i, config: e });
     case "multi-select":
-      return /* @__PURE__ */ r.jsx(XI, { ...s, ...i, config: e });
+      return /* @__PURE__ */ r.jsx(Xz, { ...s, ...i, config: e });
     case "tree-select":
       return /* @__PURE__ */ r.jsx(lT, { ...s, ...i, config: e });
     case "text-input":
       return /* @__PURE__ */ r.jsx(tT, { ...s, ...i, config: e });
     case "date-range":
-      return /* @__PURE__ */ r.jsx(Id, { ...s, ...i, config: e });
+      return /* @__PURE__ */ r.jsx(zd, { ...s, ...i, config: e });
     case "checkbox":
-      return /* @__PURE__ */ r.jsx(WI, { ...s, ...i, config: e });
+      return /* @__PURE__ */ r.jsx(Wz, { ...s, ...i, config: e });
     default:
       return null;
   }
-}), dT = z(L.forwardRef(({
+}), dT = I(L.forwardRef(({
   filter: t,
   ...e
 }, n) => /* @__PURE__ */ r.jsx("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ r.jsx(Qe, { children: /* @__PURE__ */ r.jsx(cT, { filter: t, formFieldProps: e }) }) }))), uT = ({
@@ -23687,7 +23687,7 @@ const nT = ({
     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(z, { color: "blue", size: "sm", type: "submit", ...i, disabled: t || i.disabled, children: n });
 };
 function hT(t) {
   const e = oe();
@@ -23703,8 +23703,8 @@ const mT = ({
   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(Sm, { size: 14 }) : /* @__PURE__ */ r.jsx(km, { size: 14 }), onClick: e, children: n(t ? "filter.hide_filters" : "filter.show_filters") }) });
-}, Td = z(function({
+  return /* @__PURE__ */ r.jsx(b, { position: "right", ml: -4, mt: -4, mb: t ? 4 : 0, children: /* @__PURE__ */ r.jsx(z, { size: "xs", compact: !0, variant: "subtle", color: t ? "gray" : "blue", leftIcon: t ? /* @__PURE__ */ r.jsx(Sm, { size: 14 }) : /* @__PURE__ */ r.jsx(km, { size: 14 }), onClick: e, children: n(t ? "filter.hide_filters" : "filter.show_filters") }) });
+}, Td = I(function({
   view: e
 }) {
   const [n, {
@@ -24315,7 +24315,7 @@ const CT = p.model("FilterDateRangeConfigMeta", {
   setDefaultShortcut(e) {
     if (t.default_shortcut = e, !e)
       return;
-    const n = zd(t.default_shortcut);
+    const n = Id(t.default_shortcut);
     if (console.log(n), n) {
       const s = n.map((i) => $(i).format(t.inputFormat));
       t.setFilterValue(s);
@@ -24347,13 +24347,13 @@ const CT = p.model("FilterDateRangeConfigMeta", {
       default_value: Ed(e, n.inputFormat)
     };
   }
-}), zT = () => Ad.create({
+}), IT = () => Ad.create({
   _name: "date-range",
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
   default_value: [null, null]
-}), IT = p.model({
+}), zT = p.model({
   label: p.string,
   value: p.string
 }).actions((t) => ({
@@ -24364,7 +24364,7 @@ const CT = p.model("FilterDateRangeConfigMeta", {
     t.value = e;
   }
 })), wa = p.model("FilterConfigModel_BaseSelect", {
-  static_options: p.optional(p.array(IT), []),
+  static_options: p.optional(p.array(zT), []),
   options_query_id: p.optional(p.string, ""),
   default_selection_count: p.optional(p.number, 0),
   required: p.optional(p.boolean, !1)
@@ -24779,7 +24779,7 @@ const Fd = p.compose("FilterTreeSelectConfigMeta", p.model({
         t.config = kT();
         break;
       case Le.DateRange:
-        t.config = zT();
+        t.config = IT();
         break;
     }
     t.type = e;
@@ -25407,7 +25407,7 @@ function Xd(t) {
   if (e._name === "date-range")
     try {
       if (e.default_shortcut) {
-        const i = zd(e.default_shortcut);
+        const i = Id(e.default_shortcut);
         if (i)
           return i.map((a) => $(a).format(e.inputFormat));
       }
@@ -26078,19 +26078,19 @@ class JT {
     });
   }
   get changed() {
-    return !xe(It(this.origin), It(this.copy));
+    return !xe(zt(this.origin), zt(this.copy));
   }
   commit() {
-    Ge(this.origin, It(this.copy));
+    Ge(this.origin, zt(this.copy));
   }
   reset() {
-    Ge(this.copy, It(this.origin));
+    Ge(this.copy, zt(this.origin));
   }
   update(e) {
     Ge(this.copy, e);
   }
 }
-const XT = (t) => new JT(t), ZT = z(({
+const XT = (t) => new JT(t), ZT = I(({
   view: t
 }) => {
   const {
@@ -26133,7 +26133,7 @@ const XT = (t) => new JT(t), ZT = z(({
       width: "100%"
     } }) }),
     /* @__PURE__ */ r.jsxs(Y.Dropdown, { children: [
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.refreshData, icon: /* @__PURE__ */ r.jsx(Ii, { size: 14 }), children: e("common.actions.refresh") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.refreshData, icon: /* @__PURE__ */ r.jsx(zi, { size: 14 }), children: e("common.actions.refresh") }),
       /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.downloadData, icon: /* @__PURE__ */ r.jsx(Ti, { size: 14 }), children: e("common.actions.download_data") }),
       /* @__PURE__ */ r.jsx(Y.Item, { onClick: a.downloadSchema, icon: /* @__PURE__ */ r.jsx(Cn, { size: 14 }), children: e("common.actions.download_schema") }),
       /* @__PURE__ */ r.jsx(Y.Item, { onClick: o, icon: /* @__PURE__ */ r.jsx(xs, { size: 14 }), children: e("common.actions.download_screenshot") }),
@@ -26148,14 +26148,14 @@ const XT = (t) => new JT(t), ZT = z(({
 function eD(t) {
   return t ? ["<p><br></p>", "<p></p>"].includes(t) : !0;
 }
-const ou = z(() => {
+const ou = I(() => {
   const {
     t
   } = y(), [e, n] = L.useState(!1), {
     panel: s
   } = ln();
   return eD(s.description) ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(je, { opened: e, onClose: () => n(!1), title: s.title.show ? s.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(Is, { value: s.description, styles: {
+    /* @__PURE__ */ r.jsx(je, { opened: e, onClose: () => n(!1), title: s.title.show ? s.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(zs, { value: s.description, styles: {
       root: {
         border: "none"
       },
@@ -26173,7 +26173,7 @@ const ou = z(() => {
     }, children: /* @__PURE__ */ r.jsx(Kt, { size: 20 }) }) })
   ] });
 });
-const tD = z(function() {
+const tD = I(function() {
   const {
     panel: e
   } = ln(), {
@@ -26347,7 +26347,7 @@ function aD(t, e) {
     return console.info(se(m, "message")), null;
   }
 }
-const oD = z(function({
+const oD = I(function({
   data: e
 }) {
   const {
@@ -26363,25 +26363,25 @@ const oD = z(function({
     height: i,
     overflow: "hidden"
   }, children: o && /* @__PURE__ */ r.jsx(Qe, { children: a }) }) });
-}), lD = z(({
+}), lD = I(({
   panel: t
 }) => /* @__PURE__ */ r.jsxs(k, { children: [
   t.queryErrors.map((e, n) => /* @__PURE__ */ r.jsx(w, { color: "red", size: "sm", align: "center", sx: {
     fontFamily: "monospace"
   }, children: e }, `${n}-${e}`)),
   /* @__PURE__ */ r.jsx(w, { color: "gray", align: "center", size: "sm", children: t.queryStateMessages })
-] })), hu = z(({
+] })), hu = I(({
   panel: t
 }) => /* @__PURE__ */ r.jsxs(Ut, { className: "panel-viz-section", direction: "column", sx: {
   position: "relative",
   width: "100%"
 }, children: [
-  /* @__PURE__ */ r.jsx(zn, { visible: t.dataLoading, exitTransitionDuration: 0 }),
+  /* @__PURE__ */ r.jsx(In, { visible: t.dataLoading, exitTransitionDuration: 0 }),
   !t.canRenderViz && /* @__PURE__ */ r.jsx(lD, { panel: t }),
   t.canRenderViz && /* @__PURE__ */ r.jsx(oD, { data: t.data })
 ] })), cD = {
   border: "1px solid #e9ecef"
-}, mu = z(({
+}, mu = I(({
   panel: t,
   panelStyle: e,
   dropdownContent: n
@@ -26415,7 +26415,7 @@ const oD = z(function({
 function uD(t) {
   return t.style.border.enabled ? {} : dD;
 }
-const hD = z(function({
+const hD = I(function({
   panel: e,
   view: n
 }) {
@@ -26425,7 +26425,7 @@ const hD = z(function({
 function mD(t) {
   return !["richText", "button"].includes(t);
 }
-const pD = z(({
+const pD = I(({
   view: t
 }) => {
   const {
@@ -26450,7 +26450,7 @@ const pD = z(({
   }, children: /* @__PURE__ */ r.jsxs(Y, { withinPortal: !0, children: [
     /* @__PURE__ */ r.jsx(Y.Target, { children: /* @__PURE__ */ r.jsx(M, { className: "panel-dropdown-target" }) }),
     /* @__PURE__ */ r.jsxs(Y.Dropdown, { children: [
-      /* @__PURE__ */ r.jsx(Y.Item, { onClick: n.refreshData, icon: /* @__PURE__ */ r.jsx(Ii, { size: 14 }), children: e("common.actions.refresh") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { onClick: n.refreshData, icon: /* @__PURE__ */ r.jsx(zi, { size: 14 }), children: e("common.actions.refresh") }),
       /* @__PURE__ */ r.jsx(Y.Item, { onClick: n.downloadData, icon: /* @__PURE__ */ r.jsx(Ti, { size: 14 }), children: e("common.actions.download_data") }),
       /* @__PURE__ */ r.jsx(Y.Item, { onClick: s, icon: /* @__PURE__ */ r.jsx(xs, { size: 14 }), children: e("common.actions.download_screenshot") }),
       c && /* @__PURE__ */ r.jsx(Y.Item, { onClick: l, icon: /* @__PURE__ */ r.jsx(vl, { size: 14 }), children: e("common.actions.enter_fullscreen") })
@@ -26462,7 +26462,7 @@ function xD(t) {
     border: "1px dashed transparent"
   };
 }
-const pu = z(({
+const pu = I(({
   panel: t,
   view: e
 }) => {
@@ -26478,12 +26478,12 @@ const pu = z(({
     display: "flex",
     height: "calc(100vh - 88px)"
   }
-}, fD = z(function({
+}, fD = I(function({
   view: e,
   panel: n,
   exitFullScreen: s
 }) {
-  return /* @__PURE__ */ r.jsx(je, { opened: !0, fullScreen: !0, onClose: s, title: /* @__PURE__ */ r.jsx(I, { color: "blue", size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(um, { size: 20 }), children: "Exit fullscreen" }), styles: gD, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
+  return /* @__PURE__ */ r.jsx(je, { opened: !0, fullScreen: !0, onClose: s, title: /* @__PURE__ */ r.jsx(z, { color: "blue", size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(um, { size: 20 }), children: "Exit fullscreen" }), styles: gD, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ r.jsx(pu, { view: e, panel: n }) }) });
@@ -26528,7 +26528,7 @@ const yD = L.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", ...e, children: /* @__PURE__ */ r.jsx(mm, { size: 16 }) })), vD = Yl(Kl), jD = z(({
+}, variant: "transparent", ...e, children: /* @__PURE__ */ r.jsx(mm, { size: 16 }) })), vD = Yl(Kl), jD = I(({
   view: t,
   className: e = "layout"
 }) => {
@@ -26545,13 +26545,13 @@ const yD = L.forwardRef(({
       layouts: d,
       oldItem: u,
       newItem: h
-    }), s.updateCurrentLayoutItem(h);
+    }), s.updateCurrentLayoutItems(d);
   };
   return /* @__PURE__ */ r.jsx(vD, { className: `dashboard-layout ${e}`, rowHeight: 1, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, cols: s.cols, layouts: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ r.jsx(_D, {}), onResize: o, breakpoints: s.breakpoints, onBreakpointChange: s.setCurrentBreakpoint, onResizeStop: l, onDragStop: c, width: s.currentLayoutPreviewWidth, children: i.map((d) => /* @__PURE__ */ r.jsxs("div", { "data-grid": d.layoutProperies, className: "panel-grid-item", children: [
     /* @__PURE__ */ r.jsx(yD, { h: d.h }),
     /* @__PURE__ */ r.jsx(hD, { view: t, panel: d.panel })
   ] }, d.id)) });
-}), wD = Yl(Kl), SD = z(({
+}), wD = Yl(Kl), SD = I(({
   view: t,
   className: e = "layout"
 }) => {
@@ -26569,7 +26569,7 @@ function ka(t) {
     }
   };
 }
-const kD = z(({
+const kD = I(({
   downloadScreenshot: t
 }) => {
   const {
@@ -26597,11 +26597,11 @@ const kD = z(({
     /* @__PURE__ */ r.jsxs(Y.Dropdown, { children: [
       /* @__PURE__ */ r.jsx(Y.Item, { icon: /* @__PURE__ */ r.jsx(xs, { size: 14 }), onClick: t, children: e("common.actions.download_screenshot") }),
       /* @__PURE__ */ r.jsx(Y.Divider, {}),
-      /* @__PURE__ */ r.jsx(Y.Item, { icon: /* @__PURE__ */ r.jsx(zm, { size: 14 }), onClick: o.queries.downloadAllData, children: e("common.actions.download_data") }),
+      /* @__PURE__ */ r.jsx(Y.Item, { icon: /* @__PURE__ */ r.jsx(Im, { size: 14 }), onClick: o.queries.downloadAllData, children: e("common.actions.download_data") }),
       /* @__PURE__ */ r.jsx(Y.Item, { icon: /* @__PURE__ */ r.jsx(Cn, { size: 14 }), onClick: l, children: e("common.actions.download_schema") })
     ] })
   ] });
-}), xu = z(({
+}), xu = I(({
   children: t,
   view: e,
   sx: n = {}
@@ -26614,9 +26614,9 @@ const kD = z(({
     /* @__PURE__ */ r.jsx(M, { ref: s, pt: 10, pb: 10, sx: n, children: t }),
     /* @__PURE__ */ r.jsx(kD, { downloadScreenshot: i })
   ] });
-}), gu = z(({
+}), gu = I(({
   downloadScreenshot: t
-}) => /* @__PURE__ */ r.jsx(J, { className: "download-screenshot-button", color: "blue", onClick: t, children: /* @__PURE__ */ r.jsx(xs, { size: 14 }) })), CD = z(({
+}) => /* @__PURE__ */ r.jsx(J, { className: "download-screenshot-button", color: "blue", onClick: t, children: /* @__PURE__ */ r.jsx(xs, { size: 14 }) })), CD = I(({
   children: t,
   view: e
 }) => {
@@ -26662,11 +26662,11 @@ const kD = z(({
   }, transitionProps: {
     duration: 0
   }, children: /* @__PURE__ */ r.jsx(M, { ref: o, children: t }) });
-}), zD = (t) => t.color ? {
+}), ID = (t) => t.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: t.color ? t.color : "..."
   }
-} : {}, ID = z(({
+} : {}, zD = I(({
   view: t
 }) => {
   const e = Pe(), n = t.config;
@@ -26681,13 +26681,13 @@ const kD = z(({
       overflow: "auto"
     }
   }, keepMounted: !1, children: [
-    /* @__PURE__ */ r.jsx(_.List, { grow: n.grow, children: n.tabsInOrder.map((s) => /* @__PURE__ */ r.jsx(_.Tab, { value: s.id, sx: zD(s), disabled: !s.view_id, children: s.name ?? s.id }, s.id)) }),
+    /* @__PURE__ */ r.jsx(_.List, { grow: n.grow, children: n.tabsInOrder.map((s) => /* @__PURE__ */ r.jsx(_.Tab, { value: s.id, sx: ID(s), disabled: !s.view_id, children: s.name ?? s.id }, s.id)) }),
     n.tabsInOrder.map((s) => {
       const i = e.views.findByID(s.view_id);
       return i ? /* @__PURE__ */ r.jsx(_.Panel, { value: s.id, children: /* @__PURE__ */ r.jsx(Ca, { view: i }) }, s.id) : null;
     })
   ] });
-}), TD = z(({
+}), TD = I(({
   view: t,
   children: e
 }) => {
@@ -26695,12 +26695,12 @@ const kD = z(({
     case W.Modal:
       return /* @__PURE__ */ r.jsx(CD, { view: t, children: e });
     case W.Tabs:
-      return /* @__PURE__ */ r.jsx(ID, { view: t });
+      return /* @__PURE__ */ r.jsx(zD, { view: t });
     case W.Division:
     default:
       return /* @__PURE__ */ r.jsx(xu, { view: t, children: e });
   }
-}), DD = z(({
+}), DD = I(({
   children: t,
   view: e
 }) => {
@@ -26730,7 +26730,7 @@ const kD = z(({
 function Uo(t) {
   return t.replace(/(vw|vh)/, "%");
 }
-const MD = z(({
+const MD = I(({
   children: t,
   view: e
 }) => {
@@ -26820,7 +26820,7 @@ const MD = z(({
   "&[data-active], &[data-active]:hover": {
     borderColor: t.color ? t.color : "..."
   }
-} : {}, AD = z(({
+} : {}, AD = I(({
   view: t
 }) => {
   const {
@@ -26868,20 +26868,20 @@ const MD = z(({
             /* @__PURE__ */ r.jsx(F, { label: "View", value: c.view_id, onChange: c.setViewID, data: i }),
             /* @__PURE__ */ r.jsx(ae, { 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(Bn, { 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(Im, { size: 18 }), gradient: {
+            u && /* @__PURE__ */ r.jsx(z, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ r.jsx(zm, { 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(Qt, { size: 14 }), children: e("view.component.tabs.tab.delete") })
+            /* @__PURE__ */ r.jsx(z, { mt: 20, variant: "subtle", color: "red", onClick: () => o(d), disabled: l, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), children: e("view.component.tabs.tab.delete") })
           ] })
         ] }),
         u && /* @__PURE__ */ r.jsx(Ca, { view: u })
       ] }, c.id);
     })
   ] });
-}), RD = z(({
+}), RD = I(({
   view: t,
   children: e
 }) => {
@@ -26894,7 +26894,7 @@ const MD = z(({
     default:
       return /* @__PURE__ */ r.jsx(DD, { view: t, children: e });
   }
-}), $D = z(function({
+}), $D = I(function({
   view: e
 }) {
   const s = oe().layouts.divisionPreviewScale !== 1;
@@ -26912,7 +26912,7 @@ const MD = z(({
     }, children: /* @__PURE__ */ r.jsx(Td, { view: e }) }),
     /* @__PURE__ */ r.jsx(jD, { view: e })
   ] }) }) }) });
-}), Ca = z(function({
+}), Ca = I(function({
   view: e
 }) {
   const {
@@ -27604,6 +27604,11 @@ const JD = p.model("EditorModel", {
   updateCurrentLayoutItem(e) {
     t.currentLayoutSet.updateLayoutItem(e);
   },
+  updateCurrentLayoutItems(e) {
+    e.forEach((n) => {
+      t.currentLayoutSet.updateLayoutItem(n);
+    });
+  },
   append(e) {
     t.list.push(e);
   },
@@ -27928,15 +27933,15 @@ const rM = p.model({
   },
   get filtersChanged() {
     const e = "filters.current";
-    return !xe(It(se(t, e)), se(t.origin, e));
+    return !xe(zt(se(t, e)), se(t.origin, e));
   },
   get queriesChanged() {
-    const e = "queries.current", n = It(se(t, e)).map((s) => bl(s, ["id", "name", "key", "type", "sql", "run_by", "react_to", "pre_process", "post_process", "dep_query_ids"]));
+    const e = "queries.current", n = zt(se(t, e)).map((s) => bl(s, ["id", "name", "key", "type", "sql", "run_by", "react_to", "pre_process", "post_process", "dep_query_ids"]));
     return !xe(n, se(t.origin, e));
   },
   get sqlSnippetsChanged() {
     const e = "sqlSnippets.current";
-    return !xe(It(se(t, e)), se(t.origin, e));
+    return !xe(zt(se(t, e)), se(t.origin, e));
   },
   get viewsChanged() {
     const e = "views.current";
@@ -27944,11 +27949,11 @@ const rM = p.model({
   },
   get panelsChanged() {
     const e = "panels.list";
-    return !xe(It(se(t, e)), se(t.origin, e));
+    return !xe(zt(se(t, e)), se(t.origin, e));
   },
   get layoutsChanged() {
     const e = "layouts.list";
-    return !xe(It(se(t, e)), se(t.origin, e));
+    return !xe(zt(se(t, e)), se(t.origin, e));
   },
   get mockContextChanged() {
     const e = "mock_context.current";
@@ -30250,7 +30255,7 @@ function _u(t, e) {
 function vu(t) {
   return L.useCallback((e) => e.provideValue(Te.pluginManager, t.pluginManager).provideValue(Te.vizManager, t.vizManager).provideValue(Te.colorManager, t.colorManager), []);
 }
-const cM = z(({
+const cM = I(({
   saveDashboardChanges: t
 }) => {
   const {
@@ -30258,7 +30263,7 @@ const cM = z(({
   } = y(), n = Et(), s = oe(), i = () => {
     n.openConfirmModal({
       title: /* @__PURE__ */ r.jsxs(b, { position: "left", children: [
-        /* @__PURE__ */ r.jsx(zl, { size: 18, color: "red" }),
+        /* @__PURE__ */ r.jsx(Il, { size: 18, color: "red" }),
         /* @__PURE__ */ r.jsx(w, { children: "You are reverting changes" })
       ] }),
       labels: {
@@ -30275,7 +30280,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($e, { size: 18 }), onClick: t, disabled: !a, sx: {
+    /* @__PURE__ */ r.jsx(z, { color: "green", variant: "filled", size: "xs", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 18 }), onClick: t, disabled: !a, sx: {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
     }, children: e("common.actions.save_changes") }),
@@ -30292,7 +30297,7 @@ const cM = z(({
       /* @__PURE__ */ r.jsx(Y.Dropdown, { children: /* @__PURE__ */ r.jsx(Y.Item, { icon: /* @__PURE__ */ r.jsx(wr, { size: 14, color: "red" }), disabled: !a, onClick: i, children: e("common.actions.revert_changes") }) })
     ] })
   ] });
-}), dM = z(({
+}), dM = I(({
   saveDashboardChanges: t,
   onExit: e,
   headerSlot: n = null
@@ -30312,7 +30317,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(Lm, { size: 20 }), onClick: a, children: /* @__PURE__ */ r.jsx(b, { spacing: 4, children: /* @__PURE__ */ r.jsxs(zi, { i18nKey: "common.actions.end_editing", values: {
+      /* @__PURE__ */ r.jsx(z, { size: "xs", color: i ? "red" : "green", leftIcon: /* @__PURE__ */ r.jsx(Lm, { size: 20 }), onClick: a, children: /* @__PURE__ */ r.jsx(b, { spacing: 4, children: /* @__PURE__ */ r.jsxs(Ii, { i18nKey: "common.actions.end_editing", values: {
         name: s.name
       }, children: [
         "End Editing ",
@@ -30330,19 +30335,19 @@ const cM = z(({
   borderTop: "none",
   borderRight: "1px solid #e9ecef",
   borderBottom: "1px solid #e9ecef"
-}, uM = z(() => {
+}, uM = I(() => {
   var i;
   const {
     t
   } = y(), e = oe(), n = ((i = e.views.VIE) == null ? void 0 : i.type) === W.Tabs, s = () => e.addANewPanel(e.views.idOfVIE);
-  return n ? /* @__PURE__ */ r.jsx(ge, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(io, { size: 20 }), sx: {
+  return n ? /* @__PURE__ */ r.jsx(ge, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(z, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(io, { size: 20 }), sx: {
     ...Yo,
     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(io, { size: 20 }), sx: {
+  }, children: t("panel.add") }) }) : /* @__PURE__ */ r.jsx(z, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(io, { size: 20 }), sx: {
     ...Yo,
     background: "rgb(231, 245, 255)"
   }, children: t("panel.add") });
-}), hM = z(({
+}), hM = I(({
   done: t
 }) => {
   var le, Z;
@@ -30444,11 +30449,11 @@ const cM = z(({
     ] }),
     /* @__PURE__ */ r.jsx(w, { mt: 6, ta: "right", size: "xs", color: "red", children: X ?? "　" }),
     /* @__PURE__ */ r.jsxs(b, { mt: 6, position: "apart", children: [
-      /* @__PURE__ */ r.jsx(I, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(wr, { size: 18 }), disabled: !q, children: e("common.actions.revert") }),
-      /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 18 }), disabled: !q, children: e("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(z, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(wr, { size: 18 }), disabled: !q, children: e("common.actions.revert") }),
+      /* @__PURE__ */ r.jsx(z, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 18 }), disabled: !q, children: e("common.actions.save_changes") })
     ] })
   ] }) });
-}), mM = z(() => {
+}), mM = I(() => {
   const {
     t
   } = y(), [e, {
@@ -30464,7 +30469,7 @@ const cM = z(({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(b, { children: [
       /* @__PURE__ */ r.jsxs(Y, { withArrow: !0, withinPortal: !0, zIndex: 320, trigger: "hover", children: [
-        /* @__PURE__ */ r.jsx(Y.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Em, { size: 16 }), sx: {
+        /* @__PURE__ */ r.jsx(Y.Target, { children: /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(Em, { size: 16 }), sx: {
           borderRadius: 0
         }, children: /* @__PURE__ */ r.jsxs(b, { spacing: 6, children: [
           /* @__PURE__ */ r.jsx(w, { size: "xs", fw: "normal", children: o.name }),
@@ -30494,7 +30499,7 @@ const cM = z(({
   borderTop: "none",
   borderLeft: "1px solid #e9ecef",
   borderBottom: "1px solid #e9ecef"
-}, pM = z(() => {
+}, pM = I(() => {
   var i;
   const {
     t
@@ -30502,10 +30507,10 @@ const cM = z(({
     var a;
     return (a = e.views.VIE) == null ? void 0 : a.downloadSchema();
   };
-  return n ? /* @__PURE__ */ r.jsx(ge, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Cn, { size: 16 }), sx: {
+  return n ? /* @__PURE__ */ r.jsx(ge, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(z, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Cn, { size: 16 }), sx: {
     ...Ko,
     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(Cn, { size: 16 }), sx: {
+  }, children: t("view.download_schema") }) }) : /* @__PURE__ */ r.jsx(z, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: s, leftIcon: /* @__PURE__ */ r.jsx(Cn, { size: 16 }), sx: {
     ...Ko
     // background: 'rgb(231, 245, 255)',
   }, children: t("view.download_schema") });
@@ -30651,7 +30656,7 @@ function jM(t) {
     throw new Error("Schema version mismatch");
   return e;
 }
-const wM = z(({
+const wM = I(({
   onSuccess: t,
   stretchModal: e,
   shrinkModal: n
@@ -30734,7 +30739,7 @@ const wM = z(({
       ] })
     ] }) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(vM, { content: f }),
-      /* @__PURE__ */ r.jsx(b, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(I, { type: "submit", color: "green", disabled: j, children: s("common.actions.confirm") }) })
+      /* @__PURE__ */ r.jsx(b, { position: "right", my: "md", children: /* @__PURE__ */ r.jsx(z, { type: "submit", color: "green", disabled: j, children: s("common.actions.confirm") }) })
     ] })
   ] }) });
 }), Jo = {
@@ -30743,7 +30748,7 @@ const wM = z(({
   borderTop: "none",
   borderRight: "1px solid #e9ecef",
   borderBottom: "1px solid #e9ecef"
-}, SM = z(() => {
+}, SM = I(() => {
   var d;
   const {
     t
@@ -30754,11 +30759,11 @@ const wM = z(({
     setTrue: a,
     setFalse: o
   }] = rt(!1), c = ((d = pe().content.views.VIE) == null ? void 0 : d.type) === W.Tabs;
-  return c ? /* @__PURE__ */ r.jsx(ge, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(I, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(ao, { size: 16 }), sx: {
+  return c ? /* @__PURE__ */ r.jsx(ge, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(z, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(ao, { size: 16 }), sx: {
     ...Jo,
     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(ao, { size: 16 }), sx: {
+    /* @__PURE__ */ r.jsx(z, { variant: "subtle", color: "blue", radius: 0, size: "xs", disabled: c || e, onClick: n, leftIcon: /* @__PURE__ */ r.jsx(ao, { size: 16 }), sx: {
       ...Jo
       // background: 'rgb(231, 245, 255)',
     }, children: t("import.label") }),
@@ -30776,7 +30781,7 @@ const wM = z(({
   zIndex: 299,
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
-}, CM = z(() => /* @__PURE__ */ r.jsx(M, { sx: kM, pl: {
+}, CM = I(() => /* @__PURE__ */ r.jsx(M, { sx: kM, pl: {
   base: 200,
   xs: 200,
   sm: 200,
@@ -30792,11 +30797,11 @@ const wM = z(({
   ] }),
   /* @__PURE__ */ r.jsx(mM, {}),
   /* @__PURE__ */ r.jsx(b, { position: "right", spacing: 0, children: /* @__PURE__ */ r.jsx(pM, {}) })
-] }) })), zM = z((t) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+] }) })), IM = I((t) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
   /* @__PURE__ */ r.jsx(dM, { ...t }),
   /* @__PURE__ */ r.jsx(CM, {})
 ] }));
-function IM(t, e, n) {
+function zM(t, e, n) {
   const s = [];
   return t.filter((i) => "__INTERACTIONS" in i.viz.conf).forEach((i, a) => {
     const o = e[i.id];
@@ -30861,7 +30866,7 @@ function IM(t, e, n) {
 function TM(t, e) {
   const n = t.filters.keyLabelMap;
   return {
-    edges: IM(t.panels.list, e, n),
+    edges: zM(t.panels.list, e, n),
     edgeNodes: []
   };
 }
@@ -30871,12 +30876,12 @@ function ju(t, e, n) {
 function DM(t, e, n) {
   return t * e + (t - 1) * n;
 }
-const os = 25, za = 40, wu = 25, Ia = 350, MM = 150, LM = 150, Su = 150, Xo = 300, Yr = 40, ku = 25, EM = 300;
+const os = 25, Ia = 40, wu = 25, za = 350, MM = 150, LM = 150, Su = 150, Xo = 300, Yr = 40, ku = 25, EM = 300;
 function AM(t, e) {
   const n = S.keyBy(e, (i) => i.id), s = [];
   return t.current.forEach((i, a) => {
     i.panelIDs.forEach((o, l) => {
-      const c = ju(l, Yr, ku) + za, d = n[o];
+      const c = ju(l, Yr, ku) + Ia, d = n[o];
       if (!d) {
         s.push({
           id: o,
@@ -30927,7 +30932,7 @@ const RM = {
 }, $M = OD;
 function PM(t) {
   return t.current.map((n, s) => {
-    const i = DM(n.panelIDs.length, Yr, ku) + za + wu;
+    const i = DM(n.panelIDs.length, Yr, ku) + Ia + wu;
     let a = [];
     return n.type === W.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
       id: n.id,
@@ -30948,7 +30953,7 @@ function PM(t) {
       className: "light",
       style: {
         backgroundColor: $M[n.type],
-        width: Ia,
+        width: za,
         height: i
       }
     };
@@ -30974,12 +30979,12 @@ function VM({
   edges: n
 }) {
   e.forEach((s) => {
-    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = _t.Bottom, s.style.width = Ia + os * 2, s.style.height = wu + s._tab_view_ids.reduce((i, a) => {
+    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = _t.Bottom, s.style.width = za + os * 2, s.style.height = wu + s._tab_view_ids.reduce((i, a) => {
       const o = t[a];
       o.position.y = i, o.position.x = os;
       const l = o.style.height;
       return i + l + 20;
-    }, za));
+    }, Ia));
   });
 }
 function qM({
@@ -31022,7 +31027,7 @@ function BM({
   n.forEach((o) => {
     s.add(o.source), i.add(o.target);
   }), e.filter((o) => o._node_type !== "view-root" || o.id === "Main" || o.parentNode ? !1 : !s.has(o.id) && !i.has(o.id)).forEach((o, l) => {
-    o.position.x = ju(l, Ia, LM), o.position.y = 0 - MM - Su;
+    o.position.x = ju(l, za, LM), o.position.y = 0 - MM - Su;
   });
 }
 function WM({
@@ -31118,16 +31123,16 @@ const HM = ah(({
       top: 0,
       right: 0
     }, children: /* @__PURE__ */ r.jsx(pm, { size: 12 }) }),
-    /* @__PURE__ */ r.jsxs(ze, { shadow: "xl", withinPortal: !0, children: [
-      /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
-      /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsx(ot, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ot.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+    /* @__PURE__ */ r.jsxs(Ie, { shadow: "xl", withinPortal: !0, children: [
+      /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
+      /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(ot, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ot.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(uo, { type: "source", position: n, isConnectable: e })
   ] });
 });
 const UM = {
   interaction: HM
-}, YM = z(() => {
+}, YM = I(() => {
   const t = Pe(), {
     edges: e,
     nodes: n
@@ -31137,7 +31142,7 @@ const UM = {
     /* @__PURE__ */ r.jsx(ax, {}),
     /* @__PURE__ */ r.jsx(ox, {})
   ] });
-}), KM = z(({
+}), KM = I(({
   opened: t,
   close: e
 }) => {
@@ -31223,7 +31228,7 @@ function XM({
     }, children: /* @__PURE__ */ r.jsx(Pm, { size: 16 }) }) })
   ] });
 }
-const ZM = z(() => {
+const ZM = I(() => {
   const {
     t
   } = y(), e = pe(), n = oe(), s = We((a) => () => n.views.setIDOfVIE(a), [n]), i = (a) => {
@@ -31234,7 +31239,7 @@ const ZM = z(() => {
   }, children: [
     n.views.options.map((a) => /* @__PURE__ */ r.jsx(XM, { active: n.views.idOfVIE === a.value, name: a.label, onClick: s(a.value), openSettings: () => i(a.value) }, a.value)),
     /* @__PURE__ */ r.jsx(R, { variant: "dashed" }),
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: n.views.addARandomNewView, sx: {
+    /* @__PURE__ */ r.jsx(z, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: n.views.addARandomNewView, sx: {
       width: "100%",
       borderRadius: 0
     }, styles: {
@@ -31243,7 +31248,7 @@ const ZM = z(() => {
       }
     }, children: t("view.add") })
   ] });
-}), eL = z(() => {
+}), eL = I(() => {
   const {
     t
   } = y(), e = pe(), n = oe(), s = () => {
@@ -31299,10 +31304,10 @@ const ZM = z(() => {
     }, children: /* @__PURE__ */ r.jsx(ZM, {}) }),
     /* @__PURE__ */ r.jsx(Vt.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(Sr, { size: 20 }), onClick: () => e.editor.open([]), children: t("common.titles.settings") }) }) })
+    }, children: /* @__PURE__ */ r.jsx(z, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Sr, { size: 20 }), onClick: () => e.editor.open([]), children: t("common.titles.settings") }) }) })
   ] });
 }), tL = ["function getDefaultValue(filter, utils, context) {", '    return "";', "}"].join(`
-`), tr = z(({
+`), tr = I(({
   filter: t
 }) => {
   const {
@@ -31320,7 +31325,7 @@ const ZM = z(() => {
     /* @__PURE__ */ r.jsx(ot.Item, { children: e("filter.field.custom_default_value.tip_1") }),
     /* @__PURE__ */ r.jsx(ot.Item, { children: e("filter.field.custom_default_value.tip_2") })
   ] }) }) });
-}), nL = z(function({
+}), nL = I(function({
   filter: e
 }) {
   const {
@@ -31353,7 +31358,7 @@ const ZM = z(() => {
 }, {
   label: "2022-01-01",
   value: "YYYY-MM-DD"
-}], sL = z(function({
+}], sL = I(function({
   filter: e
 }) {
   const {
@@ -31378,7 +31383,7 @@ const ZM = z(() => {
     ] }),
     /* @__PURE__ */ r.jsxs(b, { children: [
       /* @__PURE__ */ r.jsx(
-        Id,
+        zd,
         {
           label: n("filter.widget.date_range.default_value"),
           config: s,
@@ -31393,7 +31398,7 @@ const ZM = z(() => {
     ] }),
     /* @__PURE__ */ r.jsx(tr, { filter: e })
   ] });
-}), Ta = z(({
+}), Ta = I(({
   value: t,
   onChange: e
 }) => {
@@ -31404,7 +31409,7 @@ const ZM = z(() => {
   };
   return /* @__PURE__ */ r.jsx(F, { 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(ci, { size: 16 }), variant: "subtle", color: "blue", onClick: () => l(t), children: n("query.open") })
+    t && /* @__PURE__ */ r.jsx(z, { size: "xs", leftIcon: /* @__PURE__ */ r.jsx(ci, { 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: {
@@ -31424,10 +31429,10 @@ const ZM = z(() => {
     t
   } = y(), [e, n] = Q(!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(z, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
     /* @__PURE__ */ r.jsx(_r, { in: e, children: /* @__PURE__ */ r.jsx(rn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: iL }) })
   ] });
-}, aL = z(function({
+}, aL = I(function({
   filter: e
 }) {
   const {
@@ -31485,7 +31490,7 @@ const ZM = z(() => {
           right: 5
         }, children: /* @__PURE__ */ r.jsx(At, { size: 16 }) })
       ] }, c)),
-      /* @__PURE__ */ r.jsx(I, { mt: 10, size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(ps, { size: 20 }), onClick: i, sx: {
+      /* @__PURE__ */ r.jsx(z, { mt: 10, size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(ps, { size: 20 }), onClick: i, sx: {
         width: "50%"
       }, mx: "auto", children: n("common.actions.add_an_option") })
     ] }),
@@ -31494,7 +31499,7 @@ const ZM = z(() => {
     /* @__PURE__ */ r.jsx(Ta, { value: s.options_query_id, onChange: s.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(Cu, {})
   ] });
-}), oL = z(function({
+}), oL = I(function({
   filter: e
 }) {
   const {
@@ -31557,7 +31562,7 @@ const ZM = z(() => {
           right: 5
         }, children: /* @__PURE__ */ r.jsx(At, { size: 16 }) })
       ] }, d)),
-      /* @__PURE__ */ r.jsx(I, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(ps, { size: 20 }), onClick: a, sx: {
+      /* @__PURE__ */ r.jsx(z, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(ps, { size: 20 }), onClick: a, sx: {
         width: "50%"
       }, mx: "auto", children: n("common.actions.add_an_option") })
     ] }),
@@ -31566,7 +31571,7 @@ const ZM = z(() => {
     /* @__PURE__ */ r.jsx(Ta, { value: i.options_query_id, onChange: i.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(Cu, {})
   ] });
-}), lL = z(function({
+}), lL = I(function({
   filter: e
 }) {
   const {
@@ -31596,10 +31601,10 @@ const ZM = z(() => {
     t
   } = y(), [e, n] = Q(!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(z, { variant: "subtle", compact: !0, onClick: () => n((s) => !s), children: t(e ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
     /* @__PURE__ */ r.jsx(_r, { in: e, children: /* @__PURE__ */ r.jsx(rn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: cL }) })
   ] });
-}, uL = z(function({
+}, uL = I(function({
   filter: e
 }) {
   const {
@@ -31617,7 +31622,7 @@ const ZM = z(() => {
     /* @__PURE__ */ r.jsx(Ta, { value: s.options_query_id, onChange: s.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(dL, {})
   ] });
-}), hL = z(function({
+}), hL = I(function({
   filter: e
 }) {
   const {
@@ -31643,7 +31648,7 @@ const ZM = z(() => {
   "text-input": "filter.widget.names.text_input",
   checkbox: "filter.widget.names.checkbox",
   "date-range": "filter.widget.names.date_range"
-}, pL = z(function({
+}, pL = I(function({
   filter: e
 }) {
   const {
@@ -31704,7 +31709,7 @@ const ZM = z(() => {
     ] }),
     /* @__PURE__ */ r.jsx(hL, { filter: e })
   ] });
-}), xL = z(({
+}), xL = I(({
   id: t
 }) => {
   const {
@@ -31742,14 +31747,14 @@ const ZM = 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(At, { size: 16 }), onClick: l, children: e("filter.delete") }) }),
+    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(z, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(At, { size: 16 }), onClick: l, children: e("filter.delete") }) }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
     }, children: /* @__PURE__ */ r.jsx(pL, { filter: a }) })
   ] });
-}), gL = z(() => {
+}), gL = I(() => {
   const {
     t
   } = y(), [e, n] = Q([]), s = pe(), i = (d) => {
@@ -31771,12 +31776,12 @@ const ZM = z(() => {
       cursor: "default"
     }, children: t("filter.manage") }) }),
     /* @__PURE__ */ r.jsx(Ut, { 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(z.Group, { children: [
+        /* @__PURE__ */ r.jsx(z, { variant: "default", size: "xs", onClick: l, children: t("common.actions.select_all") }),
+        /* @__PURE__ */ r.jsx(z, { variant: "default", size: "xs", onClick: c, children: t("common.actions.clear_selection") })
       ] }),
       /* @__PURE__ */ r.jsx(
-        I,
+        z,
         {
           size: "xs",
           color: "blue",
@@ -31818,11 +31823,11 @@ const ZM = z(() => {
         /* @__PURE__ */ r.jsx("td", { children: d.label }),
         /* @__PURE__ */ r.jsx("td", { children: d.key }),
         /* @__PURE__ */ r.jsx("td", { children: t(pn[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(z, { variant: "subtle", size: "xs", onClick: () => i(d.id), children: t("common.actions.open") }) })
       ] }, d.id)) })
     ] }) }) })
   ] });
-}), fL = z(() => {
+}), fL = I(() => {
   const {
     t
   } = y(), e = oe(), [n, s] = Q(() => JSON.stringify(e.mock_context.current, null, 4)), i = () => {
@@ -31875,7 +31880,7 @@ const ZM = z(() => {
       }, disabled: !a, onClick: i, children: /* @__PURE__ */ r.jsx(Gt, { size: 20 }) })
     ] })
   ] });
-}), bL = z(() => {
+}), bL = I(() => {
   const {
     t
   } = y(), {
@@ -31886,7 +31891,7 @@ const ZM = z(() => {
       flexGrow: 1
     }
   } });
-}), yL = z(() => {
+}), yL = I(() => {
   const {
     t
   } = y(), {
@@ -31922,7 +31927,7 @@ const ZM = z(() => {
 }), _L = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
   " ",
   "*"
-] }), vL = z(() => {
+] }), vL = I(() => {
   const {
     t
   } = y(), {
@@ -31946,7 +31951,7 @@ const ZM = z(() => {
     ] }),
     /* @__PURE__ */ r.jsx(D, { value: s, onChange: i, required: !0 })
   ] });
-}), jL = z(() => {
+}), jL = I(() => {
   const {
     t
   } = y(), {
@@ -32009,7 +32014,7 @@ const SL = {
     }
   }
 };
-function zu({
+function Iu({
   data: t
 }) {
   const e = C(() => {
@@ -32059,7 +32064,7 @@ const kL = [{
       paddingLeft: "80px"
     }
   }
-}, zL = ({
+}, IL = ({
   data: t,
   page: e,
   setPage: n,
@@ -32097,7 +32102,7 @@ const kL = [{
       total: o
     }) }) })
   ] });
-}, IL = $x(({
+}, zL = $x(({
   data: t,
   loading: e
 }) => {
@@ -32106,15 +32111,15 @@ const kL = [{
     return t.slice(l, c);
   }, [t, n, i]);
   return /* @__PURE__ */ r.jsxs(Qe, { children: [
-    /* @__PURE__ */ r.jsx(zL, { data: t, page: n, setPage: s, limit: i, setLimit: a }),
+    /* @__PURE__ */ r.jsx(IL, { data: t, page: n, setPage: s, limit: i, setLimit: a }),
     /* @__PURE__ */ r.jsxs(M, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
       position: "relative"
     }, children: [
-      /* @__PURE__ */ r.jsx(zn, { visible: e, overlayBlur: 2 }),
-      /* @__PURE__ */ r.jsx(zu, { data: o })
+      /* @__PURE__ */ r.jsx(In, { visible: e, overlayBlur: 2 }),
+      /* @__PURE__ */ r.jsx(Iu, { data: o })
     ] })
   ] });
 }), TL = ({
@@ -32127,7 +32132,7 @@ const kL = [{
   return n === "loading" ? null : s ? /* @__PURE__ */ r.jsx(w, { mt: 10, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
   }, children: s }) : i != null && i.stateMessage ? /* @__PURE__ */ r.jsx(w, { mt: 10, color: "gray", align: "center", children: i.stateMessage }) : null;
-}, Si = z(({
+}, Si = I(({
   id: t,
   moreActions: e,
   refreshOnMount: n
@@ -32157,7 +32162,7 @@ const kL = [{
       /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(w, { weight: 500, children: s("data.preview_data") }) }),
       /* @__PURE__ */ r.jsxs(b, { pr: 15, children: [
         e,
-        /* @__PURE__ */ r.jsx(J, { variant: "subtle", color: "blue", disabled: l, onClick: c, children: /* @__PURE__ */ r.jsx(Ii, { size: 16 }) }),
+        /* @__PURE__ */ r.jsx(J, { variant: "subtle", color: "blue", disabled: l, onClick: c, children: /* @__PURE__ */ r.jsx(zi, { size: 16 }) }),
         /* @__PURE__ */ r.jsx(J, { variant: "subtle", color: "blue", disabled: l || u, onClick: d, children: /* @__PURE__ */ r.jsx(Ti, { size: 16 }) })
       ] })
     ] }),
@@ -32167,10 +32172,10 @@ const kL = [{
       overflow: "auto"
     }, children: [
       /* @__PURE__ */ r.jsx(TL, { queryID: t }),
-      /* @__PURE__ */ r.jsx(IL, { data: a, loading: l })
+      /* @__PURE__ */ r.jsx(zL, { data: a, loading: l })
     ] })
   ] });
-}), DL = z(function() {
+}), DL = I(function() {
   const {
     t: e
   } = y(), n = pe(), s = oe(), {
@@ -32181,7 +32186,7 @@ const kL = [{
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(fh, { 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(k, { spacing: "lg", children: s.queries.options.map((d) => /* @__PURE__ */ r.jsx(ee, { label: d.label, value: d.value }, d.value)) }) }) }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 6, children: [
-      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(I, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Fm, { 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(z, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Fm, { size: 16 }), onClick: () => o(!0), children: e(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
       c === 1 && /* @__PURE__ */ r.jsx(Si, { id: i.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(ge, { label: e("query.open"), children: /* @__PURE__ */ r.jsx(J, { variant: "subtle", color: "blue", onClick: () => l(i.queryIDs[0]), children: /* @__PURE__ */ r.jsx(ci, { 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)) }),
@@ -32189,7 +32194,7 @@ const kL = [{
       ] })
     ] })
   ] });
-}), ML = z(() => {
+}), ML = I(() => {
   const {
     panel: t
   } = ln();
@@ -32442,27 +32447,27 @@ const PL = L.forwardRef($L), OL = L.forwardRef(function({
       /* @__PURE__ */ r.jsx(Rr.Control, { icon: /* @__PURE__ */ r.jsx(w, { size: "xl", children: "🖼️" }), children: o("style.label") }),
       /* @__PURE__ */ r.jsx(Rr.Panel, { children: /* @__PURE__ */ r.jsx(OL, { value: e, onChange: n }) })
     ] }) }),
-    /* @__PURE__ */ r.jsx(I, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), color: "red", variant: "light", onClick: i, children: o("panel.variable.delete") })
+    /* @__PURE__ */ r.jsx(z, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), color: "red", variant: "light", onClick: i, children: o("panel.variable.delete") })
   ] });
-}), VL = z((t) => {
+}), VL = I((t) => {
   const {
     t: e
   } = y(), n = vt(() => XT(t.variable), [t.variable]), s = () => t.uiModel.remove(t.variable);
   return /* @__PURE__ */ r.jsxs(k, { "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(wr, { 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($e, { size: 18 }), children: e("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(z, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(wr, { size: 18 }), children: e("common.actions.revert_changes") }),
+      /* @__PURE__ */ r.jsx(z, { variant: "filled", size: "xs", disabled: !n.changed, color: "green", onClick: n.commit, leftIcon: /* @__PURE__ */ r.jsx($e, { size: 18 }), children: e("common.actions.save_changes") })
     ] }),
-    /* @__PURE__ */ r.jsx(FL, { value: It(n.copy), onChange: n.update, remove: s })
+    /* @__PURE__ */ r.jsx(FL, { value: zt(n.copy), onChange: n.update, remove: s })
   ] });
 });
-z((t) => {
+I((t) => {
   const {
     uiModel: e
   } = t;
-  return /* @__PURE__ */ r.jsx(k, { 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(k, { className: "var-list", children: e.variables.map((n) => /* @__PURE__ */ r.jsx(z, { variant: e.selected === n ? "filled" : "subtle", color: "gray", onClick: () => e.select(n), children: n.name }, n.name)) });
 });
-const qL = z(({
+const qL = I(({
   model: t
 }) => {
   const {
@@ -32470,13 +32475,13 @@ const qL = z(({
   } = y();
   return /* @__PURE__ */ r.jsx(Kn, { color: "#fff", opacity: 1, sx: {
     position: "absolute"
-  }, children: /* @__PURE__ */ r.jsx(I, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 16 }), onClick: t.addNew, sx: {
+  }, children: /* @__PURE__ */ r.jsx(z, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 16 }), onClick: t.addNew, sx: {
     flexGrow: 0,
     flexShrink: 0,
     alignSelf: "flex-end",
     height: "38px"
   }, children: e("panel.variable.add") }) });
-}), NL = z(() => {
+}), NL = I(() => {
   var n;
   const {
     t
@@ -32486,7 +32491,7 @@ const qL = z(({
       /* @__PURE__ */ r.jsx(F, { 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(jt, { size: 16 }), onClick: e.addNew, sx: {
+      /* @__PURE__ */ r.jsx(z, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 16 }), onClick: e.addNew, sx: {
         flexGrow: 0,
         flexShrink: 0,
         alignSelf: "flex-end",
@@ -32496,7 +32501,7 @@ const qL = z(({
     /* @__PURE__ */ r.jsx(R, { variant: "dashed" }),
     e.selected ? /* @__PURE__ */ r.jsx(VL, { uiModel: e, variable: e.selected }) : /* @__PURE__ */ r.jsx("span", { children: "Select or create a new variable on right side" })
   ] });
-}), BL = z(() => {
+}), BL = I(() => {
   const {
     t
   } = y(), {
@@ -32522,7 +32527,7 @@ function WL() {
     return S.orderBy(n, [(s) => s.group, (s) => s.label], ["asc", "asc"]);
   }, [e]);
 }
-const GL = z(({
+const GL = I(({
   value: t,
   submit: e
 }) => {
@@ -32570,7 +32575,7 @@ function HL() {
     return console.info(se(h, "message")), null;
   }
 }
-const UL = z(() => {
+const UL = I(() => {
   const {
     data: t,
     panel: {
@@ -32611,7 +32616,7 @@ const UL = z(() => {
       !c && /* @__PURE__ */ r.jsx(ol, { minRows: 20, label: "Config", value: JSON.stringify(e.conf, null, 2), onChange: i })
     ] })
   ] });
-}), YL = z(({
+}), YL = I(({
   panel: t,
   sourceViewID: e
 }) => {
@@ -32628,7 +32633,7 @@ const UL = 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(Cl, { size: 14 }), children: n("panel.settings.change_view") }),
+    /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", color: "blue", onClick: l, leftIcon: /* @__PURE__ */ r.jsx(Cl, { size: 14 }), children: n("panel.settings.change_view") }),
     /* @__PURE__ */ r.jsx(je, { opened: o, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(k, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
@@ -32642,8 +32647,8 @@ const UL = z(() => {
         flexGrow: 0,
         flexShrink: 0
       }, children: [
-        /* @__PURE__ */ r.jsx(I, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Il, { size: 14 }), onClick: c, children: n("common.actions.cancel") }),
-        /* @__PURE__ */ r.jsx(I, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 14 }), onClick: d, disabled: i === e, children: n("common.actions.confirm") })
+        /* @__PURE__ */ r.jsx(z, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(zl, { size: 14 }), onClick: c, children: n("common.actions.cancel") }),
+        /* @__PURE__ */ r.jsx(z, { size: "xs", color: "blue", leftIcon: /* @__PURE__ */ r.jsx($e, { size: 14 }), onClick: d, disabled: i === e, children: n("common.actions.confirm") })
       ] })
     ] }) })
   ] });
@@ -32688,7 +32693,7 @@ const UL = z(() => {
 function JL(t) {
   return !["richText", "button"].includes(t);
 }
-const XL = z(({
+const XL = I(({
   panel: t
 }) => {
   const {
@@ -32728,7 +32733,7 @@ const XL = z(({
       /* @__PURE__ */ r.jsx(w, { pt: 9, pb: 8, children: t.name }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(YL, { panel: t, sourceViewID: h }),
-        /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "red", onClick: x, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), children: e("panel.delete") })
+        /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", color: "red", onClick: x, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), children: e("panel.delete") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs(_, { value: a, onTabChange: o, keepMounted: !1, styles: KL, children: [
@@ -32740,7 +32745,7 @@ const XL = z(({
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Interactions", children: e("interactions.label") })
       ] }),
       /* @__PURE__ */ r.jsxs(_.Panel, { value: "Data", children: [
-        /* @__PURE__ */ r.jsx(zn, { visible: d, exitTransitionDuration: 0 }),
+        /* @__PURE__ */ r.jsx(In, { visible: d, exitTransitionDuration: 0 }),
         /* @__PURE__ */ r.jsx(DL, {})
       ] }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(ii, { children: /* @__PURE__ */ r.jsx(wL, {}) }) }),
@@ -32749,7 +32754,7 @@ const XL = z(({
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Interactions", children: /* @__PURE__ */ r.jsx(Qe, { children: /* @__PURE__ */ r.jsx(pf, {}) }) })
     ] })
   ] });
-}), ZL = z(({
+}), ZL = I(({
   viewID: t,
   panelID: e
 }) => {
@@ -32766,7 +32771,7 @@ const XL = z(({
     e,
     "] is not found"
   ] });
-}), eE = z(() => {
+}), eE = I(() => {
   const {
     t
   } = y(), [e, n] = Q([]), s = Et(), i = pe(), a = (m) => {
@@ -32804,12 +32809,12 @@ const XL = z(({
     }, children: t("query.manage") }) }),
     /* @__PURE__ */ r.jsxs(Ut, { 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(z.Group, { children: [
+          /* @__PURE__ */ r.jsx(z, { variant: "default", size: "xs", onClick: d, children: t("common.actions.select_all") }),
+          /* @__PURE__ */ r.jsx(z, { variant: "default", size: "xs", onClick: u, children: t("common.actions.clear_selection") })
         ] }),
         /* @__PURE__ */ r.jsx(
-          I,
+          z,
           {
             size: "xs",
             color: "blue",
@@ -32820,7 +32825,7 @@ const XL = z(({
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: o, children: t("query.delete_unused") })
+      /* @__PURE__ */ r.jsx(z, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: o, children: t("query.delete_unused") })
     ] }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
@@ -32868,7 +32873,7 @@ const XL = 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(z, { variant: "subtle", size: "xs", onClick: () => a(m.id), children: t("common.actions.open") }) })
         ] }, m.id);
       }) })
     ] }) }) })
@@ -32901,10 +32906,10 @@ const XL = 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(Qt, { size: 16 }), children: e("query.delete") }) }) }) : /* @__PURE__ */ r.jsx(I, { color: "red", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), sx: {
+  }, children: /* @__PURE__ */ r.jsx(z, { disabled: !0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), children: e("query.delete") }) }) }) : /* @__PURE__ */ r.jsx(z, { color: "red", size: "xs", onClick: c, leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 16 }), sx: {
     alignSelf: "flex-end"
   }, children: e("query.delete") });
-}, nE = z(tE), Iu = ({
+}, nE = I(tE), zu = ({
   width: t = "calc(100% - 32px)",
   lastWidth: e = "50%",
   height: n,
@@ -32924,13 +32929,13 @@ const XL = z(({
     column_key_text: n
   } = t;
   return e ? /* @__PURE__ */ r.jsx(ge, { label: n, disabled: !n, children: /* @__PURE__ */ r.jsx(nn, { children: e }) }) : null;
-}, sE = z(({
+}, sE = I(({
   dataSource: t
 }) => {
   const {
     columns: e
   } = t;
-  return e.loading ? /* @__PURE__ */ r.jsx(Iu, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : e.empty ? null : /* @__PURE__ */ r.jsxs(Re, { highlightOnHover: !0, fontSize: 14, sx: {
+  return e.loading ? /* @__PURE__ */ r.jsx(zu, { height: "24px", width: "100%", lastWidth: "100%", count: 20, pl: 6 }) : e.empty ? null : /* @__PURE__ */ r.jsxs(Re, { highlightOnHover: !0, fontSize: 14, sx: {
     width: "auto",
     minWidth: "1000px",
     alignSelf: "flex-start",
@@ -32984,7 +32989,7 @@ const XL = z(({
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(hr, { value: n.column_default }) })
     ] }, n.column_name)) })
   ] });
-}), iE = z(({
+}), iE = I(({
   dataSource: t
 }) => {
   const {
@@ -33032,7 +33037,7 @@ const XL = z(({
       /* @__PURE__ */ r.jsx("td", { children: s.column_name })
     ] }, s.index_name)) })
   ] });
-}), aE = z(({
+}), aE = I(({
   dataSource: t
 }) => {
   const {
@@ -33085,14 +33090,14 @@ const XL = z(({
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(hr, { value: s.comment }) })
     ] }, s.index_name)) })
   ] });
-}), oE = z(({
+}), oE = I(({
   dataSource: t
 }) => {
   const {
     indexes: e
   } = t;
   return e.loading || e.empty ? null : t.type === De.MySQL ? /* @__PURE__ */ r.jsx(iE, { dataSource: t }) : t.type === De.Postgresql ? /* @__PURE__ */ r.jsx(aE, { dataSource: t }) : null;
-}), lE = z(({
+}), lE = I(({
   dataSource: t
 }) => /* @__PURE__ */ r.jsxs(k, { spacing: 40, pt: 10, sx: {
   flexGrow: 1,
@@ -33107,13 +33112,13 @@ function cE({
 }) {
   return t === "VIEW" ? /* @__PURE__ */ r.jsx(Tl, { size: 14 }) : t === "BASE TABLE" ? /* @__PURE__ */ r.jsx(Vm, { size: 14 }) : null;
 }
-const dE = z(({
+const dE = I(({
   dataSource: t
 }) => {
   const {
     tables: e
   } = t;
-  return e.loading ? /* @__PURE__ */ r.jsx(Iu, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r.jsx(M, { h: "100%", sx: {
+  return e.loading ? /* @__PURE__ */ r.jsx(zu, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r.jsx(M, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -33128,7 +33133,7 @@ const dE = z(({
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ r.jsx(zn, { visible: t }) }), hE = [{
+}, children: /* @__PURE__ */ r.jsx(In, { visible: t }) }), hE = [{
   label: "10",
   value: "10"
 }, {
@@ -33150,7 +33155,7 @@ const dE = z(({
       paddingLeft: "50px"
     }
   }
-}, pE = z(({
+}, pE = I(({
   dataSource: t
 }) => {
   const {
@@ -33181,7 +33186,7 @@ const dE = z(({
       total: n.total
     }) }) })
   ] });
-}), xE = z(({
+}), xE = I(({
   dataSource: t
 }) => {
   const e = t.tableData;
@@ -33197,8 +33202,8 @@ const dE = z(({
       overflow: "auto",
       position: "relative"
     }, children: [
-      /* @__PURE__ */ r.jsx(zn, { visible: e.loading, overlayBlur: 2 }),
-      /* @__PURE__ */ r.jsx(zu, { data: e.data })
+      /* @__PURE__ */ r.jsx(In, { visible: e.loading, overlayBlur: 2 }),
+      /* @__PURE__ */ r.jsx(Iu, { data: e.data })
     ] })
   ] });
 }), gE = {
@@ -33213,7 +33218,7 @@ const dE = z(({
   tab: {
     minWidth: 120
   }
-}, fE = z(({
+}, fE = I(({
   dataSource: t
 }) => {
   const {
@@ -33261,7 +33266,7 @@ const dE = z(({
   body: {
     padding: "0 0 0 20px"
   }
-}, Tu = z(({
+}, Tu = I(({
   dataSource: t,
   triggerButtonProps: e = {}
 }) => {
@@ -33286,7 +33291,7 @@ const dE = z(({
     ] }), zIndex: 320, size: "96vw", styles: bE, children: /* @__PURE__ */ r.jsx(M, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ r.jsx(fE, { dataSource: t }) }) }),
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
+    /* @__PURE__ */ r.jsx(z, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
@@ -33311,7 +33316,7 @@ const dE = z(({
 ] }) : /* @__PURE__ */ r.jsxs(b, { position: "apart", ref: s, ...n, children: [
   /* @__PURE__ */ r.jsx(w, { children: t }),
   /* @__PURE__ */ r.jsx(w, { children: e })
-] })), _E = z(({
+] })), _E = I(({
   value: t,
   onChange: e
 }) => {
@@ -33372,7 +33377,7 @@ const dE = z(({
     /* @__PURE__ */ r.jsx(w, { children: n }),
     /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", children: s })
   ] }) });
-}), vE = z(({
+}), vE = I(({
   queryModel: t
 }) => {
   const {
@@ -33412,12 +33417,12 @@ const dE = z(({
 function jE({
   content: t
 }) {
-  return /* @__PURE__ */ r.jsxs(ze, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(J, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(Tl, {}) }) }),
-    /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsx(rn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
+  return /* @__PURE__ */ r.jsxs(Ie, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(J, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(Tl, {}) }) }),
+    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(rn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: t }) })
   ] });
 }
-const wE = z(() => {
+const wE = I(() => {
   const e = [...pe().globalSQLSnippets.list];
   return e.length === 0 ? null : /* @__PURE__ */ r.jsxs(Re, { horizontalSpacing: "xs", verticalSpacing: "xs", fontSize: "sm", highlightOnHover: !0, children: [
     /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -33448,7 +33453,7 @@ WHERE
   AND \${sql_snippets.author_email_condition}
   -- Global SQL snippets (shared between dashboards)
   AND \${global_sql_snippets.account_condition}
-`, Du = z(function({
+`, Du = I(function({
   showSQLSnippets: e = !0,
   sx: n = {}
 }) {
@@ -33484,13 +33489,13 @@ WHERE
       /* @__PURE__ */ r.jsx(wE, {})
     ] }) })
   ] }) });
-}), Da = z(() => {
+}), Da = I(() => {
   const {
     t
   } = y(), [e, n] = Q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(je, { opened: e, onClose: () => n(!1), title: t("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r.jsx(Du, {}) }),
-    /* @__PURE__ */ r.jsx(I, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
+    /* @__PURE__ */ r.jsx(z, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
       }
@@ -33501,7 +33506,7 @@ WHERE
 `),
   post: ["function process_result(res, utils, state) {", "    // your code goes here", "    return data", "}"].join(`
 `)
-}, kE = z(({
+}, kE = I(({
   queryModel: t
 }) => {
   const {
@@ -33520,7 +33525,7 @@ WHERE
     }, p: "sm", children: /* @__PURE__ */ r.jsx(Qn, { label: "", value: t.pre_process, onChange: t.setPreProcess, defaultValue: tl.pre }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(Qn, { label: "", value: t.post_process, onChange: t.setPostProcess, defaultValue: tl.post }) })
   ] }) : null;
-}), CE = z(({
+}), CE = I(({
   queryID: t,
   usage: e
 }) => {
@@ -33582,15 +33587,15 @@ WHERE
     readOnly: o || !e,
     "semanticHighlighting.enabled": !0
   } });
-}, zE = z(({
+}, IE = I(({
   queryModel: t
 }) => {
   const {
     t: e
   } = y(), n = C(() => S.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(ze, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
-    /* @__PURE__ */ r.jsx(ze.Target, { children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(zl, { size: 16 }) : /* @__PURE__ */ r.jsx(Gm, { size: 16 }), children: e("query.dependency.label") }) }),
-    /* @__PURE__ */ r.jsx(ze.Dropdown, { children: /* @__PURE__ */ r.jsx(ot, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ot.Item, { children: [
+  return i ? /* @__PURE__ */ r.jsxs(Ie, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
+    /* @__PURE__ */ r.jsx(Ie.Target, { children: /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(Il, { size: 16 }) : /* @__PURE__ */ r.jsx(Gm, { size: 16 }), children: e("query.dependency.label") }) }),
+    /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsx(ot, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ot.Item, { children: [
       /* @__PURE__ */ r.jsx(w, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
       /* @__PURE__ */ r.jsx(ot, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
@@ -33603,12 +33608,12 @@ WHERE
         }
       }, children: /* @__PURE__ */ r.jsx(Mi, { size: 12 }) }), children: l.key }, l.key)) })
     ] }, a)) }) })
-  ] }) : /* @__PURE__ */ r.jsx(ge, { label: e("query.dependency.has_none"), children: /* @__PURE__ */ r.jsx(I, { size: "xs", variant: "subtle", color: "gray", leftIcon: /* @__PURE__ */ r.jsx(Wm, { size: 16, style: {
+  ] }) : /* @__PURE__ */ r.jsx(ge, { label: e("query.dependency.has_none"), children: /* @__PURE__ */ r.jsx(z, { size: "xs", variant: "subtle", color: "gray", leftIcon: /* @__PURE__ */ r.jsx(Wm, { size: 16, style: {
     transform: "rotate(180deg)"
   } }), sx: {
     transform: "none !important"
   }, children: e("query.dependency.label") }) });
-}), IE = "SELECT 1", TE = z(({
+}), zE = "SELECT 1", TE = I(({
   queryModel: t
 }) => {
   const {
@@ -33618,7 +33623,7 @@ WHERE
   }, a = () => {
     s(t.sql);
   }, o = () => {
-    s(IE);
+    s(zE);
   };
   B(() => {
     s(t.sql);
@@ -33631,11 +33636,11 @@ WHERE
       flexShrink: 0,
       flexGrow: 0
     }, children: [
-      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(zE, { queryModel: t }) }),
+      /* @__PURE__ */ r.jsx(b, { position: "left", children: /* @__PURE__ */ r.jsx(IE, { queryModel: t }) }),
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-        /* @__PURE__ */ r.jsx(I, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(wl, { 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(wr, { size: 16 }), children: e("common.actions.revert_changes") }),
-        /* @__PURE__ */ r.jsx(I, { color: "green", size: "xs", onClick: i, disabled: !l, leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), children: e("common.actions.save_changes") })
+        /* @__PURE__ */ r.jsx(z, { onClick: o, size: "xs", variant: "default", leftIcon: /* @__PURE__ */ r.jsx(wl, { size: 16 }), children: e("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: a, color: "red", size: "xs", disabled: !l, leftIcon: /* @__PURE__ */ r.jsx(wr, { size: 16 }), children: e("common.actions.revert_changes") }),
+        /* @__PURE__ */ r.jsx(z, { color: "green", size: "xs", onClick: i, disabled: !l, leftIcon: /* @__PURE__ */ r.jsx($e, { size: 16 }), children: e("common.actions.save_changes") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(Ma, { height: "100%", value: n, onChange: s, theme: "sql-dark", defaultLanguage: "sql" })
@@ -33653,7 +33658,7 @@ WHERE
     enabled: !1
   },
   readOnly: !0
-} }), ME = z(({
+} }), ME = I(({
   value: t
 }) => {
   const n = Pe().payloadForSQL, s = L.useMemo(() => Ei(t, n), [t, n]);
@@ -33663,7 +33668,7 @@ WHERE
 `),
   post: ["function process_result(data, utils, state) {", "    // process data and return the result", "    return data", "}"].join(`
 `)
-}, LE = z(({
+}, LE = I(({
   queryModel: t
 }) => {
   const {
@@ -33699,7 +33704,7 @@ WHERE
   pre: ["function transform(queries, state, utils) {", "    // use queries & dashboar state to build new data", "    const data = []", "    return data", "}"].join(`
 `),
   post: ""
-}, AE = z(({
+}, AE = I(({
   queryModel: t
 }) => {
   const {
@@ -33719,7 +33724,7 @@ WHERE
   height: "calc(100% - 44px)",
   // Tabs.List
   padding: 0
-}, RE = z(({
+}, RE = I(({
   queryModel: t
 }) => {
   const {
@@ -33759,17 +33764,17 @@ WHERE
       overflow: "hidden"
     }, children: /* @__PURE__ */ r.jsx(CE, { queryID: t.id, usage: o }) })
   ] });
-}), $E = z(({
+}), $E = I(({
   id: t
 }) => {
   const n = oe().queries.findByID(t);
   return t === "" ? null : n ? /* @__PURE__ */ r.jsx(RE, { queryModel: n }) : /* @__PURE__ */ r.jsx(w, { size: 14, color: "red", children: "Invalid Query ID" });
-}), PE = z(({
+}), PE = I(({
   value: t
 }) => {
   const n = Pe().payloadForSQL, s = C(() => Ei(t, n), [t, n]);
   return /* @__PURE__ */ r.jsx(Ma, { height: "100%", value: s });
-}), OE = z(({
+}), OE = I(({
   item: t,
   remove: e,
   onKeyChanged: n
@@ -33821,7 +33826,7 @@ WHERE
           error: u
         }
       ),
-      /* @__PURE__ */ r.jsx(I, { leftIcon: /* @__PURE__ */ r.jsx(At, { size: 16 }), color: "red", variant: "light", onClick: T, children: s("sql_snippet.delete") })
+      /* @__PURE__ */ r.jsx(z, { leftIcon: /* @__PURE__ */ r.jsx(At, { size: 16 }), color: "red", variant: "light", onClick: T, children: s("sql_snippet.delete") })
     ] }),
     /* @__PURE__ */ r.jsxs(_, { value: i, onTabChange: a, sx: {
       flexGrow: 1
@@ -33846,7 +33851,7 @@ WHERE
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ r.jsx(PE, { value: h }) })
     ] })
   ] });
-}), FE = z(({
+}), FE = I(({
   id: t
 }) => {
   const e = pe(), n = oe(), s = C(() => n.sqlSnippets.findByKey(t), [t]);
@@ -33866,7 +33871,7 @@ WHERE
     e.editor.setPath(["_SQL_SNIPPETS_", l]);
   };
   return /* @__PURE__ */ r.jsx(OE, { item: s, remove: a, onKeyChanged: o });
-}), VE = z(() => {
+}), VE = I(() => {
   const {
     t
   } = y(), [e, n] = Q([]), s = Et(), i = pe(), a = (m) => {
@@ -33904,12 +33909,12 @@ WHERE
     }, children: t("sql_snippet.manage") }) }),
     /* @__PURE__ */ r.jsxs(Ut, { 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(z.Group, { children: [
+          /* @__PURE__ */ r.jsx(z, { variant: "default", size: "xs", onClick: d, children: t("common.actions.select_all") }),
+          /* @__PURE__ */ r.jsx(z, { variant: "default", size: "xs", onClick: u, children: t("common.actions.clear_selection") })
         ] }),
         /* @__PURE__ */ r.jsx(
-          I,
+          z,
           {
             size: "xs",
             color: "blue",
@@ -33920,7 +33925,7 @@ WHERE
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(I, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: o, children: t("sql_snippet.delete_unused") })
+      /* @__PURE__ */ r.jsx(z, { variant: "subtle", size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(Qt, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: o, children: t("sql_snippet.delete_unused") })
     ] }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
@@ -33957,14 +33962,14 @@ 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(z, { variant: "subtle", size: "xs", onClick: () => a(m.key), children: t("common.actions.open") }) })
         ] }, m.key);
       }) })
     ] }) }) })
   ] });
-}), qE = z(({
+}), qE = I(({
   view: t
-}) => !t || t.type !== W.Division ? null : /* @__PURE__ */ r.jsx(k, {})), NE = z(({
+}) => !t || t.type !== W.Division ? null : /* @__PURE__ */ r.jsx(k, {})), NE = I(({
   view: t
 }) => {
   const {
@@ -34056,15 +34061,15 @@ WHERE
       /* @__PURE__ */ r.jsx(ee, { mt: 10, label: n("common.enabled"), checked: o.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(BE, { 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(Tn, { size: 20 }), children: n("common.actions.revert") }),
+        /* @__PURE__ */ r.jsx(z, { onClick: m, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Tn, { 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(z, { onClick: u, variant: "subtle", children: n("common.actions.cancel") }),
+          /* @__PURE__ */ r.jsx(z, { onClick: d, children: n("common.actions.save") })
         ] })
       ] })
     ] }) })
   ] });
-}, GE = z(({
+}, GE = I(({
   view: t
 }) => {
   const {
@@ -34086,13 +34091,13 @@ WHERE
       /* @__PURE__ */ r.jsx(D, { label: e("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
-}), QE = z(({
+}), QE = I(({
   view: t
 }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
   /* @__PURE__ */ r.jsx(qE, { view: t }),
   /* @__PURE__ */ r.jsx(GE, { view: t }),
   /* @__PURE__ */ r.jsx(NE, { view: t })
-] })), HE = z(({
+] })), HE = I(({
   view: t
 }) => {
   const {
@@ -34117,7 +34122,7 @@ WHERE
     /* @__PURE__ */ r.jsx(F, { label: e("common.type"), withinPortal: !0, zIndex: 320, value: t.type, onChange: t.setType, data: s }),
     /* @__PURE__ */ r.jsx(QE, { view: t })
   ] }) : null;
-}), UE = z(({
+}), UE = I(({
   id: t
 }) => {
   const {
@@ -34152,7 +34157,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(At, { size: 16 }), onClick: l, children: e("view.delete") }) }),
+    /* @__PURE__ */ r.jsx(b, { position: "right", pt: 10, children: /* @__PURE__ */ r.jsx(z, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(At, { size: 16 }), onClick: l, children: e("view.delete") }) }),
     /* @__PURE__ */ r.jsx(M, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
@@ -34190,12 +34195,12 @@ function rA(t) {
 function sA(t) {
   return t.length === 4 && t[0] === "_VIEWS_" && t[2] === "_PANELS_";
 }
-const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
+const iA = I(() => /* @__PURE__ */ r.jsx(k, { sx: {
   height: "100%"
-}, p: "sm", children: /* @__PURE__ */ r.jsx(Du, {}) })), aA = z(() => {
+}, p: "sm", children: /* @__PURE__ */ r.jsx(Du, {}) })), aA = I(() => {
   const t = pe().editor, e = t.path;
   return YE(e) ? /* @__PURE__ */ r.jsx(iA, {}) : KE(e) ? /* @__PURE__ */ r.jsx(fL, {}) : JE(e) ? /* @__PURE__ */ r.jsx(gL, {}) : XE(e) ? /* @__PURE__ */ r.jsx(M, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(xL, { id: e[1] }) }) : ZE(e) ? /* @__PURE__ */ r.jsx(VE, {}) : eA(e) ? /* @__PURE__ */ r.jsx(FE, { id: e[1] }) : nA(e) ? /* @__PURE__ */ r.jsx(eE, {}) : tA(e) ? /* @__PURE__ */ r.jsx($E, { id: e[1] }) : rA(e) ? /* @__PURE__ */ r.jsx(M, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(UE, { id: e[1] }) }) : sA(e) ? /* @__PURE__ */ r.jsx(ZL, { viewID: e[1], panelID: e[3] }) : /* @__PURE__ */ r.jsx(M, { children: t.path });
-}), oA = z(() => /* @__PURE__ */ r.jsx(aA, {})), lA = z(() => {
+}), oA = I(() => /* @__PURE__ */ r.jsx(aA, {})), lA = I(() => {
   const {
     t
   } = y(), e = pe(), n = () => {
@@ -34211,7 +34216,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     };
     e.content.filters.append(i), e.editor.setPath(["_FILTERS_", s]);
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34219,7 +34224,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("filter.add") });
-}), cA = z(({
+}), cA = I(({
   parentID: t
 }) => {
   const {
@@ -34228,7 +34233,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { 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(jt, { 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(z, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(s.id), sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34236,7 +34241,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: e("panel.add") });
-}), dA = z(() => {
+}), dA = I(() => {
   const {
     t
   } = y(), e = pe(), n = () => {
@@ -34249,7 +34254,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     };
     e.content.queries.append(i), e.editor.setPath(["_QUERIES_", s]);
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34257,7 +34262,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("query.add") });
-}), uA = z(() => {
+}), uA = I(() => {
   const {
     t
   } = y(), e = pe(), n = () => {
@@ -34267,7 +34272,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     };
     e.content.sqlSnippets.append(i), e.editor.setPath(["_SQL_SNIPPETS_", s]);
   };
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: n, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34275,11 +34280,11 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("sql_snippet.add") });
-}), hA = z(() => {
+}), hA = I(() => {
   const {
     t
   } = y(), e = oe();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(jt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: e.views.addARandomNewView, sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -34287,11 +34292,11 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "flex-start"
     }
   }, children: t("view.add") });
-}), mA = z(() => {
+}), mA = I(() => {
   const {
     t
   } = y(), e = pe();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Sr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_QUERIES_"]), sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Sr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_QUERIES_"]), sx: {
     width: "100%",
     borderRadius: 0,
     fontWeight: "normal"
@@ -34300,11 +34305,11 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "space-between"
     }
   }, children: t("query.manage") });
-}), pA = z(() => {
+}), pA = I(() => {
   const {
     t
   } = y(), e = pe();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Sr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_SQL_SNIPPETS_"]), sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Sr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_SQL_SNIPPETS_"]), sx: {
     width: "100%",
     borderRadius: 0,
     fontWeight: "normal"
@@ -34313,11 +34318,11 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "space-between"
     }
   }, children: t("sql_snippet.manage") });
-}), xA = z(() => {
+}), xA = I(() => {
   const {
     t
   } = y(), e = pe();
-  return /* @__PURE__ */ r.jsx(I, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Sr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_FILTERS_"]), sx: {
+  return /* @__PURE__ */ r.jsx(z, { variant: "subtle", rightIcon: /* @__PURE__ */ r.jsx(Sr, { size: 14 }), size: "sm", px: 12, mb: 0, color: "blue", onClick: () => e.editor.setPath(["_FILTERS_"]), sx: {
     width: "100%",
     borderRadius: 0,
     fontWeight: "normal"
@@ -34326,10 +34331,10 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
       justifyContent: "space-between"
     }
   }, children: t("filter.manage") });
-}), gA = z(({
+}), gA = I(({
   action_type: t,
   parentID: e
-}) => t === "_Add_A_Filter_" ? /* @__PURE__ */ r.jsx(lA, {}) : t === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ r.jsx(uA, {}) : t === "_Add_A_QUERY_" ? /* @__PURE__ */ r.jsx(dA, {}) : t === "_Add_A_VIEW_" ? /* @__PURE__ */ r.jsx(hA, {}) : t === "_Add_A_PANEL_" ? /* @__PURE__ */ r.jsx(cA, { parentID: e }) : t === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ r.jsx(mA, {}) : t === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ r.jsx(pA, {}) : t === "_FILTERS_SETTINGS_" ? /* @__PURE__ */ r.jsx(xA, {}) : null), Mu = z(({
+}) => t === "_Add_A_Filter_" ? /* @__PURE__ */ r.jsx(lA, {}) : t === "_Add_A_SQL_SNIPPET_" ? /* @__PURE__ */ r.jsx(uA, {}) : t === "_Add_A_QUERY_" ? /* @__PURE__ */ r.jsx(dA, {}) : t === "_Add_A_VIEW_" ? /* @__PURE__ */ r.jsx(hA, {}) : t === "_Add_A_PANEL_" ? /* @__PURE__ */ r.jsx(cA, { parentID: e }) : t === "_QUERIES_SETTINGS_" ? /* @__PURE__ */ r.jsx(mA, {}) : t === "_SQL_SNIPPETS_SETTINGS_" ? /* @__PURE__ */ r.jsx(pA, {}) : t === "_FILTERS_SETTINGS_" ? /* @__PURE__ */ r.jsx(xA, {}) : null), Mu = I(({
   option: t
 }) => {
   var u;
@@ -34339,12 +34344,12 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
   return B(() => {
     d(l);
   }, [l]), /* @__PURE__ */ r.jsx(li, { active: i, defaultOpened: l, opened: c, onChange: d, label: e(t.label), onClick: () => o(t), icon: t.Icon ? /* @__PURE__ */ r.jsx(t.Icon, { size: 18 }) : null, children: (u = t.children) == null ? void 0 : u.map((h) => h._type === "ACTION" ? /* @__PURE__ */ r.jsx(gA, { action_type: h._action_type, parentID: h.parentID }, `_ADD_${h.value}_`) : /* @__PURE__ */ r.jsx(Mu, { option: h }, h.value)) }, t.label);
-}), fA = z(() => {
+}), fA = I(() => {
   const t = pe();
   return /* @__PURE__ */ r.jsx(M, { sx: {
     position: "relative"
   }, children: t.editor.navOptions.map((e) => /* @__PURE__ */ r.jsx(Mu, { option: e }, e.value)) });
-}), bA = z(() => {
+}), bA = I(() => {
   const {
     t
   } = y(), e = pe();
@@ -34372,7 +34377,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     }, children: /* @__PURE__ */ r.jsx(fA, {}) }),
     /* @__PURE__ */ r.jsx(Vt.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(Il, { size: 18 }), onClick: () => e.editor.close(), children: t("common.actions.close") }) }) })
+    }, children: /* @__PURE__ */ r.jsx(z, { size: "xs", color: "red", leftIcon: /* @__PURE__ */ r.jsx(zl, { size: 18 }), onClick: () => e.editor.close(), children: t("common.actions.close") }) }) })
   ] });
 }), yA = {
   root: {
@@ -34396,7 +34401,7 @@ const iA = z(() => /* @__PURE__ */ r.jsx(k, { sx: {
     paddingTop: 0,
     height: "100vh"
   }
-}, _A = z(() => {
+}, _A = I(() => {
   const t = pe().editor;
   return /* @__PURE__ */ r.jsx(je, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionProps: {
     duration: 0
@@ -34484,12 +34489,12 @@ const wA = {
   }, children: /* @__PURE__ */ r.jsx(dc, { value: j, children: /* @__PURE__ */ r.jsx(xc, { value: j.content, children: /* @__PURE__ */ r.jsx(Fi.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ r.jsx($t.Provider, { value: E, children: /* @__PURE__ */ r.jsxs(Es, { configure: P, children: [
-    /* @__PURE__ */ r.jsx(cl, { padding: 0, header: /* @__PURE__ */ r.jsx(zM, { onExit: u, saveDashboardChanges: T, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(eL, {}), styles: wA, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
+    /* @__PURE__ */ r.jsx(cl, { padding: 0, header: /* @__PURE__ */ r.jsx(IM, { onExit: u, saveDashboardChanges: T, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(eL, {}), styles: wA, children: /* @__PURE__ */ r.jsx(M, { className: `${i} dashboard-root`, sx: {
       position: "relative"
     }, children: j.content.views.visibleViews.map((q) => /* @__PURE__ */ r.jsx($D, { view: q }, q.id)) }) }),
     /* @__PURE__ */ r.jsx(_A, {})
   ] }) }) }) }) }) }) }) }) });
-}, C2 = z(ne(SA));
+}, C2 = I(ne(SA));
 const Lu = p.model({
   id: p.string,
   name: p.string,
@@ -34646,7 +34651,7 @@ const CA = p.model({
   globalSQLSnippets: Gd,
   context: Sa
 });
-function zA({
+function IA({
   id: t,
   name: e,
   group: n,
@@ -34669,7 +34674,7 @@ function zA({
 }
 nc();
 rc();
-const IA = ({
+const zA = ({
   context: t,
   dashboard: e,
   content: n,
@@ -34686,7 +34691,7 @@ const IA = ({
     data: u = []
   } = wn($i), {
     data: h = []
-  } = wn(sc), m = L.useMemo(() => zA(e, n, u, h, t, l ?? {}), [e, n]);
+  } = wn(sc), m = L.useMemo(() => IA(e, n, u, h, t, l ?? {}), [e, n]);
   _u(m.content, !1), L.useEffect(() => {
     m.context.replace(t);
   }, [t]), L.useEffect(() => {
@@ -34707,13 +34712,13 @@ const IA = ({
   }, children: /* @__PURE__ */ r.jsx(Fi.Provider, { value: {
     inEditMode: !1
   }, children: /* @__PURE__ */ r.jsx(M, { className: `${s} dashboard-root`, children: /* @__PURE__ */ r.jsx($t.Provider, { value: x, children: /* @__PURE__ */ r.jsx(Es, { configure: f, children: m.content.views.visibleViews.map((j) => /* @__PURE__ */ r.jsx(Ca, { view: j }, j.id)) }) }) }) }) }) }) }) }) }) }) });
-}, z2 = z(IA);
+}, I2 = I(zA);
 $.extend(wp);
 $.extend(Sp);
 $.extend(kp);
 $.extend(Cp);
-$.extend(zp);
 $.extend(Ip);
+$.extend(zp);
 $.extend(Tp);
 $.extend(Dp);
 $.extend(Mp);
@@ -34745,7 +34750,7 @@ $.tz.setDefault("UTC");
 $.updateLocale("en", {
   weekStart: 1
 });
-const I2 = () => Promise.resolve().then(() => ng).then(({
+const z2 = () => Promise.resolve().then(() => ng).then(({
   version: t
 }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
@@ -34813,7 +34818,7 @@ export {
   vT as QueryMeta,
   qD as QueryModel,
   ru as QueryRenderModel,
-  z2 as ReadOnlyDashboard,
+  I2 as ReadOnlyDashboard,
   ST as SQLSnippetMeta,
   YT as SQLSnippetRenderModel,
   BD as SQLSnippetsModel,
@@ -34836,10 +34841,10 @@ export {
   kA as createContentRenderModel,
   Qd as createContextMeta,
   aM as createDashboardModel,
-  zA as createDashboardRenderModel,
+  IA as createDashboardRenderModel,
   XT as createDraft,
   kT as createFilterCheckboxConfig,
-  zT as createFilterDateRangeConfig,
+  IT as createFilterDateRangeConfig,
   TT as createFilterMultiSelectConfig,
   DT as createFilterSelectConfig,
   Od as createFilterTextInputConfig,
@@ -34856,7 +34861,7 @@ export {
   KT as getInitialSQLSnippetsRenderModel,
   NT as getInitialViewsRenderModel,
   GT as getNewPanel,
-  I2 as getVersion,
+  z2 as getVersion,
   j2 as initialDashboardContent,
   uc as useDashboardContext,
   lg as useDashboardThemeContext,